/* 
Huron Charter Township, New Boston MI 48174
CSS Version 1.2
Created Date: 01.05.2008 
*/



body { 
	margin-bottom:0px;
	margin-top:0px;
	margin-left:0px;
	margin-right:0px;
	background-color:#093a5e;
}

#footer {
	text-align:center;
	color:#CCCCCC;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
}

.article_title {
	text-align:center;
	color:#093a5e;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
}


a.footer:link{
	font-size:9px;
	color:#CCCCCC;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-weight:bold;
}

a.footer:active{
	font-size:9px;
	color:#CCCCCC;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-weight:bold;
}

a.footer:visited{
	font-size:9px;
	color:#CCCCCC;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-weight:bold;
}

a.footer:hover{
	font-size:9px;
	color:#CCCCCC;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:underline;
	font-weight:bold;
}


				/* GLOBALS LINKS */
a:link {
	font-size:10px;
	color:#09385b;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-weight:bold;
}

a:visited {
	font-size:10px;
	color:#09385b;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-weight:bold;
}

a:active {
	font-size:10px;
	color:#09385b;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-weight:bold;
}

a:hover {
	font-size:10px;
	color:#09385b;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:underline;
	font-weight:bold;
}

#right_align {
	text-align:right;
}
/* This is for the calendar view information and layout */
/* ---------------------------------------------------- */

#calendar_container {
	background-color:#09385b;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	font-weight:bold;
}
.today {
 	background-color:#CCCCCC;

}
.days_of_week {

	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000000;
	font-weight:bold;
}

a.prev_next:link {
	font-size:10px;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-weight:bold;
}

a.prev_next:visited {
	font-size:10px;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-weight:bold;
}

a.prev_next:active {
	font-size:10px;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-weight:bold;
}

a.prev_next:hover {
	font-size:10px;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:underline;
	font-weight:bold;
}

/* This Area is for the 3 Banners under the flash. Home Page ONLY! */
/* --------------------------------------------------------------- */

#middle_banner {
	font-size:25px;
	color:#FFFFFF;
	font-weight:normal;
	font-family:Verdana;
	text-align:left;
	padding-left:22px;
	padding-top:43px;
	background-image:url(../images/middle_banner.jpg);
	background-repeat:no-repeat;
	height:32px;	
}

#left_banner {
	font-size:14px;
	color:#FFFFFF;
	font-weight:normal;
	font-family:Verdana;
	text-align:left;
	padding-left:53px;
	padding-top:55px;
	background:url(../images/left_banner.jpg);
	background-repeat:no-repeat;
	height:20px;
}

#right_banner {
	font-size:14px;
	color:#FFFFFF;
	font-weight:normal;
	font-family:Verdana;
	text-align:left;
	padding-left:22px;
	padding-top:55px;
	background-image:url(../images/right_banner.jpg);
	background-repeat:no-repeat;
	height:20px;
}


/* This Area is for Left & Right Side of every page */
/* ------------------------------------------------ */

#navigation {
	width:170px;
padding-left:25px;
	padding-left:20px;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;	
}

#resources {
	width:170px;
padding-left:25px;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;	
}

#contacts {
	width:175px;
	padding-left:25px;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;	
}

#sub_header {
	font-size:14px;
	color:#FFFFFF;
	font-weight:normal;
	font-family:Verdana;
	text-align:left;
	padding-top:3px;
	width:170px;
	background-image:url(../images/sub_header.jpg) no-repeat left;
	height:23px;
}

/* HOME PAGE INFORMATION ONLY */
/* -------------------------- */





#home_content {
	width:465px;
	padding-left:16px;
	font-size:10px;
	padding-top:5px;
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
}



#home_content #news_brief {
	width:465px;
	font-size:13px;
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:right;
	font-weight:bold;
	padding-bottom:5px;
}

#home_content ul {
	list-style: none;
	margin:0;
}

#home_content ul li{
	float: left;
	margin:0 0 0 1px;
	display: block;
	margin: 0px;
	padding: 0px;
}

#home_content ul li #news_title {
	padding:5px 0 10px 0;
}

#home_content ul li #news_title a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#09385b;
	font-weight:bold;
	text-decoration:none;
}

