

html {
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
	background:#EAF8FB;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-size: 100%;
	color:#000;
}
body {
	margin:0;
	padding:0;
	height:100%;

}


h1 { 
	font:5.00em "Trebuchet MS", Verdana, sans-serif; 
	margin:0 0;
	text-align: left;
		color:#666;
		text-decoration: none;
		padding:0 15px;
}


h2 {
	font:3.00em "Trebuchet MS", Verdana, sans-serif; 
	margin:0 0;
		color:#666;
		text-decoration: none;
		padding:0 15px;
}
h3 {
	font: 1.50em "Trebuchet MS", Verdana, sans-serif; 

	margin:0 0;
		color:#666;
		text-decoration: none;
		padding:0 15px;
}
	h4 {
		color:#666;
		text-decoration: none;
		padding:0 15px;
		font-size: 100%;
		font-weight: bold;
	}
	
	a {
		color:#666;
		text-decoration: none;
		padding:0 3px;}
		
	a:hover {text-decoration: none; color: #0000ff;}
	


p { 

	line-height:1.5; 
	margin:0 0 1em;
	padding:0 15px;
	text-align:justify;
}

p.para { 
	line-height:1.5; 
	margin:0 0 1em;
	padding:0 15px;
	text-align:left;
}
p.inset { 
	line-height:1.5; 
	margin:0 0 1em;
	padding:0 15px 0 100px;
	text-align:left;
}
.f-left {float:left !important;} img.f-left {float:left; margin-right:10px;}
.f-right {float:right !important;} img.f-right {float:right; margin-left:10px;}



div#container {

	margin:0 auto;
	width:960px;

	background:#fff;
		border-right: 1px solid black;
		border-left: 1px solid black;
	position:relative; /* needed for footer positioning*/
	height:auto !important; /* most browsers */
	height:100%; /* IE6: treated as min-height*/
	min-height:100%; /* real browsers */
}

/* START HEADER*/
div#header {
	padding:1em;
	background:#ddd url(../graphics/background_fire1000.jpg) 100%; height: 100px;
	margin:0;
	text-align: center;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-size: 150%;
}
        #logo {	padding: 0 15px;}

div#content {
	padding:0; /* bottom padding for footer */
	background:#fff;

}
	div#main {
	margin: 0 auto;

}

	div#nav {
	width:960px;
	margin:0;
	padding: 0 0 35px 0;
}
	
	div#mainpic {
	width:640px;
	margin:0;
	padding: 0 160px 10px 160px;
    display: block;
	border: 0;
}

	div#maintext1 {
	float: left;
	width:960px;
	margin:0;
	bottom:0; /* stick to bottom */
	font-size: 80%;

	clear: both;
}
	h1.maintext1 {
	color:#ff0000;
	font-weight: bold;
}

	h2.maintext1 {
	color:#ff0000;
	font-weight: bold;
}
	h3.maintext1 {
	color:#ff0000;
	font-weight: bold;
	text-align: right;
}

	div#maintext2 {
	float: left;
	width: 960px;
	margin:0px;
	bottom:0; /* stick to bottom */
	font-size: 80%;
	clear: both;
}



	div#maintext3 {
	float: left;
	width:700px;
	margin:0px;
	bottom:0; /* stick to bottom */
	font-size: 80%;
	clear: both;
}

	div#mainbiocontainer {
	padding: 0 0 10 0px;
	text-align: left;
	margin: 0;
	width: 960px; 
	font-size: 80%;

}

	div#mainbiopics {
	float: left;
	width: 700px;
	margin: 0 auto;


}

	div#mainbiotext {
	float: right;
	width: 250px;
	margin: 30px 0 0 0;
	padding: 0 10px 0 0;
	display: inline;

}

	div#maintextviewer {
	float: right;
	width: 600px;
	margin: 0px;
	height: 620px
}

	div#flashcontent {
		height: 600px;
	}
	
	div#flashcontent2 {
		height: 600px;
	}

	div#maintextspace { /* needed for space before footer- Do not use for text */
	margin: 0.5em auto;
	padding: 0px;

}
	div#maintextspaceX { /* needed for space before footer- Do not use for text */
	float: left;
	width:700px;
	padding: 5px 0 5px 0;
	margin:5px;
	bottom:0; /* stick to bottom */
	font-size: 80%;
	clear: both;
}

div.clear {
	clear: both;
}

ul {
	padding: 0 0 0 75px;
}

/* START 3 SECTIONS*/  


div#footer {
	clear: both;
	position:absolute;
	bottom:0; /* stick to bottom */
	width:100%;
	margin:0;
	height:40px;
	background:#4F4F4F;

	border-bottom: 1px solid black;
}
	div#footer p {
		padding: 0 15px 0 10px;
		margin:0;
		color:#BFBFBF;
	}
	
		div#footerleft {
		float: left;
		width: 600px;
		font-size: 60%;
		margin:0;
		color:#BFBFBF;
	}
	
		div#footerright {
		float: right;
		width: 360px;

		margin:0;
		color:#BFBFBF;
	}
		#footer a {color:#BFBFBF; text-decoration:none;}
		#footer a:hover {color:#FFF; text-decoration:none;}

