/* CSS Document */

body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	background-color:#fff;
	line-height: 1.166;
	letter-spacing:0.08;	
	margin: 0px;
	padding: 0px;
	background-image: url(images/background4.gif);
	background-color:#EFEBDC;
}
img {border:0;}

a:link {color:#1D5D83; text-decoration:underline;}
a:visited {color:#1D5D83; text-decoration:none;}
a:hover {color:#1D5D83; text-decoration:underline;}
a:active {color:#1D5D83;text-decoration:none;}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#main  { margin: 0pt auto; width:998px; position: absolute; }

#pagecell {
	position:absolute;
	margin: 0 5% 0 6%;
	padding: 0 2px 0px 1px;
	width:90%;
	background-color:#fff;
	 border: 1px solid #BDB199;
	
}

/*Rounded Corners for main element */
	#pagecell .tl {background:url(images/bg_pc_tl.gif) top left no-repeat; }
	#pagecell .tr {background:url(images/bg_pc_tr.gif) top right no-repeat; }
	#pagecell .bl {background:url(images/bg_pc_bl.gif) bottom left no-repeat; }
	#pagecell .br {background:url(images/bg_pc_br.gif) bottom right no-repeat; text-align:left; padding:6px 6px 6px 6px; #padding: 6px 6px 6px 6px; }
	
/*Masthead styles*/
#masthead { background-color:#003399;
			margin: 0 0 0 0;
			padding: 3px 0 0 2px;
			text-align:left;
			border-top: 0px #f36f20;
			border-bottom: 0px #cccc00;
			z-index:10;
			background-image:url(images/masthead_newlogo.jpg);
			height: 222px;
			background-repeat:no-repeat;
 }
#pagecell #globalnav li a:link,
#pagecell #globalnav li a:visited, 
#pagecell #globalnav li a:active {color:#000099; font-weight:bold; text-decoration:none;}
#pagecell #globalnav li a:hover {font-weight:bold; text-decoration:underline;  color: #009900;}
#pagecell #globalnav { margin: 0; height:15px; font-size:11px; padding:0;}
#globalnav #navlinks { padding-right:5px; white-space:nowrap;float:left; line-height:15px; width:580px; padding-top:4px; padding-bottom: 5px; }
#pagecell #globalnav ul {margin:5px; float: right;}
#pagecell #globalnav li { white-space:nowrap; float:left; list-style-type: none; padding: 0 5px 0 5px; border-right:1px  solid; border-right-color:#999;}
#nav {height:25px; margin: 197px 0 0 0; padding: 0px;  border-top: 3px solid  #ffcc33; border-bottom:0px solid  #ffcc33; background-color: #669933;}

/*container styles*/
#container {
	padding: 0;
	background-color:#fff;
	width:100%;
	z-index:20;
	border-bottom: 1px solid #C44127;
	margin: 0;
	height: 1300px;
}
#mainContent {width: 100%; border-right: 0 solid  #fff;  margin: 0; }
#mainContent img {padding: 5px;}
#mainContent  #splash {margin: 0; padding: 5px 5px 5px 20px; border-top: 1px solid #000; border-bottom: 1px solid #000; background-color:wheat; }
#mainContent .header h1 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #000; margin:0; padding::0 5px 3px 5px;}
#mainContent .header{ background:url(images/heading1.gif); height:33px; overflow:hidden; background-repeat:repeat-x;}
#mainContent #splash .border {background:url(images/snowflakes1.gif);background-repeat: repeat-x;
}
#mainContent #splash .header .r {background:url(images/snowflakes1.gif) top right no-repeat; }
#mainContent #splash .header .headline{ float:left; padding: 0;}
#mainContent #feature {padding:10 10px 10px 20px; font-size:12px; line-height: 115%;}
#mainContent #feature h1 {font-family: Arial, Helvetica, sans-serif, Times, serif; font-size: 24px; text-align:center}
#content #feature .header2{ background:url(images/heading2.jpg) top left; height:32px; overflow:hidden;}
	  #feature .header2 .l {background:url(images/heading2_l.jpg) top left no-repeat;}
	  #feature .header2 .r {background:url(images/heading2_r.jpg) top right no-repeat; padding:5px; }

#maincontent #feature img {margin: 0 200px 0 0; font-size:10px; position: top left; float:left;
}
#mainContent #feature .p {margin: 0; font-size:12px; line-height: 115%; background-image:url(); background-repeat:no-repeat; padding: 8px;
}


