/* 	RESET --------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, a img,:link img,:visited img,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0; padding:0; border:0; outline:0;
	font-weight:inherit; font-style:inherit; font-family:inherit;
	text-align:left;
	vertical-align:baseline;
	background:transparent; }
body { font:76%/1.8 Verdana, Arial, Helvetica, sans-serif; color:#666; padding:0 0 25px 0; }
:link,:visited,:hover { text-decoration:none; }
ol, ul, li { list-style:none; }
blockquote, q { quotes:none; }
a,:active,:focus { outline:0; /* remember to define focus styles! */ }
table { border-collapse:collapse; border-spacing:0; font-size:1em;
	/* tables still need 'cellspacing="0"' in the markup */ }
address { font-style:normal /* de-italicize address */ }



/* LAYOUT ---------------------------------------------- */

#bodyContent { position:absolute; top:0; right:0; bottom:0; left:0; margin:0; background:url(../images/bkgd_side_btm.png) right repeat-y; min-width:890px; }
	* html #bodyContent { 
	   width: expression( document.body.clientWidth < 891 ? "890px" : "auto" ); /* set min-width for IE */
	   min-width:890px; /* sets min-width value for all standards-compliant browsers */
	}
#wrapper_main { float:left; width:100%; background:url(../images/bkgd_side_btm.png) right repeat-y; }
#main { margin-right:329px; background:url(../images/bkgd_main.jpg) top repeat-x; }
#wrapper_main #main { zoom:1; }

#sidebar { float:left; width:329px; margin-left:-329px; color:#fff; }
#sidebar_left { float:left; width:131px; }
#sidebar_right { float:left; width:198px; }

#footer { height:26px; background-color:#262C37; position:fixed; bottom:-1px; left:0; width:100%; overflow:hidden; }
/* hide from mac ie5 \*/
#footer { position:absolute; }
/* end hide from mac ie5 */
html>body #footer {  position:fixed; }

#logo { width:368px; height:121px; }
.left { float:left; }
.right { float:right; }
.clear { clear:both; }
.clearfix:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; }
.clearfix { display:inline-block; }
	/* start commented backslash hack \*/
	* html .clearfix { height:1%; }
	.clearfix { display:block; }
	/* close commented backslash hack */
.mail { height:16px; width:100px; margin-bottom:1.2em }



/* TYPOGRAPHY ------------------------------------------ */

