﻿* { margin:0; padding:0;}
body { background:url(images/tail-top.gif) left top repeat-x #0f67b5; height:100%; font-family:Arial, Helvetica, sans-serif; font-size:100%; line-height:1em; color:#003166;}

input, textarea { font-family:Arial, Helvetica, sans-serif; font-size:1em;}

.fleft { float:left;}
.fright { float:right;}
.clear { clear:both;}

.alignright { text-align:right;}
.aligncenter { text-align:center;}

.wrapper { width:100%; overflow:hidden;}
.container { width:100%;}

p { margin:0; padding:0;}

.body-bg {background:url(images/body-bg.jpg) no-repeat center top;}

/*==================forms====================*/
input, select { vertical-align:middle; font-weight:normal;}
img {border:0; vertical-align:top; text-align:left;}

.form { height:26px;}
.form input {width:217px; padding:2px 0 2px 3px; background:#fff; border:1px solid #e3ecf7; color:#0d78b6; font-size:.92em;}
textarea { width:217px; height:125px; overflow:auto; background:#fff; border:1px solid #e3ecf7; color:#0d78b6; font-size:.92em; padding:2px 0 0 3px; margin-bottom:10px;}


/*==================list====================*/
ul { list-style:none;}

.site-nav { width:100%; overflow:hidden;}
.site-nav li { float:left; font-size:1.17em; margin-right:2px;}
.site-nav li a { display:block; text-align:center; text-decoration:none; color:#003166; width:138px; padding:27px 0 0 0; height:24px; background:url(images/nav-bg.gif) no-repeat left 18px;}
.site-nav li a:hover { background:url(images/nav-act.gif) no-repeat left top; padding-top:19px; height:32px;}
.site-nav li a.act { background:url(images/nav-act.gif) no-repeat left top; padding-top:19px; height:32px;}

.list { margin-top:-15px;}
.list li { width:100%; overflow:hidden; vertical-align:bottom; font-size:.92em; padding-top:15px;}
.list li img { float:left; margin-right:15px;} 
.list li a { color:#0d78b6;}
.list li b a { color:#da9640; text-transform:uppercase;}

.list1 { margin-top:-7px;}
.list1 li { background:url(images/marker-1.gif) no-repeat left 13px; color:#da9640; font-size:.92em; font-weight:bold; padding:7px 0 0 16px; }
.list1 li a { color:#da9640;}

.list2 { width:100%; overflow:hidden;} 
.list2 li { float:left; margin:0 20px 20px 0;}
.list2 li.alt { margin-right:0;}
.list2 li.buttons { float:right; margin:0;}
.list2 li.buttons a { color:#003166; margin-left:5px;}
.list2 li.buttons a.txt { text-decoration:none;}
.list2 li.buttons a.txt:hover { text-decoration:underline;}


/*==================other====================*/
.img-box1 { width:100%; overflow:hidden;}
.img-box1 img { float:left; margin:0 6px 0 0;}

.p1 { margin-bottom:17px;}

.phone { float:right; margin-right:100px;}


/*==================txt, links, lines, titles====================*/
a {color:#d52d00;}
a:hover{text-decoration:none;}

h2 { color:#000; font-family:"Times New Roman", Times, serif; font-weight:normal; font-style:italic; font-size:3.42em; line-height:.76em; margin-bottom:20px;}
h2 span { display:block; padding-left:92px; color:#023f8b; font-size:.68em;}
h3 { color:#da9640; font-style:italic; font-weight:normal; font-size:1.42em; margin-bottom:18px;}
h4 { color:#003166; font-family:"Times New Roman", Times, serif; font-size:2.08em; font-weight:normal; line-height:1em; margin-bottom:20px;}
h5 { margin-bottom:8px; margin-top:18px;}

.txt1 { color:#da9640; font-weight:bold; font-size:.92em;}

.link { color:#1bc9ea; font-size:.92em; font-weight:bold;}

.link1 { display:inline-block; background:url(images/link1-bgd.gif) left top repeat-x; color:#050505; text-decoration:none; font-size:1.17em;}
.link1 em { display:inline-block; background:url(images/link1-left.gif) no-repeat left top;}
.link1 b { display:block; background:url(images/link1-right.gif) no-repeat right top; padding:6px 15px 13px 15px; font-weight:normal; font-style:normal; cursor:pointer;}
.link1:hover { text-decoration:underline;}
.link1:hover em { text-decoration:underline;}


/*==================boxes====================*/
.cont-box { background:#fff; width:100%;}
.cont-box .border-top {background:url(images/border-top.gif) repeat-x top;}
.cont-box .border-bot {background:url(images/border-bot.gif) repeat-x bottom;}
.cont-box .border-left {background:url(images/border.gif) repeat-y left;}
.cont-box .border-right {background:url(images/border.gif) repeat-y right;}
.cont-box .left-top-corner {background:url(images/left-top-corner.gif) no-repeat left top;}
.cont-box .right-top-corner {background:url(images/right-top-corner.gif) no-repeat right top;}
.cont-box .left-bot-corner {background:url(images/left-bot-corner.gif) no-repeat left bottom;}
.cont-box .right-bot-corner {background:url(images/right-bot-corner.gif) no-repeat right bottom; }
.cont-box .inner { padding:29px 26px 76px 30px;}
.cont-box dl dt { color:#da9640; font-weight:bold; font-size:.92em; text-transform:uppercase;}

.box { width:100%;}
.box .left-top-corner { background:url(images/left-top-corner1.gif) no-repeat left top; height:15px; padding-left:15px;}
.box .right-top-corner { background:url(images/right-top-corner1.gif) no-repeat right top; height:15px; padding-right:15px;}
.box .border-top { background:url(images/border-top1.gif) left top repeat-x; height:15px; }
.box .left-bot-corner { background:url(images/left-bot-corner1.gif) no-repeat left bottom; height:15px; padding-left:15px}
.box .right-bot-corner { background:url(images/right-bot-corner1.gif) no-repeat right bottom; height:15px; padding-right:15px}
.box .border-bottom { background:url(images/border-bot1.gif) left bottom repeat-x; height:15px; width:100%;}
.box .border-left { background:url(images/border-1.gif) left top repeat-y; padding-left:1px;}
.box .border-right { background:url(images/border-1.gif) right top repeat-y; padding-right:1px;}
.box .xcontent { background:url(images/box-tail.gif) repeat-x top #f2f8fe; text-align:center;}
.box .title {width:261px; display:inline-block; margin:-3px 0 0 0; text-align:center; padding-top:9px; height:113px; background:url(images/title-bg.jpg) no-repeat left top; color:#1bc9ea; font-size:1.33em;}
.box .title img { display:block; margin:0 0 32px 50px;}
.box p { color:#003166; font-size:.92em; padding:0 33px; line-height:1.27em; margin-bottom:18px;}

.box1 { width:100%;}
.box1 .left-top-corner { background:url(images/left-top-corner2.gif) no-repeat left top; height:42px; padding-left:15px;}
.box1 .right-top-corner { background:url(images/right-top-corner2.gif) no-repeat right top; height:42px; padding-right:15px;}
.box1 .border-top { background:url(images/border-top2.gif) left top repeat-x; height:26px; padding:16px 0 0 0; font-size:0; line-height:0;}
.box1 .left-bot-corner { background:url(images/left-bot-corner2.gif) no-repeat left bottom; height:15px; padding-left:15px}
.box1 .right-bot-corner { background:url(images/right-bot-corner2.gif) no-repeat right bottom; height:15px; padding-right:15px}
.box1 .border-bottom { background:url(images/border-1.gif) left bottom repeat-x; height:15px; width:100%;}
.box1 .border-left { background:url(images/border-1.gif) left top repeat-y; padding-left:1px;}
.box1 .border-right { background:url(images/border-1.gif) right top repeat-y; padding-right:1px;}
.box1 .xcontent { background:#fff; padding:24px 23px 0 23px;}
.box1 h3 { color:#003166; font-size:1.67em; font-family:"Times New Roman", Times, serif; font-weight:normal; font-style:normal; padding-left:23px; margin-top:-28px;}
.box1 h4 { margin-bottom:7px; font-size:.92em; color:#da9640; font-weight:bold; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif}
.box1 h4 a { color:#da9640;}
.box1 p { color:#0d78b6; font-size:.92em;}

.box2 { background:url(images/box-tail-1.gif) repeat-x top #f2f8fe; width:100%;}
.box2 .border-top {background:url(images/border-1.gif) repeat-x top;}
.box2 .border-bot {background:url(images/border-1.gif) repeat-x bottom;}
.box2 .border-left {background:url(images/border-1.gif) repeat-y left;}
.box2 .border-right {background:url(images/border-1.gif) repeat-y right;}
.box2 .left-top-corner {background:url(images/left-top-corner3.gif) no-repeat left top;}
.box2 .left-top-corner1 {background:url(images/left-top-corner4.gif) no-repeat left top;}
.box2 .right-top-corner {background:url(images/right-top-corner3.gif) no-repeat right top;}
.box2 .left-bot-corner {background:url(images/left-bot-corner3.gif) no-repeat left bottom;}
.box2 .right-bot-corner {background:url(images/right-bot-corner3.gif) no-repeat right bottom; }
.box2 .inner { padding:29px 10px 28px 10px;}
.box2 p { color:#89a0ba;}
.box2 h3 { color:#0d78b6; font-style:normal; font-size:1em; font-weight:bold; margin-bottom:6px;}
.box2 h4 { color:#0d78b6; font-style:normal; font-size:1em; font-weight:bold; margin-bottom:15px; font-family:Arial, Helvetica, sans-serif}

.box3 { background:url(images/box-tail-1.gif) repeat-x top #f2f8fe; width:100%;}
.box3 .border-top {background:url(images/border-1.gif) repeat-x top;}
.box3 .border-bot {background:url(images/border-1.gif) repeat-x bottom;}
.box3 .border-left {background:url(images/border-1.gif) repeat-y left;}
.box3 .border-right {background:url(images/border-1.gif) repeat-y right;}
.box3 .left-top-corner {background:url(images/left-top-corner3.gif) no-repeat left top;}
.box3 .left-top-corner1 {background:url(images/left-top-corner4.gif) no-repeat left top;}
.box3 .right-top-corner {background:url(images/right-top-corner3.gif) no-repeat right top;}
.box3 .left-bot-corner {background:url(images/left-bot-corner3.gif) no-repeat left bottom;}
.box3 .right-bot-corner {background:url(images/right-bot-corner3.gif) no-repeat right bottom; }
.box3 .inner { padding:5px 5px 5px 10px;}
.box3 p { color:#89a0ba;}
.box3 h3 { color:#0d78b6; font-style:normal; font-size:1em; font-weight:bold; margin-bottom:6px;}
.box3 h4 { color:#0d78b6; font-style:normal; font-size:1em; font-weight:bold; margin-bottom:15px; font-family:Arial, Helvetica, sans-serif}

/*header*/
#header .row-1 { width:100%; overflow:hidden; height:243px;}
#header .row-1 .fleft { padding:18px 0 0 58px;}
#header .row-1 .fright { padding:117px 229px 0 0;}
#header .row-2 { padding-left:42px;}
#header .row-3 { padding-left:0px;}

/*content*/
#content .indent { padding-bottom:26px;}

/*footer*/
#footer p { color:#003166; font-size:.92em; padding-left:0px;}
#footer p a { color:#1bc9ea; text-decoration:none;}
#footer p a:hover { text-decoration:underline;}

/*===Below is the Lightbox CSS Content=====*/
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

.hid1 {
	display:none;
}

.h1a {
	display:none;
}

.hidden {
	display:none;
}

.islamorada-fishing {
	display:none;
}

.florida-keys {
	display:none;
}





