article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary {
  display:block
}

/*  Start with hack fixes   */
/* Hides from IE-mac \*/
* html .wrapper {height: 1%;}
/* End hide from IE-mac */


/* Basic Elements   */
body {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 150%;
	margin: 0 auto;
	padding: 0;
	color: #000000;
	background-image: url(waterbackground.jpg); background-size:100% 100%; height:100%; 
	/* background-color: #FED8B4; */
}


li a:link,a:link, li a:visited, a:visited {
 color:#3B4F3C;
 font-weight: bold;
}

li a:hover, a:hover {
 color:#CB8B4D;
 font-weight: bold;
}

#banner {
  background-image: url(homepage_header.jpg); background-size:100% 100%; height:100%; 
  width:1400px;
  height:317px;
  margin:0;
  padding:0;
}


#main {
   font-family:Verdana, Arial, Helvetica, sans-serif;
   text-align:left;
   width:80%;
   padding:12px;
   margin: 12px auto 0 auto;
   background-color: white;
   border:4px solid #CB8B4D;
	-moz-box-shadow: 0 5px 16px #000000;
	-webkit-box-shadow: 0 5px 16px #000000;
	box-shadow: 0 5px 16px #000000;
	-moz-border-radius: 16px;
    -webkit-border-radius: 16px;
    border-radius: 16px;
}


#main a:link,a:visited {
 color:#3B4F3C;
 font-weight: bold;
}

#main a:hover {
 color:#CB8B4D;
 font-weight: bold;
}

#photo {
  position:relative;
  width:271px;
  height:203px;
  margin:0;
  padding:0;
}

#photoposition {
  position:absolute;
  top:0;
  left:-9px;
}

#upperleft {
  position:absolute;
  top:0;
  left:0;
}

#lowerright {
  position:absolute;
  bottom:-5px;
  right:0;
}


.subtitle {
 font-size:24px;
 font-style: italic;
 font-weight: bold;
 color: white;
 line-height: 150%;
 margin-bottom:24px;
}

.pagetitle {
 font-size:14px;
 font-style: italic;
 font-weight: bold;
 color: navy;
 text-align: center;
}

.pagesubtitle {
 font-size:14px;
 font-style: italic;
 font-weight: bold;
 color: navy;
 text-align: right;
}

#backtint {
  padding:8px;
  background: url(gradient.svg); background-size:100% 100%; height:100%;
	-moz-border-radius: 16px;
    -webkit-border-radius: 16px;
    border-radius: 16px;
	-moz-box-shadow: 0 5px 10px #000000;
	-webkit-box-shadow: 0 5px 10px #000000;
	box-shadow: 0 5px 10px #000000;
}

.maintitle {
 font-size:56px;
 font-family: Times, san-serif;
}

.navbutton {
  background-image: url(button.jpg);
  background-repeat:no-repeat;
  width:233px;
  height:33px;
  padding:6px 0px 0px 24px;
  font-size:14px;
}

#navbutton a:link, #navbutton a:visited {
 text-decoration:none;
 color:white;
 font-weight: bold;
}

#navbutton a:hover {
 text-decoration:none;
 color:#CB8B4D;
 font-weight: bold;
}

#dropdownmenu {
  padding-left:550px;
  width:100%;
  height:32px;
  background-color:#3B4F3C;
}


#listing {
font-weight:bold;
font-style: italic;
}

.head {
  font-size: 14pt;
  font-family: Tahoma, verdana, arial, helvetica, sans-serif;
  font-weight: bold;
  text-align:center;
  color: #007f7f;
}

fieldset {
  margin: 0 0 16px 3px; 
  padding: 0 5px 5px 5px;
  border: 1px solid #ccc;
  background-color: #f8f8f8;
}


legend {
  color: blue;
  font-weight: bold;
  font-size: 10pt;
}

footer {
   font-family:Verdana, Arial, Helvetica, sans-serif;
   text-align:left;
   width:80%;
   padding:12px;
   margin: 24px auto 12px auto;
   background-color: white;
   border:1px solid green;
	-moz-box-shadow: 0 5px 10px #000000;
	-webkit-box-shadow: 0 5px 10px #000000;
	box-shadow: 0 5px 10px #000000;
	-moz-border-radius: 16px;
    -webkit-border-radius: 16px;
    border-radius: 16px;
}