 
*
{
	margin: 0px;
	padding: 0px;
}




body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:600;
	min-width:900px;
	
	
	
	overflow:auto;

}

#container {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
    min-width:768px;
	height: 147px;
	
	border-bottom:ridge;
	border-bottom-color:#cccccc;
	border-bottom-width:15px;
	
	background-image:url("images/water_banner.jpg");
	background-size: 100%;
}


#header {
	
	position:relative;
	top:0px;
	left:0px;
	height: 147px;
	width:100%;
	margin-bottom: 0px;
	min-width:980px;

	
	
}
#header ul{
	position:relative;
	top:5px;
	padding:0px;
	magrin:0px;
	list-style:none;
	
	-moz-border-radius: 0px 0px 30px 30px;
    -webkit-border-radius: 0px 0px 30px 30px;
    -kphp-border-radius: 0px 0px 30px 30px;
    border-radius: 0px 0px 30px 30px;
	border:none;
	
	
}

#header ul li{
	-moz-border-radius: 0px 10px 10px 0px;
    -webkit-border-radius: 0px 10px 10px 0px;
    -kphp-border-radius: 0px 10px 10px 0px;
    border-radius: 0px 10px 10px 0px;
	border:solid;
	border-width:1px;
	border-color:#999999;
	
	background-color:#cccccc;
	
}

#logo
{
	position:relative;
	top:0px;
	
	
	margin-left:auto;
	margin-right:auto;
	width:100%;
	height:150px;
	z-index:1;
	padding-top:0px;
	margin-top: 0px;
	background2: ;
	background-color:#DEF2F4;
	
	
	filter:alpha(opacity=90);             
	-moz-opacity:0.90;                    
	-khtml-opacity: 0.90;                
	opacity: 0.90;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; 
	

}
#logo img {
	width:auto;
	height:auto;
	display: block;
	margin-left:auto;
	margin-right:auto;
}
#logo #name
{
	display:inline-block;
	font-size:40px;
	
}


#bannerleft
{
	position:absolute;
	top:-3px;
	left:0px;
	height: 147px;
	width:240px;
	z-index:1;
	padding-top:0px;
	margin-top: 0px;
	
	background2: ;
	background-color1:#ffffff;
	text-align: left;
}
#bannerleft img{
	
	
	height:150px;
	width:240px;
}
#bannerright
{
	position:absolute;
	top:-3px;
	right:-1px;
	margin-left:-264px;
	height: 147px;
	width:240px;
	z-index:1;
	padding-top:0px;
	margin-top: 0px;
	background2: ;
	background-color1:#ffffff;
	text-align: left;
}
#bannerright img{
	
	height:150px;
	width:240px;
}

#button {
	height:100%;
	text-align:center;
	line-height:25px;
	font-weight:bold;
	
	background-color:#cccccc;
	
	border:solid;
	border-color:#959595;
	border-width:1px;
	border-bottom:none;
	-moz-border-radius: 10px 10px 0px 0px;
    -webkit-border-radius: 10px 10px 0px 0px;
    -kphp-border-radius: 10px 10px 0px 0px;
    border-radius: 10px 10px 0px 0px;
	
}

#button li {
	background-color: ;
}

#button a {
	color:#000000; 
	text-decoration:none; 
	padding:10px; 
	display:block;
}

#button li a:hover {
	padding:10px;
	font-weight:bold;
	color: #ffffff;
}


#home_button a {
	color:#000000;
	text-decoration:none;
	
	
}
#home_button a:visited {
	text-decoration:none;
	color:#000000;
}

#home_button a:hover {
	color:#ffffff;
	text-decoration:underline;
	
}
#fishing_button a {
	color:#000000;
	text-decoration:none;
}
#fishing_button a:visited {
	text-decoration:none;
	color:#000000;
}

#fishing_button a:hover {
	color:#ffffff;
	text-decoration:underline;
}

#whale_button a {
	color:#000000;
	text-decoration:none;
}
#whale_button a:visited {
	text-decoration:none;
	color:#000000;
}

#whale_button a:hover {
	color:#ffffff;
	text-decoration:underline;
}

#misc_button a {
	color:#000000;
	text-decoration:none;
}
#misc_button a:visited {
	text-decoration:none;
	color:#000000;
}

#misc_button a:hover {
	color:#ffffff;
	text-decoration:underline;
}

#gallery_button a {
	color:#000000;
	text-decoration:none;
}
#gallery_button a:visited {
	text-decoration:none;
	color:#000000;
}

