/* Start of CMSMS style sheet 'Coe' */
body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	background: #630000;
}

/*Topnav*/
#topnav {
	margin: 0;
	padding: 0;
	width: 100%;
	background: #cc9933;
}
#topnav .gutter {
	margin-right: auto;
	margin-left: auto;
	padding: 0;
	width: 840px;
	list-style: none;
	background: url(/images/coe_college/logo_top.jpg) no-repeat left bottom;
}	
#topnav ul {
	margin: 0;
	padding: 0;
	float: right;
	list-style: none;
}	
#topnav li {
	margin: 0;
	padding: 0;
	font-size: 90%;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	display: inline;
}
#topnav a {
	margin: 0;
	padding: 10px 8px 9px 10px;
	float: left;
	text-decoration: none;
	background: url(/images/coe_college/topnav_bg.gif) no-repeat left top;
}
#topnav a span {
	margin: 0;
	padding: 0;
	color: #fff;
	display: block;
}
#topnav a:hover span {
	color: #630000;
}

/*Header*/
#header {
	margin: 0;
	padding: 0;
	width: 100%;
	background: url(/images/coe_college/header_bg.jpg) repeat-x left top;
	border-bottom: 20px solid #280101;
}	
#header .gutter {
	margin-right: auto;
	margin-left: auto;
	padding: 0;
	width: 840px;
}	
#header h1 {
	margin: 0;
	padding: 0;
	height: 87px;
	width: 186px;
	float: left;
	background: url(/images/coe_college/logo.jpg) no-repeat left top;
}
.replace span {
	display: none;
}
#search {
	margin: 0;
	padding: 15px 0px 0px 0px;
	width: 270px;
	float: right;
}
#search input {
	margin: 0;
	padding: 0;
	border: 2px solid #fff;
}
#search .submit {
	position: relative;
	top: 6px;
	border: none;
}
*html #search .submit {
	position: relative;
	top: 4px;
	border: none;
}

/*Wrapper*/
#wrapper {
	margin-right: auto;
	margin-left: auto;
	padding: 0;
	width: 840px;
	background: #cc9933 url(/images/coe_college/wrapper_bg.gif) no-repeat left bottom;
}
#billboard {
	margin: 0;
	padding: 0;
}
#billboard .caption {
	margin: 0;
	padding: 0;
	background: #290101 url(/images/coe_college/billboard_bg.jpg) no-repeat left bottom;
}
#billboard .caption p {
	margin: 0;
	padding: 10px 20px 10px 20px;
	font-size: 90%;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.6em;
	color: #fff;
}

/*Layout Columns*/
#col1 {
	margin: 0;
	padding: 0;
	width: 180px;
	float: left;
}
#col2 {
	margin: 0;
	padding: 0;
	width: 480px;
	float: left;
	position: relative;
	top: -50px;
	background: #fff url(/images/coe_college/col2_bg.gif) no-repeat left bottom;
}
*html #col3 img {
       width: 179px;
}
#col2full {
	margin: 0;
	padding: 0;
	width: 660px;
	float: left;
	background: #fff;
}	
#col3 {
	margin: 0;
	padding: 0;
	width: 180px;
	float: left;
}
#col1 .gutter, #col2 .gutter, #col2full .gutter {
	margin: 0;
	padding: 20px;
}
#col3 .gutter {
	margin: 0;
	padding: 15px;
	background: #cc9933;
}

/*Column 1*/
#navigation .navgutter {
	margin: 0;
	padding: 10px 10px 10px 0px;
}
#navigation ul {
	margin: 0;
	padding: 0px 0px 0px 10px;
	list-style: none;
}	
#navigation ul li {
	margin: 0;
	padding: 2px 0px 2px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 1.3em;
	color: #fff;
	border-bottom: 1px dotted #e3bd72;
}
#navigation ul li a {
	color: #fff;
	text-decoration: none;
}
#navigation ul li a:hover {
	color: #630000;
	text-decoration: none;
}
#navigation li ul li {
	font-size: 11px;
	border-bottom: none;
}
#navigation strong {
color: #630000;
}

