/*-------------------------------------- main template elements*/
html, body, #wrapper{
	margin:0;
	padding:0;
	border:0;
	min-height:90%; /* ie hack */
	height:90%;
}


html>body{ height:auto; } /* undo ie hack */
body{
	margin:0;
	padding:0;
	border:0;
	background-image: url(images/back3.gif);
}

.img{
	margin:0;
	padding:0;
	border:0;
}

#imgLeft{
	border:0;
	float: left;
   width:362px;
	height:340px;
}

#imgRight{
	border:0;
	float: right;
   width:362px;
	height:340px;
}


#wrapper{
	display: block;
	margin:0 auto;
	padding:0;
	border:0;
	width: auto;
	top: 30px;
	background: transparent;
}


.splash{
	margin: 0 5px 0 5px;
	padding: 0 5px 0 5px;
	border:0;
	width: 650px;
	height:auto;
	background: transparent;
	clear: both;
	z-index: 1;
}


#content{
	float:left;
	background-color: White;
	position: relative;
	left: 107px;
	top: -80px;
	margin:0 auto 10px auto;
	padding: 0 5px 10px 5px;
	border:0;
	width:690px;
	font:11px/1.5 Arial, Helvetica, sans-serif;
	text-align:left;
}
	#content a, #footer a{
		margin:0;
		padding:0;
		border:0;
		color:#900;
		text-decoration:none;
	}
	#content a:hover, #footer a:hover{
		text-decoration:underline;
	}
	
	.p{ margin: 1em .5em 1em .5em;
	 }
	abbr { cursor:help; }
	

/*-------------------------------------- float clearing element*/
.row:after{
	content: ".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}


/*-------------------------------------- stuff on left */
#left{
	margin: 5px 0 0 0;
	padding:0;
	border:0;
	width:105px;
	float:left;
	font:10px Arial, Helvetica, sans-serif;
	clear: none;
}

.displayLayer{
	position:absolute; 
	width:200px; 
	height:auto; 
	left: 75px; 
	top: 35px;
	margin: 1px;
	padding:5px;
	border: 1px outset #CCCCCC;
	z-index: 10;
	background: #99CCCC;
	display: none;
}

p.baseContent{
	float: left;
	left: -10px;
	margin: 0;
	padding: 0;
	z-index: 5;
}
/* delete later */
.ul,.li {list-style-type:square; list-style-position:inside; left:-30px; margin: 0 0 0 5px; padding: 0 0 0 5px; }
.title {font: bold 14px verdana,arial,helvetica,"sans-serif"; color: #3B5149;}
.subTitle {font: bold 11px verdana,arial,helvetica,"sans-serif"; color: #3B5149;}
.tagline {font: italic 13px verdana,arial,helvetica,"sans-serif"; color: #3B5149;}
.caption {font: 10px, verdana,arial,helvetica,"sans-serif"; color:#3B5149;}
.titleBg {background-color: #6C9384;}
.titleText {font: bold 11px verdana,arial,helvetica,"sans-serif"; color: #723228; text-decoration: none;}
.pText,p,li,ul,table,tr,td {font: 11px, verdana,arial,helvetica,"sans-serif";}
.imgTitle {font: bold 11px verdana,arial,helvetica,"sans-serif"; color: #2E3D60; margin: 5px; line-height: 15px}
.imgCredit {font: 10px, arial,helvetica,"sans-serif"; color:#2E3D60;}
.scientific {font: 10px, verdana, arial, helvetica,"sans-serif"; font-style: italic;}
.nTitle {font: bold 12px verdana,arial,helvetica,"sans-serif"; color: #FFFFFF;}
.smallFont {font: 8px verdana,arial,helvetica,"sans-serif";}
.bigFont {font: bold 14px verdana,arial,helvetica,"sans-serif";}
.formData {font: 10px verdana,arial,helvetica,"sans-serif";}
#nbii a:link {text-decoration:underline; font: 11px, verdana,arial,helvetica,"sans-serif"; color:blue;}
#nbii a:visited {text-decoration:underline; font: 11px, verdana,arial,helvetica,"sans-serif"; color:purple;}