#gallery_button a:hover {
	color:#ffffff;
	text-decoration:underline;
}

#faq_button a {
	color:#000000;
	text-decoration:none;
}
#faq_button a:visited {
	text-decoration:none;
	color:#000000;
}

#faq_button a:hover {
	color:#ffffff;
	text-decoration:underline;
}

#home_button {
	position:absolute;
	height: 25px;
	width: 125px;
	margin: 0px;
	left:50%;
	margin-left:-377px;
	top:-30px;
	z-index:2;
}




#fishing_button {
	position:absolute;
	height: 25px;
	width: 125px;
	margin: 0px;
	left:50%;
	margin-left:-251px;
	top:-30px;
	z-index:2;
}
#whale_button {
	position:absolute;
	height: 25px;
	width: 125px;
	margin: 0px;
	left:50%;
	margin-left:-125px;
	top:-30px;
	z-index:2;
}
#misc_button {
	position:absolute;
	height: 25px;
	width: 125px;
	margin: 0px;
	left:50%;
	margin-left:1px;
	top:-30px;
	z-index:2;
}
#gallery_button {
	position:absolute;
	height: 25px;
	width: 125px;
	margin: 0px;
	left:50%;
	margin-left:127px;
	top:-30px;
	z-index:2;
}
#faq_button {
	position:absolute;
	height: 25px;
	width: 125px;
	margin: 0px;
	left:50%;
	margin-left:253px;
	top:-30px;
	z-index:2;
}



.fishing_menu_class {
	
}
.the_fishing_menu {
	
	width:200px;
	
	
}



.whale_menu_class {
	
}
.the_whale_menu {
	
	width:200px;
	
}




.misc_menu_class {
	
}
.the_misc_menu {
	width:200px;
	
}





.gallery_menu_class {
	
}
.the_gallery_menu {
	width:200px;
	
}


.home_menu_class {
	
}

.faq_menu_class {
	
}
.the_faq_menu {
	width:200px;
	
}



#jsddm
{	margin: 0;
	padding: 0
}
	
	#jsddm li
	{	float: left;
		list-style: none;
		font: 14px Tahoma, Arial
	}

	#jsddm li a
	{	display: block;
		
		
	}

	#jsddm li a:hover
	{	
		background: #1A4473;
		-moz-border-radius: 10px 10px 10px 0px;
		-webkit-border-radius: 10px 10px 10px 0px;
		-kphp-border-radius: 10px 10px 10px 0px;
		border-radius: 10px 10px 10px 0px;
	}
		
		#jsddm li ul
		{	margin: 0;
			padding: 0;
			margin-top:20px;
			position: absolute;
			visibility: hidden;
			border-top: 1px solid white
		
			
		}
		
		#jsddm li ul li
		{	
			float: none;
			display: inline
			background-color:#cccccc;
			
			
			
		}
		
		#jsddm li ul li a
		{	
			padding:5px;
			width: auto;
			
		}
		
		#jsddm li ul li a:hover
		{	
			
		}




#bodycontainer {
	
	position:relative;
	top:0px;
	width:auto;min-width:980px;overflow:visible;
	/*border:dotted;*/
	
	
	background-image:url("images/waves.jpg");
	background-size:100% 100%;
	background-attachment:fixed;
	background-color:#cccccc;
	/*background-color:#ffffff;*/
	
	
}




#contect ul li {
	margin:0px; 
	padding:0px; 
	list-style:none;
}

#content ul li {
	margin:5px; 
	padding:5px; 
	list-style:none;
}
ol {

	list-style-type: decimal;
	list-style-position: inside;
}

#content .notes {
	
	list-style-type: disc;
}
#content .alert{
	position:relative;

	height:250px;
	width: 100%;
}
#content .alert .alertText{
	position:relative;
    left:-75px;
	top:-250px; /* in conjunction with left property, decides the text position */
	width: 100%;
	color:#CC0033;
	font-size:140%;
	font-weight:900;
}

ol li{
	padding:10px;
	
}

#center{
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	display: block;
	
}

.box {
	border-style:solid;
	border-width:2px;
}




#content {
	position:relative;
	left:0px;
	min-height:900px;
	tmin-width:970px;
	top:15px;margin-left:21%;
			width:75%;margin-right:10px;
	margin-bottom:25px;
	padding-left:10px;
	padding-right:10px;
	
	overflow:visable;
	
	-moz-border-radius: 20px 20px 20px 20px;
    -webkit-border-radius: 20px 20px 20px 20px;
    -kphp-border-radius: 20px 20px 20px 20px;
    border-radius: 20px 20px 20px 20px;
	
	
	
	background-color:#ffffff;
	background-color:rgba(256,256,256,0.9); 


}


