/* Style sheet for No IE Browswers
 * for Colorado Association for Infant Mental Health
 */
 
/* Begin Re-styled tags */
body{
	background-color: #808080;
	font-family: arial, sans-serif;
}

/* End Re-styled tags */

/* general class definitions */
.clear{
	clear: both;
}
/* end of general class definitions */

/* The header container that houses the top graphic */
#headerContainer{
	background-image: url('/themes/coaimh/images/headerImage.jpg');
	background-repeat: no-repeat;
	width: 780px;
	border-left: 1px solid #0E4187;
	border-top: 1px solid #0E4187;
	border-right: 1px solid #0E4187;
	height: 125px;
	margin: 0px auto;
	padding: 0px;
}


/* Begin styles for navigation div and menu list */
#navContainer{
	background-image: url('/themes/coaimh/images/navBackground.jpg');
	background-repeat: no-repeat;
	width: 782px;
	height: 21px;
	margin: 0px auto;
	padding: 0px;
}
	#navContainer ul{
		margin: 0px;
		padding: 0px;
		list-style-type: none;
	}
	
	#navContainer ul li{
		display: inline;
		border-right: 1px solid #808080;
		margin: 0px;
		padding: 0px 0px 3px 0px;
	}
	
	#navContainer ul li.last{
		border-right: none;
	}
	
	#navContainer ul li a{
		font-size: 12px;
		color: #808080;
		text-decoration: none;
		padding: 3px 10px;
		margin: 0px;
	}
	
	#navContainer ul li a:hover{
		background-color: #0E4187;
		color: #ffffff;
		text-decoration: none;
		padding: 3px 10px;
		margin: 0px;
	}
	
/* End styles for navigation div and menu list */


/* Begin styles for main body area */

#bodyContainer{
	background-color: #ffffff;
	width: 780px;
	height: auto;
	border-left: 1px solid #0E4187;
	border-right: 1px solid #0E4187;
	margin: 0px auto;
	padding: 0px;
	font-size: 12px;
	color: #4f4f4f;
}
	/* The main content areas (left and right columns) */
	#bodyContainer #bodyContentLeft{
		float: left;
		width: 490px;
		height: auto;
		padding: 15px 20px;
		margin: 0px;
	}
		#bodyContainer #bodyContentLeft h1{
			font-size: 17px;
			color: #0E4187;
			margin: 0px 0px 10px 0px;
			padding: 0px;
		}
		#bodyContainer #bodyContentLeft h2{
			font-size: 15px;
			color: #0E4187;
			margin: 0px 0px 10px 0px;
			padding: 0px;
		}
		#bodyContainer #bodyContentLeft h3{
			font-size: 12px;
			color: #0E4187;
			margin: 0px 0px 10px 0px;
			padding: 0px;
		}
		#bodyContainer #bodyContentLeft a{
			color: #0E4187;
			text-decoration: underline;
		}
		#bodyContainer #bodyContentLeft a:hover{
			color: #000;
			text-decoration: none;
		}
	
	#bodyContainer #bodyContentRight{
		float: right;
		width: 230px;
		height: auto;
		padding: 5px 10px;
		margin: 0px;
	}
	#bodyContainer #bodyContentRight a{
			color: #0E4187;
			text-decoration: underline;
	}
	#bodyContainer #bodyContentRight a:hover{
			color: #000;
			text-decoration: none;
	}
	/* End of the main left and right content areas */
	
		/* Begin the right colum global box and login box styles */
		#bodyContainer #bodyContentRight #login{
			padding-left: 10px;
		}
		#bodyContainer #bodyContentRight #login .login_head{
			margin: 0px 0px 0px 0px;
			padding: 5px 5px 5px 2px;
			font-size: 14px;
			font-weight: bold;
			color: #0E4187;
			background-color:#F0F8FF;
			display:block;
			width: 205px;
		}
		#bodyContainer #bodyContentRight #login label{
			display: block;
			float: left;
			width: 100px;
			font-weight: bold;
		}
		#bodyContainer #bodyContentRight #login input{
			width: 150px;
		}
		#bodyContainer #bodyContentRight .gbox{
			background-image: url('/themes/coaimh/images/globalBoxBG.gif');
			background-repeat: no-repeat;
			width: 225px;
			height: 301px;
			margin: 5px 0px;
			padding: 10px 0px;
			overflow: hide;
		}
	
		#bodyContainer #bodyContentRight .gbox .gbox_title{
			font-weight: bold;
			font-size: 14px;
			margin: 10px;
			padding: 0px;
		}
	
		#bodyContainer #bodyContentRight .gbox .gbox_body{
			margin: 10px;
			padding: 0px;
		}
		#bodyContainer #bodyContentRight .gbox_body a{
			color: #0E4187;
			text-decoration: underline;
	}
		#bodyContainer #bodyContentRight .gbox_body a:hover{
			color: #000;
			text-decoration: none;
	}
		/* End of the right column global box styles */
	
/* End styles for main body area */


/* The image container that holds the two images after 
 * all content and before the footer container */
 
#imageContainer{
	background-color: #ffffff;
	width: 780px;
	height: 150px;
	border-left: 1px solid #0E4187;
	border-right: 1px solid #0E4187;
	margin: 0px auto;
	padding: 0px;
}

/* Begin footer container and footer menu styles */
#footerContainer{
	background-color: #ffffff;
	width: 780px;
	height: 23px;
	border: 1px solid #0E4187;
	margin: 0px auto;
	padding: 0px;
	text-align: center;
}

	#footerContainer ul{
		list-style-type: none;
		margin: 2px;
		padding: 0px;
	}
	
	#footerContainer ul li{
		display: inline;
		border-right: 1px solid #0E4187;
		margin: 0px;
		padding: 0px;
	}
	
	#footerContainer ul li.last{
		border-right: none;
	}
	
	#footerContainer ul li a{
		display: inline;
		font-size: 12px;
		color: #0E4187;
		text-decoration: none;
		margin: 0px;
		padding: 0px 10px 5px 10px;
	}
	
	#footerContainer ul li a:hover{
		text-decoration: underline;
	}
	
/* End of the footer container and footer menu styles */