body {
margin:0;
padding:0;
color:#333;
background-color:#09C;
text-align:left;
font-family: Arial, Helvetica, sans-serif;
font-size:small;
}

a {color:#2f5c73;}

#innerBody li {
color:#333;
font-family: Arial, Helvetica, sans-serif;
font-size:small;}

h1 {color:#3db1db; font-size:large;}
h2 {color:#2D505B; font-size:medium;}
h3 {color:#2D5B36; font-size:small;}
h4 {color:#826715; font-size:small;}

td {vertical-align:top;}

#right img, #header img, #headerImage img, #leftDrill img, #searchbar img {
 vertical-align: bottom;
}
img {
border: 0;
}

#header {
margin:0 auto;
width:762px;
height:72px;
background:#000 url("/images/nav_bkg.gif") repeat-x bottom;
}

#MicrobeWorldLogo {
float: left;
width: 163px;
height: 71px;
}

#searchMenu {
height: 71px;
padding: 0px;
border: 0;
border-collapse:collapse;
}

.searchbox {
border: 0;
height: 18px;
border-collapse: collapse;
}

#searchbar input {
font-size:xx-small;
}

#menucontainer {
float: left;
margin: 0;
padding: 0;
height: 71;
width: 591px;
}

#search{
position: relative;
top: 15px;
height: 47px;
left: 180px;
margin: 0;
padding: 0;
}
#search a{
	color:#fff;
	text-decoration: none;
}
#search a:hover{
	color:#fff;
	text-decoration: underline;
}

.submitbutton {
font-size:xx-small;
background-color:#33CCFF;
}


#menu {
position: relative;
right: 0;
margin: 0;
padding: 0;
height: 25px;
z-index: 500;
}

#forTeachers {
position: absolute;
z-index: 50;
}


#forTeachersDrill {
position: absolute;
top: 0px;
z-index: 50;
}

#nav {
margin: 0;
list-style: none;
padding:0;
}
#nav ul {
margin:0;
padding: 0;
height: 25px;
}
#nav a {
display: block;
text-decoration: none;
padding: 0 7px 0 7px;
margin: 0;
}
#nav li {
float: left;
padding: 0;
}
#nav li ul {
position: absolute;
left: -999em;
width: 14.4em;
w\idth: 12.9em;
font-weight: normal;
margin: 0;
list-style: none;
z-index: 500;

}

#nav li li {
width: 150px;
border-bottom: 1px solid #FFF;
background: #999999;
padding: 5px;
}


#nav li ul a {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FFFFFF;
width: 150px;
}

 

#nav li ul ul {
margin: -1.75em 0 0 14em;
}


#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
left: auto;
}

#nav li:hover, #nav li.sfhover {
background: #cccccc;
}

a.callout {color:#2f5c73;}

#outercontainer {
margin:0 auto;
padding: 0;
width:762px; 
background-image: url("/images/home_fullbkg.gif");
background-repeat:repeat-y;
background-position:top left;
background-color:#FFFFFF;
border-bottom:5px #09C solid;
}

#container {
margin:0 auto;
width:762px; 
background-image: url("/images/home_side.gif");
background-repeat: no-repeat;
background-position:top left;
text-align:left;
}

#drillcontainer {
margin:0px auto;
background:#fff url("/images/common/bkgd_sidebar.png") repeat-y left;
width:760px;
text-align:left;
}


/* Nested Sidebar Menu */


#leftDrill ul
{
margin: 0;
padding: 0;
background-color:#FFFFFF;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
}

#leftDrill ul li a:before{
	content: "\00BB \0020";
	}
	
#leftDrill ul li ul li a:before{
	content: "";
	}

#leftDrill li { margin: 0 0 1px 0; }

#leftDrill ul a
{
display: block;
padding: 5px 10px;
width: 150px;
color: #fff;
background-color: #cc9900;
text-decoration: none;
}

#leftDrill ul a:hover
{
color: #fff;
background-color: #d9ba5e;
text-decoration: none;
}

#leftDrill ul ul li { margin: 0 0 1px 0; }

#leftDrill ul ul a
{
display: block;
padding: 5px 5px 5px 20px;
width: 145px;
color: #fff;
background-color: #999999;
text-decoration: none;
}

#leftDrill ul ul a:hover
{
color: #fff;
background-color: #CCCCCC;
text-decoration: none;
}

#leftDrill ul ul ul a
{
display: block;
padding: 5px 5px 5px 35px;
width: 130px;
color: #fff;
background-color: #666666;
text-decoration: none;
}

#leftDrill ul ul ul a:hover
{
color: #fff;
background-color: #CCCCCC;
text-decoration: none;
}


