/* Images should be linked as if the CSS file sits in the same folder as the images. ie. no paths. */

/* basic elements */
body { 
	font: 8pt/16pt georgia; 
	color: #0000ff; 
	background: #fff no-repeat top left; 
	margin: 0px; 
	}
p { 
	font: 8pt/16pt georgia; 
	margin-top: 0px;
	margin: 0px 10px 0px 10px;
	text-align: justify;
	}
h3 { 
	font: italic normal 12pt georgia; 
	letter-spacing: 1px; 
	margin-bottom: 0px; 
	color: #7D775C;
	}
a:link { 
	font-weight: bold; 
	text-decoration: none; 
	color: #B7854F;
	}
a:visited { 
	font-weight: bold; 
	text-decoration: none; 
	color: #D4CD40;
	}
a:hover, a:active { 
	text-decoration: underline; 
	color: #9685BA;
	}

/* Header navigation area ------------------------------------------------- */
#headnav {
	color: inherit;
	background-color: #6666cc;
	height: 120px;
	position: relative;
}
#headmenu {
	position: absolute;
	bottom: 0px;
	right: 5px;
	text-align: right;
	padding-left: 150px;
}


/* specific divs */
#container { 
	background: url(viper.png) no-repeat top right; 
	margin: 40px; 
	}

#intro { 
	min-width: 470px;
	}
#pageHeader { 
	margin-bottom: 20px;
	}

/* 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(viper.png) no-repeat bottom left; 
	margin-top: 10px; 
	width: 219px; 
	height: 87px; 
	float: left;
	}
#pageHeader h1 span {
	display:none
	}
#pageHeader h2 { 
	background: transparent url(viper.png) no-repeat top left; 
	margin-top: 58px; 
	margin-bottom: 40px; 
	width: 200px; 
	height: 18px; 
	float: right;
	}
#pageHeader h2 span {
	display:none;
	}

#quickSummary {
	clear:both; 
	margin: 20px 20px 20px 10px; 
	width: 160px; 
	float: left;
	}
#quickSummary p {
	font: italic 10pt/22pt georgia; 
	text-align:center;
	}

#preamble {
	clear: right; 
	padding: 0px 10px 0px 10px;
	}
#supportingText {
	padding-left: 10px; 
	margin-bottom: 40px;
	}

#footer { 
	text-align: center; 
	}
#footer a:link, #footer a:visited { 
	margin-right: 20px; 
	}
#pagefooter {
	position: relative;
	font-size: 75%;
	color: inherit;
	background-color: #cccccc;
	width:100%;
	text-align: center; 
}