body {
   background-color: none;
   background-image: url("../Woodbackground2.jpg");
   background-repeat: repeat-x ;
   background-position: 0 px;
   font-size: 1em;
   margin: 0;
   padding: 0 70px;
}

div#wrapper {
   position: relative;
   width: 960px;
   height: 689px;
   margin: 0 auto;
}

/*----------TopNavigation_Logo--- */

div#Rods {
   position: absolute;
   width: 170px;
   height: 50px;
   top: 112px;
   left: 68px;
   text-decoration: none;
   text-align: right;  
   z-index: 1;   
}

img#rods {
   width: 96px;
   height: 56px;
   border: none;
}

div#Rods a:link {color: #3083aa; text-decoration: none; }
div#Rods a:visited {color: #3083aa; text-decoration: none; }
div#Rods a:hover {color: white; text-decoration: none; }
div#Rods a:active {color: white; text-decoration: none; }

div#Gear a:link {color: #3083aa; text-decoration: none; }
div#Gear a:visited {color: #3083aa; text-decoration: none; }
div#Gear a:hover {color: white; text-decoration: none; }
div#Gear a:active {color: white; text-decoration: none; }

div#Logo {
   position: absolute;
   width: 315px;
   height: 120px;
   top: 9px;
   left: 325px;
}

div#Gear {
   position: absolute;
   width: 168px;
   height: 35px;
   top: 112px;
   left: 702px;
   text-decoration: none; 
   text-align: center;
   padding-left: 70px;
   z-index: 1;
}

img#gear {
   width: 96px;
   height: 56px;
   border: none;
   margin-right: 0px;
}

/*----------MainContent--- */

div#Photo {
   position: absolute;
   width: 805px;
   height: 405px;
   top: 170px;
   left: 62px;
}

/*----------SubNavigation--- */

ul#SubNav {
   position: absolute;
   width: 975px;
   height: 50px;
   top: 695px;
   margin-left: -12px;
   list-style: none;
   text-align: center;
   border-top: 0 solid #004953;
   border-right: 0 solid #004953;
   border-bottom: 0 solid #004953;
   border-left: 0 solid #004953;
}  
    
ul#SubNav li {
   display: inline;
   list-style: none;
}   
   
ul#SubNav li a {
   color: #FFFFFF;
   font-size: 1.2em; 
   font-weight: bold;
   line-height: 2em;
   word-spacing: -2px;
   text-decoration: none;
   padding: 0 20px;
}

ul#SubNav  li a:hover {
   background-color: white;
   color: grey;
   padding-top: 5px;
   padding-bottom: 5px;
   filter:alpha(opacity=70);
   moz-opacity:0.7;
   khtml-opacity: 0.7;
   opacity: 0.7;
   -moz-border-radius-topleft: 5px;
   -moz-border-radius-topright: 5px;
   -moz-border-radius-bottomright: 5px;
   -moz-border-radius-bottomleft: 5px;
   -webkit-border-top-left-radius: 5px;
   -webkit-border-top-right-radius: 5px;
   -webkit-border-bottom-right-radius: 5px;
   -webkit-border-bottom-left-radius: 5px;
}

ul#SubNav li.images a {
   background-color: white;
   color: grey;
   padding-top: 5px;
   padding-bottom: 5px;
   filter:alpha(opacity=70);
   moz-opacity:0.7;
   khtml-opacity: 0.7;
   opacity: 0.7;
   -moz-border-radius-topleft: 5px;
   -moz-border-radius-topright: 5px;
   -moz-border-radius-bottomright: 5px;
   -moz-border-radius-bottomleft: 5px;
   -webkit-border-top-left-radius: 5px;
   -webkit-border-top-right-radius: 5px;
   -webkit-border-bottom-right-radius: 5px;
   -webkit-border-bottom-left-radius: 5px;
}

/*----------Footer--- */

div#Footer {
   position: absolute;
   height: 293px;
   width: 1175px;
   top: 780px;
   margin-left: -109px;
   z-index: 1;
   background-image: url("../footer5.png");
   background-repeat: no-repeat;
   background-position: center;
}

h3 a:link, a:visited, a:hover, a:active {color: white; text-decoration: none; }

h3 a:hover, a:active {color: white; text-decoration: underline; }

p a:link, a:visited, a:hover, a:active {color: white; text-decoration: none; }

p a:hover, a:active {color: white; text-decoration: underline; }

img {
   border: none;
}

h3 {
   font-family: Georgia;
   font-size: 1.1em;
}