#leftDrill ul ul ul ul a {
display: block;
padding: 5px 5px 5px 50px;
width: 115px;
color: #fff;
background-color: #333;
text-decoration: none;
}
/* End Nested Sidebar Menu */


#contentShell {
margin: 0;
padding: 0;
/*background-image: url("/images/left_col_bkg.gif");*/
background-position:left;
background-repeat:repeat-y;
width: 760px;
height: auto;
}

#left {width:160px;float:left;padding:10px;background:#ccc;}

* html #left {width:179px;width:160px;}

#center {
width:540px;
float: left;
padding:0px;

}

* html #center {width:400px;wid\th:380px;}

#right {
width:220px;
float:right;
margin: 0px;
padding:0px;
background:#fff;
border: 0;
}

* html #right {
width:220px; 
wid\th:220px;
}
#right p {
line-height: 11px;
margin: 0;
}

#leftDrill {
width:170px;
float:left;
padding:0px;
border-top: 1px solid #fff;
}

#leftNav {
border-bottom: 1px solid #fff;
}

* html #leftDrill {
width:170px;
wid\th:170px;
background-color: #fff;
border-bottom: 1px solid #fff;
}

#left1 {
	margin: 0;
}
#left2 {
	padding-left: 0px;
	background: inherit;
	font-size:x-small;
}
#left2 p {
	padding-left: 10px;
	background: inherit;
	font-size:x-small;
}

#left3 {
	margin-left: 0px;
}

#left3 p {
	margin-left: 10px;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	/* font-size: 2px;*/
}

/* Hides from IE-mac \*/
* html .clearfix {
height: 1%;
/* font-size: 2px;*/}
/* End hide from IE-mac */


#rightDrill {
float: left;
width:580px;
padding:0px; 
}

* html #rightDrill {width:580px;width:580px;}

#innerBody {
padding: 20px;
padding-top: 10px;
border-left:3px dotted #ccc;
border-top:3px dotted #ccc;
margin-left:5px;
margin-right:5px;
margin-bottom:5px;
background-color:#fff;
}

#footer {
padding: 15px;
width:732px;
background-color:#000000;
margin:0 auto;
}
#footer .footer, ul {
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size:9px; 
line-height: 18px;
color:#fff; 
}

#footer a {
color:#fff;
text-decoration:none;
}
#footer a:hover {
text-decoration: underline;
color: #CC0000;

}

#headerImage {
position: relative;
top: 0px;
margin: 0;
width: 760px;
padding: 0px;
}

#hpHeader {
margin: 0;
width: 541px;
height: 171px;
padding: 0;
}

#hpFeature{
position: absolute;
margin: 0;
width: 541px;
height: 171px;
padding: 0px;
z-index: 50;
}

#homePageLink {
	position: relative;
	left: 21px;
	top: 145px;
	width: 500px;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:x-small;
	font-weight:bold; 
	color: #FFF;
}

#homePageLink a {
	text-decoration: underline;
	color:#FFF;
}
#homePageLink a:hover {
	text-decoration: none;
}

#rightItemNews {
	margin: -20px 0px 0px 0px;
	width: 216px;
	padding: 4px 0px 4px 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:x-small;
	color:#000000;
	background-color:#ACE1F6;
	background-image: url("/images/home_inthenews.gif");
	background-position:left top;
	background-repeat:no-repeat;
	border-top: 1px #fff solid;
	border-bottom: 1px #fff solid;
}

/* html #rightItemNews { margin-top: -30px; } */



#rightItemNews a{
color:#4D4D4D;
font-weight:bold;
text-decoration:underline;
text-align:right;
}

#rightItemNews a:hover{
text-decoration:none;
}

#rightItem {
margin: 0;
width: 216px;
height: 171px;
padding: 0px;
font-family:Verdana, Arial, Helvetica, sans-serif; font-size:x-small; 
color:#000000;
border-bottom: 15px solid #FFF;
}

#rightItem strong {
color:#EF2C10;
}

#rightItem a{
color:#EF2C10; 
font-weight:bold;
text-decoration:underline;
text-align:right;
}

#rightItem a:hover{
text-decoration:none;
}

#rightItem p {
padding: 2px 5px 2px 5px;
}

#rightItem2 {
margin: 0px;
width: 216px;
height: 215px;
padding: 0px;
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size:x-small; 
color:#000000;
background-color:#ACE1F6;
background-image: url("/images/home_meetmicrobes.gif");
background-position:left top;
background-repeat:no-repeat;
border-bottom: 1px #fff solid;
}

#rightItem2 strong {
color:#2f5c73;
}

#rightItem2 a{
color:#2f5c73; 
font-weight:bold;
text-decoration:underline;
text-align:right;
}

#rightItem2 a:hover{
text-decoration:none;
}

#rightItem2 p {
padding: 2px 5px 2px 30px;
}



