body {
  text-align:center;
  font-family: Arial, sans-serif;
  margin-top: 8;
  margin-right: 8;
  margin-left: 8;
  margin-bottom: 8;
  background-color: #99CCFF;
}

#wrapper {
	width:980px;
	text-align:left;
	background-color: white;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	top: 5px;
	clip: rect(auto,auto,auto,auto);
	overflow: auto;
	height: auto;
	page-break-before: auto;
	page-break-after: auto;
	position: relative;
	background: #FFFFFF;
}

#top {
	width: 980px;
	background-color: #D4D0C8;
	height: 120px;
}

#header {
  width: 980px;
  padding: 1px;
  margin: 1px;
}

#main {
	float: left;
	width: 600;
	background: #FFFFFF;
	padding: 10px;
	margin:5px;
	height: auto;
	bottom: auto;
	overflow: auto;
}

#leftcontent {
	float: left;
	margin: 5px;
	/* width: 120px; */
	padding: 10px;
	width: auto; /* Width of Menu Items */
	height: auto;
	background: #3D6DA2;
}

#rightcontent {
	float: none;
	margin-top: 95px;
	height: auto;
	padding: 5px;
	width: auto; /*Width of Menu Items */
/* width: 100px; */
	background: white;
	bottom: 100%;
}

#footer {
	width: 980px;
	height: auto;
	clear: both;
	text-align: center;
	background-color: #3D6DA2;
}


#menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 162px; /* Width of Menu Items */
    background: #3C3C3C;
    border-bottom: 1px solid #ccc;
} 

#menu2 ul { 
    margin: 0; 
    padding: 0; 
    list-style: none;
    width: 162px; /* Width of Menu Items */ 
    background: #3C3C3C;
    border-bottom: 0px solid #ccc;
} 

#menu ul li { 
    position: relative; 
} 

#menu li ul { 
    position: absolute; 
    left: 161px; /*Set 1px less than menu width */ 
    top: 0; 
    display: block; 
} 

#menu li:hover ul {
    display: block; 
} 

#menu li:hover>ul { 
    visibility:visible; 
} 

#menu ul ul {
    visibility:hidden; 
} 

/* Fix IE. Hide from IE Mac \*/ 
* html #menu ul li { float: left; height: 1%; } 
* html #menu ul li a { height: 1%; } 
/* End */ 

/* Make-up syles */ 

#menu ul, li { 
    margin: 0 0 0 0; 
} 

/* Styles for Menu Items */ 
#menu ul a { 
    display: block; 
    text-decoration: none; 
    font-family: Arial, sans-serif;
    font-size: 12px;
    color: #fff; 
    background: #f9f9f9; /* IE6 Bug */ 
    padding: 5px; 
    border: 1px solid #ccc; 
    border-bottom: 0; 
} 

/* Hover Styles */ 
#menu ul a:hover { 
    font-family: Arial, sans-serif;
    font-size: 12px;
    color: #E2144A;
    text-decoration: none;
    background: #f9f9f9; 
} 

#menu3 ul a:hover { 
    font-family: Arial, sans-serif;
    font-size: 12px;
    color: #E2144A;
    text-decoration: none;
    background: #f9f9f9; 
}

/* Sub Menu Styles */
#menu li ul a {
    text-decoration: none; 
    color: white;
    background: #1E90FF; /* IE6 Bug */ 
    padding: 5px;
    border: 1px solid #ccc; 
    border-bottom: 0;
} 

#menu li ul li ul a { 
    text-decoration: none; 
    color: white;
    background: #6AC1EC; /* IE6 Bug */
    padding: 5px; 
    border: 1px solid #ccc; 
    border-bottom: 0; 
} 

/* Sub Menu Hover Styles */ 
#menu li ul a:hover {
    font-family: Arial, sans-serif;
    font-size: 12px;
    color: #E2144A;
    text-decoration: none;
    background: #FFFFFF; 
} 

/* Icon Styles */ 
#menu ul a.submenu {background:#0066CC url("../images/r_arrow_white.gif") no-repeat right; } 
#menu ul a.submenu4 {background:#1E90FF url("../images/r_arrow_white.gif") no-repeat right;}
#menu ul a.submenu:hover {background:#f9f9f9 url("../images/r_arrow.gif") no-repeat right;}
#menu ul a.submenu2:hover {background:#f9f9f9 url("../images/r_arrow.gif") no-repeat right;}
#menu ul a.submenu4:hover {background:#f9f9f9 url("../images/r_arrow.gif") no-repeat right;}
#menu ul a.submenu3 {background:#0066CC;}
#menu ul a.submenu3:hover {background:#f9f9f9;}

.menutitle2 {
    color: #FFFFFF;
    font-size: 12pt;
    font-weight: bold;
}

.style2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
}

