/*
EOU Webdesign March 2008
================================================*/

/* Global
================================================*/


	
body {
	text-align:center;
	padding:0;
	margin:0 0;
	background-image: url(../images/background_tall_08d.gif);
	background-repeat:repeat-x;
}


/*===================================================
Container main
=====================================================*/
#container {
	width: 820px;
	margin: 0 auto;
	border: 1px solid #A37516;
}



/*===================================================
Links at the top - with search field
=====================================================*/

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

	
td.xsmall {
	font: bold .7em/1.2 Arial, Helvetica, sans-serif;
	margin: 0 5px 0 5px;
	padding: 0 0;
	color:#FFCC00;
	letter-spacing: .02em;
	}
	
td.xsmall a {
	text-decoration: none;
	color:#D1CFC0;
	}
	
td.xsmall  a:hover {
	text-decoration: none;
	color:#FF9933;
	}
	
td.xsmall a:visited {
	color:#fff;
	}
	
form {
	margin: 0 0;
	padding: 0 0;
	}
	
.btn {
	font: .8em/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: 2px 3px;
	border: 1px solid #FF6666;
}

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

#txtSearch {
	width: 100px !important;
	width /**/: 90px;
	height: 12px !important;
	height: 13px;
	height /**/: 16px;
}
	

/*===================================================
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 */
	margin: 1px 0 0 0;
	padding: 0 0;
	background-color:#0000FF;
	width: 820px;
	height: 110px;
	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: 2px 0 5px 0;
	padding: 4px 0 2px 0;
	background-color:#FFFFFF;
	width: 755px;
	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
====================================================*/

#links_categories {
	float: left;
	width: 725px;
	}
	
/*====================================================
Main Column for links
====================================================*/
	
.title_main {
	float: left;
	text-align:left;
	margin: 0 0;
	padding: 0 0;
	width: 700px;
	border-top: 1px solid #A37516;
	}
	
.title_main h1 {
	font: bold italic 1.6em/1.4 "Times New Roman", Times, serif;
	margin: 0 0 5px 0;
	padding: 5px 0 5px 25px;
	color:#333333;

	}
	
	
/*===================================
Columns in Info section
===================================*/
	
.column_one {
	float: left;
	text-align:left;
	margin: 0 0;
	padding: 0 0;
	width: 100px;
	border-bottom: 1px solid #FF6600;
	}
	
.column_one_a h3 {
	margin: 0 0;
	padding: 5px 5px 4px 5px;
	font: bold 1em/1.4 Arial, Helvetica, sans-serif;
	color:#62744E;
	}
	
.column_one_a  {
	float: left;
	text-align:left;
	margin: 10px 0 0 8px;
	padding: 1px 0 0 4px;
	width: 165px;
	font: .8em/1.3 Arial, Helvetica, sans-serif;
	background-color:#FFF;
	border: 1px solid #FF6600;
	}
	
.column_one_a p {
	margin: 0 0 0 5px;
	padding: 1px 0 6px 4px;
	}
	
.column_one_a  a {
	border-bottom: 1px solid #F5E7CF;
	}
	
.column_one_a a {
	color:#666666;
	text-decoration:none;
	}
	
.column_one_a a:hover {
	color:#003366;
	background-color:#F3E7CB;
	}
	
	
.column_two {
	float: left;
	text-align:left;
	margin: 0 0;
	padding: 5px 0 0 25px;
	width: 580px;
	}
	
.column_two h2 {
	font-size: .9em;
	font-style:italic;
	color:#666666;
	margin: 6px 0;
	padding: 2px 0;
	}
	
.column_two h3 {
	margin: 0 0;
	padding: 0 0;
	font: bold 1.1em/1.4 Arial, Helvetica, sans-serif;
	color:#739600;
	}	
	
.column_two h4 {
	margin: 8px 0 0 0;
	padding: 0 0;
	font: bold .9em/1.4 Arial, Helvetica, sans-serif;
	color:#996633;
	}	
	
.column_two ul {
	margin: 0 0 0 20px;
	padding: 0 0;
	}
	
.column_two li a {
	margin: 0 0;
	padding: 0 0;
	text-decoration: none;
	font: .8em/1.3 Arial, Helvetica, sans-serif;
	}
	
.column_two li a:hover {
	text-decoration: underline;
	}
	
.column_two p {
	margin: 0 0;
	padding: 4px 0;
	color:#333;
	}
	
.column_two p.contact {
	margin: 0 0 0 12px;
	font: .9em/1.3 Arial, Helvetica, sans-serif;
}
	
	
.column_news {
	float: left;
	text-align:left;
	width: 250px;
	margin: 20px 0 0 20px;
	padding: 5px 5px 0 10px;
	border: 1px solid #FF6600;
	background-color:#F3E1C7;
	background-image: url(../secondary_08c/graphics_08/title_news_events.gif);
	background-repeat: no-repeat;
	}
	
.column_news p {
	margin: 0 0;
	padding: 2px 0 5px 10px;
	font: .7em/1.3 Arial, Helvetica, sans-serif;
	}
	
.column_news ul {
	font: .9em/1.3 Arial, Helvetica, sans-serif;
	}
	
.column_news li {
	margin: 0 0;
	padding: 0 0;
	font: .8em/1.3 Arial, Helvetica, sans-serif;
	list-style: none;
	}

	
.column_news h5 {
	margin: 0 0;
	padding: 1px 0 0 2px;
	font: bold .7em/1.3 Arial, Helvetica, sans-serif;
	color:#FF6600;
	}
	
.column_news img {
	float: left;
	margin: 2px 2px;
	padding: 2px 6px;
	}
	
	
/*===================================================
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:#FFFFFF;
	width: 820px;
	height: 10px;
	}
	
#fourth_links a {
	padding: 0 0;
	font: .8em/1.2 Arial, Helvetica, sans-serif;
	text-decoration: none;
	}

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


#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: 4px 0 0 0;
	border-top: 1px solid #963;
	background-color:#E3E7E2;
	width: 820px;
	font-size: .8em/1.5 arial, helvetica, sans-serif;
	}
	
#credits_bottom p {
	padding: 0 0;
	margin: 0 0;
	}