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

:link img, :visited img, a, abbr, acronym, address, article, aside, audio, b, big, blockquote, body, caption, center, cite, code, dd, del, dfn, dialog, div, dl, dt, 
em, fieldset, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, input, ins, kbd, label, legend, li, mark, menu, nav, object, ol, 
option, p, pre, q, s, samp, section, select, small, span, strike, strong, sub, sup, table, tbody, td, textarea, tfoot, th, thead, time, tr, tt, u, ul, var, video
{ margin:0; padding:0; border:0; outline:0; font-family:inherit; vertical-align:baseline; white-space:normal; background:transparent; font-weight:inherit; 
font-style:inherit; font-size:100%; text-align:left; }
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 */ }
/* HTML 5 */
article, aside, footer, header, nav, section, dialog, hgroup, menu { float:left; display:block; }
figure { display:block; }


/* 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:1220px; }
	* html #bodyContent { 
	   width: expression( document.body.clientWidth < 1221 ? "1220px" : "auto" ); /* set min-width for IE */
	   min-width:1220px; /* 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 }
.video-js-box { width:568px; height:320px; margin:4px 25px; border:1px solid #ccc; background-color:#FBF9F5; z-index:0; overflow:hidden; }
.group { overflow:hidden; padding-bottom:10px; }

/* 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; line-height:1.4; }
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; }
em { font-style:italic; }

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

/* #home h3, #home h2 { margin:25px 25px 25px -25px; padding:10px 0 10px 25px;color:#666; border-top:solid 1px #ccc; border-bottom:solid 1px #ccc;background-color:#FBF9F5; } */
#home h3, #home h2, .error h2 { border-top:1px solid #ccc; color:#000; margin:25px 25px 0 0; padding:20px 0; } /* subhead */
.error h2 { margin-top:15px; padding-left:25px; }
	#home h2 span, #home h3 span { color:#A3A3A3; font-size:0.7em; font-weight:normal; }

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.4; text-align:left; color:#666;
	border-right:3px solid #ccc; }

.cover-r { float:right; margin-left:15px; margin-right:25px; border:1px solid #888; 
	box-shadow:			3px 3px 5px #bbb;
	-moz-box-shadow:	3px 3px 5px #bbb;
	-webkit-box-shadow:	3px 3px 5px #bbb;
	behavior:			url("css/ie-css3.htc");
	}
.cover-l { float:left; margin-right:15px; margin-left:25px; }
	a.cover-r:hover, a.cover-l:hover  { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5; }
#logo-mod { border:none; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; margin-right:66px; }
.title, .bodycopy p.title { font-style:italic; text-transform:uppercase; margin-top:0; font-weight:bold; }

#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_btn.png) 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_btn.png) 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; }


body#home { background:url(../images/bkgd_disease.gif) repeat-y; }
#home .bodycopy { margin-top:10px; padding:0 25px 24px 0; }
.diseaselist { margin-left:219px; padding:15px 0 50px 25px; }

#diseaselist { padding:10px 0 25px; float:left; width:218px; }
	#home #diseaselist h3 { margin:0; padding:0; color:#666; border:none; background-color:transparent; text-align:center; font-size:1.35em; }
	#diseaselist p { margin:0 0 0 5px; }

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

#diseaselist li a span, .btn 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, .btn li a span.twoline { position:relative; top:3px; }
#diseaselist li a span.oneline, .btn li a span.oneline { position:relative; top:11px; }

.imageright { float:right; margin-left:15px; }
.imageleft { float:left; margin-right:15px; }


/* 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.nondonate { padding-top:46px; }
#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.7; 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;}