/*
EOU Web design April 2009 - A windy day in April
================================================*/

/* Global
================================================*/
	
body {
	text-align:center;
	padding:0;
	margin:0 0;
	color:#333333;
	background-image: url(../graphics_09/backgd_third_09.gif);
	background-repeat:repeat-x;
	
}

ul {
	margin: 0 12px 0 12px;
	padding: 0 0 0 25px;
	list-style-position:outside;
	}


/*===================================================
Container main
=====================================================*/
#eou_container {
	margin: 0 auto;
	text-align:center;
	background-image: url(../graphics_09/backgd_09a.gif);
	background-repeat:repeat-x;
	border-bottom: 1px solid #A37516;
	border-left: 1px solid #A37516;
	border-right: 1px solid #A37516;
}

#eou_top {
	width:820px;
	margin:0 auto; /* Right and left margin widths set to "auto" */
	text-align:right; /* Counteract to IE5/Win Hack */
	padding: 7px 0 0 0;
	height: 30px;
	text-align:right;
	line-height:15px;
	}


/*===================================================
Main Promotional Images with EOU Logo
=====================================================*/

#eou_title {
	margin:0px auto; /* Right and left margin widths set to "auto" */
	text-align:left; /* Counteract to IE5/Win Hack */
	padding: 5px 0;
	width: 820px;
	height: 42px;
	}
	
	
/*===================================================
EOU Template Navigation Links
=====================================================*/


#eou_links {
	margin:0 auto; /* Right and left margin widths set to "auto" */
	height: 20px;
	padding: 7px 0 0 0;
	font: bold .8em/1.3 Arial, Helvetica, sans-serif;
	letter-spacing: .01em;
	color:#fff;
	}
	
#eou_links a {
	padding: 0 5px;
	text-decoration:none;
	color:#fff;
	}
	
#eou_links a:hover {
	text-decoration: underline;
	color:#CC6600;
	}

td.xsmall {
	font: bold .8em/1.2 Arial, Helvetica, sans-serif;
	margin: 0 8px 0 8px;
	padding: 0 0;
	color:#666666;
	letter-spacing: .01em;
	}
	
td.xsmall a {
	text-decoration: none;
	color:#686753;
	}
	
td.xsmall  a:hover {
	text-decoration: none;
	color:#FF9933;
	}
	
form {
	margin: 0 0;
	padding: 0 0;
	}
	
.btn {
	font: .9em/1.1 Arial, Helvetica, sans-serif;
	margin: 0 0;
	padding: 0 0;
	}

#txtSearch, select, textarea, input.inptext {
	font-size: .9em;
	padding: 0 0 !important;
	padding: 3px 3px;
	border: 1px solid #FF6666;
}

#txtSearch, select {
	margin-right: 0;
}

#txtSearch {
	width: 150px !important;
	width /**/: 90px;
	height: 16px !important;
	height: 11px;
	height /**/: 18px;
}

/*===================================================
Content container
=====================================================*/
#container {
	width: 820px;
	margin: 0 auto;
	border-bottom: 1px solid #A37516;
	border-left: 1px solid #A37516;
	border-right: 1px solid #A37516;
}
	

/*===================================================
Main Promotional Images with EOU Logo
=====================================================*/

#main_promo {
	margin:0px auto; /* Right and left margin widths set to "auto" */
	text-align:left; /* Counteract to IE5/Win Hack */
	padding: 0 0;
	background-color:#0000FF;
	width: 820px;
	height: 123px;
	text-align:right;
	}
#main_promo a {
	margin: 0 0;
	padding: 0 0;
	text-decoration:none;
	}

	
/*===================================================
Secondary Links for specific Category
=====================================================*/

#second_links {
	float: left;
	text-align: left;
	margin: 3px 2px;
	padding: 10px 0 0 0;
	background-color:#FFFFFF;
	width: 525px;
	font: bold .7em/1.3 Arial, Helvetica, sans-serif;
	letter-spacing: .02em;
	color:#848255;
	}
	
