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

/* Global
================================================*/
	
body {
	text-align:center;
	padding:0;
	margin:0 0;
	color:#333333;
	
}

ul {
	margin: 5px 12px 3px 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:#DECBA5;
	}

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:#9B733C;
	}
	
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: 0 0;
	border: 1px solid #FF6666;
}

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

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

/*===================================================
Content container
=====================================================*/
#content_container {
	margin: 0 auto;
	background-image: url(../graphics_09/backgd_container.gif);
	background-repeat:repeat-x;
	border-bottom: 1px solid #A37516;
	border-left: 1px solid #A37516;
	border-right: 1px solid #A37516;
}


#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: 4px 2px;
	padding: 6px 0 2px 0;
	background-color:#FFFFFF;
	width: 525px;
	font: bold .7em/1.3 Arial, Helvetica, sans-serif;
	letter-spacing: .02em;
	color:#848255;
	}
	
#second_links a {
	padding: 2px 5px;
	text-decoration:none;
	color:#848255;
	}
	
#second_links a:hover {
	text-decoration: underline;
	color:#FF3300;
	}
	
	
/*====================================================
Main Column for links
====================================================*/
	
.title_main {
	float: left;
	text-align:left;
	margin: 5px 0 0 0 ;
	padding: 0 0;
	width: 560px;
	border-top: 1px solid #0099ff;
	}
	
.title_main h1 {
	font: bold italic 2em/1.4 "Times New Roman", Times, serif;
	margin: 0 0 0 20px;
	padding: 5px 0;
	color:#333333;
	}
	
/*===================================
Columns in Info section
===================================*/

	
.column_two {
	float: left;
	text-align:left;
	margin: 0 0 0 5px;
	padding: 1px 0;
	width: 560px;
	}
	
.column_two h1 {
	margin: 0 0;
	padding: 0 5px 4px 11px;
	font: bold 1.3em/1.5 Arial, Helvetica, sans-serif;
	color:#736F37;
	}	
	
/*====================================================
Main Column for links
====================================================*/

#links_categories {
	float: left;
	width: 570px;
	}

	
	
/*===================================
Columns in Info section
===================================*/
	
	
.column_one_d  {
	float: left;
	text-align:left;
	margin: 0 0 0 15px;
	padding: 1px 0;
	width: 550px;
	font: .9em/1.3 "Times New Roman", Times, serif;
	background-color:#FFF;
	}

.column_one_d h1 {
	margin: 0 0;
	padding: 0 5px 4px 0;
	font: bold 1.4em/1.5 Arial, Helvetica, sans-serif;
	color:#5f4B25;
	}
	
.column_one_d h2 {
	margin: 0 0;
	padding: 6px 5px 2px 15px;
	font: bold italic 1.3em/1.5 Arial, Helvetica, sans-serif;
	color:#0024A5;
	}
	
.column_one_d h3 {
	margin: 0 0;
	padding: 6px 0 2px 15px;
	font: bold 1.1em/1.4 Arial, Helvetica, sans-serif;
	color:#9B733C;
	}
	
.column_one_d h4 {
	margin: 0 0;
	padding: 6px 0 2px 15px;
	font: bold italic .9em/1.4 Arial, Helvetica, sans-serif;
	color:#3A6A9A;
	}

.column_one_d p {
	margin: 0 0;
	padding: 4px 12px 4px 22px;
	color:#333333;
	}
	
	
.column_one_d  a {
	margin: 0 0;
	padding: 2px 0 0 0;
	font: .9em/1.3 Arial, Helvetica, sans-serif;
	color:#003399;
	text-decoration:underline;
	}

	
.column_one_d a:hover {
	color:#003366;
	text-decoration:underline;
	}
	
.column_one_d img {
	margin: 0 14px 12px 0;
	padding: 0 0;
	}
	
.column_one_d ul {
	margin: 8px 0 6px 16px;
	padding: 0 0 0 10px;
	}
	
.column_one_d li {
	margin: 0 0 0 20px;
	padding: 2px 0;
	}
	
/*===================================
Column Links
===================================*/
	
.column_links {
	float: right;
	text-align:left;
	width: 238px;
	margin: 4px 0 0 0;
	padding: 0 0;
	border-left: 1px solid #999966;
	border-bottom: 1px solid #999966;
	background-color:#EDEDEB;
	}
	
.column_links h2 {
	margin: 0 0;
	padding: 3px 0 3px 8px;
	font: bold .8em/1.2 Arial, Helvetica, sans-serif;
	}
	
.column_links h2 a:hover {
	color:#fff;
	}
	
.column_links h3 {
	margin: 0 0;
	padding: 4px 0 4px 12px;
	font: bold .7em/1.1 Arial, Helvetica, sans-serif;
	color:#996633;
	}
	
.column_links p {
	margin: 0 0 0 12px;
	padding: 3px 3px;
	font: .8em/1.4 Arial, Helvetica, sans-serif;
	}
	
	
.column_links a {
	padding: 4px 6px;
	color:#666666;
	text-decoration:none;
	}
	
.column_links p a:hover {
	text-decoration:underline;
	color:#003399;
	}

.column_links ul {
	margin: 0 0 0 20px;
	padding: 0 0;
	list-style-position:outside;
	}
	
.column_links li {
	padding: 3px 0;
	font: .8em/1.1 Arial, Helvetica, sans-serif;
	list-style-position:outside;
	}
	
/* News, Events and Highlights with top images
==========================================*/
	
.News_info {
	float: right;
	width: 150px;
	margin: 0 0 0 12px;
	padding: 0 0;
	border-left: 1px solid #999900;
	border-top: 1px solid #999900;
	background-color:#fff;
	font: .7em/1.5 Verdana, Arial, Helvetica, sans-serif;
	}
	
.News_info p {
	margin: 0 2px;
	padding: 0 6px;
	}
	
.News_info h3 {
	margin: 7px 0 2px 0;
	padding: 0 7px;
	font: bold 1em/1.2 Verdana, Arial, Helvetica, sans-serif;
	}
	
.News_info ul {
	margin: 0 0 2px 18px;
	padding: 0 0;
	}
	
/*===================================================
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;
	font: .2em/1 Arial, Helvetica, sans-serif;
	width: 820px;
	height: 4px;
	}

/*===================================================
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/center_involvement_footer.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: 3px 0;
	font: .8em/1.5 Arial, Helvetica, sans-serif;
	}

#credits_bottom a {
	text-decoration:none;
	}
	
#credits_bottom a:hover {
	text-decoration:underline;
	}