/* DCHS Interior */

html {
	height: 100%; 
	}  /* used to float footer to bottom */
	
body {
	height: 100%;  /* used to float footer to bottom */
	background-image: url("images/interior/repeating-bottom-slice.jpg");
	background-repeat:repeat;
	background-position:top;
	margin: 0px;
	}
	
html>body #content {
	width: 750px; 
} 
	
.container {
	min-height:100%;
	position:relative;
	/* used to float footer to bottom */
	}

.background {
	background-image: url("images/interior/interior_background.jpg");
	background-position: top center;
	background-repeat:no-repeat;
	min-height: 852px; /* do not adjust - height of background image */ 
	padding-bottom: 75px; /* makes sure that footer doesn't overlap bottom 75 px of bknd image */
	}

#content {
	position: relative;
	margin-right: auto;
	margin-left: auto;
	/*padding-bottom: 30px;  for IE only*/
	} 
	

.headline {
	line-height:100%;
	}
	
	
	
/* ----------- Main Navigation-------------  */

.main_container {
	width:750px;
	height:40px;
	position:relative;
	left: 8px;
	top: 10px; 
	}
	
.navitem a:link {
	background-color: #007536;
	height: 45px;
	width: 140px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align: center;
	border: none;
	padding: 0px;
	line-height: 40px;
	text-decoration: none;
	font-size: .9em;
}
.navitem a:visited {
	background-color: #007536;
	height: 45px;
	width: 140px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align: center;
	border: none;
	padding: 0px;
	line-height: 40px;
	text-decoration: none;
	font-size: .9em;
}
.navitem a:hover {
	background-color: #3A3A3a;
	height: 45px;
	width: 140px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align: center;
	border: none;
	padding: 0px;
	line-height: 40px;
	text-decoration: none;
	font-size: .9em;
}
.navitem {
	background-color: #007536;
	height: 45px;
	width: 140px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align: center;
	border: none;
	padding: 0px;
	line-height: 40px;
	text-decoration: none;
	margin-right: 1px;
	float: left;
	font-size: .9em;
}

.navitem_select {
	background-color: #3a3a3a;
	height: 45px;
	width: 140px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align: center;
	border: none;
	padding: 0px;
	line-height: 40px;
	text-decoration: none;
	margin-right: 1px;
	float: left;
	font-size: .9em;
}

/* ---------------SIDE NAVIGATION ----------- */

.side_all_container {
	position: relative;
	top: 20px; /* different */
	float: left; /* needed to position the content well correctly */
	}


/* ---------UTILITY NAV --------------- */

.side_container {
	position: relative;  
	top: 0px;
	width:160px;
 }

.sidenav_list ul {
	list-style-type:none;
	padding:0px;
	}

.sidenav_list li{
	display:block;
	width: 160px;
	border-bottom: 1px solid #ffffff;
	}
		
.sidenav_list a {
	display:block;
	height:20px;
	text-align:center;
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.6em;
	color: #ffffff;
	background-color:#750004;
	padding: 6px 1px 2px 0px;
	}
	
.sidenav_list a:hover {
	background-color: #3A3A3A;
	}

.sidenav_list_select a {
	display:block;
	height:20px;
	text-align:center;
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.6em;
	color: #ffffff;
	background-color: #3a3a3a;
	padding: 6px 1px 2px 0px;
	}

.form {
	background-color:#750004;
	width:160px;
	}
	
input.formbox {
	height:20px;
	margin-top: 2px;
	border-style:none;
	}

input.btn {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #750004;
	height: 20px;
	width: 160px;
	font-size:.6em;
	color: #FFFFFF;
	text-align: center;
	border-style: none;
}

input.btn:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.6em;
	color: #FFFFFF;
	background-color:#750004;  
	border-width: 0px;
	text-decoration:underline;
}





/* ------------ SECTION NAVIGATION ------------  */

.section_nav_container {
	 position: relative; 
	 width: 160px; 
	 top: 0px; 
	 left: 0px; 
	}

