/* VGS Victoria Genealogical Society - Style Sheet */

/* colors used (see kuler.adobe.com color pallet file):
sage green matte - #78ad78
green/grey outer border - #496949 
dark green - #2e432e
green, h1 - #398939
pale green (menu bg) - #abd2a4
td
dark plum - #603048
pale lilac - #F1B9FF looks pink on Mac
rose - #ad7892 - d08fae - e49dbf
*/

/* ----------------- page layout ------------------- */

body {
background-color :#78ad78;
background-image:url(../graphics/green1_diamonds010_tile.jpg); 
background-repeat:repeat;
text-align:center; /*trying to fix an IE display bug */
font:normal normal normal 14px Arial, Helvetica, sans-serif;
color:#000000;
} 

div#outer { 
background-color:#ffffff;
border: 3px #496949 solid; /* was #cc9900 */
min-width:780px;
max-width:1080px;
/*width:auto;*/
margin:20px auto;	
padding:10px;			
}

div#wrapper1 {
background-color: #78ad78;
margin:0;
padding:20px;
border:3px #339966 ridge;				
}

div#wrapper2 {
background-color:#ffffff;
border:2px #2e432e ridge;				
}

div#header {
margin:0; 
padding:0 20px;
text-align:center;
position:relative;				
}

div#header_text {
width:100%;
margin:0;
/*padding:160px 20px 0 20px;*/
position:absolute;	
left:116px;
top:70px;
text-align:center;
font-size:11pt;						
}

div#main {
margin:0;
padding:20px 20px 20px 20px;
text-align:left;				
}

div#wrapper3 {
margin:0 auto 0 auto;			
}

.inset {
margin:10px 40px 20px 40px;
padding:10px 20px;
border:2px #78ad78 groove;				
}

.inset1 {
margin:10px 160px 20px 160px;
padding:10px 20px;
border:2px #78ad78 groove;
text-align:center;				
}

.inset2 {
margin:10px 40px 20px 40px;
padding:10px 20px;
border: 0;
font-style: italic;
font-size:.9em;
font-weight:normal;				
}

.inset3 {
margin:20px auto 20px auto;
padding:20px;
border:0 #78ad78 groove;				
}
.inset4 {
margin:0px 20px 0px 20px;
padding:5px;
border:1px #78ad78 solid;
}

.inset5 {
width:60%;
margin:10px auto 20px auto;
padding:10px 20px;
border:2px #78ad78 groove;	
text-align:center;
font-size: 3em;
font-weight:bold;			
}


div#menu_top {
background-color:#c0ecb7;/* lighter is #b7fdb1 or c0ecb7; darker #abd2a4;*/
border-top: 2px #2e432e ridge;
border-bottom:2px #2e432e ridge;
text-align:center;	
padding:5px 20px 5px 20px;			
}

div#menu_bottom {
background-color:#c0ecb7;
border-top: 2px #2e432e ridge;
border-bottom:2px #2e432e ridge;
text-align:center;	
padding:5px 20px 5px 20px;					
}

div.clear {
clear:both;				
}

div#footer {
margin:0;
padding:0px;/* was 0 20px 10px 20px*/
text-align:center;
width:100%;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
/*position:relative;*/				
}


<!-- ********************** tables *********************** -->
table {
border-color: #496948; /* was #cc9900 */
border-style: ridge
}

/* queries page table, msi surname tables */
table.a {
width:90%;
border-color: #496949;
border-style: solid;
border-width: 1px;
margin: 10px auto;
border-collapse: collapse; 
} 

table.a td.b {
width:40%;	
vertical-align:top;	
padding:10px;	
}

td.z {
vertical-align:top;
padding:10px;				
}

/* SIGs table */
table.c {
border-color: #496948;
border-style: solid;
} 
td.c {
background-color:#abd2a4;	/* was #ffff99; */	
border: 1px #496949 solid;
color : #000000;
}

/*header table*/
table#h {
width: 500px;
margin: 0px auto 0px auto;
border-collapse: collapse; 
border: none;	
}
table#h td {
font-size:13px;					
}

