@import url(reset.css);
/* Image Hover CSS + alt version
.class a{display:block;height:Ypx;width:Xpx;overflow:hidden;float:left}
.class a:hover{display:block;text-indent:-Xpx;}

.class a{height:Ypx;width:Xpx;overflow:hidden;float:left;background-position:0 0;}
.class a:hover{ background-position:-154px 0;}
li#id a{background:url(images/image_rollover.gif);} */

/* Swatches */

/* Global Tags */
html, body {
	height:100%;
}
body {
	background:url(../images/bg_main.jpg) repeat-x #1d81e7;
	font-size:0.8em;
	color:#004585;
	position:relative;
	font-family:Helvetica, "Calibri", "Segoe UI", Arial, sans-serif;
	text-align:center;
}

table.contact-table {border: 1px solid #D5EAFF; width: 100%;}
table.contact-table td {font-size:1.1em; padding: 5px;}

h1, h2, h3, h4, a {
	color:#004585;
}
h1 {
	font-size:2.2em;
	margin: 0 0 .6em 0;
}
h2 {
	font-size:1.6em;
	margin: 0 0 .8em 0;
}
h3 {
	font-size:1.1em;
	margin: 0 0 .5em 0;
}
h4 {
	font-size:0.8em;
}
a {
	text-decoration:underline;
}
strong {
	font-weight:bold;
}
em {
	font-style:italic;
}
/* Content */
.content {
	width:800px;
	background:#ffffff;
	margin:35px auto 25px;
	border-top:5px solid #ffde00;
	height:auto;
}
.name {
	height:82px;
	width:800px;
}
.name h1 {
	display:block;
	width:445px;
	height:45px;
	background:url(../images/bravo_logo_title.gif) no-repeat;
	position:relative;
	left:75px;
	top:20px;
	text-indent:-9999px;
	margin:0 auto; 
}
.logo {
	position:absolute;
	float:left;
	margin-top:-40px;
	background:url(../images/bravo_logo_fish.gif) no-repeat;
	width:295px;
	height:175px;
	z-index:0;
}
.banner {
	display:block;
	width:800px;
	height:279px;
	background:url(../images/bg_banner.jpg) no-repeat;
	border-bottom:5px solid #ffde00;
}
.banner h1 {
	display:block;
	width:800px;
	height:279px;
	background:url(../images/bravo_call.gif) no-repeat;
	text-indent:-9999px;
}
.banner-sub{
	display:block;
	width:800px;
	height:160px;
	background:url(../images/banner-sub.jpg) no-repeat;
	border-bottom:5px solid #ffde00;
}
.banner-sub h1 {
	text-indent:-9999px;
}
.bodycontent {
	padding:35px;
	padding-bottom:0px;
	text-align:left;
	background:url(../images/bg_mainpage.jpg) no-repeat right bottom;
}
.bodycontent_sub{
	padding:35px;
	padding-bottom:20px;
	text-align:left;
	background: none;
}
.bodycontent-gallery{
	padding:10px;
	text-align:left;
	background: #fff;
}
.bodycontent h1.title, .bodycontent_sub h1.title, .bodycontent-gallery h1.title{
	display:block;
	width:479px;
	height:29px;
	background:url(../images/title_main.gif) no-repeat;
	text-indent:-9999px;
	margin-bottom:15px;
}
.bodycontent p, .bodycontent_sub p, .bodycontent-gallery p{
	font-size:16px;
	margin-bottom:1em;
}
.footer {
	display:block;
	width:800px;
	height:48px;
	padding-top:19px;
	border-top:5px solid #ffde00;
}
.callout {
	width:430px;
	padding-right:300px;
	height:auto;
	padding-bottom:35px;
}
.boxout {
	border:2px dashed #8ca6a2;
	background:#feeb66;
	height:92px;
	width:330px;
	margin-left:25px;
	text-align:center;
	padding-top:15px;
}
/* Nav Menu */
.menu {
	height:30px;
	width:800px;
	background:#ffde00;
}
.menu ul {
	float:right;
	width:634px;
	height:30px;
	background:url(../images/bg_menu.gif) no-repeat;
	list-style-type:none;
}
.menu li {
	float:left;
	position:relative;
	z-index:100;
}
.menu li a {
	display:block;
	height:30px;
	margin-right:0px;
	text-indent:-9999px;
	background-position:0 0;
}

.menu #home:hover, .menu #fishing:hover, .menu #boats:hover, .menu #crew:hover, .menu #trip:hover, .menu #photo:hover, .menu #contact:hover {
	background-position:0px -30px;
	background-repeat: no-repeat;
}