#second_links a {
	text-decoration:none;
	color:#848255;
	}
	
#second_links a:hover {
	text-decoration: underline;
	color:#FF3300;
	}
	
/*====================================================
Main Column for links
====================================================*/

#links_categories {
	float: right;
	width: 618px;
	}
	
	
/*======================
Bread Crumb Links
========================*/

#bcrumb {
	margin: 0 0;
	padding: 4px 0 2px 8px;
	border-bottom: 1px solid;
	color:#D2E2F0;
	}

#bcrumb a {
	margin: 0 0;
	padding: 0 0;
	color:#9B733C;
	text-decoration: none;
	font: .8em/1.3 Arial, Helvetica, sans-serif;
	}
	
#bcrumb a:hover {
	text-decoration:underline;
	color:#0066FF;
	}
	
	
/*===================================================
Top Column Title
=====================================================*/
	
.column_two {
	text-align:left;
	margin: 0 0 0 5px;
	padding: 1px 0;
	width: 600px;
	clear:both;
	}
	
.column_two h2 {
	margin: 0 0;
	padding: 0 5px 4px 15px;
	font: bold italic 1.2em/1.5 "Times New Roman", Times, serif;
	color:#666666;
	}	
	
.column_two h3 {
	margin: 0 0;
	padding: 4px 0 9px 15px;
	font: bold 1em/1.4 Arial, Helvetica, sans-serif;
	color:#0099FF;
	}	
	

/*===================================
Column Links
===================================*/
	
.column_links {
	float: left;
	text-align:left;
	width: 200px;
	margin: 0 4px 0 0;
	padding: 0 0;
	font: .8em/1.3 Arial, Helvetica, sans-serif;
	background-color:#F2F2EE;
	}
	
.column_links h2 {
	margin: 8px 0 2px 6px;
	padding: 2px 0 6px 2px;
	font: bold .9em/1.4 Arial, Helvetica, sans-serif;
	color:#003399;
	}
	
.column_links p {
	margin: 0 0;
	padding: 1px 10px 6px 12px;
	}
	
.column_links  a {
	font: bold .9em/1.2 Arial, Helvetica, sans-serif;
	border-bottom: 1px solid #F5E7CF;
	}
	
.column_links a {
	color:#666666;
	text-decoration:none;
	}
	
.column_links a:hover {
	color:#003366;
	background-color:#F3E7CB;
	}

	
/*===================================
Column Content
===================================*/
	
	
.content_one  {
	float: right;
	text-align:left;
	margin: 5px 0 0 0;
	padding: 0 0;
	width: 600px;
	font: .9em/1.3 "Times New Roman", Times, serif;
	background-color:#FFF;
	}

.content_one h1 {
	font: bold 1.4em/1.5 Arial, Helvetica, sans-serif;
	color:#736F37;
	margin: 0 0;
	padding: 0 0 2px 0;
	}
	
.content_one h2 {
	font: bold italic 1.2em/1.5 Arial, Helvetica, sans-serif;
	color:#0024A5;
	margin: 0 0;
	padding: 2px 0 2px 12px;
	}
	
.content_one h3 {
	font: bold 1em/1.4 Arial, Helvetica, sans-serif;
	color:#A37516;
	margin: 0 0 5px 0;
	padding: 2px 0 2px 22px;
	}
	
.content_one h4 {
	font: bold .9em/1.4 Arial, Helvetica, sans-serif;
	color:#605C48;
	margin: 0 0;
	padding: 2px 0 2px 22px;
	}

.content_one p {
	margin: 0 0;
	padding: 2px 15px 2px 22px;
	font: 1em/1.3 "Times New Roman", Times, serif;
	color:#333333;
	}
	
	
.content_one  a {
	margin: 0 0;
	padding: 2px 0 0 0;
	font: .9em/1.3 Arial, Helvetica, sans-serif;
	color:#003399;
	text-decoration:underline;
	}

	
.content_one a:hover {
	color:#003366;
	text-decoration:underline;
	}
	
