@charset "utf-8";
/* CSS Document */

* {
	position: relative;
	padding: 0;
	margin: 0;
}
body, html {
	background: #f5f5f5;
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
}
img {
	border: none;
}
p {
	font-size: .8em;
}
a {
	color: #00F;
}
a:hover {
	color: #00F;
	text-decoration: none;
}
h1 {
	font-size: 1.4em;
	width: 500px;
}
h2 {
	font-size: 1.1em;
	margin: 10px 0 0 0;
	width: 500px;
}
h3 {
	font-size: .9em;
	margin: 10px 0 0 0;
	width: 500px;
}
div#wrapper {
	width: 751px;
	margin: auto;
}
div.content_box-tl {
	width: 740px;
	padding: 10px;
	margin: 4px 10px;
	background: #ffffff url(http://localhost/microbio/images/tl-corner.gif) no-repeat;
	border-bottom: 1px solid #e3e3e3;
	border-right: 1px solid #e3e3e3;
	z-index: 101;
}
div.content_box-m div.content_box-tr-out {
	width: 220px;
	padding: 0 0 3px 6px;
	right: -11px;
	top: -10px;
	float: right;
	background: #f5f5f5;
	border-bottom: 1px solid #e3e3e3;
	border-left: 1px solid #e3e3e3;
	display: block;
}
div.content_box-m div.content_box-tr-in {
	background: #ffffff url(http://localhost/microbio/images/headers/h-share-this.gif) 10px 10px no-repeat;
	width: 199px;
	height: 100px;
	padding: 30px 10px 10px 10px;
	float: right;
	border-bottom: 1px solid #e3e3e3;
	border-right: 1px solid #e3e3e3;
	display: block;
}
div.content_box-m div.content_box-tr-in ul {
	width: 198px;
	display: block;
}
div.content_box-m div.content_box-tr-in li {
	width: 99px;
	height: 25px;
	float: left;
	list-style: none;
	display: inline-block;
	margin: 0;
}
div.content_box-m div.content_box-tr-in li a {
	font-size: .85em;
	text-decoration: none;
	display: block;
}
div.content_box-m div.content_box-tr-in img.icon {
	float: left;
	padding: 0 4px 0 0;
}
div.content_box-m div.content_box-r {
	width: 180px;
	background: #F9F9F9;
	padding: 16px;
	float: right;
	border: 1px solid #e3e3e3;
	display: block;
	margin-left: 10px;
}
div.content_box-m div.content_box-r img {
	border: 1px solid #dddddd;
	width: 180px;
	height: 125px;
}
div.content_box-m div.content_box-r p {
	color: #333333;
	font-size: .7em;
	font-style: italic;
	margin-bottom: 10px;
	float: left;
	width: 180px;
}
div.content_box-m {
	width: 740px;
	padding: 10px;
	margin: 4px 10px;
	background: #ffffff;
	border-bottom: 1px solid #e3e3e3;
	border-right: 1px solid #e3e3e3;
	display: block;
	float: left;
	z-index: 1;
}
div.content_box-m p {
	width: 516px;
	margin: 7px 0 0 0;
}
div.content_box-m .subclass {
	margin-left: 25px;
	width: 496px;
}
div.content_box-m p:first-letter {
	padding: 0 0 0 15px;
}
div.content_box-m p.side-note {
	font-size: .7em;
	font-style: italic;
}
div.content_box-m li {
	width: 466px;
	margin: 7px 0 0 30px;
	list-style: square;
	font-size: .8em;
}
div.content_box-m div.directory {
	width: 516px;
}
div.content_box-m div.directory p:first-letter {
	padding: 0;
}
div.content_box-m div.directory p {
	font-size: .7em;
	margin: 5px 0 15px 0;
}
div.clear {
	float: right;
	width: 100%;
}
div#footer {
	font-size: .9em;
}

/* for dropdowns */
/* common styling */
.menu {width:100%; height:25px; position:relative; font-size:.8em; z-index:100; margin: 15px 0 0 0;}
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; color:#ffffff;width:182px; min-height:20px; text-align:center; color:#fff; border:1px solid #fff; background:#647fb5; line-height:20px; font-size:11px; overflow:hidden;}
.menu ul {padding:0; margin:0; list-style: none;}
.menu ul li {float:left; position:relative;}
.menu ul li ul {display: none;}

/* specific to non IE browsers */
.menu ul li:hover a {color:#fff; background:#4d669a;}
.menu ul li:hover ul {display:block; position:absolute; top:21px; left:0; width:105px;}
.menu ul li:hover ul li a.hide {background:#6482bf; color:#fff;}
.menu ul li:hover ul li:hover a.hide {background:#6482bf; color:#000;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:#ddd; color:#000;}
.menu ul li:hover ul li a:hover {background:#6482bf; color:#ffffff;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0;}
.menu ul li:hover ul li:hover ul.left {left:-105px;}
.menu ul li ul li ul li {margin:0 0 0 80px;}