#home_content ul li #news_title a:hover{
	text-decoration:underline;
}

#home_content ul li #news_content {
	font-size:11px;
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-bottom:5px;
}

#home_content #news_readmore {
	text-align:right;
	padding-bottom:10px;
}










#latest_news {
	width:173px;

	padding-top:5px;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
}


/* News Link Information */
/* --------------------- */

a.news:link{
	font-size:12px;
	color:#09385b;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-weight:bold;
}

a.news:active{
	font-size:12px;
	color:#09385b;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-weight:bold;
}

a.news:visited{
	font-size:12px;
	color:#09385b;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-weight:bold;
}

a.news:hover{
	font-size:12px;
	color:#09385b;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:underline;
	font-weight:bold;
}



#secondary_header {
	font-size:14px;
	color:#FFFFFF;
	font-weight:normal;
	font-family:Verdana;
	text-align:right;
	padding-right:25px;
	padding-top:3px;
	background-image:url(../images/content_header.jpg);
	background-repeat:no-repeat;
	height:23px;
}




#main_content {
	width:665px;
	padding-left:18px;
	padding-top:5px;
	font-size:10px;
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
}


/*ACM Content */

#logged_info {
	font-size:10px;
	color:#000000;
	font-weight:normal;
	font-family:Verdana;
	text-align:right;
	padding-right:25px;
	padding-top:3px;
}



.news_header {
	font-size:11px;
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width:250px;
}


.news_text {
	font-size:11px;
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}


.main_text {
	font-size:10px;
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.form_box {
	font-size:10px;
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}


.form_bold_fields {
	font-size:10px;
	color:#000000;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.form_headers {
	font-size:10px;
	color:#FFFFFF;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#093a5e;
}

#error {
font-size: 10px; 
color: #FFFFFF; 
font-family: Verdana, Arial; 
border: 1px #000 solid; 
font-weight: bold; 
background-color: #B80001;
}

#success {
font-size: 10px; 
color: #FFFFFF; 
font-family: Verdana, Arial; 
border: 1px #000 solid; 
font-weight: bold; 
background-color: #006600;
}

.white {
	color:#000000;
	text-decoration:none;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	background-color:#FFFFFF;
}

.gray {
	color:#000000;
	text-decoration:none;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	background-color:#CCCCCC;
}


























body {
	margin:0;
	background-color:#093a5e;
}


/*-----------------------
/* 	Header Information
/*-----------------------*/

#header_container {
	width:100%;
	background:url(../images/header_background.png) repeat-x;
	height:96px;
	text-align:center;
	position:absolute;
	left:0px;
	top:0px;
}

#header_container .header {
	width:825px;
	background:url(../images/header.png) no-repeat;
	height:96px;
	margin:auto;
}



/*-------------------------
/* 	  Main Site Info
/*-----------------------*/
#main_container {
	width:956px;
	background:url(../images/main_background.png) repeat-y;
	margin:auto;
	min-height:auto;
}



#main_bottom {
	width:966px;
	margin:auto;
	background:url(../images/main_background_bottom.png) repeat-y;
	height:33px;
}




#sub_header {
	margin-left:17px;
	font-size:14px;
	color:#FFFFFF;
	font-weight:normal;
	font-family:Verdana;
	text-align:left;
	padding-left:6px;
	padding-top:3px;
	background-image:url(../images/sub_header.jpg);
	background-repeat:no-repeat;
	height:23px;
}


.sub_header {
	margin-left:17px;
	font-size:14px;
	color:#FFFFFF;
	font-weight:normal;
	font-family:Verdana;
	text-align:left;
	padding-left:6px;
	padding-top:3px;
	background-image:url(../images/sub_header.jpg);
	background-repeat:no-repeat;
	height:23px;
}





/*-------------------------------------------
/* 	  		Creates our Left Side
/*-------------------------------------------*/
#main_container .left {
	width:200px;
	float:left;
}

#main_container .left .nav_top {
	background:url(../images/left_nav_top.png) no-repeat;
	width:200px;
	height:27px;
	margin:85px 0 0 20px;
	float:left;
}