.maintitle {color: #000066; font-family: Arial, Helvetica, sans-serif; font-size: 24px; font-weight: bold; }
.style10 {font-family: Arial, Helvetica, sans-serif; font-size: 12px; }

.footer {
    color: #FFFFFF;
    font-size: 12px;
}

#marginleft {
    margin-left:-15px;
    }



a {text-decoration:none}
.style12 {color: #1E90FF}

{
    color: #FFFFFF;
    font-size: 12px;
}
.headermenu A:link {text-decoration: none; color: white}
.headermenu A:visited {text-decoration: none; color: white}
.headermenu A:active {text-decoration: none; color: white}
.headermenu A:hover {text-decoration: none; color: red;}

.style13 {font-size: 14px}
.style15 {font-size: 24px}
.menu {
text-align:center;
color:white;
vertical-align:top;
font-family:arial,sans-serif;
font-size:13px;
padding-top:2px;
}
.tools {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #00002F;
	text-decoration:none;} 
.tools:hover { color:#00002f; 	background-color : #FFCC00;}
.tools:visited { color:#00002f; }
.tools:visited:hover { color:#00002f; background-color : #FFFF99;} 

/* left nav */
  .navtxt {font-size:11px; font-weight:bold; color:white; text-decoration:none;} 
  .navtxt:hover {color:#FFFF00;}
  .navtxt:visited {color:#FFFFFF;}
  .navtxt:visited:hover {color:#FFFF00;}
  
/* left nav1 */
  .navtxt1 {font-size:11px;	font-weight:bold; color:Navy; text-decoration:none;}
  .navtxt1:hover {color:#CCCCCC; font-family: Arial, Helvetica, sans-serif;}
  .navtxt1:visited {color:#FFFFFF;}
  .navtxt1:visited:hover {color:#FFFF00;}

/* top nav */  
  .pt {font-family:Verdana,Arial,Sans-serif; font-size:10px; font-weight:normal; color:#A5C3E0;} 
  .white {color:#FFFFFF; text-decoration:none;} 
  .white:hover {color:#FFFF00;}
  .white:visited {color:#FFFFFF;}
  .white:visited:hover {color:#FFFF00;} 
  .whiteTop {color:#FFFFFF; font-size: 10px}
  .gray {color:#222222; text-decoration:none;} 
  .gray:hover {color:#0000FF;}
  .gray:visited {color:#222222;}
  .gray:visited:hover {color:#0000FF;} 
  .whiteTop {color:#FFFFFF; font-size: 10px}
  .pipe {color:#CC9900}
  
  .box1 {
	background-color: #F5F5F5;
	margin: 2px;
	padding: 2px;
	clear: right;
	float: left;
	height: auto;
	width: auto;
	border: 1px solid #ffoooo;
	}

.box2 {
	background-color: #F5F5F5;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	text-align: left;
	}
.box3 {
	border : 1px ridge Gray;
	clear : both;
	padding-bottom : 4px;
	padding-top : 4px;
	padding-left : 4px;
	padding-right : 4px;
	background : #f5f5f5;
	font-family: Arial, Helvetica, sans-serif;
}
}
.box4 {
	border : 1px ridge Gray;
	clear : both;
	padding-bottom : 4px;
	padding-top : 4px;
	padding-left : 4px;
	padding-right : 4px;
	background : #D0D2AA;
	font-family: Arial, Helvetica, sans-serif;
}
}
.box5 {
	font-color: #FF0000;
	font-family: Arial, Helvetica, sans-serif;
	font-size:8px;
}

.box7 {
	font-size: 10px;
	font-color: #3d6da2;
	font-weight: bold;	
	border : 1px ridge Gray;
	border-radius: 10px 10px 10px 10px / 10px 10px 10px 5px;
	-moz-border-radius: 10px 10px 10px 10px / 10px 10px 10px 10px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px 10px / 10px; 
	-moz-border-radius: 10px 10px / 10px; 
	background: #e5e5cc;
}


/* body */  
.bodytext { margin-top:2px;margin-bottom:5px }
.categoryText {font-size : 13px; }		
  
.sectionText {color: white; /*font-size : 12px; */font-weight: bold; 	}	
.sectionText:hover { color: #ffff00; }	
.sectionText:visited { color: white;	}		
.sectionText:visited:hover {color: #ffff00; }							
				
.sectionTextWhite {font-size:16px;font-weight: bold;color:white	}				
.sectionHelper {font-size : 10px;font-weight: bold;color: #ffffff;}
.sectionHelper:hover {			color: #ffff00; }	
.sectionHelper:visited { 		color: white;	}		
.sectionHelper:visited:hover {	color: #ffff00; }	
.mbi-entry{  /* font-size :12px;*/color:#000000;}

.graytxt {color:#666666}
.titlebar {background-color:#0000A0; font-weight:bold; color:#FFFFFF; padding:2px; padding-left:4px;}
.titletxt-topic {color:#FFFFFF; text-decoration:none; font-size:12px}
.titletxt-topic:hover {color:#FFCC00;}
.titletxt-topic:visited {color:#FFFFFF;}
.titletxt-topic:visited:hover {color:#FFCC00;}     
.titletxt{ color:#000000;text-decoration:none; font-size:12px}
.titletxt:hover {color:#0000FF}  
.titletxt:visited {color:#000000}
.titletxt:visited:hover {color:#0000FF}
.titletxt-white {color:#FFFFFF; text-decoration:none; font-size:12px}
.titletxt-white:hover {color:#FFFF00}  
.titletxt-white:visited {color:#FFFFFF}
.titletxt-white:visited:hover {color:#FFFF00}
.titletxt-gray {color:#222222; text-decoration:none; font-size:12px}
.titletxt-gray:hover {color:#0000FF}  
.titletxt-gray:visited {color:#222222}
.titletxt-gray:visited:hover {color:#0000FF}
.titletxt-dark {color:#003366; text-decoration:none;}
.alert{
	padding-top: 4px;
	padding-right: 4px;
	padding-left: 4px;
	padding-bottom: 4px;
	border: 1px solid #ffoooo;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CC3300;
	background-color: #9999FF;
	font-weight: bold;}
.Footer {
	font-size : 10px;
	font-weight : bold;
	color : White;
	padding: 0px;
	text-indent : 2px;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(../Images/Include/footerbackground1.jpg);

}
.Footer:hover { color:#ffff00 }
.Footer:visited { color:white }
.Footer:visited:hover { color:#ffff00 }
.tide {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	font-variant: normal;
	color: #0000FF;
}
table.tide td {font-family:arial,helvetica,sans-serif; margin:0px;padding:1px; font-size:10px;line-height:11px;}
.bluetext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #0000A0;
}
.content1{ padding-top: 4px;  padding-right: 4px;  padding-left: 4px;  padding-bottom: 4px;    }
.content2{ padding-top: 4px;  padding-right: 4px;  padding-left: 4px;  padding-bottom: 4px;  border: 1px solid #A2A2A2;     }
.content3{ padding-top: 4px;  padding-right: 4px;  padding-left: 4px;  padding-bottom: 4px;    border-left: 1px solid #A2A2A2;  border-right: 1px solid #A2A2A2;       }
.content4{ padding-top: 4px;  padding-right: 4px;  padding-left: 4px;  padding-bottom: 4px;    border-left: 1px solid #A2A2A2;  border-right: 1px solid #A2A2A2;  border-bottom: 1px solid #A2A2A2;        }
.content5{ padding-top: 4px;  padding-right: 4px;  padding-left: 4px;  padding-bottom: 4px;    border-left: 1px solid #A2A2A2;  border-right: 1px solid #A2A2A2;  border-top: 1px solid #A2A2A2;        }
.border{	border : 1px ridge Gray;	clear : both;	padding-bottom : 4px;	padding-top : 4px;	padding-left : 4px;	padding-right : 4px;	background : #FFFFFF;}
#title{ padding-top: 4px;  padding-right: 4px;  padding-left: 4px;  padding-bottom: 4px;  border: 1px solid #000000;  background: #0066CC;     }
.title {font-family: verdana, sans-serif; font-size: 16px; color: #FFFAFA; font-weight:bold; letter-spacing:.1em;  background: #c0c0c0;  }
a.title {	font-family: Verdana,Arial, Helvetica, sans-serif;	font-size: 12px;	color: #FFFFFF;  background: #C0C0C0;	}

.content {	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #666666;}
.contentbold {font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 12px; color: #000000;  font-weight: bold;  }
.contentitalic {font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 12px; color: #000000; 	font-style : italic;}
a.content {	font-family: Verdana,Arial, Helvetica, sans-serif;	font-size: 12px;	color: #0000FF;	}

.small {		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;	font-size: 10px;	color: #000000;}
.smallbold {	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;	font-size: 10px;	color: #000000; font : bold;}
.smallitalic {		font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 10px; color: #000000; 	font-style : italic;}
a.small {	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;	font-size: 10px;	color: #0000FF;   }

#headers{ padding-top: 4px;  padding-right: 4px;  padding-left: 4px;  padding-bottom: 4px;  border: 1px solid #A2A2A2;  background: #0066CC;     }
.latest {	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #F0F8FF;  font-weight: bold;  background: #C0C0C0;    }
.cal{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #000000;}
.calbold{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #000000;  font-weight: bold;  }

.contentLeft { 	float: left;  margin: 0px;  padding: 0px; }
.contentRight { 	float: right;  margin: 0px;  padding: 0px;}

.rating_bar {
  width: 55px;
  background: url(/images/star_x_grey.gif) 0 0 repeat-x;
}

.rating_bar div {
  height: 12px;
  background: url(/images/star_x_orange.gif) 0 0 repeat-x;
}