/* ==========================================
	          Element selectors 
=========================================  */
html, body {
	background-color: #FFF;
	height: 100%;
	margin: 0;
	padding: 0;
	font: 92% Garamond, "Times New Roman", Times, serif;
}
p {margin: 5px 0 0 0;}

p.sdfootnote { margin-left: 0.2in; text-indent: -0.2in; margin-bottom: 0in; font-size: 10pt;}

p.printonly { font-style: italic;}

h1 {
	font-size: 2em;
	margin: .4em 0;
}
h2 {
	font-size: 1.7em;
	margin: .35em 0;
}
h3 {
	font-size: 1.5em;
	margin: .3em 0;
}
h4 {
	font-size: 1.3em;
	margin: .25em 0;
}
h5 {
	font-size: 1.15em;
	margin: .2em 0;
}

a {text-decoration: none;}
a:hover {text-decoration: underline;}
a:visited {color: #69F;}
a img {border: none;} /* else Firefox outlines imgLinks blue */
a.sdfootnoteanc {font-size: 57%;}

a:active { color:#000;} /* needed to make :active work correctly in IE */

.ltblu {
	background-color: #CCFFD9;
}


/* ==========================================
	          Class selectors 
=========================================  */

.noprint {
	display: none
}
div.subnav {
	display: none
}
div.main {
	padding: 4px 8px;
	height: 100%;
}
div.maincontent {
	clear: both;
	border:1px solid #00458A;
	border-bottom: none;
	/* padding: 5px; */
}

.maincontent h2 {
	text-align: center; 
	background-color: #eee; 
	margin: 0 0 1px 0;
	padding-bottom: 3px;
	border-bottom:1px solid #00458A;
	font-size: 1.6em;
	color: #666;
}
 /* NEXT 2 SELECTORS NOT USED (?) */
div.bluLeftBox {
	float: left; width: 12em;
	border:1px solid #00458A;
	margin: 0 15px 0 10px;
	padding: 10px;
}
div.blubox {
	border:1px solid #00458A;
	padding: 10px;
	height: 100%;  /* ???  */
}
#footer {
	clear: both;
	font-size: .5em; 
	margin: 0px; 
	padding: 0px; 
	text-align: right; 
	border-top: 1px solid #00458A;
}
.btn {
	background-color: #FD8; /* ffff00  */
	/* border: 1px solid #006600; simple border */
	border-bottom: 2px outset #3F3; /* similar to 009900 med grn, which doesn't work!  */
	border-right: 2px outset #3F3;
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	padding: 2px;
	margin: .2em 0;
	text-align: center;
	/* display: inline; makes p behave as inline element; otherwise full width */
	/* unfortunately, margins don't work due to inline rule */
}
.btn a {display: block;}
.tight {margin: .4em 0 .15em 0;} /* top right bottom left */

.hilite {background-color: #E9FF5C;}

.hilitegrn {background-color: #28FF28;}

.smGryCallout {
	font-size: .9em; 
	color: #333;
	background-color: #DDD;
	border: 1px solid #999;
	margin: .25em 0 .4em 0;
	padding: .3em;
}
.subnav p {
	border: 1px solid #00458A;
	margin: -1px .15em 0 .15em;
	font-size: .9em;
}
.subnav p.head {
	border: 1px solid #00458A;
	background-color: #ffc; /* was cf9 */
	font-weight: bold;
	margin: .8em .15em 0 .15em;
	padding: 2px;
}
.subnav p.note {
	border: 1px solid #00458A;
	background-color: #CCC;
	margin-top: 0px;
	margin-left: .15em;
	font-size: .85em;
}
.subnav p a {
	display: block;
	text-decoration: none;
	padding: 3px;
}
.subnav p a:hover {
	background-color: #ffff7a;
	border: 1px solid #00458A;
	padding: 2px;
}
.subnav p em {
	color: #00458A; /* 0061C2 was green */
}



#btns, .subBtns {  
	position: relative;
	float: right;
	width: 100%;
	line-height: normal;
	margin: 0 5px .1em 20px; /* dunno why this can't be in #btns ul */
	/* border: 1px solid #060; */
 }
.subBtns {  
	display: none
	/*margin-bottom: .5em;
	color: #000;
	font-size: 95%;
	 */
 }
div#btns {
	display: none;
}
#btns ul, .subBtns ul { /* centering via margin-right&left: auto might be nice, but doesn't work */
	padding: 0;
	list-style: none;
 }
#btns ul {
	margin: 4px 0 0 4px; /* can't be in #btns! */
 }
.subBtns ul {
	margin: 0 0 0 4.8em; /* can't be in .subBtns! */
 }
