/*  
Theme Name: Net Elevation Template
Theme URI: http://www.netelevation.com/
Description: Custom Theme by Net Elevation
Version: 1.0
Author: Net Elevation
Author URI: http://www.netelevation.com/
*/


/***** Global Settings *****/



 



html, body {



   border:0;



   margin:0;



   padding:0;



}



body {



   font:83%/1.5em Tahoma, Geneva, sans-serif;



}



/***** Headings *****/



 



h1, h2, h3, h4, h5, h6 {



   margin:0;



   padding:0;



   font-weight:normal;



   color:#125b88;



   font-family:"Times New Roman", Times, serif;



}



h1 {



   padding:10px 0 5px 0;



   letter-spacing:-1px;



   font-size:2.8em;



}



h2 {



   padding:0 0 5px 0;



   font-size:2em;



   line-height:1em;



}



h3 {



   font-size:1.4em;



   font-weight:bold;



   line-height:1.25em;



   margin-bottom:5px;



}



h4 {



   font-size:1.25em;



   line-height:1.25em;



   margin-bottom:5px;



   



}



h5 {



   font-size:12px;



   font-weight:bold;



   text-transform:none;



}



/***** Common Formatting *****/



 



p, ul, ol {



   margin:0;



   padding:0 0 .75em 0;



}



ul, ol {



   padding:0 0 1.25em 0;



   list-style:none;



}



li {



   padding-left:5px;



}



blockquote {



   margin:1.25em;



   padding:1.25em 1.25em 0 1.25em;



}



small {



   font-size:0.85em;



}



img {



   border:0;



}



sup {



   position:relative;



   bottom:0.3em;



   vertical-align:baseline;



}



sub {



   position:relative;



   bottom:-0.2em;



   vertical-align:baseline;



}



acronym, abbr {



   cursor:help;



   letter-spacing:1px;



   border-bottom:1px dashed;



}



/***** Links *****/



 



a, a:link, a:visited {



   text-decoration:none;



   color:#004284;



}

#primary a { text-decoration: underline; }

:focus {



   outline: 0;



}
#home a { text-decoration: underline; }


/***** Forms *****/



 



form {



   margin:0;



   padding:0;



}



input, select, textarea {



   font:1em Arial, Helvetica, sans-serif;



}



textarea {



   width:100%;



   line-height:1.25;



}



label {



   cursor:pointer;



}



/***** Tables *****/



 



table {



   border:0;



   margin:0;



   padding:0;



}



table tr td {



   padding:2px;



}



/***** Site specific styles *****/



body {



   /*background:#004284;*/



   background: #eee;



   margin: auto 0;



}



#container {



   width:758px;



   margin:15px auto;



   background: #ffffff url(/images/bg.jpg) top left no-repeat;



   position:relative;



   border: 1px solid #221A88;



}



#header {



   height:200px;



   position:relative;



}



#header h1 {



   padding:31px 38px 0;



   clear:both;



   height:50px;



   line-height:1em;



}

#subnav a.red { background-color:#c45920; }
#subnav a.red:hover { background-color: #67799e; }

#header h3 {



   color:#c45920;



   font-size:18px;



   font-weight:normal;



   position:absolute;



   right:40px;



   top:140px;



   width:200px;



   text-align:right;



}



#header h4 {



   font-size:14px;



   font-weight:normal;



   position:absolute;



   right:40px;



   top:163px;



   width:200px;



   text-align:right;



}



#nav {



   margin:76px 38px 0;



   float:right;



   display:inline;



}



#nav a {



   line-height:1.5em;



   text-decoration:none;



   font-size:13px;



   font-weight:normal;



}



#nav a:hover {



   text-decoration:underline;



}



#main {



   width:492px;



   float:right;



   margin:20px 38px 0 0;



   display:inline;



}



#primary {



   width:480px;



   float:right;



   margin:0 6px 0 0;



   display:inline;



}







#main div.highlight-box {



   width:162px;



   height:206px;



   background:url(/images/highlight-box.jpg) top left no-repeat;



   overflow:hidden;



   margin:16px 0 16px 2px;



   float:left;



   clear:none;



   display:inline;



   position:relative;



   font-size:12px;



   line-height:1.4em;



}



.highlight-box a.more {



   font-weight:bold;



   position:absolute;



   bottom:12px;



   width:134px;



   margin:0 auto;



   display:block;



}



.highlight-box .first {



   margin:16px 0;



}



#main div.highlight-box img, #main div.highlight-box p, #main div.highlight-box h4 {



   width:134px;



   margin:5px auto 0;



   float:none;



   display:block;



}



#sidebar {



   width:170px;



   float:left;



   clear:both;



   display:inline;



   font-size:12px;



   color:#666;



   margin:20px 0 0 38px;



}



#subnav a{



   background-color:#67799e;



   padding:5px 10px;



   display:block;



   color:#FFF;



   height:24px;



   line-height:24px;



   font-family:"Times New Roman", Times, serif;



   font-size:16px;



   border-bottom:2px solid #ccc;



}



#subnav a:hover{



   background-color:#c45920;



}







#subnav li{



   padding:0;



   margin:0;



      margin-bottom:10px;







}



#sidebar p, #sidebar h2, #sidebar h3 {



   padding:0 0 5px 0;



}



#footer {



   clear:both;



   background: #c5d0e6;



   color:#004284;



   border-top:1px solid #004284;



   font-size:12px;



   text-align:center;



   padding-top:5px;



   margin-top:15px;



}



.box {



   background:#E8ECF5;



   margin-top:16px;



   padding-bottom:8px;

   

   clear:both;



}



.full {

   

   width:480px;

   

   margin:0 auto;

   

    border:1px solid #ddd;



}



.full p{



   margin:0 16px;

   

   font-size:11px;

   

   line-height:1.3em;



}



.box h4 {



   background:#67799e url(/images/box-shadow.gif) bottom left repeat-x;



   padding-bottom:5px;



   text-align:center;



   color:#FFF;



   line-height:1.5em;

   

   font-size:16px;



}



.full h4 {



   background:none;



   padding-bottom:0;



   text-align:center;



   line-height:2em;

   

   font-size:16px;

   

   color:#125b88;

   

}



.box a.weather {



   display:block;



   background:url(/images/weather.gif) 0 -5px  no-repeat;



   line-height:35px;



   text-align:right;



   width:157px;



   margin:10px auto;



   font-size:14px;



}



.box a.tides {



   display:block;



   background:url(/images/waves.gif) 0 -5px  no-repeat;



   line-height:35px;



   text-align:right;



   width:157px;



   margin:0 auto 10px;



   font-size:14px;



}



#footer a {



   color:#004284;



}



img.right {



   clear:none;



   float:right;



   margin:0 0 10px 10px;



}



img.left {



   clear:none;



   float:left;



   margin:0 10px 10px 0;



}



.caption {



   font-size:11px;



}




          
        
/* KEEP THIS IN ALL CSS, so that customers can use the alignment features when adding images. */
/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */