/* 
Huron School District - Brown Elementary
CSS Design/Layout Information
No Table Design Strategy
Last Update: 8.28.2008 

Andrew Lazere
Infinite Web Ideas
*/
h5{
	font-size:14px;
	color: #c20e0f;
	font-weight:600;
	margin:0;
	margin:0 0 3px 0;
}

body, html {
	margin:0px;
	background-color:#CCCCCC;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:0;
}

#drop_shadow {
	background-image:url(../images/drop_shadow.jpg);
	background-repeat:repeat-y;
	margin:auto;
	width:973px;
	padding:0;
}

#main_container {
	width:950px;
	margin:auto;
	padding:0;
}



/* -----------------------------------
/* 		Critical Floating Letters
/* -----------------------------------*/
.letters {	
	float:left;
	width:0px;
	left:275px;
	top:50px;
	position:relative;
}

/* ---------------------------------
/* 		All Header Information
/* --------------------------------- */
	
		#main_container .header {
			background-color:#972928;
			height:130px;
		}
		
		#main_container .header .logo {
			background-image:url(../images/logo.jpg);
			background-repeat:no-repeat;
			margin-left:20px;
			width:145px;
			height:130px;
			float:left;
		}
		
		#main_container .header .sub_header {
			background-image:url(../images/sub_header.jpg);
			background-repeat:no-repeat;
			background-position:bottom;
			width:531px;
			height:100px;		
			float:left;
		}
		
		#main_container .header .district_link {
			float:right;
			width:200px;
			text-align:right;
			padding-right:5px;
			padding-top:-25px;
		}
		#main_container .header .district_link a {	
			font-weight:bold;
			color:#cdbb8e;
			text-decoration:none;
		}
		
		#main_container .header .district_link a:hover {
			text-decoration:underline;
		}
		
		#main_container .header .address {	
			padding-top:3px;
			text-align:right;
			line-height:14px;
			font-weight:100;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:11px;
			color:#FFFFFF;
		}
		
		#header_seperator {
			background-color:#000000;
			height:5px !important;
			font-size:2px;
			padding:0;
			margin:0;
		}
		
		
/* ---------------------------------
/* 		All Middle Information
/* --------------------------------- */
		
		#main_container .mid {
			background-color:#FFFFFF;	
			width:auto;
			height:270px;
			margin:0;
			padding:0;
		}
		
		#main_container .mid .main_photo {
			float:right;
			width:437px;
			height:272px;
			padding:0;
			margin:0;
			overflow:hidden;
		}
		
		#main_container .mid .navigation {	
			width:240px;
			line-height:14px !important;
			line-height:7px;
			float:left;	
			margin:0;
			padding:0;
		}
		
		#main_container .mid .navigation ul {	
			list-style-type: none;
			margin:0;
			padding: 10px 0 0 20px;
		}
		
		#main_container .mid .navigation li a {
			background:url(../images/button.jpg) top left no-repeat;
			display: block;
			padding: 13px 0px 14px 40px !important;
			padding: 16px 0px 12px 40px;
			margin:0;
		}
		
		#main_container .mid .navigation li a:hover {
			background:url(../images/rollover.jpg) top left no-repeat;
			display: block;	
		}
		
		#main_container .mid .navigation a {
			font-size:14px !important;
			color:#000000;
			font-weight:normal;
			text-decoration:none;	
			margin:0;
		}
		
		#main_container .mid .navigation a:hover {
			color:#972928;
		}
		
		#mid_seperator {
			background-color:#972928;
			height:2px !important;
			font-size:1px;
			padding:0;
			margin:0;
		}
		
/* ---------------------------------
/* 		All Content Information
/* --------------------------------- */
		
		#main_container .content {
			background-color:#cdbb8e;	
			width:auto;
			height:420px;
		}
		
		#main_container .content .latest_news {
			width:350px;
			padding-left:10px;
			padding-top:10px;
			float:left;
		}
		
		#main_container .content .latest_news h1 {
			font-size:15px;
			letter-spacing:0.2em;
			color:#000000;
			margin:0px;
			padding:0px;
			
			line-height:1.2em;
		}
		
		#main_container .content .latest_news h1 a{
			letter-spacing:0;
			font-size:9px;
			color:#ab2f2d;
			text-decoration:none;
			font-weight:bold;
			line-height:1.2em;
		}
		
		#main_container .content .latest_news h1 a:hover {
			text-decoration:underline;
		}
		
		#main_container .content .latest_news .date {
			font-size:11px;
			color:#000000;
			font-weight:bold;
			line-height:1.2em;
			padding:10px 0 0 18px;
		}
		
		#main_container .content .latest_news a {
			color:#ab2f2d;
			text-decoration:none;
			font-weight:bold;
			line-height:1.2em;
		}
		
		#main_container .content .latest_news a:hover {
			text-decoration:underline;
		}


		#main_container .content .about_us {
			background-image:url(../images/more-kids.jpg);
			background-repeat:no-repeat;
			width:350px;
			height:180px;
			margin-top:72px;
		}


		/* ---------------------------------
		/* 		All Content Information
		/* --------------------------------- */
		
		#main_container .letter {
			float:right;
			padding-top:20px;
			width:437px;
			line-height:1.2em;
		}	
		
		#main_container .letter .top_left {
			background-image:url(../images/upper_left.jpg);
			background-repeat:no-repeat;
			float:left;
			width:19px;
			height:17px;
		}
		
		#main_container .letter .upper {
			background-image:url(../images/upper.jpg);
			background-repeat:repeat-x;
			width:391px;
			float:left;
			height:17px;
		}	
		
		#main_container .letter .top_right {
			background-image:url(../images/upper_right.jpg);
			background-repeat:no-repeat;
			float:left;
			width:19px;
			height:17px;
		}		
		
		
		#main_container .letter .bot_left {
			background-image:url(../images/bot_left.jpg);
			background-repeat:no-repeat;
			float:left;
			width:19px;
			height:17px;
		}
		
		#main_container .letter .bot {
			background-image:url(../images/bot.jpg);
			background-repeat:repeat-x;
			width:391px;
			float:left;
			height:17px;
		}	
		
		#main_container .letter .bot_right {
			background-image:url(../images/bot_right.jpg);
			background-repeat:no-repeat;
			float:left;
			width:19px;
			height:17px;
		}	

		
		#main_container .letter .mid {
			background-image:url(../images/mid.jpg);
			background-repeat:repeat-y;
			width:409px;
			float:left;
			height:auto;
			padding:10px 10px 0px 10px;
		}	
		
		#main_container .letter .title {
			padding-top:-50px;
			font-size:18px;
			color:#972928;
			padding-bottom:10px;
			
		}	
		#main_container .letter .read_more {
		padding-top:10px;
			width:409px;
			text-align:right;
			color:#ab2f2d;
			text-decoration:none;
			font-weight:bold;
		}			
		
		#main_container .letter .read_more a {
			color:#ab2f2d;
			text-decoration:none;
			font-weight:bold;
		}	
		
		#main_container .letter .read_more a:hover {
			text-decoration:underline;
		}	
		
		
/* ---------------------------------
/* 		All Footer Information
/* --------------------------------- */

		#main_container .footer {
			background-color:#738489;
			margin:auto;
		}
		
		#main_container .footer .head {
			padding:10px;
			color:#FFFFFF;
			font-size:16px;
			text-align:center;
			font-stretch:expanded;
			margin:auto;
		}
		
		#main_container .footer .credits {
			padding-bottom:10px;
			color:#FFFFFF;
			font-size:9px;
			text-align:center;
			margin:auto;
		}
		
		#main_container .footer .credits a {
			color:#ab2f2d;
			text-decoration:none;
			font-weight:bold;
		}
		
		#main_container .footer .credits a:hover {
			text-decoration:underline;
		}
		
		
		
		
