/* Created By Rajamatage for BioMat Sciences.
   June 2005-July 2005.
   If you would like to use code used in this source file,
   please send the webmaster a message. Thanks.
*/

body { 
	margin: 20px auto 50px auto;
	background-color: white;
	}

.body_container {
	margin: 0 auto;
	padding: 0;
	width: 700px;
	border: 1px solid #b1b1b1;
	}

.header {
	background: url("imgs/header.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	width: 700px;
	height: 80px;
	}

/* === UPPER CONTAINER === */

.upper_container {
	float: left;
	padding: 0;
	margin: 0;
	width: 700px;
	}

#nav {
	margin: 0;
	padding: 0;
	background-color: #ffd674;
	width: 700px;
	float: right;
	border-top: 1px solid #4e4e4e;
	border-bottom: 1px solid #4e4e4e;
	}
	
#nav li {
	display: inline;
	padding: 0;
	margin: auto;
	}

#nav a:link, #nav a:visited {
	color: #000;
	background: #ffd674;
	padding: 22px 22px 6px 6px;
	float: left;
	width: auto;
	text-decoration: none;
	font: bold .7em/.7em Verdana, sans-serif;
	text-transform: uppercase;
	text-shadow: 2px 2px 2px #555;
	border-right: 1px solid #4e4e4e;
	}

#nav a:hover {
	color: #002456;
	background: #ffe4a5;
	}

#nav a:active {
	color: #002456;
	background: #ffe4a5;
	}

.opener_img {
	background: url("imgs/opener_img.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	float: left;
	width: 700px;
	height: 160px;
	border-top: 5px solid white;
	border-bottom: 5px solid white;
	}

.sub_nav {
	background-color: #205195;
	float: left;
	width: 680px;
	height: 18px;
	padding: 7px 10px;
	margin: 0;
	border-top: 5px solid white;
	border-bottom: 5px solid white;
	text-align: right;
	font-family: Verdana, Arial, sans-serif;
	font-size: .8em;
	font-weight: bold;
	text-transform: uppercase;
	color: white;
	}

/* === MAIN CONTAINER === */

.main_container {
	float: left;
	background-color: #fffbf2;
	margin: 0 auto;
	padding: 0;
	width: 700px;
	}

.submain1 {
	float: left;
	background: url("imgs/submain1_bg.jpg");
	background-repeat: no-repeat;
	background-position: center 0;
	background-color: white;
	width: 380px;
	margin: 0;
	padding: 50px 10px 10px 10px;
	border-top: 10px solid #fdb60b;
	border-bottom: 10px solid #fdb60b;
	line-height: 1.6em;
	font-family: Verdana, sans-serif;
	font-size: .7em;
	}

.submain1 h1 {
	background: url("bullet2.png");
	background-repeat: no-repeat;
	background-position: 0 3px;
	padding: 0 0 0 15px;
  margin: 0px;
	font-family: Helvetica, Verdana, sans-serif;
	font-size: 1.3em;
	font-weight: bold;
	color: #002456;
	}

.submain1 a:link, .submain1 a:visited {
	text-decoration: none;
	font-weight: bold;
	color: black;
	}

.submain1 a:hover, .submain1 a:active {
	text-decoration: underline;
	font-weight: bold;
	color: #fd8e0b;
	}

.submain2 {
	float: right;
	background: url("imgs/submain2_bg.jpg");
	background-repeat: no-repeat;
	background-position: 0 0;
	background-color: #ddebff;
	width: 275px;
	margin: 0;
	padding: 50px 10px 10px 10px;
	border-top: 10px solid #002456;
	border-bottom: 10px solid #002456;
	font-family: Verdana, sans-serif;
	font-size: .7em;
	}

.submain2 h1 {
	background: url("bullet.png");
	background-repeat: no-repeat;
	background-position: 0 1px;
	padding: 0 0 0 15px;
  margin: 0;
	font-family: Verdana, sans-serif;
	font-size: 1em;
	font-weight: bold;
	color: #002456;
	}

.submain2 h2 {
	padding: 0;
	font-family: Verdana, sans-serif;
	font-size: .9em;
	font-weight: bold;
	color: #6991c7;
  margin: 0;
	}

.submain2 a:link, .submain2 a:visited {
	text-decoration: none;
	font-weight: bold;
	color: black;
	}

.submain2 a:hover, .submain2 a:active {
	text-decoration: underline;
	font-weight: bold;
	color: #205195;
	}

.sidebar {
	background-image: url("imgs/sidebar_bg.jpg");
	background-position: right bottom;
	background-repeat: no-repeat;
	background-color: #b0c9eb;
	float: left;
	width: 209px;
	margin: 0;
	padding: 0;
	font-family: Verdana, sans-serif;
	font-size: .7em;
	}

.sidebar #sidenav ul {
	margin-left: 0;
	padding: 0;
	list-style-type: none;
	}
		