.content_one img {
	margin: 0 14px 12px 0;
	padding: 0 0;
	}
	
.content_one ul {
	margin: 6px 0;
	padding: 0 50px 0 35px;
	font: .9em/1.3 Arial, Helvetica, sans-serif;
	}
		
.content_one li {
	margin: 0 0;
	padding: 4px 0;
	}
	
/*=========================
Right Menu
==========================*/
#menu {
	float:right;
	width:185px;
	border-left: 1px solid #0066CC;
	margin: 10px 0 0 15px;
	padding: 0 0 0 7px;
		}
		
#menu h4 {
	font: bold 1em/1.8 arial, helvetica, sans-serif;
	color:#4D4837;
	margin: 0 0;
	padding: 0 0;
	}

#menu ul {
	list-style:none;
	margin: 2px 0;
	padding: 0 6px;
	}
	
#menu li a {
	text-decoration: none;
	font: .9em/1.2 Arial, Helvetica, sans-serif;
	}
	
#menu a:hover {
	text-decoration: underline;
	}
	
#menu p {
	margin: 0 0;
	padding: 0 7px;
	font: .9em/1.5em verdana, arial, helvetica, sans-serif; 
}
	
/*===================================================
Fourth Links for specific Category with graphic bottom
=====================================================*/

#fourth_links {
	clear:both;
	margin:0px auto; /* Right and left margin widths set to "auto" */
	text-align:left; /* Counteract to IE5/Win Hack */
	padding: 0 0;
	margin: 0 0;
	background-color:#A47B26;
	width: 820px;
	height: 5px;
	font: .2em/1 Arial, Helvetica, sans-serif;
	}


/*===================================================
Information Bottom - Extra Links for category
=====================================================*/

#info_bottom {
	margin:0px auto; /* Right and left margin widths set to "auto" */
	text-align:left; /* Counteract to IE5/Win Hack */
	padding: 5px 0;
	background-color:#DADCE0;
	width: 820px;
	height: 95px;
	background-image: url(../graphics_09/eou_sense_place_08.jpg);
	background-repeat:repeat-x;
	border-bottom: 1px solid #A37516;
	border-top: 1px solid #A37516;
	}
	
#info_promo p {
	margin: 0 0;
	padding: 3px 25px 3px 24px;
	}
	
#info_bottom h2 {
	margin: 0 0;
	padding: 5px 0 4px 5px;
	font: bold 1em/1.5 Arial, Helvetica, sans-serif;
	color:#003399;
	}
	
#info_bottom h4 {
	margin: 0 0;
	padding: 0 0 0 12px;
	font: bold .8em/1.3 Arial, Helvetica, sans-serif;
	letter-spacing: .02em;
	color:#848255;
	}

#info_bottom ul {
	margin: 0 0 0 24px;
	padding: 0 0;
	font: .7em/1.2 Arial, Helvetica, sans-serif;
	}
	
#info_bottom li {
	margin: 0 0;
	padding: 1px 0;
	list-style: none;
	}
	
#info_bottom li a {
	margin: 0 0;
	color:#666666;
	text-decoration:none;
	}
	
#info_bottom li a:hover {
	color:#003366;
	text-decoration:underline;
	}
	
.info_one {
	float: right;
	margin: 0 0;
	padding: 0 5px;
	width: 190px;
	}
	
.info_two {
	float: right;
	margin: 0 5px 0 5px;
	padding: 0 5px;
	width: 190px;
	}
	
	
/*===================================================
Credits Bottom - EOU credits with date and contact information
=====================================================*/

#credits_bottom {
	margin:0px auto; /* Right and left margin widths set to "auto" */
	padding: 0 0;
	background-color:#E3E7E2;
	width: 820px;
	}
	
#credits_bottom p {
	margin: 0 0;
	padding: 6px 0;
	font: .8em/1.5 Arial, Helvetica, sans-serif;
	}

#credits_bottom a {
	text-decoration:none;
	}