#content .seasoninfo {
	border-collapse: collapse;
	padding-bottom:15px;

}


#content .seasoninfo tr{
	height:50px;
}
#content .seasoninfo tr img{
	
}
#content .seasoninfo tr .tabletitle{
	border:none;
	width:50px;
	font-weight:bold;
	background:none;
	padding-top:5px;
	padding-bottom:5px;
}

#content .seasoninfo tr td{
	border:solid;
	border-width:1px;
	text-align:center;
	background:#ffffff;
}

#content #title{
	margin-left:auto;
	margin-right:auto;
	text-align: center;
	font-weight: bolder;
	font-size:2em;
}
#content p {
        margin: 10px 0px
		

}
#contentpic{
	max-width:600px;
	margin:0px;
	margin-right:5px;
	
	
}

#center #contentpic{
	max-width:600px;
	max-height:240px;
	margin:0px;
	margin-right:5px;	
}


#contentpiccontainer{
	float:left;
	max-width:400px;
	margin:0px;
	margin-right:5px;
	
	
}

#contentpiccontainer #contentpic {
    position:relative;
	max-width:400px;
	max-height:300px;
    margin-right:10px;
    color:#008080;
	font-weight: bold;
    margin-bottom:15px;
   
    -moz-border-radius: 20px 0px 0px 20px;
    -webkit-border-radius: 20px 0px 0px 20px;
    -kphp-border-radius: 20px 0px 0px 20px;
    border-radius: 20px 0px 0px 20px;

}

#dfrcontentpiccontainer{
	float:left;
	max-width:400px;
	margin:0px;
	margin-right:5px;
	min-height:450px;
	border:solid;
	border-color:#999999;
	-moz-border-radius: 20px 0px 0px 20px;
    -webkit-border-radius: 20px 0px 0px 20px;
    -kphp-border-radius: 20px 0px 0px 20px;
    border-radius: 20px 0px 0px 20px;
}

#dfrcontentpiccontainer #dfrcontentpic {
    position:relative;
	max-width:400px;
	max-height:600px;
    margin-right:10px;
    color:#008080;
	font-weight: bold;
    margin-bottom:15px;
   
    -moz-border-radius: 18px 0px 0px 0px;
    -webkit-border-radius: 18px 0px 0px 0px;
    -kphp-border-radius: 18px 0px 0px 0px;
    border-radius: 18px 0px 0px 0px;

}

#uploadPic {
	position:relative;
	top:5px;
	color:#008080;
	border:solid;
	margin:5px;
	padding-top:5px;
	-moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    -kphp-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
}
#uploadPic form{
	margin:5px;
}
#uploadPic form h3{
	color:#000000;
}
#gallery {
	position:relative;
	padding-bottom:15px;
	width:99%;
	margin-left:auto;
	margin-right:auto;.
	max-width:100%;
}
#gallery #galPic {
    position:relative;
	width:auto;
    display:block;
    color:#008080;
	margin:10px;

    padding:5px;
	border:solid;
	text-align:center;
	
    -moz-border-radius: 20px 20px 20px 20px;
    -webkit-border-radius: 20px 20px 20px 20px;
    -kphp-border-radius: 20px 20px 20px 20px;
    border-radius: 20px 20px 20px 20px;

}

#gallery #galPic img{
    position:relative;
    color:#008080;
	font-weight: bold;
	margin-left:auto;
	margin-right:auto;
	display:block;
	margin-bottom:5px;
	width:100%;
	tmax-height:650px;
	
    -moz-border-radius: 20px 20px 20px 20px;
    -webkit-border-radius: 20px 20px 20px 20px;
    -kphp-border-radius: 20px 20px 20px 20px;
    border-radius: 20px 20px 20px 20px;

}


#content table{
	padding-bottom:20px;
	margin-left:auto;
	margin-right:auto;
	
}
#content .admintable{
	border-style:solid;
	border-width:1px;
	padding-bottom:0px;
}

#content .admintable tr td{
	border-style:solid;
	border-width:1px;
}

#content table caption{
	text-align: center;
	color:#222222;
	font-size:2em;
}

#content .events tr td{
	width:auto;

}

#content .rates tr td{
	width:250px;
	
}
#content .rates tr .tab{
	width:25px;
	font-weight:600;
}
#content table tr td{
	width:auto;
}