h3.tides {   
   margin-top: 49px;
   margin-left: 768px;
}

h3.report {
   margin-top: 53px;
   margin-left: 768px;
}

h3.weather {
   margin-top: 46px;
   margin-left: 768px;
}

p {
   font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
   font-size: 0.625em;
   color: gainsboro;
   font-weight: bold;
   line-height: 1.3em;
}

p.text1 {
   margin-top: 53px;
   margin-left: 597px;
}

p.text2 {
   margin-top: px;
   margin-left: 597px;
}
 
p.text3 {
   margin-top: -26px;
   margin-left: 170px;
} 
   
p.text4 {
   margin-left: 170px;
}    

p.text5 {
   margin-top: -26px;
   margin-left: 815px;
}

img#twitter {
   position: absolute;
   top: 180px;
   left: 405px;
   width: 50px;
   height: 50px;
}

img#google {
   position: absolute;
   top: 163px;
   left: 469px;
   width: 50px;
   height: 50px;
}   

img#flickr {
   position: absolute;
   top: 115px;
   left: 420px;
   width: 50px;
   height: 50px;
}

img#digg {
   position: absolute;
   top: 33px;
   left: 510px;
   width: 50px;
   height: 50px;
}

img#facebook {
   position: absolute;
   top: 37px;
   left: 385px;
   width: 50px;
   height: 50px;
}

img#youtube {
   position: absolute;
   top: 53px;
   left: 450px;
   width: 50px;
   height: 50px;
}
   
/*----------Begin Drop Down--- */

@charset "UTF-8";

/** 
 * NVIDIA Advanced CSS Drop-Down Menu Theme
 *
 * @file		default.advanced.css
 * @name		NVIDIA
 * @version		0.1
 * @type		transitional
 * @browsers	Windows: IE5+, Opera7+, Firefox1+
 *				Mac OS: Safari2+, Firefox2+
 *
 * @link		http://www.lwis.net/
 * @copyright	2008 Live Web Institute. All Rights Reserved.
 *
 */

 /*----------Left Side--- */ 
 
ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

ul.dropdown {
 position: relative;
 z-index: 597;
 float: left;
}

ul.dropdown li {
 float: left;
 line-height: 27px;
 vertical-align: middle;
 zoom: 1;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
 position: relative;
 z-index: 599;
 cursor: default;
}

ul.dropdown ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 598;
 width: 100%;
}

ul.dropdown ul li {
 float: none;
}

ul.dropdown ul ul {
 top: 1px;
 left: 99%;
}

ul.dropdown li:hover > ul {
 visibility: visible;
}

/*----------Right Side--- */ 
 
ul.dropdown2,
ul.dropdown2 li,
ul.dropdown2 ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

ul.dropdown2 {
 position: relative;
 z-index: 597;
 float: left;
}

ul.dropdown2 li {
 float: left;
 line-height: 27px;
 vertical-align: middle;
 zoom: 1;
}

ul.dropdown2 li.hover,
ul.dropdown2 li:hover {
 position: relative;
 z-index: 599;
 cursor: default;
}

ul.dropdown2 ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 598;
 width: 100%;
}

ul.dropdown2 ul li {
 float: none;
}

ul.dropdown2 ul ul {
 top: 1px;
 left: 99%;
}

ul.dropdown2 li:hover > ul {
 visibility: visible;
}
 
@import "default.css";

/*----------Left Side--- */

ul.dropdown li a {
 display: block;
 padding: 7px 14px;
}


/* ------------- Override default */

	ul.dropdown li {
	 padding: 0;
	}


/* ------------- Reinitiate default: post-override activities  */

	ul.dropdown li.dir {
	 padding: 7px 20px 7px px;
	}