.section_nav_head {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .8em;
	color: #FFFFFF;
	background-color: #3A3A3A;
	height: 20px;
	width: 160px;
	text-align: center;
	line-height: 20px;
	margin-bottom: -15px;
}


/* --------------------------------- SECTION NAV UTILITY COLORS -------------------------- */
.section_nav_list ul {
	list-style-type:none;
	padding:0px;
	}

.section_nav_list li{
	display:block;
	}
		
.section_nav_list a {
	display:block;
	min-height:20px;
	text-align:left;
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.6em;
	color: #ffffff;
	background-color:#750004;
	padding: 6px 1px 6px 5px;
	}
	
.section_nav_list a:hover {
	background-color: #3A3A3A;
	}

.section_nav_list_select {
	background-color:#3A3A3A;
	display:block;
	min-height:20px;
	text-align:center;
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.6em;
	color: #ffffff;
	padding: 6px 1px 6px 0px;
	}




/* --------------------------------- SECTION NAV MAIN COLOR ------------------------------ */
.section_nav_list_main ul {
	list-style-type:none;
	padding:0px;
	}

.section_nav_list_main li{
	display:block;
	}

.section_nav_list_main a {
	display:block;
	min-height:20px;
	text-align:left;
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.6em;
	color: #ffffff;
	background-color: #007536;
	padding: 6px 1px 6px 5px;
	}

.section_nav_list_main a:hover {
	background-color: #3A3A3A;
	}

.section_nav_list_main_select {
	background-color:#3A3A3A;
	display:block;
	min-height:20px;
	text-align:center;
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.6em;
	color: #ffffff;
	padding: 6px 1px 6px 0px;
	}


/* ---------- INTERIOR AD -----------------*/

.interior_ad_container {
	 position: relative; 
	 width: 160px; 
	 top: 0px; 
	 left: 0px; 
	 margin-top: 20px;  /* use this instead of top: 20px, because this won't throw the container bottom padding off */
	 background-color: #00755E;
	 border: 1px none #000000;
	}

.interior_ad_head {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .8em;
	color: #FFFFFF;
	background-color: #3A3A3A;
	height: 20px;
	width: 160px;
	text-align: center;
	line-height: 20px;
}

.interior_ad_body {
	margin-top:5px;  /*different */
	margin-left:0px;
	padding-bottom: 3px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:.8em;
	color:#ffffff;
	}





/* ----------- SECTION CONTAINER ------------- */

.section_container {
	width:550px;
	position: relative;
	left: 40px;
	top: 7px; 
	margin-bottom: 100px; /* needed to keep footer off the bottom of content FF only */
	float: left;}  /* needed to position the content well correctly */

/* -----------------------------SECTION HEADLINE UTILITY COLOR ------------------------*/
.section_headline {
	font-family:"Trebuchet MS";
	font-size: 1.5em;
	font-weight:bold;
	color: #ffffff;
	border-bottom-width: 4px;
	border-bottom-color:#750004;
	width: 97%;
	border-bottom-style: solid;
	}

	
/* ------------------------------SECTION HEADLINE MAIN COLOR --------------------------- */
.section_headline_main {
	font-family:"Trebuchet MS";
	font-size: 1.5em;
	font-weight:bold;
	color: #ffffff;
	border-bottom-width: 4px;
	border-bottom-color:#007536;
	width: 97%;
	border-bottom-style: solid;
	}
	
	
/* ----------------------------SECTION INTRO UTILITY COLOR ---------------------------------*/
.section_intro {
	height: 100px;
	width: 512px;
	background-color: #750004;
	}


/* ----------------------------------- SECTION INTRO MAIN COLOR ------------------------- */
.section_intro_main {
	height: 100px;
	width: 512px;
	background-color: #007536;
	}


.section_intro_photo {
	width: 190px;
	float:left;
	border-width: 1px 0px 1px 1px;
	border-color:#3a3a3a;
	border-style:solid;
	}