/*sideBar in content */
#sideBar{
	margin: 0 0 0 1px;
	padding: 10px;
	border: 0 solid #34689a;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	background-image:url(images/backgroundtile.gif);
	background-repeat:repeat;
	text-align:center;
	letter-spacing:1.0px;
	width: 325px;
	z-index:30;
	height: 430px;
	
}
#sideBar img {padding: 5px 0 0 0;
}

#sidebar .containerBody{width:220px;}
#updates {background-image:url(images/updateBkgd.jpg);background-repeat:no-repeat; margin: 10px;  padding: 5px;  border:solid 1px  #fff; font-family:Georgia, "Times New Roman", Times, serif; text-align:center;}
#updates1 {text-align:left; padding: 5px; font-weight: normal;}
#updates li {text-align: left; padding-left: 5px;}
#updates p {font-size:9px; text-align:left;}
#updates h1 {font-family:Arial, Helvetica, sans-serif; font-size: 125%; text-align:center; text-transform:none;}
.submitrow {margin: 0; padding-top:5px; text-align:center;}
#volunteernet { margin: 25px 25px 10px 25px; text-align:center;  background-color: #CDCDBE; padding: 5px 5px 0 0; border:solid 1px  #999;  text-align: center;}

#navBar{
	width: 82%;
	margin: 25px 0 0 0;
	padding: 0;
	background-color: #eeeeee;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}

/*********** #navBar link styles ***********/

#navBar ul a:link, #navBar ul a:visited {display: block;}
#navBar ul {list-style: none; margin: 0; padding: 0;}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navBar li {border-bottom: 1px solid #EEE; height:26px;}

/* fix for browsers that don't need the hack */
html>body #navBar li {border-bottom: none;}


/*********** #sectionLinks styles ***********/

#sectionLinks{
	position: relative;
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #cccccc;
	font-size: 110%;
}

#sectionLinks h3{
	padding: 10px 0px 2px 10px;
}

#sectionLinks a {
	display: block;
	border-top: 1px solid #cccccc;
	padding: 2px 0px 2px 0;
	height: 25px;
}

#sectionLinks a:hover{
	background-color: #dddddd;
}
#volunteernet .date {font-size: 9px;}
.contact {font-size: 12px;  line-height: normal; text-align: center;}
.percentage1 {font-size: 11px; font-weight:normal; line-height: normal; background-color:#FFFFFF; text-align: center; margin: 155px 20px 0 20px; padding:3px;}
.percentage2 {font-size: 11px; font-weight:normal; line-height: normal; background-color:#FFFFFF; text-align: center; margin: 0 20px 10px 20px; padding:0 3px 3px 3px;}

/*footer in content */
#pagecell #footer {border-bottom: 1px solid #C44127; border-top: 1px solid #C44127; margin:0 0 0 0; padding: 10px 0 15px 0; font-family: Arial, Helvetica, sans-serif; background-color:#EFEBDC; width: 100%; text-align:center; font-size:12px; z-index:30; }
#pagecell #footer p {  text-align:center;padding:0;margin-bottom:0; }

/*text styles */
h1, h2, h3, h4, h5, h6 {
	font-family: Arial,sans-serif;
	margin: 0px;
	padding: 0px;
}
h1{
 font-size: 24px;
 color: #333333;
 padding: 5px 0 5px 0;
 letter-spacing: 0.8px;
 line-height: 115%;
}


h2{
	font-size: 130%;
	color: #334d55;
	margin:0 0 0 0;
	padding: 5px 0 5px 0;
	letter-spacing: .03em;
	font-weight:bold;
	font-style: italic;
	text-align: center;
}
h3{
	font-family: Verdana,Arial,sans-serif;
	font-size: 100%;
	color: #ff0000;
	padding: 0;
	text-align:center;
	line-height:125%;
}

h4{
 font-family: Verdana,Arial,sans-serif;
 font-size: 170%;
 color: #000;
 padding: 0;
 text-align:center;
 font-variant: small-caps;
}

h5{
 font-size: 140%;
 color: #ff0000;
 text-align:center;
 text-transform:uppercase;
}
h6{
 font-size: 125%;
 color: #000000;
 text-align:center;

}
strong{
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:125%;
line-height: 100%;
font-variant:small-caps;
color: #e50028;
}

ul{
 list-style-type: square;
 font-size: 100%;
 line-height:125%;
 margin: 0 0 0 20px;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}

label{
 font: bold 100% Arial,sans-serif;
 color: #334d55;
}
				
.leftAlign {
	text-align: left;
}
.floatRight {
	float: right;
}
.rightAlign {
	text-align: right;
}
.italics {
	font-style: italic;
}
#facebook {
	margin-top: 10px;
}