#main_container .left .nav_middle {
	background:url(../images/left_nav_middle.png) repeat-y;
	width:200px;
	margin:0 0 0 20px;
	min-height:665px;
	float:left;
}

#main_container .left .nav_bottom {
	background:url(../images/left_nav_bottom.png) no-repeat;
	width:200px;
	height:27px;
	margin:0 0 0 20px;
	float:left;
}



/*-------------------------------------------
/* 	  		Creates our Right Side
/*-------------------------------------------*/
#main_container .right {
	width:717px;
	float:left;
}

#main_container .right .content_top {
	background:url(../images/content_top.png) no-repeat;
	width:710px;
	margin:85px 0 0 23px;
	height:27px;
	float:left;
}

#main_container .right .main_content {
	background:url(../images/content_middle.png) repeat-y;
	width:710px;
	margin:0 0 0 23px;
	float:left;
	min-height:665px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#000000;
	text-decoration:none;
}

#main_container .right .main_content .content {
	padding:0 9px 0 20px;
}



#main_container .right .main_content .content .sub{
		font-family: Georgia, "Times New Roman", Times, serif; 
		text-transform: uppercase;
		font-weight:lighter;
		font-size: 14px;
		color: #88A9B5;
		border-bottom: 1px solid #DFCB94; 
		margin: 10px 0 7px 0; 
		padding: 0 0 3px 0; 
}



#main_container .right .main_content .content .sub2 {
		font-family: Georgia, "Times New Roman", Times, serif; 
		text-transform: uppercase;
		font-weight:lighter;
		font-size: 12px;
		color: #425973;

}

#main_container .right .content_bottom {
	background:url(../images/content_bottom.png) no-repeat;
	width:710px;
	margin:0 0 0 23px;
	height:27px;
	float:left;
}



/*-----------------------
/* 	  Main Navigation
/*-----------------------*/
#main_container .content_container {
	width:700px;
	padding-top:85px;
	margin-left:225px;
	height:650px;
}


#main_container .content_container .main_content {
	background:url(../images/content_middle.png) repeat-y;
	width:717px;
	padding-left:25px;
	

	height:600px;
}







/*-------------------------------------------
/* 	  			Main Navigation
/*-------------------------------------------*/

#main_container .left .nav_middle .nav {
	margin-bottom:10px;
}

#main_container .left .nav_middle .nav ul {
	list-style-type: none;
	margin:0;
	padding: 0 0 0 20px;
}

#main_container .left .nav_middle .nav ul li a{
	background:url(../images/blue_dot.png) no-repeat;
	display: block;
	padding: 5px 0 3px 20px;
	font-size:10px;
	color:#09385b;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-weight:bold;
}

#main_container .left .nav_middle .nav ul li a:hover{
	text-decoration:underline;
}

#main_container .left .nav_bottom {
	background:url(../images/left_nav_bottom.png) no-repeat;
	width:206px;
	height:27px;
	padding-left:40px;
}


/*-------------------------------------------
/* 	  		    Online Resources
/*-------------------------------------------*/
#main_container .left .nav_middle .resources {
	margin:0 0 10px 20px;
}

#main_container .left .nav_middle .resources a{
	font-size:10px;
	color:#09385b;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-weight:bold;
}

#main_container .left .nav_middle .resources a:hover{
	text-decoration:underline;
}

/*-------------------------------------------
/* 	  			Quick Contact
/*-------------------------------------------*/
#main_container .left .nav_middle .quick_contacts {
	margin:0 15px 10px 20px;
	font-size:10px;
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
}

#main_container .left .nav_middle .quick_contacts a{
	font-size:10px;
	color:#09385b;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-weight:bold;
}

#main_container .left .nav_middle .quick_contacts a:hover{
	text-decoration:underline;
}




#main_container .right .main_content h2 {
	color: #425973; 
	font-size: 22px; 
	font-family: Georgia, "Times New Roman", Times, serif; 
	border-bottom: 1px solid #d7dfe5; 
	margin: 0 10px 10px 0;
	text-align:right;
	font-weight: normal;
}

#main_container .right .main_content  a{
	font-size:11px;
	color:#09385b;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-weight:bold;
}

#main_container .right .main_content a:hover{
	text-decoration:underline;
}

