/*style list for main backdrop*/
/*mystyles.css*/

/* |||||||||||  */



/* Begins Main Container */

body { background-color: EEEEEE; }

div.containter {
	position: relative; left: 2px; 
	top: 4px; width: 864px; 
	height: 800px ; 
	border: none ; 

 ;}

/* Begins Body Container w/ border */

div.container_body {
	position: relative; 
	width: 864px ; 
	height: 800px ; 
	border: 1px solid black;
	margin: 2px; 

 background-color:cccccc;}

/* Top Banner and Decorations */

div.top_bannercontainer {
 	position: relative; 
	left: 2px; top: 5px;
	width: 858px ; 
	height: 160px ; 
	border: none;
	background-color: cccccc ; 
	}

div.top_bannerline {
	position: relative; 
	top: 2px;
	width: 858px ; height: 10px ; 
	border: 1px solid black; 
	background-color: 3399CC ; 

 }

div.top_bannerarea {
position: relative;
top: 4px; 
 width: 858px ; height: 115px ; 
 border: 1px solid black; 
 background-image: url(images/mainnewsbg.gif) ; 

 }

/* Main Body Container*/

div.main_bodycontainer {
	position: relative;
	vertical-align: top; 
	width: 860px ; height: 400px ; 
	border: none; background-color: cccccc ; 
}


/* More Decorations*/


/* !!!!Under top decoration line start NEW region to avoid confusion with percentages*/



/* Left Navigation */

div.navigation_container {
	position: relative; 
	left: 9px ; top: 2px; 
	width: 136px ; height: 200px ; 
	border: 1px solid black; 
	background-color: 006699 ; 
	}

/* Navigation Button and Tables will Begin Here */

div.navigation_label {	
 position: relative;
 left: 2px; top:2px;
 width: 130px; height: 36px; 
 border: 1px solid black; 
 background-image: url(images/navigation_banner.gif) ; 
 background-color: cccccc;}

div.navigation_line {
 position: relative;
 left: 2px; top: 4px;
 width: 130px; height: 24px; 
 border: 1px solid black; 
 background-image: url(images/navigation_spacer.gif) ; 
 background-color: 3399CC ;}

/* NAVIGATION HOVER BUTTON 1 */

div.navigation_home {
position: relative;
	top:8px;
 width: 130px; height: 27px; 
 border: 1px solid black; 
 background-color: cccccc; 
 background-image: url(images/navigation_home.gif);}



div.navigation_home:hover {
 background-image: url(images/navigation_home_over.gif); }
div.navigation_home:active{
}




div.navigation_current {
  position: relative;
  top: 10px;
  width: 130Px; height: 27px; 
  border: 1px solid black; 
  background-color: cccccc;
  background-image: url(images/navigation_current.gif)}




div.navigation_current:hover {
  background-image: url(images/navigation_current_over.gif); }
div.navigation_current:active{}





div.navigation_historical {
	position:relative;
 top: 11px;
 width: 130px; height: 27px; 
 border: 1px solid black; 
 background-color: cccccc;
 background-image: url(images/navigation_historical.gif) }



div.navigation_historical:hover {
  background-image: url(images/navigation_historical_over.gif); }
div.navigation_historical:active{
}




div.navigation_activetide {
 width: 130; height: 27px; border: 1px solid black; background-color: cccccc;  }


div.navigation_activetide:hover {
  background-image: url(images/navigation_activetide_over.gif); }
div.navigation_activetide:active{
 }




div.navigation_line2 {
 position: relative;
 top: 16px;
 width: 130px; height: 24px; 
 border: 1px solid black; 
 background-image: url(images/navigation_spacer.gif) ; 
 background-color: 3399CC; }






/* Left Links */



div.link_container {
	position: relative; 
	left: 6px ; top: 8px; 
	width: 138px ; height: 240px ; 
	border: 1px solid black; 
	padding-left: 2px;
	background-color: 006699 ; 
 }



/* Items contained inside the left bottom link area */

div.navigation_label_bottom {
 position:relative;
 top: 2px;	
 width: 133px; height: 36px; 
 border: 1px solid black; 
 background-image: url(images/links_banner.gif) ; 
 background-color: cccccc; }