.sidebar #sidenav li {	
	padding: 0;
	margin: 0;
	}

.sidebar #sidenav a {
	display: block;
	color: black;
	background-color: #b0c9eb;
	width: 189px;
	padding: 3px 12px 3px 8px;
	text-decoration: none;
	border-bottom: 1px solid #8eadd7;
	font-weight: bold;
	}

.sidebar #sidenav #current {
	background-image: url("check.png");
	background-position: 190px center;
	background-repeat: no-repeat;	
	background-color: #ffeec5;
	}

.sidebar #sidenav a:hover {
	background-color: #fffbf2;
	color: black;
	}
		
.sidebar #sidenav li.lev2 a {
	display: block;
	color: black;
	background-color: #b0c9eb;
	width: 189px;
	padding: 3px 3px 3px 17px;
	text-decoration: none;
	border-bottom: 1px solid #8eadd7;
	font-weight: normal;
	}

.sidebar #sidenav li.lev2 a:hover {
	background-color: #fffbf2;
	color: black;
	}
		
.sidebar #sidenav li.lev3 a {
	display: block;
	color: #333;
	background-color: #b0c9eb;
	width: 179px;
	padding: 3px 3px 3px 27px;
	text-decoration: none;
	border-bottom: 1px solid #8eadd7;
	font-weight: normal;
	}

.sidebar #sidenav li.lev3 a:hover {
	background-color: #fffbf2;
	color: black;
	}
		

.sidebar #sidenav li li #current {
	background-image: url("check.png");
	background-position: 190px center;
	background-repeat: no-repeat;	
	background-color: #ffeec5;
	}

.page_spec {
	background-color: #ffeec5;
	float: right;
	width: 465px;
	margin: 0;
	padding: 10px;
	line-height: 1.3em;
	font-family: Verdana, sans-serif;
	font-size: .7em;
	color: black;
	}

.page_spec h1 {
	font-family: Helvetica, sans-serif;
	font-size: 3em;
	font-weight: bold;
	color: #002456;
  margin: 0;
	}

.page_spec h2 {
	font-family: Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	font-style: italic;
	color: #205195;
  margin: 0;
	}

.page_spec a:link, .page_spec a:visited {
	text-decoration: none;
	font-family: Verdana, sans-serif;
	font-size: 1em;
	font-weight: bold;
	color: black;
	}

.page_spec a:hover, .page_spec a:active {
	text-decoration: underline;
	font-family: Verdana, sans-serif;
	font-size: 1em;
	font-weight: bold;
	color: #fdb60b;
	}

img.floatright {
	float: right;
	padding: 10px 0 0 10px;
	}

img.floatleft {
	float: left;
	padding: 10px 10px 0 0;
	}

/* === LOWER CONTAINER === */

.low_container {
	clear: both;
	background-color: #fffbf2;
	width: 700px;
	height: 30px;
	margin: 0 auto;
	padding: 15px 0;
	font-family: Verdana, Arial, sans-serif;
	font-size: .6em;
	color: #969696;
	text-align: center;
	}

.low_container a:link, .low_container a:visited {
	text-decoration: none;
	color: #969696;
	}

.low_container a:hover, .low_container a:active {
	text-decoration: underline;
	color: #4d4d4d;
	}