/* Shiawassee County Community Mental Health Authority
			Created September 2008.
  		This style sheet passed WC3 validation. */
			
 /*general styles*/
	body {
		background:#d2c3a6;
		/*behavior:url("csshover.htc");	*/	
		font:90% verdana,arial,sans-serif;
		width:100%;
		}
	* {
	margin: 0;
	padding: 0;
	content: close-quote;
	list-style-type: disc;
}
/*container for all page content*/
	#container {
		width: 900px;
		background: #f5f5dc;
		margin: 2% auto;
		padding: 0;
		border: 1px solid green;
		}
/*header styles*/	
	#header { /*box for header image*/
		background: #d2c3a6;
		padding:0;
		text-align:center;
		}
/*horizontal navigation styles*/ 
	#nav {
	/*horizontal navigation*/
		border-top: thin #D2C3A6 solid;
		border-bottom: thin #D2C3A6 solid;
		clear: both;
		float: left;
		position: relative;
		width: 100%;
		height: auto;
		background: #006633;
		font-weight: bold;
		font-size: 0.9em;
		z-index: 200;
		margin-top: 0;
		}
	#nav ul {
		margin: 0 auto auto 1%;
		}
	#nav li {
	/*navigation items*/
		float: left;
		position: relative;
		list-style-type: none;
		border-right: 1px #006633 solid;
		z-index: 200;
		width: 95px;
		text-align: center;
		padding-top: 2px;
		padding-bottom: 2px;
		}
	#nav li:first-child{
		border-left: 1px #006633 solid;
		background-color: #006633;
		}
	#nav li:hover {
		color: #006633;
		}
	#nav a {
		background: #006633;
		display: block;
		padding: 0;
		text-decoration: none;
		color: #f5f5dc;
		}	
	#nav a:hover {
		background-color: #E1E6CF;
		color: #006633;
		}	
	* html #nav ul {
		float:left; 
		border-left:1px solid #d2c3a6;
		margin-left:25px;
		}			
/* dropdown menu */
	#nav ul li ul {
		border-top: 1px #006633 solid;
		margin: 0;
		position: absolute;
		z-index: 300;
		background-color: #006633;
		}		
	#nav ul li ul li {
	width: 120px;
	border-left: 1px #006633 solid;
	border-bottom: 1px #006633 solid;
	border-right: 1px #006633 solid;
	font-size: .85em;
	text-align: left;
	padding-left: 2px;
	padding-right: 2px;
}				
	#nav ul li ul li:first-child {
		border-top: 1px #006633 solid;
		}	
	#nav ul li ul {
		display: none;
		left: -2px;
		}
	#nav ul li ul li ul {
		visibility: hidden;
		top: 1px;
		}
	#nav ul li:hover ul /*, div#nav ul li ul:hover */ { 
		display: block;
		}
	#nav ul li ul li:hover ul /*, div#nav ul li ul li ul:hover */ {
		visibility:visible;
		}
	* html #nav ul {
		float:left;
		border-left:1px solid #006633;
		margin-left:25px;
		}
	* html #nav ul li ul {
		border-top:1px solid #d2c3a6;
		border-left:0px;
		}
	* html #nav ul li ul li {
		border-top:1px solid #d2c3a6;
		border-left:0px;
		}			
	/*2 col layout styles*/	
	/* column container */
	#colmask {
		position: relative; /* This fixes the IE7 overflow hidden bug */;
		clear: both;
		float: left;
		width: 100%; /* width of whole page */;
		overflow: hidden;
		margin-top: -2px;
		}
	/* common column settings */
	#colleft {
		float:left;
		width:100%;
		position:relative;
		background:#e1e6cf;		
		}
	.col2 {
		float:left;
		position:relative;
		padding:0 0 1em 0;
		/*overflow:hidden;*/
		}
	.col1 {
		float:left;
		position:relative;
		padding:0 0 1em 0;
		/*overflow:hidden;*/
		}
	.col1 {
		width:25%;
		}
	.col2 {
		background:#f5f5dc;
		width:75%;
		}
	/*left navigation styles*/
  	#sidebar {  /*left sidebar column*/
		float:left; width:100%;
		margin:auto; padding:1%;
		font-weight:bold; font-size:85%;
		}
	#sidebar a {
	/*active navigation items*/
		position: absolute;
		width: 200px;
		border: thin #D2C3A6 outset;		
		color: #000000;		
		background-color: #7c8e82;
		text-align: left;		
		text-decoration: none;
		margin-top: 5%;
		margin-bottom: 5%;
		margin-left: 2%;
		padding-top: 2px;
		padding-bottom: 2px;
		padding-left: 5px;
		font-weight: bolder;
		line-height: 125%;
		}
	#sidebar a:hover {
