@charset "utf-8";
/* CSS Document */

*{
	margin: 0px;
	padding: 0px;
}
body{
	font-family: "Calibri", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color: #EEE;
	background: #282828 url(../../images/body_bg2.jpg) repeat-x;
}
body > div{
	min-width: 940px;
}
.page{
	width: 890px;
}
a img{
	border: none;
}

/* ---------------------------------------------------------------------- Header */
#header{
	position: relative;
	height: 134px;
	background: url(../../images/header_1_bg.jpg) no-repeat right top;
}
#header .page{
	height: 133px;
}
#header .page h1{
	position: absolute;
	top: 20px;
	left: 30px;
	width: 221px;
}
a#page_title{
	display: block;
	height: 55px;
	text-indent: -9999em;
	background: url(../../images/site_title.jpg) no-repeat;
}

/* ---------------------------------------------------------------------- Main Nav */
#main_nav{
	float: left;
	width: 890px;
	height: 59px;
	margin-top: 75px;
	margin-left: 50px;
}
#main_nav li{
	float: left;
	padding-top: 20px;
	list-style-type: none;
}
#main_nav li a{
	/* Hover state in basic.js */
	margin: 0px 5px;
	padding: 10px;
	font-size: 14pt;
	color: #FFF;
	text-decoration: none;
}
#main_nav li a:hover{
	color: #D31145;
}
#main_nav li:first-child a{
	padding-left: 0px;
}

/* ---------------------------------------------------------------------- Graphic Area */
#graphic_area{
	background: #FFF url(../../images/graphic_area_bg.jpg) no-repeat right top;
}
#graphic_area .page{
	padding-bottom: 71px;
	position: relative;
}
#content_header{
	position: absolute;
	bottom: 0px;
	height: 38px;
	padding: 20px 300px 0px 50px;
	font-size: 22pt;
	font-weight: normal;
	color: #606052;
	background: url(../../images/content_header_bg.gif) no-repeat right top;
}
#slideshow{
	position: relative;
	min-height: 200px;
}
#slidetext{
	position: absolute;
	right: 75px;
	top: 40px;
	width: 350px;
	font-size: 18pt;
	color: #666;
	background: url(../../images/logo_sm.png) no-repeat 180px bottom;
}
#slidetext p{
	margin-bottom: 1em;
}

/* ---------------------------------------------------------------------- Main Area */
#main_area{
	border-top: 12px solid #3B3B3B;
}
#main_area h2,
#main_area h3{
	margin: 1.5em 0px 1em;
}
#main_area p,
#main_area ul,
#main_area form{
	margin: 1em 0px;
}
#main_area a{
	color: #00AFED;
	text-decoration: none;
}
#main_area a:hover{
	color: #FFF;
}
#content,
#side_bar{
	float: left;
}
#content{
	width: 550px;
	min-height: 200px;
	padding: 30px 50px;
	padding-top: 15px;
	background: #3B3B3B url(../../images/content_bg.gif) no-repeat right bottom;
}
#content{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
}
#side_bar{
	width: 200px;
	padding: 20px;
	background: url(../../images/side_bar_bg.gif) no-repeat;
}
#side_bar *{
	font-size: 10pt;
}
#side_bar h2{
	margin-top: 2em;
	margin-bottom: 0em;
	font-size: 11pt;
	font-weight: normal;
	text-transform: uppercase;
}
#side_bar h2:first-child{
	margin-top: .5em;
}

/* ---------------------------------------------------------------------- Meter */
#don_meter{
	position: relative;
	width: 523px;
	height: 114px;
	background: url(../../images/donation_meter.gif) no-repeat;
}
#don_meter div{
	position: absolute;
	left: 7px;
	width: 150px;
	height: 114px;
	background: url(../../images/donation_meter_overlay.gif) no-repeat -7px 0px;
}
#don_meter p{
	position: absolute;
	left: 30px;
}

/* ---------------------------------------------------------------------- Sponsor Styles */
.sponsor_lvl ul li{
	margin-left: 40px;
}
a.sponsor{
	float: left;
	display: block;
	width: 160px;
	height: 160px;
	margin: 5px;
	padding: 20px;
	font-size: 10pt;
	color: #666 !important;
}
a.sponsor span{
	display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #D31145 !important;
}

/* ---------------------------------------------------------------------- Footer */
#footer{
	clear: both;
	padding: 15px 0px 30px;
}
#footer .page > *{
	margin: 5px 0px;
	padding-left: 50px;
}
#footer .page > *,
#footer .page > * a{
	color: #CCC;
	font-size: 10pt;
}
#footer .page > * a:hover{
	text-decoration: none;
}

/* ---------------------------------------------------------------------- Misc. */
.clear{
	clear: both;
}
.f-left{
	float: left;
	padding: 10px;
	padding-left: 0px;
}