/*footer table*/
table#f {
width: 400px;
margin: 0px auto 0px auto;
border-collapse: collapse; 
border: none;	
}
table#f td {
font-size:10px;					
}
table#f td a{
font-size:10px;					
}

/* members interest indexes */
table.p {
width:100%;
border: 2px green groove;
border-collapse: collapse; 
background-color : #ffffff;
color : #000000;}

table.p h3 {
text-align:center;
color:black;	
}

table.p th {
border: solid black 1px;	
padding: 5pt;
color : #2a2a2a;
background-color:#abd2a4;
}

table.p td {
color : #2a2a2a;
border: solid #78ad78 1px;
text-align:left;					
}

/* contacts, links*/
table.w {
width:100%;
border-style: none;
background-color : #ffffff;
color : #000000;
text-align:top;}

table.w td {
vertical-align:top;				
}

table.w h3 {
text-align:center;
color:black;	
}

table.index {
width:645px;
margin-left:auto;
margin-right:auto;
border:2px solid black;
border-collapse:collapse;
}

table.options {
width: 70%;
margin: 20px auto 20px auto;
border-collapse: collapse; 
border: 2px #496949 solid;				
}
table.options tr td {
width:33%;
padding: 5pt;
/*margin-left : 10%;
margin-right : 10%;*/
color : #2a2a2a;
border: 1px #78ad78 solid;
text-align:center;			
}
				

/* used on library page + */
table#schedule {
width: 70%;
margin: 20px auto 20px auto;
border-collapse: collapse; 
border: 3px #496949 groove;				
}

table#schedule tr th{
border: solid black 1px;	
padding: 5pt;
margin-left : 10%;
margin-right : 10%;
color : #000000;
background-color:#abd2a4; /*was #339966*/
text-align:center;	
}

table#schedule tr td{
padding: 5pt;
margin-left : 10%;
margin-right : 10%;
color : #2a2a2a;
border: 1px #78ad78 solid;
text-align:center;			
}

th {
font-family : Arial, Helvetica, sans-serif; 
font-size : 11pt;  
}

td {
font-family : Arial, Helvetica, sans-serif; 
font-size : 11pt;  
}

td {
background-color : #ffffff;
padding : 5pt;
margin-left : 10%;
margin-right : 10%;
color : #000000;				
}

td.half {
width:50%;
vertical-align:top;
margin:0;
padding:0;				
}

/* donors */
table.tri {
width:90%;
margin: 0px auto 0px auto;
border-style: none;
background-color : #ffffff;
color : #000000;
}

table.tri td {
width:33%;
vertical-align:top;
text-align:left;				
}


/* ------------------- text formating ----------------------- */


ol {
font-family : Arial, Helvetica, sans-serif; 
font-size : 11pt;  
}
dl {
font-family : Arial, Helvetica, sans-serif; 
font-size : 11pt;  
}
ul {
font-family : Arial, Helvetica, sans-serif; 
font-size : 11pt;  
}

ul.narrow {
font-family : Arial, Helvetica, sans-serif; 
font-size : 14px;
list-style-type: none;
padding:0;
margin:0;
text-align: left;
text-indent:0;
}

ul.narrow li {
margin:0;
padding:0 0 10px 0;
text-indent:0;				
}

ul.narrow li a {
font-size:14px;			
}

li {
padding-bottom:10px;								
}

ul {
list-style-position : inside; 
} 

ul.o {
list-style-position : outside; 
background-color : transparent; 
}

ol li {
padding: 3px;
font-size:.9em;				
}

blockquote {
font-family : Arial, Helvetica, sans-serif; 
font-size : 11pt;  
}


div {
font-family : Arial, Helvetica, sans-serif; 
font-size : 11pt;  
}

p {
font-family : Arial, Helvetica, sans-serif; 
font-size : 11pt;  
}

