/* CSS Document */

body,html{padding:0px; margin:0px; background-color:#9DC876;}
a:link{text-decoration:none; color:#076ABD;}
a:hover{text-decoration:underline; color:#9DC876;}
a:visited{text-decoration:none; color:#076ABD;}
.page{
	width:866px;
	background-color:#FFFFFF;
	margin:10px auto;
}
.clear{clear:both}
.pagecurve-bl{background-color:#ffffff; background-image:url(images/pagecurve-bl.gif); background-repeat:no-repeat; background-position:0 100%}
.pagecurve-br{background:url(images/pagecurve-br.gif) 100% 100% no-repeat}
.pagecurve-tl{background:url(images/pagecurve-tl.gif) 0 0 no-repeat}
.pagecurve-tr{background:url(images/pagecurve-tr.gif) 100% 0 no-repeat; padding:20px}
.logo{padding:15px;}
.toplinks{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; float:right;}
.toplinks a{text-decoration:none; color:#333333;}
.toplinks a:hover{text-decoration:underline; color:#9DC876;}
#tabs{background-color:#85C2F8; height:23px; width:866px;}
.tablinks a:link, .tablinks a:visited{
	text-decoration:none;
	background-color:#85C2F8;
	color:#333333;
	display:inline;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	font-weight:bold;
	padding-top: 2px;
	padding-right: 40px;
	padding-bottom: 2px;
	padding-left: 40px;
}
.tablinks a:hover{text-decoration:none; color:#ffffff; background-color: #1271C1;}
#bottombar{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666666; margin:5px auto;}
#bottombar a{text-decoration:none; color:#666666;}
#bottombar a:hover{text-decoration:underline;}
.greenbg {font-family:Arial,Helvetica,sans-serif; font-size:11px; color:#000000; text-decoration:none; background-color:#9DCA78; background-repeat:no-repeat; background-position:0 100%}
.whitebg{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	background-color:#FFFFFF;
	background-repeat:no-repeat;
	background-position:0 100%;
	text-align: left;
}
.volunteerbg {font-family:Arial,Helvetica,sans-serif; font-size:12px; color:#ffffff; text-decoration:none; background-color:#F26F41; background-repeat:no-repeat; padding:20px; background-position:0 100%}
.sublink{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	background-color:#FFFFFF;
	background-repeat:no-repeat;
	background-position:0 100%;
	text-align: left;
}
.sublink a{text-decoration:none; color:#076ABD;}
.sublink a:hover{text-decoration:underline; color:#9DC876;}
.sublinkinactive{
	text-decoration:none;
	color:#9DCA78;
	font-weight: bold;
	text-align: center;
}
.bread a{text-decoration:none; font-size:10px; color:#000000;}
.bread a:hover{text-decoration:underline; font-size:10px; color:#000000;}
.orghead{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#D9184B;
	background-color:#FFFFFF;
	background-repeat:no-repeat;
	background-position:0 100%;
	text-align: left;
}
.greencurve-bl{background-color:#9DCA78; background-image:url(images/greencurve-bl.gif); background-repeat:no-repeat; background-position:0 100%}
.greencurve-br{background:url(images/greencurve-br.gif) 100% 100% no-repeat}
.greencurve-tl{background:url(images/greencurve-tl.gif) 0 0 no-repeat}
.greencurve-tr{background:url(images/greencurve-tr.gif) 100% 0 no-repeat; padding:12px}
.mainimage{float:left}
.maintext{float:right;}
h2{font-family:Arial,Helvetica,sans-serif; font-size:16px; color:#DF3C05; line-height:20px; text-decoration:none;}
h4{font-family:Arial,Helvetica,sans-serif; font-size:13px; color:#333333; line-height:15px;}
h5{font-family:Arial,Helvetica,sans-serif; font-size:14px; color:#ffffff; margin:0px;}
h6{font-family:Arial,Helvetica,sans-serif; font-size:14px; color:#DF3C05; margin:0px;}
h3{font-family:Verdana, Arial,Helvetica,sans-serif; font-size:18px; color:#333333; line-height:20px; margin:10px;}
h1{font-family:Arial,Helvetica,sans-serif; font-size:11px; color:#000000; line-height:0px; margin:20px; text-decoration:none;}
.bluecurve-bl{background-color:#0669BC; background-image:url(images/bluecurve-bl.gif); background-repeat:no-repeat; background-position:0 100%}
.bluecurve-br{background:url(images/bluecurve-br.gif) 100% 100% no-repeat}
.bluecurve-tl{background:url(images/bluecurve-tl.gif) 0 0 no-repeat}
.bluecurve-tr{background:url(images/bluecurve-tr.gif) 100% 0 no-repeat; padding:12px}
#rightpanel{margin-left:655px; padding-right:10px;}
#lightblue_bg{background-color:#64B4F9; padding:5px;}
.navlist{margin-top:0px; font-family:Arial,Helvetica,sans-serif; font-size:11px; color:#333333; margin-left:10px;}
.navlist a{text-decoration:underline; color:#333333;}
.navlist a:hover{text-decoration:underline;}
.navlist2{margin-top:0px; font-family:Arial,Helvetica,sans-serif; font-size:12px; color:#333333; margin-left:10px;}
.navlist2 a{text-decoration:underline; color:#333333;}
.navlist2 a:hover{text-decoration:underline;}
#leftpanel{width:600px; margin-left:10px; float:left;}
#latest{width:215px;}
.beigecurve-bl{background-color:#E5E6C6; background-image:url(images/beigecurve-bl.gif); background-repeat:no-repeat; background-position:0 100%}
.beigecurve-br{background:url(images/beigecurve-br.gif) 100% 100% no-repeat}
.beigecurve-tl{background:url(images/beigecurve-tl.gif) 0 0 no-repeat}
.beigecurve-tr{background:url(images/beigecurve-tr.gif) 100% 0 no-repeat; padding:12px}
.redcurve-bl{background-color:#EC5422; background-image:url(images/redcurve-bl.gif); background-repeat:no-repeat; background-position:0 100%}
.redcurve-br{background:url(images/redcurve-br.gif) 100% 100% no-repeat}
.redcurve-tl{background:url(images/redcurve-tl.gif) 0 0 no-repeat}
.redcurve-tr{background:url(images/redcurve-tr.gif) 100% 0 no-repeat; padding:11px}
.fontwhite{font-family:Arial,Helvetica,sans-serif; font-size:12px; color:#ffffff;}
.fontwhite a{text-decoration:none; color:#ffffff;}
.fontwhite a:hover{text-decoration:underline;}
.fontwhite a:visited{text-decoration:none; color:#ffffff;}
.fontblack{font-family:Arial,Helvetica,sans-serif; font-size:12px; color:#333333;}
.fontquote{font-family:Arial,Helvetica,sans-serif; font-size:13px; color:#ffffff; padding:10px; font-weight:bold;}
#leftcontent{width:224px; background:#ffffff; float:left}
#quotecontent{background-color:#59A3E4;}
#centercontent{background:#ffffff; margin-left: 225px; margin-right:219px; voice-family: "\"}\""; voice-family: inherit; margin-left: 225px; margin-right:221px;}
html>body #centercontent{margin-left: 225px; margin-right:221px;}
#rightcontent{width:210px; background:#ffffff; float:right; margin-top:-230px; vertical-align:top;}
table.stats 
{
	text-align: center;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #fff;
	width: 500px;
	background-color: #9DC876;
	border-collapse: collapse;
	border-spacing: 0px;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #999;
	border-left-color: #999;
}

table.stats td 
{
	background-color: #FFF;
	color: #000;
	padding: 4px;
	text-align: left;
	border: 1px #fff solid;
}

table.stats td.hed
{
	background-color: #85C2F8;
	color: #000;
	padding: 4px;
	text-align: left;
	border-bottom: 2px #fff solid;
	font-size: 12px;
	font-weight: bold;
}
.uparrowdiv, .downarrowdiv, .leftarrowdiv, .rightarrowdiv{
width:190px;
min-height:40px; /*min height of DIV should be set to at least 2x the width of the arrow*/
background:#9ACEED;
color:black;
padding:5px;
position:relative;
word-wrap:break-word;
-moz-border-radius:5px; /*add some nice CSS3 round corners*/
-webkit-border-radius:5px;
border-radius:5px;
margin-bottom:2em;
}

.uparrowdiv:after{ /*arrow added to uparrowdiv DIV*/
content:'';
display:block;
position:absolute;
top:-20px; /*should be set to -border-width x 2 */
left:30px;
width:0;
height:0;
border-color: transparent transparent #9ACEED transparent; /*border color should be same as div div background color*/
border-style: solid;
border-width: 10px;

}

.downarrowdiv:after{ /*arrow added to downarrowdiv DIV*/
content:'';
display:block;
position:absolute;
top:100%; /*should be set to 100% */
left:30px;
width:0;
height:0;
border-color:#9ACEED transparent transparent transparent; /*border color should be same as div div background color*/
border-style: solid;
border-width: 10px;
}

.leftarrowdiv:after{ /*arrow added to leftarrowdiv DIV*/
content:'';
display:block;
position:absolute;
top:10px;
left:-20px; /*should be set to -border-width x 2 */
width:0;
height:0;
border-color: transparent #9ACEEDtransparent transparent; /*border color should be same as div div background color*/
border-style: solid;
border-width: 10px;
}

.rightarrowdiv:after{ /*arrow added to rightarrowdiv DIV*/
content:'';
display:block;
position:absolute;
top:10px;
left:100%; /*should be set to 100% */
width:0;
height:0;
border-color: transparent transparent transparent #9ACEED; /*border color should be same as div div background color*/
border-style: solid;
border-width: 10px;
}