/*Quick Links*/
#quick {
	margin: 0;
	padding: 7px 0px 7px 0px;
	background: #630000;
}
#quicklinks  {
	margin: 0;
	background: #630000;
}
#quicklinks select {
	margin: 0;
	padding: 0;
	width: 150px;
}

/*Events*/
#events {
	margin: 0;
	padding: 15px;
        color: #fff;
	background: #a87206;
	border-bottom: 1px solid #e3bd72;
}	
#events h2 {
	margin: 0;
	padding: 0px 0px 5px 0px;
	font-size: 110%;
	font-family: "Times New Roman", Times, serif;
	line-height: 1.6em;
	color: #630000;
}
#events ul {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 10px 0px;
	list-style: none;
	border-bottom: 1px dotted #555555;
}	
#events ul li {
	margin: 0;
	padding: 0;
	font-size: 90%;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.6em;
	color: #fff;
}
#events ul li a {
	color: #fff;
	text-decoration: none;
}
#events ul li a:hover {
	color: #630000;
	text-decoration: none;
}
#events p {
	margin: 0;
	padding: 0;
	font-size: 90%;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.6em;
	color: #fff;
}
#events p a {
	color: #fff;
	text-decoration: underline;
}
#events p a:hover {
	color: #630000;
	text-decoration: none;
}

/*Column 2*/
#col2 h2, #col2full h2 {
	margin: 0;
	padding: 0em 0em .4em 0em;
	font-size: 130%;
	font-family: "Times New Roman", Times, serif;
	line-height: 1.4em;
	color: #cc9933;
}
#col2 h3, #col2full h3 {
	margin: 0;
	padding: 0em 0em .4em 0em;
	font-size: 100%;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.4em;
	font-weight: bold;
	color: #630000;
}
#col2 p, #col2full p {
	margin: 0;
	padding: 0em 0em 1em 0em;
	font-size: 90%;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.4em;
	color: #555555;
}
#col2 ul, #col2full ul {
	margin: 0;
	padding: 0px 0px 10px 20px;
	list-style: square;
}	
#col2 ul li, #col2full ul li {
	margin: 0;
	padding: 0px 0px 5px 0px;
	font-family: Arial, Helvetica, sans-serif;
        font-size: 90%;
	line-height: 1.4em;
	color: #555555;
}
#col2 li ul li, #col2full li ul li {
	font-size: 100%;
}
#col2 dl, #col2full dl {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 10px 0px;
	border-bottom: 1px dotted #e3bd72;
}
#col2 ol, #col2full ol {
	margin: 0;
	padding: 0px 0px 10px 20px;
}	
#col2 ol li, #col2full ol li {
	margin: 0;
	padding: 0px 0px 5px 0px;
	font-family: Arial, Helvetica, sans-serif;
        font-size: 90%;
	line-height: 1.4em;
	color: #555555;
}
#col2 dl dt, #col2full dl dt {
	margin: 0;
	padding: 0px 0px 5px 0px;
	font-size: 120%;
	font-family: "Times New Roman", Times, serif;
	line-height: 1.6em;
	font-weight: bold;
	color: #630000;
}
#col2 dl dd, #col2full dl dd {
	margin: 0;
	padding: 0;
	font-size: 90%;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.4em;
	color: #555555;
}
#col2 img {
	margin: 0px 1px 0px 0px;
	padding: 0;
        border: 0;
}
#col3 h3, #col3full h3 {
	margin: 0;
	padding: 0em 0em .4em 0em;
	font-size: 100%;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.4em;
	font-weight: bold;
	color: #630000;
}
#breadcrumb {
	margin: 0;
	padding: 6px 20px 8px 10px;
	background: #630000;
	font-size: 80%;
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
}
#breadcrumb ul {
	margin: 0;
	padding: 0;
	list-style: none;
}	
#breadcrumb ul li {
	margin: 0;
	padding: 0;
	display: inline;
}
#breadcrumb a {
	color: #fff;
	text-decoration: underline;
	margin-right: 5px;
}
#breadcrumb ul li a:hover {
	color: #cc9933;
	text-decoration: none;
}

