/*------ basic elements -------------------------------------------------------------*/

body { 
	font-family: Arial, Helvetica, sans-serif;
	margin:0px;
	background:url('/images/background_water.gif') repeat-x; 
	background-color:#425ac6; 
	border-top:10px solid #293e9c; 
	width:100%;
	}

p { text-align: left; font-size: 12px; line-height: 1.25em; }
A { color:#000000; }
a:link, a:visited { text-decoration: underline; color:#000000; }
a:hover, a:active { text-decoration: none; }
li { line-height:18px; margin-left:0px; padding-left:0px; }
textarea { font-size:11px; }
hr { size:1px; height:1px; color:#CCCCCC; border:1px solid #CCCCCC: }
.smalltxt { font-size:11px; }

/*------ specific divs --------------------------------------------------------------*/

#container { 
	width: 700px;
	padding-left: 0px; 
	padding-right: 0px; 
        	/*margin: 20px 20px 0px 260px;*/
        	margin: 0px auto 0px auto; 
	position: relative;
	z-index: 6;
	}

.gallerydesctext { font-size:12px; padding:10px; }

.mainmenu { background-image:url('/images/menu_off.gif'); background-repeat:repeat-x; width:800px; height:34px; text-align:left; margin:0px; padding:0px; margin-top:15px; z-index:50; margin-bottom:5px; }
#navigation { list-style:none; margin-left:0px; padding-left:0px; margin-top:0px; }
#navigation LI { display:inline; float:left; }
#navigation a { color: #CCC; text-decoration: none; }
#navigation a:hover { color: #666; }

#home a { background: url(images/menu_but_home.gif); float:left; width: 54px; height: 34px; }
#resv a { background: url(images/menu_but_reservation.gif); float:left; width: 89px; height: 34px; }
#rept a { background: url(images/menu_but_reports.gif); float:left; width: 111px; height: 34px; }
#char a { background: url(images/menu_but_charters.gif); float:left; width: 118px; height: 34px; }
#fchr a { background: url(images/menu_but_fishingcharters.gif); float:left; width: 110px; height: 34px; }
#gall a { background: url(images/menu_but_gallery.gif); float:left; width: 62px; height: 34px; }
#lnk a  { background: url(images/menu_but_links.gif); float:left; width: 52px; height: 34px; }

#home a:hover { background-position: 54px 0px; }
#resv a:hover { background-position: 89px 0px; }
#rept a:hover { background-position: 111px 0px; }
#char a:hover { background-position: 118px 0px; }
#fchr a:hover { background-position: 110px 0px; }
#gall a:hover { background-position: 62px 0px; }
#lnk  a:hover { background-position: 52px 0px; }

#home_on { background: url(images/menu_but_home.gif); float:left; width: 54px; height: 34px; 		background-position:108px 0px; }
#resv_on { background: url(images/menu_but_reservation.gif); float:left; width: 89px; height: 34px; 	background-position:178px 0px; }
#rept_on { background: url(images/menu_but_reports.gif); float:left; width: 111px; height: 34px; 		background-position:222px 0px; }
#char_on { background: url(images/menu_but_charters.gif); float:left; width: 118px; height: 34px; 		background-position:236px 0px; }
#fchr_on { background: url(images/menu_but_fishingcharters.gif); float:left; width: 110px; height: 34px; 	background-position:220px 0px; }
#gall_on { background: url(images/menu_but_gallery.gif); float:left; width: 62px; height: 34px; 		background-position:122px 0px; }
#lnk_on  { background: url(images/menu_but_links.gif); float:left; width: 52px; height: 34px; 		background-position:104px 0px; }


#submenusign { position:absolute; margin-left:550px; z-index:0; margin-top:15px; }
#submenu { margin-left:160px; }
#submenu UL {margin:0px;padding:0px;list-style:none;width:150px;}
#submenu LI {font-size:12px;padding:3px 10px;}
#submenu A {color:#fff;font-weight:bold;line-height:18px;text-decoration:none;}
#submenu LI:hover {background:#293e9c;}

#intro { width: 356px; float: left; }
#pageHeader { margin-bottom: 20px; float: left; }

.menu_top { width:175px; height:14px; background: url(images/menu_top.gif) no-repeat top left; }
.menu_bot { width:175px; height:14px; background: url(images/menu_bot.gif) no-repeat top left; }
.menu_back { width:175px; background: url(images/menu_back.gif) repeat-y; padding:0px 0px; 0px; 0px; }
.menu_content { padding:0px 10px; 0px; 5px; }

.homepage_context { width:580px; background:#E4E6EC; padding:15px; /*filter:alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8;*/ }

.other_context { width:580px; top:145px; background:#FFFFFF; padding:15px; font-size:12px; }

.page_context { width:770px; top:145px; background:#E4E6EC; /*filter:alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8;*/ padding:15px; font-size:12px; }

.detail_header { font-size:15px; font-weight:bold; }
.detail_date { font-size:21px; font-family:Arial; font-weight:bold; color:#1C397F; }
#paymentbox { margin-left:30px; width:400px; border:2px solid #CCCCCC; margin-top:5px; }
#paymentbox TD { font-size:12px; padding:4px; }
#paymentbox INPUT { font-size:11px; }

table.directions th { background-color:#EEEEEE; }



/*--------- menu -------------------------------------------------------------------*/

.rollover a { display:block; width:32px; background-color: #FFFFFF}
.rollover a:hover { background-color: #990000}



/*------------- Calendar colors -------------*/
.calendar1 { background:#f6b055; text-align:left; height:60px; padding:5px; font-size:11px; cursor:pointer; border-top:2px solid #f4c991; border-right:2px solid #f4c991; border-left:2px solid #ce9448; border-bottom:2px solid #ce9448; }
td.calendar1:hover { background:#f3c384; }
.calendar2 { background:#5DA3EA; text-align:left; height:60px; padding:5px; font-size:11px; cursor:pointer; border-top:2px solid #8fbeee; border-right:2px solid #8fbeee; border-left:2px solid #4380bf; border-bottom:2px solid #4380bf; }
td.calendar2:hover { background:#7cb3ea; }
.calendar3 { background:#e94d4d; text-align:left; height:60px; padding:5px; font-size:11px; cursor:pointer; border-top:2px solid #ed7d7d; border-right:2px solid #ed7d7d; border-left:2px solid #c23838; border-bottom:2px solid #c23838; }
td.calendar3:hover { background:#ea7575; }
.calendar4 { background:#dbb1e6; text-align:left; height:60px; padding:5px; font-size:11px; cursor:pointer; border-top:2px solid #e8ceef; border-right:2px solid #e8ceef; border-left:2px solid #b588c1; border-bottom:2px solid #b588c1; }
td.calendar4:hover { background:#dec4e5; }
.calendar5 { background:#7ed1bd; text-align:left; height:60px; padding:5px; font-size:11px; cursor:pointer; border-top:2px solid #b5e8dc; border-right:2px solid #b5e8dc; border-left:2px solid #62aa99; border-bottom:2px solid #62aa99; }
td.calendar5:hover { background:#9dd9cb; }
.calendar6 { background:#55f66a; text-align:left; height:60px; padding:5px; font-size:11px; cursor:pointer; border-top:2px solid #90e59b; border-right:2px solid #90e59b; border-left:2px solid #49d45a; border-bottom:2px solid #49d45a; }
td.calendar6:hover { background:#78eb87; }
.calendar7 { background:#f655b1; text-align:left; height:60px; padding:5px; font-size:11px; cursor:pointer; border-top:2px solid #e590c1; border-right:2px solid #e590c1; border-left:2px solid #d44999; border-bottom:2px solid #d44999; }
td.calendar7:hover { background:#e571b3; }

.calendarWHeader { font-size:11px; padding:5px; background-color:#FFFFFF;  }
.calendarMHeader { font-family:Arial; font-size:15px; font-weight:bold; }
table.calendar { width:100%; }
td.calendar { background-color:#DDDDDD; padding:5px; width:14%; height:80px; text-align:left; padding:5px; cursor:hand; font-size:14px; color:#FFFFFF; font-weight:bold; font-family:Arial; }
td.calendarToday { background-color:#DDDDDD; font-size:14px; padding:5px; width:100px; color:#FFFFFF; text-align:left; padding:5px; cursor:hand; font-weight:bold; font-family:Arial; }
a:link.calendarbutton { color:#FFFFFF; font-size:14px; text-decoration:none; font-weight:bold; font-family:Arial; }
a:visited.calendarbutton { color:#FFFFFF; font-size:14px; text-decoration:none; font-weight:bold; font-family:Arial; }
a:hover.calendarbutton { color:#FFFFFF; font-size:14px; font-weight:bold; }
.calendarnavbutton { width:30px; }
.calendarpast { font-size:14px; font-weight:bold; color: #C5C5C5; font-family:Arial; }
.calendardata { font-size:11px; }
.calendarlegend { font-size:11px; }
.calendarqty { font-size:10px; margin-top:5px; color:#222222; }
.calendarqty TD { text-align:left; }
.calendartitle { font-weight:bold; font-size:12px; line-height:20px; }

.eventtitle { font-size:16px; }
.eventsubtitle { font-size:14px; }
.eventdesc { font-size:12px; }

.adult { background-color:#EEEEEE; }
.child { background-color:#DDDDDD; }
.senior { background-color:#CCCCCC; }

.homepage_reports { background:#FFFFFF; }
.homepage_reports TD { font-size:11px; padding-bottom:10px; }
.tablegrid1 TD { border-bottom:1px solid #CCCCCC; padding-bottom:25px; }
.tablegrid2 { margin-bottom:350px; }
.tablegrid2 TD { border-bottom:1px solid #CCCCCC; padding-bottom:10px; }
.tablegrid3 { }
.tablegrid3 TD { border-bottom:1px solid #CCCCCC; padding-bottom:5px; font-size:11px;}
.pagetitle { font-size:15px; }
.paging { font-size:12px; width:445px; height:30px; text-align:center; background-image:url(/images/background_paging.png); background-repeat:no-repeat; padding:6px; color:#FFFFFF; }
.paging A { color:#FFFFFF; font-weight:bold; text-decoration:none; }

.error { color:#FF5500; }

/*------------ Calendar mini --------------*/
.calendarMHeader_mini { font-size:11px; padding:2px; background-color:#FFFFFF; font-weight:bold; }
.calendarWHeader.mini { font-size:10px; padding:1px; background-color:#FFFFFF;  }
table.calendar_mini { width:100%; }
td.calendar_mini { background-color:#DDDDDD; padding:2px; cursor:hand; font-size:11px; color:#FFFFFF; font-weight:bold; font-family:Arial; }
td.calendarToday_mini { background-color:#DDDDDD; font-size:11px; padding:2px; color:#FFFFFF; padding:2px; cursor:hand; font-weight:bold; font-family:Arial; }
a:link.calendarbutton_mini { color:#FFFFFF; font-size:11px; text-decoration:none; font-weight:bold; font-family:Arial; }
a:visited.calendarbutton_mini { color:#FFFFFF; font-size:11px; text-decoration:none; font-weight:bold; font-family:Arial; }
a:hover.calendarbutton_mini { color:#FFFFFF; font-size:11px; font-weight:bold; }
.calendarnavbutton_mini { font-weight:bold; }
.calendarpast_mini { font-size:11px; font-weight:bold; color: #C5C5C5; font-family:Arial; }
.calendar_mini .calendar1 {text-align:center;height:20px;padding:1px;border-right:1px solid #f4c991; border-left:1px solid #ce9448; border-bottom:1px solid #ce9448;}
.calendar_mini .calendar2 {text-align:center;height:20px;padding:1px;border-right:1px solid #8fbeee; border-left:1px solid #4380bf; border-bottom:1px solid #4380bf;}
.calendar_mini .calendar3 {text-align:center;height:20px;padding:1px;border-right:1px solid #ed7d7d; border-left:1px solid #c23838; border-bottom:1px solid #c23838;}
.calendar_mini .calendar4 {text-align:center;height:20px;padding:1px;border-right:1px solid #e8ceef; border-left:1px solid #b588c1; border-bottom:1px solid #b588c1;}
.calendar_mini .calendar5 {text-align:center;height:20px;padding:1px;border-right:1px solid #b5e8dc; border-left:1px solid #62aa99; border-bottom:1px solid #62aa99;}
.calendar_mini .calendar6 {text-align:center;height:20px;padding:1px;border-right:1px solid #90e59b; border-left:1px solid #49d45a; border-bottom:1px solid #49d45a;}
.calendar_mini .calendar7 {text-align:center;height:20px;padding:1px;border-right:1px solid #e590c1; border-left:1px solid #d44999; border-bottom:1px solid #d44999;}


/*------------ Cart -------------*/
.carttable { width:100%; border-top:1px solid #CCC; border-left:1px solid #CCC; }
.carttable TD { border-bottom:1px solid #CCC; border-right:1px solid #CCC; padding:10px; }




/* using an image to replace text in an h1. This trick courtesy Douglas Bowman, http://www.stopdesign.com/articles/css/replace-text/ */

#pageHeader h1 { 
	background: transparent url(images/h1.gif) no-repeat top left;  
	width: 355px; 
	height: 29px; 
	float: left;
	margin: 0px;
	}

#pageHeader h2 { 
	background: transparent url(images/h2.gif) no-repeat top left; 
	width: 167px; 
	height: 12px; 
	float: right;
	margin: 2px 0 0 0;
	}

#quickSummary {
	background: transparent url(images/divider01.jpg) no-repeat;
	float: left;
	padding-top: 50px;
	}

#quickSummary p.p1 {
	background: transparent url(images/summary.gif) no-repeat;
	width: 356px;
	height: 49px;
	margin: 0px 0px 6px 0px;
	}
#quickSummary p.p1 span, #pageHeader h2 span, #pageHeader h1 span 
{ display: none; }

#quickSummary p.p2 { width: 355px; display: block; }



/*-----------------------------------------------------------------------------------*/

#supportingText { width: 356px; float: left; }

#supportingText h3, #intro h3 { 
	letter-spacing: 1px; 
        margin: 0px 0px 20px 0px;
	color: #7D775C;
	width: 355px;
	height: 18px;
	}
#preamble, #explanation, #participation, #benefits, #requirements 
{  padding-top: 60px; margin-top: 6px; float: left; }


#preamble { background: transparent url(images/divider02.jpg) no-repeat; }
#explanation { background: transparent url(images/divider03.jpg) no-repeat; }
#participation { background: transparent url(images/divider04.jpg) no-repeat; }
#benefits { background: transparent url(images/divider05.jpg) no-repeat; }
#requirements { background: transparent url(images/divider06.jpg) no-repeat; }


#linkList {
	width: 175px;
	position: absolute;
	top: 150px;
	left: 520px;
	margin: 0px;
	padding: 0px;
	}

#linkList2 { 
	font-size: 0.70em;
	background: transparent url(images/paper-bg.jpg) top left repeat-y; 
	padding: 10px; 
	width: 141px; 
	}

#linkList ul {
	margin: 0px;
	padding: 0px;
	}

#linkList a.c {
    	display: inline;
    	color: #ff9600;
	text-decoration: none;
	font-weight: normal;
	text-transform: capitalize;	
}

#linkList li a { 
	color: #fff;
	text-decoration: none;
	}

#linkList li a:hover {
	text-decoration: underline;
	}

#lselect li {
	line-height: 16px; 
        padding: 5px 0px;
	border-bottom: 1px solid #003d90;
	}
#lselect li a {
	font-weight: bold;
	color: #fff;
	display: block;
        text-transform: uppercase;
        text-decoration: none; 
	}

#larchives li, #lresources li {
	line-height: 16px; 
        padding: 1px 0px;
	color: #fff;
	}


/*------ Image Replacement for headings----------------------------------------------*/


#linkList h3 {
	width: 141px;
	height: 20px;
	display: block;
	margin: 0px;
	}

#preamble h3 { background: transparent url(images/h3_road.gif) no-repeat; }
#explanation h3 { background: transparent url(images/h3_about.gif) no-repeat; }
#participation h3 { background: transparent url(images/h3_participation.gif) no-repeat; }
#benefits h3 { background: transparent url(images/h3_benefits.gif) no-repeat;	}
#requirements h3 { background: transparent url(images/h3_requirements.gif) no-repeat; }


#linkList h3.select { background: transparent url(images/h3_select.gif) no-repeat; }
#linkList h3.archives {
	margin-top: 22px; 
	background: transparent url(images/h3_archives.gif) no-repeat; 
	}
#linkList h3.resources {
	margin-top: 22px; 
	background: transparent url(images/h3_resources.gif) no-repeat; 
	}

#preamble h3 span, 
#explanation h3 span,
#participation h3 span,
#benefits h3 span,
#requirements h3 span,
#linkList h3.select span,
#linkList h3.archives span,
#linkList h3.resources span
{ display: none; }


/*------ footer ---------------------------------------------------------------------*/

#footer {
	background-image:url('/images/menu_off.gif'); 
	background-repeat:repeat-x;
	font-size:11px;
	width:800px;
	margin:0 auto;
	margin-top:10px;
}

#footer TD {
	padding:5px;
	color:#FFFFFF;
}

#footer a:link, #footer a:visited { 
	margin-right: 6px; 
	color: #FFF;
	}


/*------ main images -----------------------------------------------------------------*/


#extraDiv1, #extraDiv2, #extraDiv3, #extraDiv3 span, #extraDiv4, #extraDiv5, #extraDiv6, #extraDiv6 span
{ position: absolute;  }


#extraDiv1 { 
	background: url(images/clouds.jpg) repeat-x; 
	top: 0px;
	right: 0px; 
	width: 100%; 
	height: 159px; 
	}

#extraDiv2 { 
	background: url(images/water_edge.jpg) repeat-x; 
	top: 159px;
	right: 0px; 
	width: 100%; 
	height: 156px; 
	}

#extraDiv3 { 
	background: url(images/tuna_bottom.gif) no-repeat right top; 
	z-index: 3;
	top: 590px;
	left: 1%;
	width: 250px; 
	height: 94px;
	}

#extraDiv3 span { 
	background: url(images/shark_middle.gif) no-repeat; 
	z-index: 3;
	top: 125px;
	right: 10%;
	width: 350px; 
	height: 131px; 
	left:510px;
	} 

#extraDiv4 { 
	z-index: 3;
	top: 0px;
	left: 0px;
	width: 472px; 
	height: 481px; 
	}

#extraDiv5 { 
	width:158px;
	height:108px;
	z-index: 7;
	top: 0px;
	left: 0px;
	}

#extraDiv6 {
	z-index: 2;
	top: 35em;
	left: 0px;
	width: 100%; 
	height: 426px; 
	background: url(images/seafloor_bg.jpg) repeat-x left bottom;
	text-align:center;
	}

#extraDiv6 span {
	z-index: 2;
	margin-left:-350px;
	top:350px;
}

/* ------------------- Carousel -----------------------*/

.carousel-component { position:relative; overflow:hidden; display:none; }
.carousel-component ul.carousel-list { width:10000000px; position:relative; z-index:1; }
.carousel-component .carousel-list li { float:left; list-style:none; overflow:hidden; }
.carousel-component ul.carousel-list { margin:0px; padding:0px; /*line-height:0px;*/ }
#topstory_bar {   }
#topstory_nav { font-size:11px; font-family:arial; }
#topstory_title { font-size:18px; font-family:arial; color:#FFFFFF; font-family:Georgia,Trebuchet MS; width:100%; }
#indicator { font-size:11px; font-family:arial; color:#FFFFFF; }
#titlebar {  position:absolute; top:330px; width:500px; background:#0E2058; padding:5px; filter:alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; z-index:200; }
.left-button-image { border:0px; width:16px; height:14px; cursor:pointer; color:white; font-weight:bold; }
.right-button-image { border:0px; width:16px; height:14px; cursor:pointer; color:white; font-weight:bold; }
.contentWrapper { width:610px; height:250px; }
.contentBox { font-size:11px; font-family:arial; }
.contentBox_title { font-size:15px; font-weight:bold; font-family:arial; color:#446282; text-decoration:none; }
.contentBox_desc A:link { color:#000000; font-weight:bold; line-height:18px; }
a:hover.contentBox_title { text-decoration:underline; }


.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    width: 145px;
    height: 140px;
}

.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}

.jcarousel-skin-tango .jcarousel-container {

}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 145px;
    padding: 0px 0px;
}

.jcarousel-skin-tango .jcarousel-container-vertical {
    width: 145px;
    height: 140px;
    padding: 0px 0px;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  145px;
    height: 140px;
}

.jcarousel-skin-tango .jcarousel-clip-vertical {
    width:  145px;
    height: 140px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 145px;
    height: 140px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 0px;
}

.jcarousel-skin-tango .jcarousel-item-vertical {
    margin-bottom: 0px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 135px;
    right: 0px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(images/next-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 135px;
    left: 90px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(images/prev-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

/* ------------------- MISC ---------------------*/

.buttonSubmit, .buttonSubmitHovered {
	float:right;
	margin:5px 5px;
	font-family:Arial, Helvetica, sans-serif;
	color:#404040;
	font-size:12px;
	width:69px;
	height:26px;
	color:#FFF;
	font-weight:bold;
	padding:2px 5px;
	background:url(images/button.gif) no-repeat left top;
	cursor:pointer;
	border:none;
}
.buttonSubmitHovered {
	background-position:left bottom;
}


.buttonSearch {
	margin:1px 1px;
	font-family:Arial, Helvetica, sans-serif;
	color:#404040;
	font-size:11px;
	width:69px;
	height:26px;
	color:#FFF;
	font-weight:bold;
	padding:2px 1px;
	background:url(images/button.gif) no-repeat left top;
	cursor:pointer;
	border:none;
}

.hseparator { border-bottom:1px dotted #CCCCCC; width:99%; margin-left:5px; }