h1 {
margin: 0;
padding: 20px 10px 6px 10px;
font-family : Verdana, Arial, Helvetica, sans-serif; 
font-size : 14pt; 
font-weight : bold; 
color:#398939; /* was #996600 or cc6600 gold */
background-color : transparent;
text-align:center;
}
h2 {
font-family : Arial, Helvetica, sans-serif; 
font-size : 14pt; 
font-weight : bold; 
padding: 5px;
color : #603048; /* plum - was #996600 gold */
background-color:#c38ffe; /* was ceadff, f1b9ff pale lilac, then #d08fae, or transparent  */
background-image:url(../im/periwinkle_bar.jpg);
background-repeat:repeat-x;
border-bottom:2px #944a6f groove; /* was #944a6f */
} 
h3 {
				font-family: Arial, Helvetica, sans-serif;
				font-size: 13pt;
				font-weight:bold;
				font-variant: small-caps;
				color : #496949;
				background-color : #ffffff;
}
h4 {
font-family : Arial, Helvetica, sans-serif; 
font-size : 13pt; 
font-weight : bold; 
color :#3a3a3a; 
background-color : transparent; 
}
h5 {
font-family : Arial, Helvetica, sans-serif; 
font-size : 12pt; 
font-weight : bold; 
color : #ad7892;  /*was #339966 green*/
background-color : transparent;
} 
h6 {
font-family : Arial, Helvetica, sans-serif; 
font-size : 11pt; 
font-weight : bold; 
color : #78ad78;  /*was #339966 green*/
background-color : transparent;
} 

a {
background:transparent;
font-weight:normal;
font-family: Arial, Helvetica, sans-serif; 
font-size: 11pt; 
color: #398939; 
text-decoration: none;				
}
a:link {
color: #398939; 
text-decoration: underline;
}
a:visited {
color: #398939; 
text-decoration: underline;
} 
 
a:hover {
color: #603048; 
text-decoration: underline;
}
 
a:active {
color: #398939; 
text-decoration: none;
}

a.n:link {
color : #496949; /*originally 009933*/
text-decoration : none;
font-size : 11pt;  
}
a.n:visited {
color : #496949; 
text-decoration : none;
font-size : 11pt;  
} 
a.n:hover {
color : #603048; 
text-decoration : none;
font-size : 11pt;  
} 
a.n:active {
color : #496949; 
text-decoration : none;
font-size : 11pt; 
}

img {
border:0;	
}

span.on {
background : transparent; 
color : #603d48; /*was 996600 gold*/
text-decoration : none;
font-weight : bold; 
font-family : Arial, Helvetica, sans-serif; 
font-size : 11pt;  
}

div#seve {
font-family : Comic Sans MS, Arial, Helvetica, sans-serif; 
font-size : 10pt; 
color : #000000; 
background-color : transparent; 
}

div.menu2 {
text-align: center;	
}

div.menu2 a {
font-size: 1.1em;
font-variant: small-caps;
}

div.menu2 a:hover {
font-size: 1.1em;
font-variant: small-caps;
}

div.menu3 {
text-align: center;
font-size:1.5em;
font-weight:bold;	s
}

div.menu3 a {
font-size: 1.1em;
font-variant: small-caps;
font-weight:bold
}

div.menu2 a:hover {
font-size: 1.1em;
font-variant: small-caps;
}


p.margin {
margin-right : 20%; 
margin-left : 10%; 
} 

div.margin {
margin-right : 20%; 
margin-left : 10%; 							
}

p.marg {
margin-right : 30%; 
margin-left : 30%; 
}
p.marg2 {
margin-right : 15%; 
margin-left : 15%; 
}
p.sm {
font-family : Arial, Helvetica, sans-serif; 
font-size : 7pt; 
font-weight : bold; 
background-color : transparent; 
}

p.lar {
font-family : Arial, Helvetica, sans-serif; 
font-size : 12pt; 
font-weight : normal; 
background-color : transparent; 
}
p.ex {
border : 3pt solid #cc9900;
background-color : #ffffff;
padding : 5pt;
margin-top : 5pt;
margin-bottom : 5pt;
margin-left : 10%;
margin-right : 10%;
color : #000000;
}