#btns li, .subBtns li {
	float:left;
	margin: 0 3px 4px 0; /* space between 'btns' (left was -1) */
	padding: 0;
	border-left: 2px solid #00458A; /* 994D00 855 060 */
	border-top: 2px solid #00458A;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999; /*  666 */
 }
#btns a { 
	display: block;
	float: left;
	padding: 2px 4px 3px 4px;
	background-color: #ccddf0; /* lt blue - bdffff cdd CF9 1st row btn color */
	color: #000;
	text-decoration: none;
	font-weight: bold;
	width: .1em;
	white-space:nowrap;
}
#btns > ul a, .subBtns > ul a {width:auto;}  /* child selector not seen by IE Win */

/* Commented Backslash Hack
	 hides rule from IE5-Mac \*/
#btns a, .subBtns a {float: none;}
/* End IE5-Mac hack */

#btns a:hover {
	background-color: #9bf;
	color: #000;
	text-decoration: underline;
}
#btns a:visited {color: #765;
}
#btns .curr a {
	background-color: #ffc;
	color: #333;
 }
#btns .curr a:hover, .subBtns .curr a:hover {
	text-decoration: none;
}
#cont_div p {
	margin: 0 .8em;
}
.subRow {  
	margin: -.5em 0 .5em 0; /* dunno why this can't be in .subBtns ul */
 }
.subRow ul { /* centering via margin-right&left: auto would be nice, but doesn't work */
	margin-left: 6.5em;
 }
.subBtns a { 
	display: block;
	float: left;
	padding: 2px 4px 3px 4px;
	background-color: #ffc; /*  e0dcb9 (sand?) FF9 */
	color: #000;
	text-decoration: none;
	font-weight: bold;
	width: .1em;
	white-space:nowrap;
}
.subBtns a:hover {
	background-color: #ffff7a; /* FF0 */
	color: #333;
	text-decoration: underline;
}
.subBtns a:visited {color: #666;
}
 .subBtns .curr li{ /* this selector not recognized! */
	border-left: 3px solid #F30;
 }
.subBtns .curr a {
	background-color: #ffff7a; /* FF6 would be nice if I could also change curr borders, but... */
	color: #333;
 }
.subBtns .inert a {
	color: #999;
}
.subBtns .inert a:hover {
	background-color: #FFC;
	text-decoration: none;
}
.faq h3 {
	margin: .5em 0 0 1em;
	font-size: 1.4em;
}
.faq h4 {
	margin: 1.2em 0 0 1em;
	font-size: 1.5em;
	text-align: center;
	color: #063;
}
.faq h5 {
	background-color: #FFC;
	margin: .7em 10em 0 0;
	border-top: 1px solid gray;
	border-left: 1px solid gray;
	padding: 2px 0 1px 4px;
}



/* ==========================================
	          Gallery CSS from CSS-Play http://www.cssplay.co.uk/ 
=========================================  */

/* configured for landscape slides 590x442 max; portrait: ?
	style the outer cntaining div to fit the landscape, portrait and buttons */
#album {
width:640px; 
height:480px; 
/* background:#eee url(gallery/deer.jpg) 0 40px no-repeat; */
border:1px solid #aaa;
margin:0 auto;
}
/* remove the padding margin and bullets from the list. Add a top margin and width to fit the images and a position relative */
.gallery {
padding:0; 
margin:5px 0 0 0; 
list-style-type:none; 
position:relative; 
width:620px;
}
/* remove the default image border */
.gallery img {
border:0;
}
/* make the list horizontal */
.gallery li {
float:left;
}
/* style the link text to be central in a surrounding box */
.gallery li a, .gallery li a:visited {
font-size:11px;
float:left; 
text-decoration:none; 
color:#000; 
background:#fff; 
text-align:center; 
width:26px; 
height:20px; 
line-height:18px; 
border:1px solid #444;
margin:2px;
}
/* position the images using an absolute position and hide them from view */
.gallery li a img {
position:absolute; 
top:-110px; 
left:0; 
visibility:hidden; 
border:0;
}
/* fix the top position for the landscape images */
.gallery li a img.landscape {
top:30px;
}
/* fix the left position for the portrait images */
.gallery li a img.portrait {
left:0;
border-left:40px solid #eee;
border-right:40px solid #eee;
}
/* style the hover background color for the text boxes */
.gallery li a:hover {
background:#ddd;
}
/* style the active/focus colors for the text boxes (required for IE) */
.gallery li a:active, .gallery li a:focus {
background:#444; 
color:#fff;
}
/* make the images visible on active/focus */
.gallery li a:active img, .gallery li a:focus img {
visibility:visible;
}