/* CSS RESET */
html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, pre, code, address, variable, form, fieldset, blockquote {
 padding: 0;
margin: 0;
font-size: 100%;
font-weight: normal;
}
table { border-collapse: collapse; border-spacing: 0; }
td, th, caption { font-weight: normal; text-align: left; }
img, fieldset { border: 0; }
ol { padding-left: 1.4em; list-style: decimal; }
ul { padding-left: 1.4em; list-style:square; }
body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 62.5%;
  background: url(images/06_gradient_blue.jpg) repeat-x;
  background-color: #012f68;
}
/*end CSS reset*/

a {
 color: #E6FF00;
  text-decoration: none;
  font-weight: bold;
 }
a:visited {
	color: #E68A00;
	text-decoration: none;
}
a:hover {
  color: #FFF;
  background-color: #49F21B;
  text-decoration: none;
}
.emph {
	font-size: 2.5em;
	font-weight: bold;
}
.med {
	font-size: 130%;
	color: #FF6200;
}
.figure {
	float: left;
	width: 312px;
	margin-left: 48px;
	margin-right: 48px;
}
.figure p {
	font: 1.1em/normal Arial, Helvetica, sans-serif;
	text-align: center;
	margin: 10px 0 0 0;
	height: 5em;
}
.photo {
	border: 1px solid Blue;
	filter:shadow(color:#ffff66);
	padding: 4px;
	position: relative;
	top: -5px;
	left: -5px;
}
.label {
	float: left;
	width: 20em;
	text-align: right;
	clear: left;
	margin-right: 15px;
}
.legend {
	font-size: 130%;
	color: #FF6200;
	margin-left: 360px;
}
#main {
  width: 100%; 
  margin: 0;
  padding: 0 0px;
  background: transparent url(images/water_edge.jpg) repeat-x;
  position: absolute 0,0;
}
#main h1 {
color: #FF6600;
font-family: "Arial Black", Arial, Helvetica, sans-serif;
	font-size: 6em;
}
#main h1 strong {
  font-size: 135px;
  color: white;
  line-height: 1em;
  margin-right: -1.60em;
}
#sub h2 strong {
  font-size: 40px;
  font-family: "Arial Black", Arial, Helvetica, sans-serif;
  color: #FF6200;
  text-align: center;
  line-height: 1em;
 }
#wrapper {
		width: 200 px;
		font-size: 100%;
		color: #ffff00;
		background: url(images/menubackground.gif) repeat-y left top;	
}			
#menu {
	float: left;
		width: 130px;
		padding: 10px;
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size: 20px;		
}
#menu h3 {
	color:#C09;
	font-weight: bold;
}
#menu p {
	color:#F63;
	font-weight: bold;
}
#content {
		width: 820px;
		margin-left: 160px;
		font-family:Verdana, Geneva, sans-serif;
		font-size: 15px;
		color: E7FF0A;
		padding-top: 10px;
}
#content h2 {
		font-size: 150%;
		color: #FF6200;
		font-weight: bold;
}
#content h3 {
		font-size: 130%;
		color: #FF6200;
		font-weight: bold;	
}
#content p {
		font-size: 140%;
}
.col2  {
	display: inline;
	color: yellow;
}
#subForm {
	font-size: 1.5em;
}
#subForm .label {
	float: left;
	width: 350px;
	margin-right: 10px;
	text-align: right;
	font-weight: bold;
	clear: left;
}
#subscribe {
	margin-left: 360px;
	background-color: #CBD893;
	font-family: "Century Gothic", "Gill Sans", Arial, sans-serif;
}
#clear {
	margin-left: 250px;
	background-color: #CBD893;
	font-family: "Century Gothic", "Gill Sans", Arial, sans-serif;
}
#refer {
	font-family: "Century Gothic", "Gill Sans", Arial, sans-serif;
}
#name, #email, #location, #mobile, #comments 
{
	background-color: #FBEF99;
	font-family:"Lucida Console", Monaco, monospace;
	font-size: 1em;
	width: 420px;
	margin-top: -2px;
}
#name:focus,
#email:focus,
#location:focus,
#mobile:focus,
#comments:focus,
#refer:focus
{
	background-color: #FDD041;
}
#footer {
		clear: both;
		font-weight: bold;
		color: #FF6200;
		text-allign: center;
		font-size: 1.5em;
}