/* -------------------------------------------------
/* 		Additional SubPage Info
/*	We have to redo navigation for new LEFT class.
/* ------------------------------------------------- */	

		#main_container .sub_container {
			background-color:#FFFFFF;	
			width:auto;
			margin:0;
			padding:0;

			
		}
		
		#main_container .sub_container .left {
			background-color:#FFFFFF;	
			width:200px;;
			margin:0;
			padding:0;
			float:left;
		}
		
		#main_container .sub_container .left .navigation {	
			width:200px;
			line-height:14px !important;
			line-height:7px;
			float:left;
		}
		
		#main_container .sub_container .left .navigation ul {	
			list-style-type: none;
			margin:0;
			padding: 10px 0 0 20px;
		}
		
		#main_container .sub_container .left .navigation li a {
			background:url(../images/button.jpg) top left no-repeat;
			display: block;
			padding: 13px 0px 14px 40px !important;
			padding: 16px 0px 12px 40px;
			margin:0;
		}
		
		#main_container .sub_container .left .navigation li a:hover {
			background:url(../images/rollover.jpg) top left no-repeat;
			display: block;	
		}
		
		#main_container .sub_container .left .navigation a {
			font-size:14px;
			color:#000000;
			font-weight:normal;
			text-decoration:none;	
		}
		
		#main_container .sub_container .left .navigation a:hover {
			color:#972928;
		}
		
		#main_container .sub_container .left .sub_logo {
			margin-top:310px !important;
			margin-top:20px;
			margin-left:10px;
			background-image:url(../images/sub_letters.jpg);
			background-repeat:no-repeat;
			height:304px;
		}
		
		#main_container .sub_container .content_info {
			margin-left:200px;
			width:725px;
			padding:10px;
			border-left: 1px #000000 solid; 
			min-height:610px;
		}
		
				
		#main_container .sub_container .content_info a{
			color:#ab2f2d;
			text-decoration:none;
			font-weight:bold;
		}
		
				
		#main_container .sub_container .content_info a:hover{
			text-decoration:underline;
		}
		
		#main_container .sub_container .content_info h1 {
			font-size:18px;
			vertical-align: baseline;
			font-weight: normal;
			color: #972928;
			text-align:right;
			margin:0px;
			padding-bottom:10px;

		}
		
		#main_container .sub_container .content_info .parent_head {
			font-size:12px;
			vertical-align: baseline;
			font-weight: normal;
			color: #000000;
			padding:0 0 20px 0;
		}
		
		#main_container .sub_container .content_info .parent_head h2{
			font-size:14px;
			margin:0px;
			padding:0 0 10px 0;
		}
		
		#main_container .sub_container .content_info .parent_head .list{
			margin:0px;
			padding:0 0 0 25px;
		}
		
		#main_container .sub_container .content_info .parent_head .list li{
			list-style:disc;
		}
		
		#main_container .sub_container .content_info .staff{
			width:700px;
			margin:0px;
			padding:0px;
		}
		
		#main_container .sub_container .content_info .staff h2{
			font-size:14px;
			margin:0px;
			padding:0 0 10px 0;
		}
		
		#main_container .sub_container .content_info .staff .ext{
			
			width:150px;
			float:left;
			
		}
		
		#main_container .sub_container .content_info .staff .name{
			width:200px;
			float:left;
		}
		
		#main_container .sub_container .content_info .staff .email{
			width:350px;
			float:left;

		}
		
		#main_container .sub_container .content_info .img_holder {
			border: 1px #000 solid; 
			padding: 5px;
		}
		
		#main_container .sub_container .content_info img {
			border: 1px #000 solid; 
			padding: 5px;
		}
		
		
		
		
		
	#main_container .sub_container .content_info .meeting_holder {
	margin-top:20px;
	width:650px;
	padding-left:50px;
		
}
		
		
		
		
/*-----------------------------
		PDF Container
------------------------------*/
#main_container .sub_container .content_info .pdf_container{
	float:left;
	margin:0;
	padding:0;
	width:600px;
	margin-left:50px;

	padding-top:15px;
}

#main_container .sub_container .content_info .pdf_container .pdf_icon{
	float:left;
	width:25px;
	height:26px;
	background: url("../../images/pdf_icon.jpg") no-repeat;
	padding-right:10px;
}

#main_container .sub_container .content_info .pdf_container .pdf_doc{
	float:left;
	width:550px;
	height:26px;
	padding-top:5px;
}