div.navigation_line_bottom {
  Position: relative;
  top: 2px;
width: 133px; height: 24px; 
border: 1px solid black; background-image: url(images/navigation_spacer.gif) ; 
background-color: 3399CC;  }

/*actual links*/


div.navigation_NOAAeagle_bottom {
position: relative;
top: 8px;
width: 131px; height: 22px; 
border: 1px solid black; 
background-color: cccccc;
background-image: url(images/links_NOAA_eaglepoint.gif);  }


div.navigation_NOAAeagle_bottom:hover {
 background-image: url(images/links_NOAA_eaglepoint_over.gif);}
div.navigation_NOAAeagle_bottom:active{}


div.navigation_weatherdotcom_bottom {
 position: relative;
 top: 12px;
 width: 131px; height: 20px; 
 border: 1px solid black;
  background-color: cccccc;
  background-image: url(images/links_weather_com.gif);  }


div.navigation_weatherdotcom_bottom:hover {
 background-image: url(images/links_weather_com_over.gif);}
div.navigation_weatherdotcom_bottom:active{}



div.navigation_tidechart_bottom {
position: relative; 
top: 14px;
width: 131px; height: 22px; 
border: 1px solid black; 
background-color: cccccc;
background-image: url(images/links_tidechart.gif)}


div.navigation_tidechart_bottom:hover {
 background-image: 	url(images/links_tidechart_over.gif);}
div.navigation_tidechart_bottom:active{
}


div.navigation_intericast_bottom {
  position: relative;
  top: 15px;

width: 131px; height: 22px; 
border: 1px solid black;
 background-color: cccccc; 
 background-image: url(images/links_intericast.gif); }


div.navigation_intericast_bottom:hover {
background-image: url(images/links_intericast_over.gif);}
div.navigation_intericast_bottom:active{}


div.navigation_noaabuoy_bottom {
	position: relative;
	top: 16px;

width: 131px; height: 22px; 
border: 1px solid black; 
background-color: cccccc;
background-image: url(images/links_NOAAbuoy.gif); }


div.navigation_noaabuoy_bottom:hover {
 background-image: url(images/links_NOAAbuoy_over.gif);}
div.navigation_noaabuoy_bottom:active{}


div.navigation_ellingtonfieldcurrent_bottom {
	 width: 131px; height: 22px; border: 1px solid black; background-color: cccccc;
}


div.navigation_ellingtonfieldcurrent_bottom:hover {
 background-image: url(images/links_ellington_over.gif);}
div.navigation_ellingtonfieldcurrent_bottom:active{}

/*END of LINK SECTION*/


div.navigation_line2_bottom {
	position: relative;
	top: 16px;
	 
	 width: 131px; height: 24px; 
	 border: 1px solid black; 
	 background-image: url(images/navigation_spacer.gif) ; 
	 background-color:3399CC ; margin:3px,0px,0px,0px; }





/* Main Body Information */

div.main_section {
	position: relative; 
	left: 156px ; top: -425px; 
	width:690px ; height: 600px;  
	border: 1px solid black;background-color: 3399CC; 
 }

div.body_dashed_section {
	 width: 686px ; height: 570px ; 
	 border: none; 
	 background-color: 3399cc; 

	 text-align: center; 
	 font-family: arial; 
	 font-size: 14; 
	 font-style: bold;  }

div.body_active_tide {
 width: 686px ; height: 648px ; border: none; background-color: 3399CC; margin: 2px; padding: 2px; text-align: center; font-family: arial; font-size: 14; font-style: bold;  }


/* Body Content */

div.body_active_tide {
 align: center; width: 200px ; height: 125px; border: 1px dashed black; background-color: 999999; margin; 2px; padding: 2px; text-align: center; font-family: arial; font-size: 16: font-style: bold; } 


/* welcome message */


div.body_webcam_header {
position: relative;
 left: 20px; top: 2px;
 width: 630px; height: 35px; 
 border: 1px solid black; 
 align: center; 
 background-image: url(images/webcam_header.gif); background-color: cccccc; }

div.body_webcam_image {
position: relative;
top: 18px; left: 18px;
width: 640px; height: 480px; 

background-color: cccccc; 
background-image: url(webcam/dickinson_bayou.jpg; 
}