#contect .fleet {
	margin-left:0px;
}
#content .fleet img{
	margin: 7px;
	box-shadow: 10px 10px 5px #888888;
	max-width:150px;
}
#content .fleet tr{
	

}
#content .fleet tr td{
	width:auto;

}

#content #dfrform{
	border:solid;
}

#sidbarcontainer{
	z-index:1;
	position: relative;
	float:left;
	width:20%;
	min-width:190px;
	top:15px;
	height:auto;
	overflow:hidden;
	
	
	
	
	
}
#sidebar {
	z-index:1;
	position: relative;
	float:left;
	width:94%;
	
	border:solid;
	border-color:#999999;
	
	
	left:0px;
	margin-left:5px;
	margin-right:0px;
	height:auto;
	
	filter:alpha(opacity=90);             
	-moz-opacity:0.90;                    
	-khtml-opacity: 0.90;                
	opacity: 0.90;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; 
	
	-moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -kphp-border-radius: 20px;
    border-radius: 20px;
	
	
	background-image:url("images/fish/sidebartuna.png");
	background-size:100%, 100%;
	tbackground-repeat:no-repeat;

}

#sidebar #quicklinks{
	border:solid;
	border-color:#999999;
	margin:10px;
	padding-bottom:15px;
	
	filter:alpha(opacity=80);             
	-moz-opacity:0.80;                    
	-khtml-opacity: 0.80;                
	opacity: 0.80;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; 
	
	-moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -kphp-border-radius: 20px;
    border-radius: 20px;
	background:#cccccc;
	
	
	}
#sidebar #quicklinks #title{
	
	font-size:1.6em;
	font-weight:bolder;
	padding-left:10px;
	margin-left:auto;
	margin-right:auto;
	
}

#sidebar #quicklinks a{
	display:block;
	background:#cccccc;
	text-color:#ffffff;
	font-weight:600;
	border:solid;
	border-color:#999999;
	border-width:1px;
	margin:5px;
	margin-left:10px;
	
	-moz-border-radius: 0px 10px 10px 0px;
    -webkit-border-radius: 0px 10px 10px 0px;
    -kphp-border-radius: 0px 10px 10px 0px;
    border-radius: 0px 10px 10px 0px;

}
#sidebar #quicklinks a:hover{
	margin-left: 25px;
}

.sidebuttonlink {
	color:#000000;
	text-decoration:none;
	width:80%;
	min-width:120px;
    
    -webkit-transition: margin 0.25s ease-out;
    -moz-transition: margin 0.25s ease-out;
    -o-transition: margin 0.25s ease-out;
}
.sidebuttonlink:visited {
	text-decoration:none;
	color:#000000;
}

.sidebuttonlink:hover {
	color:#000000;
	text-decoration:underline;
	
}

#sidebar #contact {
	color:#ffffff;
}
#sidebar #contact h2{
	font-size:1.5em;
	font-weight:500;
}
#sidebar #contact h3{
	font-size:1.5em;
	font-weight:500;
}


#footer {
	clear:both;
	border-top:solid;
	border-top-width:5px;
	border-color:#565656;
	padding-top:25px;
	zindex:1;
	width:100%;
	text-align: center;
	height:95;
    bottom: 0 + 95;
	
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#cccccc, endColorstr=#141414); /* for IE */
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#cccccc,EndColorStr=#141414);
	background: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#141414)); /* for webkit browsers */
	background: -moz-linear-gradient(top,#cccccc,#141414); /* for firefox 3.6+ */
}



#adminstuff {
	

}

#adminstuff #imageselect {
	
	position:absolute;
	min-height:800px;
	height:auto;
	width:auto;
	top:0px;
	left:320px;
	overflow:visible;
	z-index:1;
}

#adminstuff #imageselect #pics {

}


#adminstuff #bgcolorpick {
	position:relative;
	width:300px;
}
#adminstuff #uploadpics {
	position:relative;
	display:inline;
}
#clear {
	clear:both;
}


form label {

	vertical-align:text-bottom;
}

form input, textarea {
	
	color:$ffffff;
	
}




#closePopUp {
	position:absolute;
	right:0px;
	top:0px;
	border:solid;
	border-width:1px;
	margin-bottom:5px;
}
#closePopUp:hover {
	background:#eceff5; 
}
#updateBoatInfo {
	position:relative;
	float:right;
	width:200px;
	border:solid;
	border-width:1px;
	text-align:center;
	
}
#updateBoatInfo:hover {
	background:#eceff5; 
}