a:link, a:visited { color:#0C6285; }
a:hover, a:active { color:#00263A; }

h1, h2, h3, h4, h5, h6 { font-weight:bold; color:#333; }
h1 { font-size:1.6em; padding-bottom:6px; }
h2 { font-size:1.4em; }
h3 { font-size:1.2em; margin-bottom:-25px; }
h4 { font-size:1.0em; margin-bottom:-25px; }
h5 { font-size:0.95em; color:#666; }
h6 { font-size:0.7em; }

p, li { font-size:0.9em; line-height:1.6; margin-bottom:1.2em; }
li > p { margin-top:0.2em; }
pre { font-family:monospace; font-size:1.0em; }
strong, b { font-weight:bold; }

h1#tagline { font-style:italic; font-weight:normal; font-size:14px; margin-left:72px; height:41; }

#home h3, #home h2 { margin:25px; color:#666; border-top:solid 1px #ccc; border-bottom:solid 1px #ccc; padding:10px 0; } /* subhead */

p.dropcap:first-letter { color:#666; font-size:3.3em; float:left; display:block; line-height:.95; margin:.13em .05em 0 -.05em; }
h5.dropcap:first-letter { color:#666; font-size:3.6em; font-weight:normal; float:left; display:block; line-height:1; margin:.13em .05em 0 -.05em; }

 /* This targets Opera 7.2 and up */
 @media all and (-webkit-min-device-pixel-ratio:10000),
		      not all and (-webkit-min-device-pixel-ratio:0)
        {
		p.dropcap:first-letter { line-height:.55; }
		h5.dropcap:first-letter { line-height:.6; }
	}

 /* This targets Safari 3 */

@media all and (-webkit-min-device-pixel-ratio:0) and (min-width:0px) {
		body:not(:root:root) p.dropcap:first-letter { line-height:.7; }
		body:not(:root:root) h5.dropcap:first-letter { line-height:.7; }
	}

#indents h3			{ margin:0 0 0 25px; font-size:1.0em; color:#0C6285; }
#indents h4			{ margin:0; }
#indents p			{ margin-left:25px; }

#acts h1			{ padding-bottom:0; margin-bottom:-10px; }
#acts h4			{ margin:25px 0 0 0; padding-top:6px; padding-bottom:6px; border-top:solid 1px #ccc; line-height:1.6; }
	#acts h4 .right	{ color:#0C6285;}
#acts p				{ margin-left:25px; margin-right:25px; }

#group_gray p,
#group_blue p		{ margin:0 50px; padding-top:4px; border-top:solid 1px #ccc; }

#group_gray h4		{ margin:0 50px 0 0; text-align:right; position:relative; top:24px; } /* Gray group used on Activites with h1 h4 p */

#group_blue h4		{ margin:0 50px 0 0; text-align:right; position:relative; top:25px; color:#0C6285; } /* Blue group used on Board with h1 h2 h4 p */
	#group_blue h4.two	{ margin:-21px 50px 0 0; text-align:right; position:relative; top:49px; color:#0C6285; }
	#group_blue p.plain	{ margin:0 50px 25px 50px; padding-top:0; border-top:none; }
#group_blue h2.one		{ font-size:1.2em; margin-top:25px; }

.bodycopy { padding:25px 25px 50px 25px; }
.bodycopy p, .bodycopy li, #home .bodycopy h5 { margin:10px 25px 1.2em 25px; }
.bodycopy p.noindent { margin:0 0 1.2em 0; }

.addlength {padding-bottom:100px; }
.blue { color:#0C6285; font-weight:normal; }

.pulled-right { display:block; float:right; padding:0 0 0 10px; margin:0 0 10px 10px;
	width:170px; font-size:1.5em; line-height:1.4; text-align:right; color:#666;
	border-left:3px solid #ccc; }
.pulled-left { display:block; float:left; padding:0 10px 0 0; margin:0 10px 10px 0;
	width:170px; font-size:1.5em; line-height:1.4e; text-align:left; color:#666;
	border-right:3px solid #ccc; }

#footer a, #footer a:link, #footer a:visited, #footer a:active { color:#CCCCCC; height:25px; float:right; width:329px; font-size:0.8em; line-height:2.6; text-align:right; padding-right:10px; }
#footer a:hover { color:#B7D7E3; text-decoration:underline; cursor:pointer; }


/* NON-FLASH DISEASES ---------------------------------- */
#diseases { padding-top:31px; width:85%; }
#diseases h1 { color:#0c6285; font-size:1.8em; margin:-10px 0 -10px -25px; }
#diseases li { float:left; margin-right:13px; }
#diseases li a { background:url(../images/bkgd_disease.jpg) top left no-repeat; width:168px; height:68px; text-align:center; display:block; color:#0c6285; zoom:1; }
#diseases li a:hover { background:url(../images/bkgd_disease.jpg) top right no-repeat; color:#fff; }

#diseases li a span { width:138px;  height:38px; display:block; text-align:center; padding:15px; font-style:italic; font-weight:bold; font-variant:small-caps; font-size:12px; line-height:1.3; }
#diseases li a span.twoline {  position:relative; top:3px; }
#diseases li a span.oneline {  position:relative; top:11px; }


/* NON-FLASH DISEASES ---------------------------------- */

#diseaselist { padding:3px 0 20px 0; float:right; }
#diseaselist li a { background:url(../images/bkgd_disease.jpg) top left no-repeat; width:168px; height:68px; text-align:center; display:block; color:#0c6285; zoom:1; margin-bottom:-5px; }
#diseaselist li a:hover { background:url(../images/bkgd_disease.jpg) top right no-repeat; color:#fff; }

#diseaselist li a span { width:168px; height:38px; display:block; text-align:center; padding:15px 0; font-style:italic; font-weight:bold; font-variant:small-caps; font-size:12px; line-height:1.3; }
#diseaselist li a span.twoline { position:relative; top:3px; }
#diseaselist li a span.oneline { position:relative; top:11px; }

.diseaselist { margin-right:200px; }


/* CONTACT PAGE ----------------------------------------------- */
#contact .bodycopy p { margin:0 0 1.2em 0; }

#contact #wrapper_contactinfo { background:#ccc url(../images/bkgd_info.png) right repeat-y; padding:20px 0; margin:0 -25px; min-width:590px; }
	* html #contact #wrapper_contactinfo { 
	   width: expression( document.body.clientWidth < 591 ? "590px" : "auto" ); /* set min-width for IE */
	   min-width:590px; /* sets min-width value for all standards-compliant browsers */
	}
#contact fieldset { display:block; width:310px; float:left; font-size:0.8em;
	padding:0; margin:0; border:solid 0 #fff; /* Opera doesn't get border:none or border:0 on fieldsets */ }
#contact label { width:76px; margin-top:0.3em; padding:0.2em; float:left; 
	text-align:right; text-transform:uppercase; }
	
#contact .textfield,
#contact textarea,
#contact .submit { margin:3px 3px 3px 10px; color:#333; padding:3px 8px; border:solid 0 #fff;  }
#contact .textfield { height:20px; width:200px;
background:transparent url(../images/textfield_bg.png) no-repeat fixed !important;
voice-family:"\"}\""; voice-family:inherit; width:187px; }
#contact fieldset>input.textfield {
background:transparent url(../images/textfield_bg.png) no-repeat !important; }
#contact textarea { height:165px; width:200px;
background:transparent url(../images/textarea_bg.png) no-repeat fixed !important;
voice-family:"\"}\""; voice-family:inherit; width:190px; }
#contact fieldset>textarea {
background:transparent url(../images/textarea_bg.png) no-repeat !important; }
#contact .submit { color:#666; height:20px; width:80px; cursor:pointer; 
text-transform:uppercase; background:transparent url(../images/submit.png) no-repeat; }
#contact .btntext { font-size:1.0em; }

#contactinfo { float:right; margin:8px -25px 0 15px; color:#fff; width:287px; }
#contactinfo h2 { font-size:1.2em; color:#b7d7e3; }
#contactinfo a:link, #info a:visited { color:#fff; }
#contactinfo a:hover, #info a:active { color:#FFFFCC; }
#contactinfo span { font-weight:bold; margin-right:10px; }

input#info { border: 1px solid #ccc; background-color:#ccc; color:#ccc; height:0px; }
.validation-advice { padding:5px; background-color:#8B0907; color:#FFF; font-weight:bold; text-align:center; }

#thanks h1 { font-size:1.6em; margin:6px 0 25px 0; color:#333; line-height:1.2; }
#thanks p.intro { margin:0 50px 25px 50px; padding-top:4px; border-top:solid 1px #ccc; }
#thanks img.thanks { margin-left:50px; }


/* NAVIGATION ----------------------------------------------- */
a#nav_home:link, a#nav_home:visited { display:block; width:50px; height:30px; position:absolute; top:151px; margin-left:-24px; 
	text-align:center; color:#67adc9; font-weight:bold; line-height:2.3; font-size:10px; z-index:1000; }
a#nav_home:hover, a#nav_home:active { color:#00263A; }
* html #home a#nav_home { margin-right:16px;  }

#nav_a:link, #nav_a:visited { background:url(../images/nav_a.jpg) top left no-repeat; display:block; width:131px; height:162px; }
#nav_a:hover, #nav_a:active { background:url(../images/nav_a.jpg) top right no-repeat; }

#nav_b:link, #nav_b:visited { background:url(../images/nav_b.jpg) top left no-repeat; display:block; width:198px; height:162px; }
#nav_b:hover, #nav_b:active { background:url(../images/nav_b.jpg) top right no-repeat; }

#nav_c:link, #nav_c:visited { background:url(../images/nav_c.jpg) top left no-repeat; display:block; width:131px; height:132px; }
#nav_c:hover, #nav_c:active { background:url(../images/nav_c.jpg) top right no-repeat; }

#nav_menu { width:198px; height:296px; background:url(../images/nav_menu.png) no-repeat; margin:0; padding:0; }
#nav_menu li { float:left; width:100%; margin:0; padding:0; }
#nav_menu a  { display:block; text-decoration:none; padding:0 0 0 10px; height:25px; width:188px; color:#fff; line-height:2.3; font-size:10px; }
* html #bodyContent #nav_menu a  { width:198px; }

#menu0 a { text-align:right; margin-top:21px; font-weight:bold; }
#menu0 a span { margin-right:10px; }

#menu0 a:hover { background:url(../images/nav_menu.png) -198px -21px no-repeat; }
#menu1 a:hover { background:url(../images/nav_menu.png) -198px -46px no-repeat; }
#menu2 a:hover { background:url(../images/nav_menu.png) -198px -71px no-repeat; }
#menu3 a:hover { background:url(../images/nav_menu.png) -198px -96px no-repeat; }
#menu4 a:hover { background:url(../images/nav_menu.png) -198px -121px no-repeat; }
#menu5 a:hover { background:url(../images/nav_menu.png) -198px -146px no-repeat; }
#menu6 a:hover { background:url(../images/nav_menu.png) -198px -171px no-repeat; }
#menu7 a:hover { background:url(../images/nav_menu.png) -198px -196px no-repeat; }

#background #menu1 a	{ background:url(../images/nav_menu.png) -198px -46px no-repeat; color:#ffbf61; font-weight:bold; }
#activities #menu2 a	{ background:url(../images/nav_menu.png) -198px -71px no-repeat; color:#ffbf61; font-weight:bold; }
#board #menu3 a			{ background:url(../images/nav_menu.png) -198px -96px no-repeat; color:#ffbf61; font-weight:bold; }
#contact #menu4 a		{ background:url(../images/nav_menu.png) -198px -121px no-repeat; color:#ffbf61; font-weight:bold; }

#tabmenu { float:left; margin:15px 0; }
.shadetabs li a{text-decoration:none; padding:10px 0 10px 25px; margin-bottom:-16px; height:36px; width:118px; display:block; font-size:0.9em; font-weight:bold; }
.shadetabs li a:hover{background-color:#EDF3F5}
.shadetabs_sm li a{text-decoration:none; padding:10px 0 6px 25px; margin-bottom:-16px; height:24px; width:118px; display:block; font-size:0.9em; font-weight:bold; }
.shadetabs_sm li a:hover{background-color:#EDF3F5}

.tabcontentstyle{  margin-left:143px; margin-top:9px; border-left-width:1px; border-left-style:solid; border-left-color:#CCC; padding:17px 25px 25px 25px; }
.tabcontent{display:none; }
.tabcontentstyle ul { margin:0 25px 14px 25px; }
.tabcontentstyle ul li { background:url(../images/bullet.gif) no-repeat; padding-left:15px;}