#main_container .right .main_content h3 {
		font-family:Arial, Helvetica, sans-serif;
		text-transform: uppercase;
		font-weight:bold;
		font-size: 15px;
		color: #375D81;
		border-bottom: 1px solid #DFCB94; 
		margin: 10px 5px 7px 0; 
		padding: 0 5px 3px 0; 
}

#main_container .right .main_content h4 {
		font-family:Arial, Helvetica, sans-serif;
		text-transform: uppercase;
		font-weight:bold;
		font-size: 12px;
		color: #496D8C;
		border-bottom: 1px solid #DFCB94; 
		margin: 20px 0 4px 25px; 
		width:450px;

}

#main_container .right .main_content h5 {
	color: #425973; 
	font-size: 22px; 
	font-family:Arial, Helvetica, sans-serif;
	border-bottom: 1px solid #d7dfe5; 
	margin: 5px 10px 0px 0;
	text-align:left;
	font-weight: normal;
}

#main_container .right .main_content .sub_content {
		margin: 10px 0 7px 25px; 
}




#main_container .right .main_content .secondary_nav {
	text-align:right;
	padding-right:10px;
	padding-bottom:10px;
}


#main_container .right .main_content .cal_month {
background-color:#093a5e;
	font-size:10px;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-weight:bold;
	padding:0 2px 0 2px;
}


#main_container .right .main_content .prev_next {
	font-size:10px;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-weight:bold;
	padding:0 2px 0 2px;
}


#main_container .right .main_content .prev_next a {
	text-decoration:none;
}

#main_container .right .main_content .prev_next a:hover {
	text-decoration:underline;
}





#main_container .right .main_content .event_header {
	font-family: Georgia, "Times New Roman", Times, serif; 
	font-weight:lighter;
	font-size: 22px;
	color: #88A9B5;
}

#main_container .right .main_content .event_date {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight: bold;
	color: #000000;
}

#main_container .right .main_content .event_time {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight: bold;
	color: #514646; 
}

#main_container .right .main_content .event_content {
	padding-top:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	vertical-align: baseline;
	font-weight: normal;
	color: #000000; 
}

#main_container .right .main_content .content .event_cancel {
	padding-top:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	color:#C00; 
}

#main_container .right .main_content .content .cal_day .cal_event_cancel a{ 
	color:#CC0000; 
}









/*-------------------------------------
	  Blue Category Holder Info
-------------------------------------*/
#main_container .right .main_content .content #blue_cat {
	width:665px;
	background-color:#fff;
	padding-left:10px;
	float:left;
	margin-top:30px;
}

#main_container .right .main_content .content #blue_cat > h3 {
	font-family:Verdana, Geneva, sans-serif;
	font-weight:normal;
	text-transform:none;
	font-size: 18px;
	color: #375D81;
	border-bottom: 1px solid #DFCB94; 
	margin: 10px 5px 20px 0; 
}

#main_container .right .main_content .content #blue_cat #blue_cat_holder{
	float:left;
	width:310px;
	padding:0 10px 10px 0;
}

#main_container .right .main_content .content #blue_cat #blue_cat_holder a{
	color:#000;
	font-weight:normal;
	float:left;
}

#main_container .right .main_content .content #blue_cat #blue_cat_holder img{
	border: #bac5c8 1px solid;
	padding:4px;
	background-color:#FFF;
	float:left;
}

#main_container .right .main_content .content #blue_cat #blue_cat_holder a:hover{
	text-decoration:none;
	cursor:pointer;
	background-color:#FFFFFF;
	float:left;
}

#main_container .right .main_content .content #blue_cat #blue_cat_holder #blue_cat_subholder{
	height:99px;
	padding-left:5px;
	padding-right:5px;
}

#main_container .right .main_content .content #blue_cat #blue_cat_holder #blue_cat_title{
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	padding-top:5px;
	font-weight:bold;
	padding-bottom:4px;
	color:#093a5e;
	float:left;
	width:187px;
	padding-left:5px;
	
}

#main_container .right .main_content .content #blue_cat #blue_cat_holder #blue_cat_content{
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	line-height:15px;
	padding-left:5px;
	float:left;
	width:187px;

	
}