/*Subnav*/
#rightnav {
        margin: 0px 0px 20px 20px;
        padding: 10px;
        position: relative;
        right: -20px;
        top: -20px;
        width: 160px;
        float: right;
	background: #cc9933;
}
#rightnav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}	
#rightnav ul li {
	margin: 0;
	padding: 2px 0px 2px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 1.3em;
	color: #fff;
	border-bottom: 1px dotted #e3bd72;
}
#rightnav ul li a {
	color: #fff;
	text-decoration: none;
}
#rightnav ul li a:hover {
	color: #630000;
	text-decoration: none;
}

/*Column 3*/
#col3 h2 {
	margin: 0;
	padding: 0px 0px 5px 0px;
	font-size: 110%;
	font-family: "Times New Roman", Times, serif;
	line-height: 1.6em;
	color: #630000;
}
#col3 p {
	margin: 0;
	padding: 0;
	font-size: 90%;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.4em;
	color: #fff;
}
dl.news {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 10px 0px;
	border-bottom: 1px dotted #CCCCCC;
}	
dl.news dt {
	margin: 0;
	padding: 0px 0px 5px 0px;
	font-size: 90%;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.4em;
	font-weight: bold;
	color: #fff;
}
dl.news dd {
	margin: 0;
	padding: 0;
	font-size: 90%;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.4em;
	color: #fff;
}

/*Promotions*/
#promotions {
	margin: 10px 0px 10px 0px;
	padding: 0px;
	width: 840px;
	background: #a87206;
	border-top: 1px solid #e3bd72;
	border-bottom: 1px solid #e3bd72;
}
#promotions .gutter {
	margin: 0px;
	padding: 10px 0px 10px 0px;
	text-align: center;
}
#promotions img {
	margin: 0px 1px 0px 0px;
	padding: 0;
        border: 0;
}

/*Tables*/
#data {
	margin: 0px 0px 15px 0px;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: #555555;
	border-collapse: collapse;
	border: 1px solid #ccc;
}
#data td, #data th {
	margin: 0;
	padding: 8px 6px 8px 6px;
	border: 1px solid #ccc;
}

/*Footer*/
#footer {
	margin-left: auto;
	margin-right: auto;
	padding: 10px 0px 20px 0px;
	width: 840px;
}
#footer p {
	margin: 0;
	padding: 0;
	font-size: 95%;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.5em;
	color: #fff;
}
#footer a {
        color: #fff;
        text-decoration: none;
}

/*News Summary*/
.news_summary_link h3 a {
 	margin: 0;
	padding: 0px 0px 5px 0px;
	font-size: 120%;
	font-family: "Times New Roman", Times, serif;
	line-height: 1.6em;
	font-weight: bold;
	color: #630000; 
	text-decoration: none;
}
.news_summary p {
	margin: 0;
	padding: 0;
	font-size: 90%;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.4em;
	color: #555555;
}
.news_summary p a {
	color: #630000;
	text-decoration: none;
}
#rss {
	margin: 10px 0px 0px 0px;
	padding: 10px 0px 10px 0px;
	border-top: 1px solid #ccc;
}
#rss p a {
	color: #630000;
        text-decoration: none;
}
#rss p a:hover {
	color: #555555;
        text-decoration: none;
}


/*Featured Student*/
#featured_student_image {
	border: none;
}

/* Events Scroller */
#event_scroller { 
   width: 160px; 
   height: 120px; 
}
#event_scroller a {
  color: #fff;
  text-decoration: none;
}

.alpha-bits {
	background: #990000;
	float: left;
	min-height: 18px;
	width: 15px;
	margin: 0 1px 0 0;
	padding: 3px 0 0 3px;
}
.alpha-bits a {
	color: #FFFFFF;
	text-decoration: none;
	
}

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* 
/* End of 'Coe' */