/* CSS Document line 174, 218
dull
	#333333 dkgray
	#ffffff
	#ccdddd ltblu
	#aabbdd medblu
	#885555 ltmaroon
	
vibrant
	#333344 dkgray
	#ffffff
	#ffffff
	#99bbff medblu
	#aa2222 red
	*/



/* to force footer down; in html add 
<div class="push"></div> inside wrapper at end 

/* the bottom margin is the negative value of the footer's height */
/*
 .wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -30px;
	
}
.footer, .push {
	height: 30px;
}
*/

/* ==========================================
	          Some crap from Pages, Word, or Appleworks html conversion
	          STRANGELY, this seems to need to be here (near top of stylesheet)?!
=========================================  

p {margin: 0; font-family: arial, verdana;}
div.maincontent.converted p {margin: 0; font-family: arial, verdana;} */

p.p1 {margin: 0; font: arial, verdana 14.0px bold;}
p.p6 {margin: 0; text-align: center; font: arial, verdana 12.0px;}
span.s1 {margin-left: 1em; letter-spacing: 0.0px}
span.s2 {text-decoration: underline ; letter-spacing: 0.0px}
span.s3 {font-size: 13.0px; letter-spacing: 0.0px}
    
    

/* ==========================================
	          Element selectors 
=========================================  */
body {
	background-color: #FFF;
	height: 100%;
	margin: 0;
	padding: 0;
	font: 92% arial, helvetica, verdana, sans-serif;
}
p {margin: 8px 0 0 0;}

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,a[name]:hover {text-decoration: none;}
a:hover {text-decoration: underline;}
a:visited {color: #969;}
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 
=========================================  */

div.subnav {
	float: left; 
	width: 175px; /* adjust inline as needed */
	margin: 7px 8px 8px 11px; /* adjust inline as needed */
	text-align: center;
}
div.main {
	padding: 4px 8px;
	height: 100%;
}
div.maincontent {
	border:1px solid #00458A;
	border-bottom: none;
	/* padding: 5px; */
}
div.maincontent p {
	padding-left: 5px;
}

.maincontent h2 {
	text-align: center; 
	background-color: #f7efd5; /* was lt gray: ddd */ 
	clear: both;
	margin: 0 0 1px 0;
	padding: .5em 0 3px 0;
	border-bottom:1px solid #00458A;
	font-size: 1.6em;
	color: #6a5136; /*540b13 is dk brick red; was dk gray: 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%;  /* ???  */
}
div.faqtoc p {
	/* font-weight: bold; */
	font-size: 1.15em;
}
div.faqtoc p a:hover {
	background-color: #ffff7a;  /* ccddf0  */
	text-decoration: none;
}

p.sdfootnote {
	margin-left: 0.2in; 
	text-indent: -0.2in; 
	margin-bottom: 0in; 
	font-size: 10pt;
}
p.printonly {
	display: none;
}
.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;}
.hiliteyel {
	background-color: #FF7;
	padding: 0 .2em;
}
.hilitegrn {background-color: #28FF28;}

.nodisplay {display: none;} /* opposite of noprint - prints, but no on-screen display */

.homequote {
	color: #333;
	font-size: 1.2em;
	background-color: #ddd;
	text-align: center;
	margin: -1px 0 0 0;
	padding: .2em 1em;
	border: 1px solid #999;
	border-left: none;
	border-right: none;
}
.gryCallout, .smGryCallout {
	color: #333;
	background-color: #ddd;
	border: 1px solid #999;
	margin: .25em 0 .4em 0;
	padding: .3em;
}
.smGryCallout {
	font-size: .9em;
}
.subnav p {
	border: 1px solid #00458A;
	margin: -1px .15em 0 .15em;
	font-size: .9em;
	padding: 2px;
}
.subnav p.head {
	border: 1px solid #00458A;
	background-color: #ffc; /* was cf9 */
	font-weight: bold;
	margin: .8em .15em 0 .15em;
}
.subnav p.note {
	background-color: #CCC;
	margin-right: .16em; /* wonky without it! */
	font-size: .85em;
}
.subnav p a {
	display: block;
	text-decoration: none;
	padding: 1px;
}
.subnav p a:hover {
	background-color: #ffff7a;
}
.subnav p em {
	color: #00458A; /* 0061C2 was green */
}



#footer {
	clear: both;
	font-size: .5em; 
	margin: 0px; 
	padding: 0px; 
	text-align: right; 
	border-top: 1px solid #00458A;
}
#btns, .subBtns {  
	position: relative;
	float: right;
	width: 100%;
	line-height: normal;
	margin: 0 0 0 20px; /* bot was .1em; dunno why this can't be in #btns ul */
	/* border: 1px solid #060; */
 }
.subBtns {  
	padding-bottom: .5em; /* dunno why this can't be in .subBtns ul */
	color: #000;
	font-size: 95%;
 }
div.subBtns {
	background-color: #f7efd5; /* beige NEW */
}
div#btns {
	margin: 0 0 0 130px;
	background-color: #f7efd5; /* beige */ 
}
#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.3em; /* can't be in .subBtns! */
 }
#btns li, .subBtns li {
	float:left;
	margin: 0 5px 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: #c4cfff; /* ccddf0 is lighter 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 {  
	padding: 0 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;
}

div .feature {
	float: right;
	margin: 1.2em 1em 2em 1em;
	width: 32%;
	padding: 0 1px;
	border: 3px solid #930;
	background-color: #f93; /*orange; f7efd5 is lt beige */
	text-align: center;
	font-family: Verdana, Helvetica, sans-serif;
}
.feature ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin: 2%; /* all hail Gunlaug! */
} 
.feature li {
	background: #fff;
	border: 1px solid #930; /* muted brown: 5f4900 */
	margin: 4px 0;
}
.feature a {  /* (see iestyles.css) */
	color: #6a5136; /* was 540b13 */
	display: block;
	/* padding: 3px 10px; */
	font-weight: bold;
	font-size: 1.05em;
	text-decoration: none;
	padding: 2px 8px;
}
.feature a:hover {
	background: #ff6;
	text-decoration: none;
}
.feature em { 
	color: #333;
	font-weight: normal;
	font-size: 85%;
}
.feature span {
	color: #360;
	font-weight: normal;
	font-size: 80%;
}
.feature li.impt {
	background: #ff9; /* was ddd */
}



div.hfeature {
	margin: 0 auto;
	width: 96%;
	/* margin-left: 50px;
	border: 1px solid gray;
	padding: 0 3px;
	background-color: #39f; */
}
.hfeature ul {
	padding: 0;
	list-style: none;
	margin: 0 auto;
	width: 100%;
	height: 5em;
} 
.hfeature li {
	float:left;
	margin-right: 15px; /* space between 'btns' */
	padding: 0;
	border: 2px solid #00f; /* 063 grn */
}
.hfeature a { 
	display: block;
	float: left;
	padding: 2px 4px 3px 4px;
	background-color: #39f; /* 9f9 lt grn */
	color: #000;
	text-decoration: none;
	font-weight: bold;
	font-size: 1.1em;
	white-space: nowrap;
}
.hfeature > ul a, .subBtns > ul a {width:auto;}  /* child selector not seen by IE Win */

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

.hfeature a:hover {
	background-color: #ff6;
	color: #000;
	text-decoration: underline;
}
.hfeature a:visited {color: #333;
}
.hfeature em { 
	color: #333;
	font-weight: normal;
	font-size: 85%;
}
.hfeature span {
	color: #360;
	font-weight: normal;
	font-size: 80%;
}
.hfeature li.impt {
	background: #ddd; /* #ccddf0;
}


/* ==========================================
	          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;
}