.caption {
text-align: center;
font-style: italic;
font-size:.9em;
font-weight:normal;				
}

.note {
text-align: center;								
}

.note2 {
text-align: center;	
font-weight: bold;						
}

.note3 {
text-align: center;	
font-weight: bold;
color:#993399;						
}

.note4 {
text-align: center;	
font-weight: bold;
color:red;						
}
.note5 {
text-align: center;	
font-weight: bold;
color:yellow;						
}

.note6 {
text-align: center;
font-style: italic;
font-size:1.1em;
font-weight:bold;
margin-top:0;			
}


.reduced {
color:#603048;
font-size:.85em;
font-style: normal;				
}

i.g {
color : #006600; 
background-color : transparent;
font-weight : bold;  
}

i.gr {
color : #ff0000; 
background-color : transparent;
font-weight : bold;  
}

i.s {
font-family : Verdana, Arial, Helvetica, sans-serif; 
font-size : 8pt; 
font-weight : normal; 
color : #000000; 
background-color : transparent; 
} 

.left {
text-align:left;
margin:0;
padding:0 10px 0 0;
} 
.right {
text-align:right;
margin:0;
padding:0 0 0 10px;
}

table.photo300_right {
width:320px;
float:right;			
}

table.photo300_left {
width:320px;
float:left;			
}

table.photo225_right {
width:245px;
float:right;			
}

table.photo225_left {
width:245px;
float:left;			
}

table.photo180_left {
width:200px;
float:left;	
}

table.photo180_right {
width:200px;
float:right;	
}

.floatl {
float:left;
margin:0;
padding-right:10px;
padding-left:0;	
}

.floatr {
float:right;
margin:0;
padding-left:10px;
padding-right:0;				
}


/*excel export auto styles*/

.style0
	{text-align:general;
	vertical-align:bottom;
	white-space:nowrap;
	color:windowtext;
	font-size:10.0pt;
	font-weight:400;
	font-style:normal;
	text-decoration:none;
	font-family:Verdana;
	border:none;}
/*td - conflicts with contact form ....
	{padding-top:1px;
	padding-right:1px;
	padding-left:1px;
	color:windowtext;
	font-size:10.0pt;
	font-weight:400;
	font-style:normal;
	text-decoration:none;
	font-family:Verdana;
	text-align:general;
	vertical-align:bottom;
	border:none;
	white-space:nowrap;}*/
	
.ind01
	{font-size:14px;
	vertical-align:top;
	text-align:left;
	border: 1px #496949 solid;
	white-space:normal;}
.ind02
	{font-size:14px;
	vertical-align:top;
	text-align:left;
	border: 1px #496949 solid;
	white-space:normal;}
.ind03
	{font-size:14px;
	text-align:left;
	vertical-align:top;
	border: 1px #496949 solid;
	white-space:normal;}
.ind04
	{font-size:14px;
	vertical-align:top;
	text-align:center;
	border: 1px #496949 solid;
	white-space:normal;
	width:80px;}
.ind05
	{font-size:14px;
	vertical-align:top;
	text-align:center;
	border: 1px #496949 solid;
	white-space:normal;
	width:80px;}
.ind06
	{font-size:14px;
	vertical-align:top;
	text-align:left;
	border: 1px #496949 solid;
	white-space:normal;
	width:140px;}

	
/*Excel custom styles from first batch
.xl24
	{font-size:11.0pt;
	vertical-align:top;
	text-align:left;
	border: 1px #496949 solid;
	white-space:normal;}
.xl25
	{font-size:11.0pt;
	vertical-align:top;
	text-align:left;
	border: 1px #496949 solid;
	white-space:normal;}
.xl26
	{font-size:11.0pt;
	text-align:center;
	vertical-align:top;
	border: 1px #496949 solid;
	white-space:normal;}
.xl27
	{font-size:11.0pt;
	vertical-align:top;
	text-align:left;
	border: 1px #496949 solid;
	white-space:normal;}
*/