#rightItemsponsors {
margin: 0px;
width: 216px;
height: 215px;
padding: 0px;
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size:x-small; 
color:#000000;
background-color:#ACE1F6;
background-image: url("/images/sponsors.gif");
background-position:left top;
background-repeat:no-repeat;
border-bottom: 1px #fff solid;
}

#rightItemsponsors strong {
color:#2f5c73;
}

#rightItemsponsors a{
color:#2f5c73; 
font-weight:bold;
text-decoration:underline;
text-align:right;
}

#rightItemsponsors a:hover{
text-decoration:none;
}

#rightItemsponsors p {
padding: 2px 5px 2px 30px;
}




#rightItem3 {
margin: 0;
width: 216px;
padding: 0px;
font-family:Verdana, Arial, Helvetica, sans-serif; font-size:x-small; 
color:#000000;
border-bottom: 1px solid #FFF;
}

#rightItem3 strong {

color:#EF2C10;
}

#rightItem3 a{
color:#EF2C10; 
font-weight:bold;
text-decoration:underline;
text-align:right;
}

#rightItem3 a:hover{
text-decoration:none;
}

#rightItem3 p {
padding: 2px 5px 2px 5px;
}

#hpCenterContent {
float: left;
font-size: 11px;
line-height: 16px;
margin: 0px;
padding: 0px;
width: 495px;
/*background-image: url(/images/didyouknow_side2.gif);
background-position:left;
background-repeat:no-repeat;*/
}

#hpCenterContent ul li {
	width: 495px;
	height: 52px;
	list-style-image:url(../images/common/three_dots.gif);
	list-style-position: outside;
	margin-bottom: 3px;
	margin-top: 1px;
	padding-left: 4px;
	font-size: x-small;
line-height: 12px;
color:#635d63;
}

#hpCenterContent img {
border: 1px solid #999;
}


#hpBottomContent {
float: left;
font-size: 12px;
line-height: 17px;
margin: 0px;
padding: 0px;
width: 495px;
/*background-image: url(/images/whatsnew_side.gif);
background-position:left;
background-repeat:no-repeat;*/

}

#hpBottomContent p {
font-size: x-small;
line-height: 12px;
color:#635d63;
}

#hpBottomContent ul li {
font-size: x-small;
line-height: 12px;
color:#635d63;
list-style-image:url(../images/common/three_dots.gif);
list-style-position: outside;
}


