@import url('../assets/css/default-modded.css');
@import url('../assets/css/widgets-modded.css');
@import url('../assets/css/nav-modded.css');
@import url('../assets/css/search-box-modded.css');
@import url('../assets/css/columns-modded.css');
@import url('../assets/css/sub-content-modded.css');
@import url('../assets/css/che.css');

/* =BODY
-----------------------------------------------------
Also see layout.css for special backgrounds and positioning.
-----------------------------------------------------*/

/* COLOR LIST 
-----------------------------------------------------
#9d9879		greengrey bg
#3c5b6f		left bg
#f5f5eb		center bg
#dbd8bc		right bg
-----------------------------------------------------
*/

body {
	margin: 0;
	padding: 0;
	background: #9d9879;
}


/* IE FIX */
* html #left {
 	width: 24%;
	}	

* html #center {
	width: 42%;
	}

* html #right {
 	width: 10%;
	}

* html #centeronly {
	width: 74%
	}



		#header {
			float: left;
			width: 91.1%;
			background: #660000 url(../assets/img/unitheaderbg.jpg);
			margin-left: 2%;
			margin-right: 2%;
			border-top: 1px solid white;
			border-left: 3px solid white;
			border-right: 3px solid white;
			
		}

		#header #college {
			position: relative;
			top: 35px;
			color: #FFF;
			margin-left:30px;
			margin-right: 0.4em;
			font-size: 120%;
			font-weight: normal;
			font-style: italic;
			
		}
		
		#header #subject {
			position: relative;
			top: 35px;
			color: #FFF;
			font-size: 190%;
			letter-spacing: 0.08em;
		}	

		#header img {
			float: left;
			border: 0;
			margin: 0;
			padding: 0;		
		}		

		#widthfixer {
		min-width: 790px;
		}
		

		#left {
			float: left;
			width: 20%;
			height: 4180px;
			background: #3c5b6f url(../assets/img/leftbg.gif);
			margin-left: 2%;
			border-top: 1px solid white;
			border-left: 3px solid white;
			border-bottom: 3px solid white;
			border-right: 1px solid white;
			clear: both;
			margin-bottom: 1em;
		}
		

		#center {
			float: left;
			width:49%;
			background: #f5f5eb url(../assets/img/centerbg.gif);
			border-bottom: 3px solid white;
			margin-bottom: 1em;
			
		}

		#centeronly {
			float: left;
			width:71%;
			height: 4180px;
			background: #f5f5eb url(../assets/img/centerbg.gif);
			border-bottom: 3px solid white;
			border-right: 3px solid white;
			margin-bottom: 1em;
			
		}
		
		#center #deptimg, #centeronly #depting {
			border: 0;
			border-top: 1px solid white;
			padding: 0;
			margin:0;
		}

	
		#right {
			float: left;
			width: 20%;
			background: #dbd8bc	url(../assets/img/rightbg.gif);
			margin-right: 2%;
			border-top: 1px solid white;
			border-right: 3px solid white;
			border-bottom: 3px solid white;
			margin-bottom: 1em;
		}

/* =FOOTER
-----------------------------------------------------

-----------------------------------------------------*/

#footer, 
#sub-footer {
	clear: both;
	text-align: center;
	font-size: 90%;
	font-weight: bold;		
	padding: 0;		
	color: #333;
	
	
	}

#sub-footer {
	padding: 5px 0 10px 0;
	background: #edeada url(../assets/img/related_links_top.gif) no-repeat top left;
	color: #666;
	margin: 0 0 -10px 0;  /* weird -10 fixes ugly spacing problem */
	}

#footer ul,
#footer p,
#sub-footer ul,
#sub-footer p {
	margin: 0;
	padding: 3px 0;
	}

#footer ul li,
#sub-footer ul li {
	margin: 0;
	padding: 0px 6px;
	border-right: 1px #333 solid;	
	display: inline;
	list-style: none;
	}

#footer ul li {
	border-right: 1px #333 solid;	
	}

#sub-footer ul li {
	border-right: 1px #666 solid;	
	
#footer li.last {
	border-right: 0;
	}
	
#footer a,
#sub-footer a {
	white-space: nowrap;
	}

#footer a {
	color: #333;	
	}

#sub-footer a {
	color: #666;
	}