.section_intro_text {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: .8em;
	color: #ffffff;
	line-height:150%;
	margin-left: 195px;
	margin-right: 5px;
	margin-top: 3px;
	margin-bottom: 3px;
	}


.sub_section_container {
	margin-right: 10px;
	margin-top: 10px;
	left: 200px
	top: -600px;
	width: 250px;
	height: 130px;
	background-color:#ffffff;
	border-style: solid;
	border-color: #3a3a3a;
	border-width: 1px 1px 1px 1px;
	float: left;
	}
	
/* ---------------------------SUB SECTION HEADER UTILITY COLOR --------------------------*/
.sub_section_header {
	background-color:#72393C; 
	height: 30px;
	border-bottom-width: 1px;
	border-bottom-color:#3a3a3a;
	border-bottom-style:solid;
	padding-top: 5px;
	padding-left: 5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: .8em;
	color: #ffffff;
	}


/* --------------------------SUB SECTION HEADER MAIN COLOR ------------------------------*/
.sub_section_header_main {
	background-color:#397253; 
	height: 30px;
	border-bottom-width: 1px;
	border-bottom-color:#3a3a3a;
	border-bottom-style:solid;
	padding-top: 5px;
	padding-left: 5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: .8em;
	color: #ffffff;
	}



.sub_section_text {
	margin-top: 5px;
	margin-left: 5px;
	margin-right: 5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	line-height:140%;
	font-size: .75em;
	}
	
/*  ------------------------ ARTICLE INTERIOR NAV ---------------------- */

.interior_nav {
	font-size: .95em;
	background-color:#d3d3d3;  /* used to be a3a3a3 */
	position: relative;
	}

ul.interior_nav {
	list-style-type:none;
	padding: 5px 0px 5px 20px;  /*left padding is differnt */
	
}
	
.interior_nav a:link {
	color:#ffffff;
	text-decoration:none;
	}
	
.interior_nav a:visited {
	color:#ffffff;
	text-decoration:none;
	}
	
.interior_nav a:hover {
	color: #750004;
	text-decoration:underline;
	}
	
	
	
/* ---------------------------------- ARTICLE ----------------------*/

.article_container {
	width:545px;
	position: relative;
	left: 20px; 
	top: 0px; /*different */
	margin-bottom: 150px;
	float: left;
	z-index:99;
	}
	
.article_sub_head {
	font-family:"Trebuchet MS";
	font-size:.9em;
	font-weight:normal;
	color:#999999;
	margin-bottom:10px;
	}

.article_headline {
	font-family:"Trebuchet MS";
	font-size: 2.0em;
	font-weight:bold;
	color: #000000;
	line-height:105%;
	border-bottom-width: 1px;
	border-bottom-color:#731012;
	border-bottom-style: solid;
	padding-top:5px;
	padding-bottom:5px;
	}
	
	
.article_body {
	float:left;
	width:515px;
	top: 300px
	left: 180px;
	background-color:#E6E6E6;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	line-height:170%;
	font-weight:normal;
	margin-top:-10px;
	padding: 5px 20px 20px 10px; /*different */
	text-align: left;
	}		
	
.article_body a:link {
	color:#007536;
	}
.article_body a:visited {
	color: #007536;
	}
.article_body a:hover {
	color:#3a3a3a;
	text-decoration:none;
	}


.article_body_small {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	line-height:170%;
	font-weight:normal;
	}		
	
/*  ---------------NAME LIST ------------------*/


.name_list {
	width:95%;
	float: left;
	background-color: #CCCCCC;
	margin: 5px;
	padding: 5px;
	}	

	
/*  ------------------------ FOOTER ---------------------- */	
	

.footer {
	position: relative;
	bottom: 0px;
	background-image:  url("images/interior/interior_footer.jpg");
	background-repeat: no-repeat;
	background-position:bottom center;
	height: 75px;
	width: 100%;
	float: left; /* to make footer float to bottom cf: background float */
	}