/*
** Layout id selectors and classes
*	#header
*	#logo
*	#left
*	#right
*	#main
*	#content
*	#features
*	#middle
*	.cleaner
*
** Page Markup
*	<div id="header">
*		<div id="logo">
*		</div>
*	
*		<div class="breadcrumb">
*		</div>
*	
*		<div class="navigation">
*		</div>
*	
*		<div class="cleaner">
*		</div>
*	</div>
*	
*	<div id="main">
*		
*		<div id="left">
*			<div class="bar">
*			</div>
*	
*			<div class="navigation">
*			</div>
*		</div>
*		
*		<div id="middle">
*			<div class="bar">
*			</div>
*			
*			<div id="features">
*			</div>
*			
*			<div id="content">
*			</div>
*
*			<div class="content"> 
***			Use class="content" or class="section" instead of id="content for 
***			multiple content/sections in a page.
*			</div>
*		</div>
*	</div>
*	
*	<div class="cleaner">
*	</div>
*
*	<div id="footer">
*		<div class="navigation">
*		</div>
*	
*		<div class="pagestatus">
*		</div>
*	</div>
*/
	
#header {
	margin: 0;
	padding: 0;
	}

#header #logo img { 
	float: left; 
	margin: 0 0 0 46px; 
	padding: 0; 
	width: 142px; 
	}	

#main {
	margin: 0;
	}

#left {
	float: left;
	margin: 0 0 0 0;
	padding: 0 0 0 68px; 		/* use padding instead of margin because of IE6 problem */
	width: 184px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 184px;
	}

html>body #left {
	width: 184px;
	}

#middle {
	margin: 0 0 0 253px;
	}

#content {
	margin: 0 185px 0 0;
	padding: 0px 20px 0 20px;
	}

.content {
	margin: 0 185px 0 0;
	padding: 20px 20px 0 20px;
	}

.section {
	padding: 0 20px 0 20px;
	}

.hidden { 
        display: none; 
        font-size: 1%; 
        }

.hide { 
	position: absolute; 
	left: 0px; 
	top: -500px; 
 	width: 1px;
 	height: 1px;
 	overflow: hidden;
	}  

.imgleft {
	float: left;
	margin: 0px 10px 0px 0px;
	padding: 0;
	}

.imgright {
	float: right;
	margin: 0px 0px 0px 10px;
	padding: 0;
	}

.imgauto {
	margin: auto;
	display: block;
}

/* added for Mahalia, DBT, 15/11/2005 */
.logos{text-align: center;}
.logomanc{margin: 23px 20px 17px 0px;}
.logoleft{margin: 23px 0px 23px 0px;}
.logomiddle{margin: 0px 20px 0px 20px;}
.logoright{margin: 19px 0px 19px 0px;}
/* end */

#features {
	float: right;
	margin: 1px 0 0 0; 
	padding: 0;
	width: 150px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 150px;
	}

html>body #features {
	width: 150px;
	}

#footer {
	border-top: 1px solid #999999; 	/* not necessary remove */
	color: #666666;
	font-size: 0.9em;
	margin: 10px 0 0 68px;
	padding: 0;
}

.cleaner {
	clear: both;
	height: 1px;
	font-size: 1px;
	border: none;
	margin: 0; 
	padding:  0;
	background: transparent; 
	}

/*
** Body styles
*	.home
*	.twocolumn
*	.threecolumn
*/
/* default body state */
body #features {					
	display: none;
	} 
body #middle {
	margin: 0 0 0 253px;	
	}
body #content {
	margin-right: 0;
	}
body .content {
	margin-right: 0;
	}
body .section {
	margin-right: 0;
	}

/* Home page specific layout */	
body.home #features { 
	display: block; 
	padding-top: 14px;
	padding-right: 5px;
	}
body.home #middle {
	margin: 0 0 0 253px;
	}
body.home #content {
	margin-right: 150px;
	}
body.home .content {
	margin-right: 150px;
	padding-left: 15px;
	padding-right: 15px;
	}
body.home .section {
	margin-right: 150px;
	}

/* Internet home specific layout */
body.home #main div.left {	
	float: left;
	margin: 0 0 0 0;
	padding: 0 0 0 68px; 		/* use padding instead of margin because of IE6 problem */
	width: 184px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 184px;
	}

html>body.home #main div.left {
	width: 184px;
	}
body.home #main div.middle {
	margin: 0 0 0 253px;
	}
body.home div.locator { 
	background-color: #6666CC; 
	background-repeat: repeat-x; 
	background-position: top left; 
	margin: 1px 0 0 68px; 
	padding: 0; 
	position: relative; 
	width: auto; 
	height: 91px; 
	}
body.home div.locator h1.life { 
	font-family: Arial, Helvetica, Sans-Serif; 
	border: none; 
	color: #ffffff; 
	font-weight: normal; 
	font-size: 40px; 
	margin: 0; 
	padding: 0; 
	position: absolute; 
	bottom: 0px; 
	left: 8px; }
body.home div.locator h2.faculty { 
	font-family: Arial, Helvetica, Sans-Serif; 
	border: none; 
	color: #ffffff; 
	font-weight: normal; 
	font-size: 16px; 
	margin: 0; 
	padding: 0; 
	position: absolute; 
	bottom: 35px; 
	left: 10px; }
body.home div.content {
	padding-top: 15px;
	}

/* Two column specific layout */
body.twocolumn #middle {
	margin: 0 0 0 253px;
	}
body.twocolumn #features { 
	display: none; 
	}
body.twocolumn #content {
	margin-right: 0;
	}
body.twocolumn .content {
	margin-right: 0;
	}

/* Three column specific layout */
body.threecolumn #middle {
	margin: 0 0 0 253px;
	}
body.threecolumn #features {
	display: block;
	} 
body.threecolumn #content {
	margin-right: 150px;
	padding-right: 10px;
	}
body.threecolumn .content {
	margin-right: 150px;
	padding-right: 10px;
	}
body.threecolumn .section {
	margin-right: 150px;
	padding-right: 10px;
	}

/* MyIntranet layout */
body.myintranet #features { 
	display: none; 
	}
body.myintranet #middle {
	margin: 0 0 0 253px;
	}
body.myintranet #content {
	margin-right: 0;
	}
body.myintranet #left div.navigation h1  { 
		background-color: #cc3333; 	
		border: 1px solid #cc3333; 
		}
body.myintranet	#middle div.bar {
		background-color: #cc3333;
		}
body.myintranet	h1, 
body.myintranet	h2,
body.myintranet	h3 {
	color: #cc3333;
	}
body.myintranet div.tab li {
	background-color: #cc3333;
	}
body.myintranet div.tab li.selected {
	background-color: #ffffff;
	}
body.myintranet div.tab a:hover {
	background: #ffffff; 
	color: #cc3333;
	}
body.myintranet div.grid tr.header {
	background-color: #cc3333;
	}
body.myintranet div.grid tr.odd {
	background-color: #ffcccc;
	}