/*
================================================
Layout Structure
================================================ */
* {margin:0;padding:0;}  /* zero out everything */

body {  
	background: #336699 url(../images/gene_img/tree1.jpg) no-repeat bottom right; 
	margin: 0px;
}

#container {
}



/*
=================================================
Page Header
=================================================*/
#intro {
	background-color: #336699;
	min-width: 950px;
}
#pageHeader {
	color: #FFCC33;
	background-color: #336699;
	float: left;
	left: 0px;
	top: 0px;
	width: 950px;
}
/* using an image to replace text in an h1. This trick courtesy Douglas Bowman, http://www.stopdesign.com/articles/css/replace-text/ */
#pageHeader h1 {
	background: transparent url(../images/gene_img/introh1.jpg) no-repeat left top;
	width: 730px;
	height: 200px;
	float: left;
}	
#pageHeader h1 span {
	display:none

}
#pageHeader p {
	background: transparent url(../images/gene_img/introp1.jpg) no-repeat top right;
	width: 270px;
	height: 200px;
	position: absolute;
	top: 0px;
	right: 0px;
	margin-left: 740px;
}
#pageHeader p span {
	display:none;
}

/*
=================================================
Main Text
=================================================*/
#supportingText {
	background-color: #CCCCCC;
	position: static;
	left: 0px;
	top: 200px;
	padding: 20px;
	right: 250px;
	float: left;
	width: 700px;
}
#supportingText h3 {
	color: #003366;
	text-align: justify;
	font: italic bold 18px arial;
	background-color: #FFCC00;
	padding: 5px;
	margin-top: 10px;
	text-indent: 10px;
}

#supportingText p {
	color: #003366;
	text-align: justify;
	font: 14px georgia;
	padding: 10px 20px 0px 20px;
	right: 250px;
}
#supportingText p span {
	font-weight: bold;
	text-transform: uppercase;
}

abbr, acronym {
	font-style:italic;
	cursor:help;
}
#footers {
	border-top-style: ridge;
	margin-top: 25px;
	padding-top: 25px;
	border-top-width: thick;
	border-top-color: #336699;
	text-align: center;
}
#footers p {
	text-align: center;
	padding: 20px;
}
#footers p.p4 {
	background: transparent url(../images/gene_img/mademac10.gif) no-repeat center center;
	width:260px;
	height:50px;
	position:relative;
	left: 200px;
	right: 220px;
}
#footers p.p4 span {
	display:none;
}

/*
=================================================
Navigation Bar
=================================================*/

#linkList {
	font-family: Verdana;
	font-size: 12px;
	color: #ffffff;
	background-color: #336699;
	margin:0 0 0 740px;
	position: absolute;
	top: 200px;
	right: 0px;
	padding: 10px;
	z-index: 3;
}

#linkList h2 {
	color: #CCCCCC;
	padding: 5px;
	}
#linkList h3 {
	font-family: arial;
	font-size: 18px;
	font-style: italic;
	color: #FFCC00;
	padding: 5px;
}
#linkList p {
	padding: 5px;
}
#linkList a:link, #linkList a:visited {
	padding: 5px;
	text-decoration: none;
	list-style-type: none;
	display: block;
	color: #99CCFF;
	font-weight: bold;
}
#linkList a:hover {
	padding: 5px;
	text-decoration: none;
	list-style-type: none;
	display: block;
	color: #cccccc;
	font-weight: bold;
}
#linkList ul li {
	text-decoration: none;
	list-style-type: none;
}