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

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


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


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


/*===================================================
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:#FBD153;
	}
	
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 */
	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 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:#FBD153;
	}
	
/*====================================================
Main Column for links
====================================================*/

#links_categories {
	float: left;
	width: 580px;
	}
	
/*====================================================
Main Column for links
====================================================*/
	
.title_main {
	float: left;
	text-align:left;
	margin: 5px 0 ;
	padding: 5px 0;
	width: 560px;
	border-top: 1px solid #A37516;
	}
	
.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_one_d  {
	float: left;
	text-align:left;
	margin: 0 0 0 10px;
	padding: 1px 0;
	width: 525px;
	font: .9em/1.3 "Times New Roman", Times, serif;
	background-color:#FFF;
	}

.column_one_d h2, h3, h4, h5, h6 {
	font-family:Arial, Helvetica, sans-serif;
	margin: 0 0;
	padding: 10px 0 3px 10px;
	}
	
.column_one_d h2 {
	font-size:16px;
	font-style:italic;
	color:#003399;
	}
	
.column_one_d h3 {
	font: bold 1.2em/1.4 Arial, Helvetica, sans-serif;
	color:#66391C;
	}

.column_one_d p {
	margin: 0 0 0 12px;
	padding: 2px 0 2px 10px;
	color:#333333;
	}
	
.column_one_d  a {
	margin: 0 0;
	padding: 2px 0 0 0;
	}
	
.column_one_d a {
	margin: 0 0;
	color:#003399;
	}
	
.column_one_d a:hover {
	color:#FBD153;
	}
	
.column_one_d img {
	margin: 0 14px 12px 0;
	padding: 0 0;
	}
	
.column_one_d ul {
	margin: 12px 0;
	padding: 0 0 0 35px;
	list-style-position:outside;
	}
	
.column_one_d li {
	margin: 0 0;
	padding: 0 0;
	}
	
	
.column_two {
	float: left;
	text-align:left;
	margin: 0 0 0 5px;
	padding: 1px 0;
	width: 560px;
	}
	
.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: 3px 5px 2px 15px;
	font: bold .95em/1.4 Arial, Helvetica, sans-serif;
	color:#A37516;
	}	
	
/* News Column with graphics
================================================*/
.column_right {
	float: left;
	text-align:left;
	width: 230px;
	border-left: 1px solid #CCCCCC;
	margin: 2px 0 0 0;
	padding: 0 0 0 5px;
	background-color:#F3F3F3;
	}	
	
.column_right p {
	margin: 0 0 0 10px;
	padding: 4px 0 5px 4px;
	font: .8em/1.4 Arial, Helvetica, sans-serif;
	}

	
.column_right h2 {
	margin: 8px 0 2px 0;
	padding: 0 0 1px 5px;
	font: bold .9em/1.4 Arial, Helvetica, sans-serif;
	color:#003399;
	}


.column_news {
	margin: 16px 0 0 0;
	padding: 35px 0 10px 0;
	background-image: url(../graphics_08/menu_top_sa.gif);
	background-position:top;
	background-repeat: no-repeat;
	}

#news_content {
	background-image: url(../graphics_08/menu_end_or.gif);
	background-repeat: no-repeat;
	padding-bottom: 0;
	background-position: bottom;
	margin-bottom: 0px;
	padding: 0 0 15px 0;
}

#news_container	{
	background-image: url(../graphics_08/menu_back_or.gif);
	background-repeat:repeat-y;
	margin: 0 0 0 2px;
	padding: 8px 0 5px 0;
	}
	
#news_container ul {
	margin: 0 0;
	padding: 0 0 0 12px;
	}
	
#news_container li {
	margin: 0 0;
	padding: 2px 0 3px 0;
	list-style-position:inside;	
	list-style-image: url(../graphics_08/button_advising.gif);
	}
	
#news_container li a {
	margin: 0 0;
	padding: 0 0;
	font: .8em/1.3 Arial, Helvetica, sans-serif;
	text-decoration:none;
	}
	
.column_news p {
	margin: 0 0;
	padding: 5px 5px 5px 10px;
	font: .8em/1.3 Arial, Helvetica, sans-serif;
	}
	
.column_news h2 {
	margin: 0 0;
	padding: 3px 5px 1px 12px;
	text-align:center;
	font: bold .8em/1.2 Arial, Helvetica, sans-serif;
	color:#E75701;
	}
	

	
/*===================================================
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;
	border-top: 1px solid #A37516;
	}
	
#fourth_links a {
	padding: 0 0;
	font: .8em/1.2 Arial, Helvetica, sans-serif;
	text-decoration: none;
	}

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

#info_bottom {
	clear: both;
	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_08/eou_sense_place_08.jpg);
	background-repeat:repeat-x;
	border-top: 1px solid #A37516;
	border-bottom: 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:#FBD153;
	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;
	font-size: .8em/1.5 arial, helvetica, sans-serif;
	}
	
#credits_bottom p {
	padding: 0 0;
	margin: 0 0;
	}