/*navigation items on mouse hover*/
		background-color: #F5F5DC;
		color: #006633;
		font-weight: bold;
		}
	#sidebar a img {
	    border:none;
	 	}
	#sidebar a img:hover {
		background-color: #F5F5DC;
		}
/*style for a boxed link in the main part of the page*/		
	#linkbox a {
		width: 200px;
		border: thin #D2C3A6 outset;		
		color: #000000;		
		background-color: #7c8e82;
		text-align: center;		
		text-decoration: none;
		margin-top: 5%;
		margin-bottom: 5%;
		margin-left: 2%;
		padding: 2px;
		font-weight: bolder;
		line-height: 125%;
		}
	#linkbox a:hover {
/*navigation items on mouse hover*/
		background-color: #F5F5DC;
		color: #006633;
		font-weight: bold;
		}								
  /*footer styles*/	
	#footer { /*main content footer*/
		clear:both; float:left;
		background:#f5f5dc;		
		width:100%; color:#333300;
		margin:0; padding:0;
		font-size:85%;
		border-top:3px solid #d2c3a6;				
		}
	#footer a {
		color: #006633;
		text-decoration: none;
		font-weight: bold;
		}
	#footer a:hover {
		background: #006633;
		color: #E1E6CF;
		font-weight: bold;	
		}
/*Unordered List*/
	.disc {
		margin:0 0 0 8%;
		list-style:disc;
		font-size:.9em;		
		}
	.sidedisc {
		margin:0 5% 0 12%;
		list-style:disc;
		font-size:.9em;
		}
	.circle {
		margin:0 8% 0 8%;
		list-style:circle;
		font-size:.9em;			
		}
	.none {
		list-style:none;
		}
/*classes*/
	p {
		font-size:0.9em; padding:0 2%;
		margin:.4em 0 .8em 0;
		}
	.smaller {
		font-size:smaller;
		}
	.small {
		font-size:small;
		}
	.medium {
		font-size:medium;
		}	
	.center {
	text-align: center;
		}
	.right {
		text-align:right;
		}
	.left_indent {
		margin:0 10% 0 20%;
		}
	.left_indentmore {
		margin:0 10% 0 30%
		}
	.left_indentless {
		margin:0 10% 0 10%;	
		}
	.left_table {
		margin:0 0 0 30%;
		font-size:0.9em;	
		}
	.left_margin {
		margin:0 5% 0 10%
		}
	.left_marginless {
		margin:0 5% 0 5%
		}		
	.boxed {
		border: thin #D2C3A6 outset;
		background-color: #B1CBBA;
		color: #000;
		margin: 2% 15%;
		text-align: center;
		padding-top: 2px;
		padding-bottom: 2px;
		}
	.emphasis {
		font-weight:bold;
		color:#006633;
		}
	.box {
		border: thin #E1E6CF outset;
		color: #336600;
		background-color: #FFFFCC;
		}
	.bolditalic {
		font-weight:bold;
		font-style:italic;
		}	
	.green {
		color: #006633;
		}	
/*image styles*/
	.outset {
		border: thin outset #D2C3A6;
		}
	.leftside {
		border: thin outset #D2C3A6;
		vertical-align: sub;
		}

/*links*/
	a img {
	    border:none;
	 	}
	a img:hover {
		background-color: #F5F5DC;
		}
	h3 {
		margin:.8em 0 .2em 0;
		padding:0;
		}	
	h2 {
		margin:.8em 0 .2em 0;
		padding:0;
		}	
	h1 {
		margin:.8em 0 .2em 0;
		padding:0;
		}	
/*  	a {
		text-decoration: none;
		color: #006633;	
		font-weight: bold;
		}	
	a:hover {
		text-decoration: none;
		color: #F5F5DC;		
		background-color: #006633;
		font-weight: bold;
		}	*/