#daySchedule {
	position:absolute;
	top:50px;
	background-color:#EEEEEE;
}
#fleetTable {
	
	border-collapse:collapse;
	border:solid;
	border-width:1px;
	width:750px;
	background-color:#DDDDDD;
	
}

#fleetTable tr {

}
#fleetTable tr td {
	width:325px;
	vertical-align:top;
	border:solid;
	border-width:1px;
	margin:1px;
	
}

#fleetTable tr td img{
	float:left;
	max-height:125px;
	max-width:150px;
}
#tripTable {
	margin-top:5px;
	margin-bottom:5px;
	border:none;
	border-top:solid;
	border-width:3px;
}
#tripTable tr {
	border:none;
}
#tripTable tr td{
	border:none;
}

#boatTable {
	width:325px;
	vertical-align:top;
	border:none;
	border-width:1x;
	margin :5px;
}
#schedulePopUp{
	visibility:hidden;
	position:fixed;
	top:50px;
	bottom:50px;
	overflow:auto;
	z-index:8;
	padding-bottom:35px;
	background-color:#EEEEEE;
	width:750px;
	left:50%;
	margin-left:-375px;
	border:solid;
	border-width:1px;
	border-color:#000000;
}
#dayScheduleTable{
	border-collapse:collapse;
	border:solid;
	border-width:1px;
}
#availabilityPopUp{
	visibility:hidden;
	position:fixed;
	top:50px;
	bottom:50px;
	overflow:auto;
	padding-bottom:35px;
	background-color:#EEEEEE;
	width:780px;
	left:50%;
	margin-left:-375px;
	border:solid;
	border-width:1px;
	border-color:#000000;
	z-index:9;
}

#boatSchedulePopUp {
	visibility:hidden;
	position:fixed;
	top:50px;
	bottom:50px;
	overflow:auto;
	background-color:#DDDDDD;
	width:750px;
	left:50%;
	margin-left:-375px;
	z-index:9;
	border:solid;
	border-width:1px;
	border-color:#000000;
}
#clientPopUp {
	visibility:hidden;
	position:fixed;
	top:50px;
	bottom:50px;
	overflow:auto;
	background-color:#DDDDDD;
	width:750px;
	left:50%;
	margin-left:-375px;
	z-index:10;
	border:solid;
	border-width:1px;
	border-color:#000000;
}
#ratesPopUp {
	visibility:hidden;
	position:fixed;
	top:50px;
	bottom:50px;
	overflow:auto;
	background-color:#DDDDDD;
	width:750px;
	left:50%;
	margin-left:-375px;
	z-index:10;
	border:solid;
	border-width:1px;
	border-color:#000000;
}
#usersPopUp {
	visibility:hidden;
	position:relative;
	top:20px;
	tbottom:50px;
	overflow:auto;
	background-color:#DDDDDD;
	twidth:750px;
	tleft:50%;
	tmargin-left:-375px;
	z-index:10;
	border:solid;
	border-width:1px;
	border-color:#000000;
}
#boatInfoPopUp {
	visibility:hidden;
	position:absolute;
	top:50px;
	height:500px;
	background-color:#DDDDDD;
	width:750px;
	left:50%;
	margin-left:-375px;
	z-index:10;
	border:solid;
	border-width:1px;
	border-color:#000000;
}
#lockPopUp {
	visibility:hidden;
	position:absolute;
	top:50px;
	height:100px;
	background-color:#DDDDDD;
	width:250px;
	left:50%;
	margin-left:-375px;
	z-index:10;
	border:solid;
	border-width:1px;
	border-color:#000000;
}
#boatInfo {

}
.red{
	color:red;
}
.orange{
	color:orange;
}
.gray{
	color:gray;
}
.blue{
	color:blue;
}
.green{
	color:green;
}
.big{
	font-size:24px;
	font-weight:800;
}

.black{
	color:black;
}
.inline{
	display:inline;
}

.thin_box {
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	-kphp-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	border-style:solid;
	border-width:1px;
	margin-bottom:2px;
	background-color:#BFE9FF;
	
	box-shadow: 3px 3px 5px #888888;
	
	padding-top:1px;
	padding-left:2px;
	padding-right:2px;
	
	line-height: 0.9;
}
.smallRoundCorners {
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	-kphp-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
	border-bottom:1px solid black;
}
.inline {
	tdisplay:inline;
	text-align:center;
	margin-left: 100px;
	
}





