@charset "utf-8";
/* CSS Document 

blue #183766
orange #e59900
*/

/* LAYOUT */
html { 
background: url(../img/surf-pic.jpg) no-repeat top center fixed; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-color:#336dc6;
margin: 0px;
padding: 0px;
}
body  {
font: 100% Verdana, Arial, Helvetica, sans-serif;
margin: 0px;
padding: 0px;
text-align: center;
color: #000000;
}
#container { 
position: relative;
width: 1006px; 
margin: 10px auto; 
border: 0px;
text-align: left; 
overflow: auto;
background-color:#FFFFFF;
} 

#contentcontainer { 
z-index:10;
position: relative;
width: 986px; 
margin: 10px; 
border: 0px;
text-align: left; 
overflow: auto;
} 

#banner { 
z-index:3;
position: relative;
width: 986px; 
height: 536px;
padding: 0px; 
margin: 0px; 
border: 0px;
} 
#nav {
z-index:4;
height:59px;
position: relative;
width: 986px; 
padding:0px; 
margin:0px;
background-color:#FFFFFF;
background-image:url(../img/navbg.jpg);
background-repeat:repeat-x;
}
#navcontainer {
z-index:4;
height:59px;
position: relative;
width: 827px;
padding:0px 10px; 
margin:0px;
}

#images {
position: relative;
float:right;
text-align: center; 
width: 465px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
padding: 35px 0px 10px 10px; /* padding keeps the content of the div away from the edges */
margin: 0px;
}
#images p {
padding: 10px 0px 0px 0px;
font-size:13px;
font-style:italic;
}
#images img {
padding:5px;
border:1px solid #AAA;
}

#content { 
z-index: 5;
margin: 0px 475px 0px 0px; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. */
padding: 0px 20px 50px 20px; 
font-size: 15px;
line-height:22px;  
min-height:350px;
height:auto !important;
height:350px; 
}

#footer {
width: 946px;
font-size:11px;
line-height:24px;
padding: 5px 20px;
margin: 0px;
background-color: #183766;
color:#FFF;
clear: both;
} 
/* the following rules apply only to IE6 */
* html #footer {
height:1px;
}
#footerlink {
width:150px;
margin: 0px;
padding: 0px 10px;
float: right;
text-align:right;
}
#footer a {	color:#ffffff; }
#footer a:hover {color:#ffce00;}

#menu {
margin: 10px 0px 10px 15px;
	}
/* ELEMENT STYLES */


p, td { 
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 20px;
margin: 0px 0px 10px 20px; }

ul li { 
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 20px; }

h1, .h1 {
font-weight:bold;
font-size:16px;
color: #183766;
line-height:22px;
}
h2, .h2 {	
color: #183766;
font-style: italic;
font-weight: bold;
font-size:14px;
line-height:20px;
}
h3, .h3 {
color: #e79902;
font-style: italic;
font-weight: bold;
font-size:14px;
line-height:20px;
}
h4, .h4 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
color:#ffce00;
font-weight:bold;
line-height:24px;
}
h5, .h5 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
color:#ffce00;
font-style:italic;
line-height:24px;
font-weight:normal;
}
h6, .h6 {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#ffffff;
font-size:16px;
font-weight:bold;
line-height:20px;
}

a {color:#ffce00;}
a:hover {color:#fff;}

a {
color: #183766; 
text-decoration: underline;
}

a:hover {
color: #e59900;
}

.itemdesc {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
}
.footer {
font-size: 9px;
color: #FFFFFF;
}
.error {
font-size: 14px;
color: #FF0000;
font-weight: bold;
}

input {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #183766;
height: 23px;
border:1px #183766 solid; 
padding: 2px 4px;
background-color: #F2F2F2;
}

input.button {
font-weight: bold;
color: #FFFFFF;
height: 20px;
padding: 2px 4px;
background-color: #517292;
border-style: solid;
border-bottom-color: #44448f;
border-right-color: #44448f;
border-top-color: #c5c5e1;
border-left-color: #c5c5e1;
}

select,textarea {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #183766;
border:1px #183766 solid; 
padding: 2px 4px;
background-color: #F2F2F2;
}
hr {
border: 0; 
height: 1px; 
background-image: -webkit-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.75), rgba(255,255,255,0)); 
background-image: -moz-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.75), rgba(255,255,255,0)); 
background-image: -ms-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.75), rgba(255,255,255,0)); 
background-image: -o-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.75), rgba(255,255,255,0)); 
}

ul {
list-style-image:url(../img/bullet.png);}