/* ------------- Custom */

	ul.dropdown li {
     text-align: left; 
	}
	
	 ul.dropdown ul a {
	 padding: 3px 5px 3px 15px;
	 width: 103px; /* Especially for IE */
	 font-size: 0.875em;
	 font-weight: bold;	 
	 font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
	}    
	
   li.one { 	
     border-top: 1px solid #f5f5f5;
	 border-bottom: 1px solid #f5f5f5;
     width: 123px;
	}
	
	ul.dropdown li.one a, ul.dropdown li.two a {
	 background-color: white;
	 text-align: left;
	}
	
	ul.dropdown li.one a {
	border-top: 1px solid #f5f5f5;
	 margin-top: -28px;
	}
	
	ul.dropdown li.two a {
	 -moz-border-radius-bottomleft: 5px;
     -moz-border-radius-bottomright: 5px;
     -webkit-border-bottom-left-radius: 5px;
	 -webkit-border-bottom-right-radius: 5px;
	}
	
	ul.dropdown li.one a:hover, ul.dropdown li.two a:hover {
	 background-color: #3083aa;
	 text-align: left;
	 font-weight: bold;
	}
	
	ul.dropdown li.two a:hover {
	 -moz-border-radius-bottomleft: 5px;
     -moz-border-radius-bottomright: 5px;
     -webkit-border-bottom-left-radius: 5px;
	 -webkit-border-bottom-right-radius: 5px;
	}
	
	ul.dropdown a.open {
	 background-color: ;
	 color: ;
	}

	ul.dropdown ul a.open {
	 background-color: ;
	 color: ;
	}


	/* CSS 2.1 */

	ul.dropdown li:hover > a.dir {
	 background-color: white;
	 height: 48px;
	 width: 95px;
	 -moz-border-radius-topleft: 5px;
     -moz-border-radius-topright: 5px;
     -webkit-border-top-left-radius: 5px;
	 -webkit-border-top-right-radius: 5px;
	}

	ul.dropdown ul li:hover > a.dir {
	 background-color: white;
	 -moz-border-radius-topleft: 5px;
     -moz-border-radius-topright: 5px;
     -webkit-border-top-left-radius: 5px;
	 -webkit-border-top-right-radius: 5px;
	}
	
	/*----------Right Side--- */

ul.dropdown2 li a {
 display: block;
 padding: 7px 14px;
}


/* ------------- Override default */

	ul.dropdown2 li {
	 padding: 0;
	}


/* ------------- Reinitiate default: post-override activities  */

	ul.dropdown2 li.dir {
	 padding: 7px px 7px 20px;
	}

/* ------------- Custom */

	ul.dropdown2 li {
     text-align: right; 
	}
	
	 ul.dropdown2 ul a {
	 padding: 3px 15px 3px 5px;
	 width: 103px; /* Especially for IE */
	 font-size: 0.875px;
     font-weight: bold;	 
	 font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
	}    
	
	li.A, li.B, li.D {
	  border-top: 1px solid #f5f5f5;
	  width: 123px;
	}
	
	li.B { 	
	 border-bottom: 1px solid #f5f5f5;
	}
	
    ul.dropdown2 li.A a, ul.dropdown2 li.B a, ul.dropdown2 li.C a, ul.dropdown2 li.D a {
	 background-color: white;
	 text-align: right;
	 font-size: 0.875em;
	 font-weight: bold;
	}
	
	ul.dropdown2 li.A a {
	border-top: 1px solid #f5f5f5;
	 margin-top: -28px;
	}
	
	ul.dropdown2 li.D a {
	 -moz-border-radius-bottomleft: 5px;
     -moz-border-radius-bottomright: 5px;
     -webkit-border-bottom-left-radius: 5px;
	 -webkit-border-bottom-right-radius: 5px;
	}
	
	ul.dropdown2 li.A a:hover, ul.dropdown2 li.B a:hover, ul.dropdown2 li.C a:hover, ul.dropdown2 li.D a:hover    {
	 background-color: #3083aa;
	 text-align: right;
	 font-size: 0.875em;
	 font-weight: bold;
	}
	
	ul.dropdown2 li.D a:hover    {
	 -moz-border-radius-bottomleft: 5px;
     -moz-border-radius-bottomright: 5px;
     -webkit-border-bottom-left-radius: 5px;
	 -webkit-border-bottom-right-radius: 5px;
	}
	
	ul.dropdown2 a.open {
	 background-color: ;
	 color:  ;
	}

	ul.dropdown2 ul a.open {
	 background-color: ;
	 color: ;
	}


	/* CSS 2.1 */

	ul.dropdown2 li:hover > a.dir {
	 background-color: white;
	 height: 48px;
	 width: 95px;
	 -moz-border-radius-topleft: 5px;
     -moz-border-radius-topright: 5px;
     -webkit-border-top-left-radius: 5px;
	 -webkit-border-top-right-radius: 5px;
	}

	ul.dropdown2 ul li:hover > a.dir {
	 background-color: white;
	 -moz-border-radius-topleft: 5px;
     -moz-border-radius-topright: 5px;
     -webkit-border-top-left-radius: 5px;
	 -webkit-border-top-right-radius: 5px;
	}