/* Table of Contents
--------------------------------------------------------------//
General
Page Layout
Sections
Links
Nav
Images
Rollovers
Headings & Text
Lists
Misc
*/


/* General
--------------------------------------------------------------*/
html, body {
	background:#fff;
	height:100%;
	margin:0;
	padding:0;
}

img {
	border:0;
}


/* Page Layout
--------------------------------------------------------------*/
#header {
	background:#231f20;
	height:25px;
	padding:8px 0 2px 60px;
}

#container, #container_home {
	background:url(images/dots.gif) 0 12px repeat-y;
	font:12px/18px Verdana, Geneva, sans-serif;
	margin:0;
	min-height:100%;
	padding:0;
	position:relative;
	width:100%;
}

#container_home {
	background:#fff url(images/dots.gif) repeat-y;
	border-right:2px dotted #666;
	color:#555;
	width:850px;
}

.logo {
	float:left;
	margin:0 40px 40px -15px;
}

.logo_home {
	float:left;
	margin:8px 0 10px 0;
}

#content {
	background:#fff;
	margin:0 0 0 60px;
	padding:30px 30px 140px 30px;
	width:730px;
}

#content_home {
	margin:0 0 0 60px;
	padding:3px 30px 30px 30px;
	padding-top:3px;
	width:740px;
}

#footer {
	background:#fff;
	bottom:0;
	color:#999;
	font:normal 10px/10px Verdana, Arial, san-serif;
	height:140px;
	margin-left:60px;
	padding:9px 10px 3px 10px;
	position:absolute;
	width:770px;
}


/* Sections
--------------------------------------------------------------*/
div.event, div.event1, div.event2 {
	border-left:5px solid #CCC;
	clear:right;
	margin:15px 0 30px 30px;
	padding:0 0 2px 20px;
}

div.event1 {
	background:URL(images/greydot.gif) repeat-x 0px 13px;
}

div.event1 img {
	background:#fff;
	float:right;
	margin:5px -50px 25px 30px;
	padding-left:15px;
}

div.event1 h3 {
	background:#fff;
	float:left;
	margin:0 0 0 -20px;
	padding:5px 10px 7px 20px;
}

div.event1 p {
	clear:left;
}

div.event2 {
	clear:left;
	margin-left:190px;
}

div.event2 img {
	border:1px solid #999;
	float:left;
	margin:0 0 30px -210px;
}

.vdivide_left {
	border-left:1px dotted #999;
	margin-left:20px;
	padding-left:20px;
}

.vdivide_right {
	border-right:1px dotted #999;
	margin-right:20px;
	padding-right:20px;
}

#sponsors {
	color:#000;
	font:12px/16px Arial;
	font-weight: bold;
	margin:20px 0 0 0;
}

#sponsors img {
	margin:5px 16px 0 4px;
	vertical-align: middle;
}


/* Links
--------------------------------------------------------------*/
#content a, a:link, a:visited {
	color:#0099cc;
	font-weight:bold;
	text-decoration:none;
}

#content a:hover, a:active {
	color:#777;
	text-decoration:none;
}

.topnav a, .topnav a:link, .topnav a:visited {
	color:#CCC;
	font-weight:bold;
	padding-bottom:7px;
	text-decoration:none;
}

.topnav a:hover, .topnav a:active {
	border-bottom:5px solid #FFF;
	color:#FFF;
}

.topnav a.current {
	border-bottom:5px solid #02a4c8;
	color:#02a4c8;
}

.subnav a, .subnav a:link, .subnav a:visited {
	color:#999;
	display:block;
	font-weight:bold;
	text-decoration:none;
}

.subnav a:hover, .subnav a:active, #spores .subnav #spores, #danger .subnav #danger,
#difference .subnav #difference, #aguirre .subnav #aguirre, #sideexhibits .subnav #sideexhibits {
	border-left:5px solid #0099cc;
	color:#0099cc;
	margin-left:-11px;
	padding-left:6px;
}

#footer a, #footer a:link, #footer a:visited {
	color:#999;
	font-weight:normal;
	text-decoration:none;
}

#footer a:hover, #footer a:active {
	color:#666;
}


/* Nav
--------------------------------------------------------------*/
ul.topnav{
	display:block;
	font:13px/15px Arial, Helvetica, sans-serif;
	letter-spacing:1px;
	list-style-type:none;
	margin:0;
	padding:0;
	width:800px;
}

ul.topnav li{
	float:left;
	margin-right:24px;
}

ul.subnav {	
	border-left:1px dotted #999;
	list-style:none;
	padding:4px 0 0 10px;
	position:absolute;
	left:850px;
	top:0;
}

ul.subnav li {
	margin-bottom:12px;
}


/* Images
--------------------------------------------------------------*/
img.border {
	border:1px solid #999;
}

img.dockright {
	float:right;
	margin-right:-140px;
}


/* Rollovers
--------------------------------------------------------------*/
a.fade:hover img {
	filter:alpha(opacity=90);
  	opacity:0.9;
}

a.grow:hover img {
	border:3px solid #FFF;
}


/* Headings & Text
--------------------------------------------------------------*/
h1, h2, h3, h4 {
	color:#0099cc;
	font-family:Arial;
	font-weight:bold;
	margin:0;
	padding:0;
}

h1 {
	font-size:32px;
	font-weight:normal;
	letter-spacing:1px;
	line-height:36px;
	padding:43px 0 20px 0;
}

h2 {
	color:#333;
	font-size:18px;
	margin:22px 0 5px 0;
}

h3 {
	font-size:15px;
	margin:10px 0 7px 0;
}

h4 {
	font-size:15px;
	margin: 8px 0;
}

h5 {
	color:#333;
	font-size:12px;
	font-style: italic;
	font-weight:normal;
	margin:7px 0;
}

p {
	margin:10px 0;
	padding:0;
}

p.intro {
	color:#666;
	font:normal 13px/22px Georgia, serif;
}


/* Lists
--------------------------------------------------------------*/
ul {
	margin:5px 7px 5px 16px;
	padding:0;
}

ul.leftbox {	
	border:1px dotted #999;
	border-left:none;float:left;
	list-style:none;
	line-height:27px;
	margin:0 40px 20px -30px;
	padding:20px 20px 20px 30px;
}


/* Misc
--------------------------------------------------------------*/
.transparent {
  	filter:alpha(opacity=40);
  	opacity:0.4;
}

.left {float:left; margin-right:20px;}

.right {float:right; margin-left:20px;}

.clear {clear: both; margin:0; padding:0;}


/* Hides from IE-mac \*/
.clearfix {display: block;}
/* End hide from IE-mac */