.bkgd_black {background-color:#000;}
.bkgd_yellow {background-color:#FFEBA5;}
.bkgd_ltyellow {background-color:#ffecb7;}
.bkgd_tan {background-color:#CECB9C;}
.bkgd_ltgray {background-color:#E7E3E7;}
.bkgd_beige {background-color:#d8d4ad;}
.bkgd_brightblue {background-color:#52C3FF;}
.bkgd_hr_dot {background-image:url(/images/hr_dot.gif); background-repeat: repeat-y;}



.bkgd_ltgray2 {
	background-image:url(/images/home_didyouknow_arrow.gif);
	background-repeat:no-repeat;
	width: 495px;
	height: 52px;
	margin-bottom: 3px;
	margin-top: 1px;
	margin-left: 26px;
	padding-left: 15px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:x-small;
	color:#635d63;
	background-position: left top;
	background-color:#E7E3E7;
	line-height: 12px;
}
.bkgd_white1 {
	background-image:url(/images/home_didyouknow_arrow.gif);
	background-repeat:no-repeat;
	width: 495px;
	height: 52px;
	margin-bottom: 3px;
	margin-top: 1px;
	margin-left: 26px;
	padding-left: 15px;
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:x-small; 
	color:#635d63;
	background-position: left top;
	background-color:#FFFFFF;
	line-height: 12px;
}
.bkgd_white2 {
	background-image:url(/images/home_didyouknow_arrow.gif);
	background-repeat:no-repeat;
	width: 495px;
	margin-bottom: 3px;
	margin-top: 10px;
	margin-left: 26px;
	padding-left: 15px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#635d63;
	background-position: left top;
	background-color:#FFFFFF;
	text-align: left;
}

/* sidebar of paper */
div.sidebar {float:right;}
.bkgd_paper1 {background:url("/images/common/bkgd_paper1.jpg"); background-repeat:no-repeat;width:164px;height:10px; padding-left:10px; padding-top:10px; margin-left:20px; font-size:12px;}

.bkgd_paper2 {background:url("/images/common/bkgd_paper2.jpg"); background-repeat:repeat-y; padding-left:10px;padding-right:5px; padding-top:30px; font-size:10px;}

b.bkgd_paper2  {font-size:10px; font-weight:bold; color:#0099CC;}

.bkgd_paper3 {background:url("/images/common/bkgd_paper3.jpg"); background-repeat:no-repeat;width:164px;height:31px; padding:5px;}

/* image formatting */
.exampleLeft {float:left;}
.exampleCenter {float:center;}
.exampleRight {float:right;}


/* caption style */
#innerBody blockquote {
float:none;
width:85%;
background-color:#FEEDB7;
font-size:xx-small;
color:#333;
margin-left:0px;
padding-left:20px;
padding-right:10px;
padding-top:5px;
padding-bottom:5px;

}
.knowcontent {
width:85%;
color:#333;
padding:15px;
margin-top:5px;
margin-bottom:5px;
font-family: Arial, Helvetica, sans-serif;
font-size:small;
}
.knowcontenth2{
	color:#78A330;
	font-size: 16px;
	text-transform: uppercase;
	padding-bottom: 0px;
	font-weight: bold;
}
.knowcontent a{
	color:#FF0006;
	text-decoration: none;
}
.knowcontent a:hover{
	color:#FF0006;
	text-decoration: underline;
}
.knowcontentbgrt {
/*float:right;*/
background-color:#FEEDB7;
width:263px;
height:197px;
color:#333;
padding:15px;
border-right: 30px solid #D8D4AE;
font-family: Arial, Helvetica, sans-serif;
font-size:small;
}

.knowcontentbgrt a{
	color:#FF0006;
	text-decoration: none;
}
.knowcontentbgrt a:hover{
	color:#FF0006;
	text-decoration: underline;
}
.knowcontentbglft {
float:left;
background-color:#FEEDB7;
width:263px;
height:197px;
color:#333;
padding:15px;
border-left: 30px solid #D8D4AE;
font-family: Arial, Helvetica, sans-serif;
font-size:small;
}

.knowcontentbglft a{
	color:#FF0006;
	text-decoration: none;
}
.knowcontentbglft a:hover{
	color:#FF0006;
	text-decoration: underline;
}
.myth {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:small;
background-color:#FEEDB7;
margin-left:0px;
padding-left:20px;
padding-right:20px;
padding-top:5px;
padding-bottom:5px;
}
.reality {
margin-left:0px;
padding-left:20px;
padding-right:20px;
padding-top:5px;
padding-bottom:5px;
}

.captionSmall {
width:150px;
margin-right:20px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:xx-small;
color:#333;}

.caption {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:x-small;
color:#333;}

#helperButtons {
float: right;
}



/* timeline attributes */

.timeline_time1 {
	background-color: #FFEDB7;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	padding: 12px;
	line-height: 14px;
}
.timeline_time2 {
	background-color: #FFF6DB;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	padding: 12px;
	line-height: 14px;
}
.timeline_year {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #000000;
	line-height: 18px;
	font-weight: bold;
	width: 54px;
	margin-left: 12px;
	margin-bottom: 5px;
}
.timeline_textright {
	float: right;
width: 350px;
	clear: none;
}
.timeline_textleft {
	float: left;
width: 350px;
	clear: none;
}
.timeline_right {
	float: right;
width: auto;
}
.timeline_left {
	float: left;
width: auto;
}
.timeline_backtotop {
	margin-top: -8px;
	margin-bottom: 10px;
}
.timeline_style2 {float: right; width: auto; font-weight: bold; }
.timeline_toptext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #000000;
}
.timeline_topyear {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #000000;
}
.timeline_navlinks {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #804D12;
	padding: 2px;
}
.timeline_navlinks a{
	color: #804D12;
}
.timeline_navlinks a:hover{
	text-decoration: none;
color: #CC9900;
}
.timeline_pagetitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #CC9900;
}
.timeline_navlinkson {
	font-weight: bold;
	color: #FFFFFF;
	background-color: #CC9900;
}

/* end timeline attributes */

.style1 {
	color: #FFFFFF;
	font-size: x-small;
}
/* Datagrid Styles */

.datagrid { BORDER-RIGHT: #6b696b 1px; BORDER-TOP: #6b696b 1px; FONT-SIZE: 8pt; BORDER-LEFT: #6b696b 1px; COLOR: black; BORDER-BOTTOM: #6b696b 1px; FONT-FAMILY: verdana} 
.datagrid text { FONT-SIZE: 6pt; FONT-FAMILY: verdana } 
.datagrid header { FONT-SIZE: 9pt; FONT-FAMILY: verdana; font-weight: bold;} 
.dropdowntable { BORDER-RIGHT: #6b696b 1px; BORDER-TOP: #6b696b 1px; FONT-SIZE: 8pt; BORDER-LEFT: #6b696b 1px; COLOR: black; BORDER-BOTTOM: #6b696b 1px; FONT-FAMILY: verdana }


/* End Datagrid Styles */


			
/* floating definintion */
#overdiv {position:relative; top: 0px; left:0px;}
