/* Styles for Home Page */
body{
	margin:0;	padding:0; font-family:verdana; font-size:11px;
	background:#fff url(/images/bg/section.gif) repeat-x top left;
	color:#333;
}
/*home page variants*/
body.home{
	background:#FFCC33 url(/images/bg/home.gif) repeat-x top left;
	color:#000;
}

ul, ul li {
	margin:0; padding:0;
	list-style-position:outside;
}
ul{
	margin-left:15px;
	margin-top:10px;
}




#container{position:relative; margin:0!important; padding:0; width:100%;}
#container #header{
	height:309px;
}
#container #feature-image{
	position:absolute;
}
#container #feature-image{
	width:332px;
	height:308px;
	top:30px;
	left:20px;

}

#main{
	overflow:auto;
}
/********
THIS BLOCK OF CSS CONTROLS THE MAIN IMAGE ON THE PAGE ABOVE THE LEFT NAV
********/
.home #container #feature-image{background: url(/images/feature/balloon.gif) no-repeat top left;}
.contact #container #feature-image{background: url(/images/feature/crayons.gif) no-repeat top left;}
.about #container #feature-image{background: url(/images/feature/crayons.gif) no-repeat top left;}
.sitemap #container #feature-image{background: url(/images/feature/blocks.gif) no-repeat top left;}
.program #container #feature-image{background: url(/images/feature/train.gif) no-repeat top left;}
.stories #container #feature-image{background: url(/images/feature/flower.gif) no-repeat top left;}
.questions #container #feature-image{background: url(/images/feature/flower.gif) no-repeat top left;}
.careers #container #feature-image{background: url(/images/feature/cupcake.gif) no-repeat top left;}
.donations #container #feature-image{background: url(/images/feature/remington.gif) no-repeat top left;}
.calendar #container #feature-image{background: url(/images/feature/pothead.gif) no-repeat top left;}
.resources #container #feature-image{background: url(/images/feature/lego.gif) no-repeat top left;}
/*******
	END HOME PAGE MAIN IMAGE DECLARATIONS
******/


#container #logo{position:absolute; top:203px; left:342px; width:187px; height:72px; background:url(/images/logo.gif) no-repeat left top;}
#container #logo span{display:none;}

#topnav{position:absolute; left:567px; top:245px; width:232px; height:61px;}
#topnav ul, #topnav ul li, #leftnav ul, #leftnav ul li{margin:0; padding:0; list-style-type:none;}
#topnav ul li{display:inline; color:#fff; font:11px verdana; background:url(/images/topnav/bullet.gif) no-repeat right 5px; padding-left:5px; padding-right:15px;}
#topnav ul li.active{font-weight:bold;}
#topnav ul li.last{background:url('');}
#topnav ul li a{color:#fff; text-decoration:none;}

#leftnav-block{
float:left;
	margin-left:20px;
	width:162px;
	height:400px;
	clear:both;

}
#leftnav{
	position:absolute;
	top:309px;
	left:20px;
	width:162px;
	text-align:right;
	z-index:99;
}

#leftnav ul li{margin-bottom:4px;}
#leftnav ul li a{color:#cc3300;text-decoration:none;line-height:16px;}
#leftnav ul li a:hover{color:#8B2323;text-decoration:underline;}
#leftnav ul li.active a{font-weight:bold;}
#leftnav ul li ul{display:none; margin-right:0px; margin-bottom:10px;}
#leftnav ul li.active ul{display:block;}
#leftnav ul li.active ul li a{font-weight:normal; font-size:10px; line-height:14px; color:#555;}
#leftnav ul li.active ul li.active a{font-weight:bold;}

#container #contents{

	/*margin-top: 309px;*/
	margin-left: 254px;

	width:	506px;
	margin-bottom:20px;
}

h2{
	color:#006699;
	font-size:14px;
	font-weight:bold;
	margin:0;
	padding:0;
	margin-bottom:10px;
	font-family:georgia, times
}
h3, .sitemap div.section a{
	color:#006699;
	font-size:11px;
	font-weight:bold;
	margin:0;
	padding:0;
	margin-top:15px;
	margin-bottom:10px;
	font-family: georgia, times;
	text-decoration:none;
}

h4, .sitemap div.section div.sub-section a{
	color:#666;
	font-size:11px;
	font-weight:bold;
	margin:0;
	padding:0;
	margin-top:10px;
	font-family:verdana;
	text-decoration:none;
}
.sitemap div.section a:hover,.sitemap div.section div.sub-section a:hover{
	text-decoration:underline;
}
.sitemap div.section div.sub-section{
	margin-left:13px;
	margin-top:4px;
}
.sitemap div.section{
	margin-bottom:15px;
}


p, div.block{
	margin:0; padding:0;
	line-height:16px;
	margin-bottom:7px;
}
a{
	color:#006699;
}


/** FOOTER STYLES **/
#footer{
	padding-left: 254px;
	padding-top:10px;
	margin-bottom:40px;
	border-top:1px solid #FF9900;
}
/** END FOOTER STYLES **/

#xhtml-valid{position:absolute; top:10px; right:10px;}

.cap {
float: left;
padding-right:3px;
font-size: 38px;
line-height: 30px;
font-weight: normal;
color:#FF9900;;
font-family: georgia, times;
}
##container .cap{
	padding-right:0px;
}


.sitemap #sitemap{
	overflow:auto;
}
.sitemap div.section{
	width:240px;
	margin-right:10px;

}
.sitemap div.section.right{
	float:right;
	clear:right;
}
.sitemap div.section.left{
		float:left;
		clear:left;
}