.menu li a:hover{background-position:0px -30px;}

.menu #home {
	width:58px;
	background:url(../images/button_home.gif);
}
.menu #fishing {
	width:130px;
	background:url(../images/button_fishing.gif);
}
.menu #boats {
	width:58px;
	background:url(../images/button_boats.gif);
}
.menu #crew {
	width:54px;
	background:url(../images/button_crew.gif);
}
.menu #trip {
	width:118px;
	background:url(../images/button_trip.gif);
}
.menu #photo {
	width:111px;
	background:url(../images/button_photo.gif);
}
.menu #contact {
	width:94px;
	background:url(../images/button_contact.gif);
}
/* Hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
	visibility:hidden;
	position:absolute;
	top:30px;
	text-align:center;
	width:118px;
}

ul.sub-wider{width:160px;}

.menu ul ul li a:hover {
	background:#009bc9;
	color:#fff;
}
/* Style the second level links */
.menu ul ul a, .menu ul ul a:visited {
	background:#fff;
	color:#009bc9;
	height:35px;
	line-height:1em;
	width:118px;
	font-size:12px;
}
/* Yellow divideer line between sub menu items */
a.divider {
	border-bottom:1px solid #ffde00;
}
/* Make the second level visible when hover on first level list OR link */
.menu ul li:hover ul, .menu ul a:hover ul {
	visibility:visible;
}
/* Style the table so that it takes no part in the layout - required for IE to work */
.main-nav table {
	position:absolute;
	top:0px;
	left:-1px;
	border-collapse:collapse;
	z-index:80;
}
/* Style second level lists to center list relative to top button */
ul#fishing-sub {
	left:6px;
}
ul#boats-sub {
	left:-30px;
}
ul#crew-sub {
	left:-30px;
}
ul#photo-sub {
	left:-25px;
	width:160px;
}
ul#photo-sub li, ul#photo-sub li a {width:160px;}
/* Sub menu Items */
#deep-sea {
	background-image:url(../images/button_deap_sea.gif);
	width:118px;
}
#deep-sea:hover {
	background-position:0 -35px;
}
#cod {
	background-image:url(../images/button_cod.gif);
	width:118px;
}
#cod:hover {
	background-position:0 -35px;
}
#sport {
	background-image:url(../images/button_sport.gif);
	width:118px;
}
#sport:hover {
	background-position:0 -35px;
}
#zelda {
	background-image:url(../images/button_zelda.gif);
}
#zelda:hover {
	background-position:0 -35px;
}
#wollomai {
	background-image:url(../images/button_wollomai.gif);
}
#wollomai:hover {
	background-position:0 -35px;
}
#captains {
	background-image:url(../images/button_captains.gif);
}
#captains:hover {
	background-position:0 -35px;
}
#deckhands {
	background-image:url(../images/button_deckhands.gif);
}
#deckhands:hover {
	background-position:0 -35px;
}
#photo-snapper {
	background-image:url(../images/button_photo_snapper.gif);
}
#photo-snapper:hover {
	background-position:0 -35px;
}
#photo-reef {
	background-image:url(../images/button_photo_reef.gif);
}
#photo-reef:hover {
	background-position:0 -35px;
}
#photo-blue {
	background-image:url(../images/button_photo_blue.gif);
}
#photo-blue:hover {
	background-position:0 -35px;
}
#photo-game {
	background-image:url(../images/button_photo_game.gif);
}
#photo-game:hover {
	background-position:0 -35px;
}

div #thumbs {background-color:#13579e; padding-left:5px; overflow: scroll; height: 105px; width:740px; padding:5px 0 5px 5px;}
div #thumbs-content {width: 1000px;}
div #thumbs-content img{margin:5px 5px 5px 0; border:1px solid #fff; padding:0;}
div #thumbs-content img:hover{cursor:pointer;}
div #big-pic{text-align:center; margin-top:10px;}
div #big-pic img {border: 1px #13579e solid;}

ul.disc {list-style:disc; margin:10px 10px 10px 1.5em ;}
ul.disc li {font-size: 16px; margin-bottom:5px; list-style:disc;}