body{background:url(../img/body-bg.jpg) repeat-x #efe7e0; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif;}
#container{width:886px; margin:70px auto; padding:0;}
h1{margin:0; padding:0;float:left; text-transform:uppercase;font-size:16px; font-weight:bold; color:#4d100a; clear:both;}
h2{margin:0; padding:0;float:left; text-transform:uppercase;font-size:13px; font-weight:bold; color:#000; clear:both;}
p{padding:5px 0; clear:both;}
hr{width:96%; margin:10px auto; color:#999999;}
	#header{}
		#logo{background:url(../img/crossroads-logo.jpg) no-repeat; width:561px; height:111px; display:block; float:left;}
		#headermenu{background:url(../img/top-right.jpg) no-repeat; width:325px; height:111px; display:block; float:right; text-indent:20px;}
			#hmenu{margin:50px 0; padding:0; float:right; margin-right:30px;}
			
			#hmenu a{text-decoration:none; color:#191919; font-size:11px;}
			#hmenu a:hover{text-decoration:underline; color:#333333;}
	#topwrapper{width:886px; height:273px; margin:0 auto; clear:both;}
	#mainimg{width:666px; height:273px; float:left;}
	#calendar{background:url(../img/calendar.jpg) no-repeat; width:220px; height:273px; float:right;}
		#date{position:relative; top:60px; font-size:12px; font-weight:bold; color:#971001; width:220px; height:20px; text-align:center;}
		#calendaricon{position:relative; top:60px; left:60px; width:109px;}
		#viewcalendar a{position:relative; top:70px; width:153px;display:block; background:url(../img/viewcalendarbtn.jpg) no-repeat 0 0; height:21px; margin:0 auto; clear:both;}
		#viewcalendar a:hover{width:153px; display:block; background:url(../img/viewcalendarbtn.jpg) no-repeat 0 -22px; height:21px;}
#main{clear:both;}
	#mainwrapper{background:url(../img/main-bg.gif) repeat-y; width:886px; margin:0; padding:0; height:100%;float:left; clear:both;}
	#mainbottom{background:url(../img/main-bottom.gif) no-repeat; width:886px; height:30px; clear:both;} 
	#contentwrapper{width:852px; margin:0 auto; padding:0; clear:both;}
	#left{float:left; width:649px; margin:20px auto; padding:0;}
	#smallimg{float:left;}
		#img{margin:0 10px; padding:0; border:0px solid #a6a6a6; width:204px; margin-left:25px;}
		*html #img{margin:0 10px; padding:0; border:0px solid #a6a6a6; width:204px; margin-left:40px;}
		#smallimg #img img{display:block;}
	#center{width:385px;float:right;}
		#welcomeheading{background:url(../img/welcome-title.gif) no-repeat; width:385px; height:42px; margin:0; padding:0;}
		SPAN#welcome{color:#971001; text-transform:uppercase; font-size:18px; margin:0; padding:0; display:none;}
		SPAN#heading{color:#3f3f3f; font-size:19px; margin:0; padding:0; display:none;}
		#text p{font-size:11px; color:#191919;}
		#text ul{list-style:none; font-size:13px; margin:0; padding:0 0 0 10px;}
		#text li{list-style:none; padding:3px 0 0 10px; font-size:12px; margin:0;}
	#right{float:right; width:203px;}
		#sonshinelogo{background:url(../img/sonshine-logo.gif) no-repeat; width:203px; height:96px;}
			#sonshinelogo h2{text-indent:-9999px; display:none;}
		#wildfirelogo{background:url(../img/wildfirelogo.gif) no-repeat; width:203px; height:109px;}
			#wildfirelogo h2{text-indent:-9999px; display:none;}
		#deaflogo{background:url(../img/deaflogo.jpg) no-repeat; width:203px; height:96px;}
			#deaflogo h2{text-indent:-9999px; display:none;}

#navigation{padding:0; width:852px; clear:both; *margin-left:40px; z-index: }
* html #navigation{padding:0; width:852px; clear:both; margin-left:10px;}
	
		#nav ul{margin:0; padding:0;}
		#nav li{margin:0; padding:0 10px; list-style:none; float:left; text-transform:uppercase;  border-left:1px solid #a6a6a6; font-size:14px; font-weight:bold;}
		#nav li a{text-decoration:none; color:#971001; padding:3px 5px;}
		#nav li a:hover{padding:3px 5px; color:#333333;}
#table{font-size:12px;}		
.right{float:right; margin:0; padding-right:30px; _padding-right: 10px; /* IE only hack */}		

div.submenu {
	position:			absolute;
	top:				16px;
	left:				10px;
	width:				210px;
	padding:			0px;
	border:				1px solid #DDDDDD;
	border-top:			0px;
	z-index:9999;
	text-transform:none;
}
div.submenu a{padding:0 5px; text-indent:none;}

div.subitem {
	width:				210px;
	padding:			6px;
	background:			#FFFFFF;
	font-size:			13px;
	font-weight:		normal;
}
div.subitem:hover {
	width:				210px;
	padding:			6px;
	font-size:			13px;
	font-weight:		normal;
}

div.submenu_shadow {
	display:hidden;
	position:			absolute;
	padding:			0px;
	border:				1px solid #333333;
	border-top:			0px;
}



