/* ss.css www.scubastevesdiving.com - Style Sheet */
/* Browser versions 5+ */
/* Copyright 2005 Netphobia Limited */
/* 1.12.5 Initial Version */


html { 
	min-width: 985px;
	 }
	 
img	{
    border: 0px none;
	}

p {
	font-family: verdana, arial, helvetica, helve, geneva, sans-serif;
	font-size: x-small;
}


p.access	{
	display: none;
	}

p.printer {
	display: none;
}

a {
	font-family: verdana, arial, helvetica, helve, geneva, sans-serif;
	color: #00f;
}

a:hover {
	color: #6cc;
}

body	{
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px none;
	font-style:normal; font-variant:normal; font-weight:normal; font-size:medium; font-family: verdana, arial, helvetica, helve, geneva, sans-serif;
	background: #0c9;
	text-align:center; 
	font-size: x-small;	
	}
	
div#wrapper	{   
	margin: 0 auto;
	padding: 0;
	border: 0px none;
	background: #0c9;
	width: 985px;	
	text-align:left; 
	}

div#header {
	width: 986px;
	text-align: left;		
	border: 0px none;
	padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:0px;
	margin-left: 0px; margin-right:0px; margin-top:0px; margin-bottom:0px;		
	background: url('../images/bghdr.gif') repeat-y;	
}

div#logo {
	border: 0px none #000;
	width: 207px;
	float: left;	
	}

div#branding {
	border: 0px none #000;
	width: 979px;
	float: left;	
	}

div#location {
	border: 0px none #000;
	width: 212px;
	float: left;	
	}

div#email {
	border: 0px none #000;
	width: 550px;
	float: left;	
	text-align: right;	
	}
	
div#email a {
	font-size: x-small;
	color: #6ff;
	font-size: small;		
}

div#email a:hover {
	color: #00f;	
}
	
div#primarynav	{	 
	width: 970px;
	text-align: center;
	padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:10px;
	margin-left:1px; margin-right:1px; margin-top:0px; margin-bottom:0px;
	border: 0px none #000;
	background: #39c;	
	}

div#primarynav	a.navdummy {
	height: 43px;	
	text-decoration: none;
	margin: 0px;	
	padding-left: 0px;	margin-right: 0px; padding-top: 0px;padding-bottom: 0px;		
	background: url('../images/btnspcr.gif') repeat-x;	
	}




div#primarynav	a.link {	
	height: 43px;	

	text-decoration: none;
	color: #000;
	font-size: x-small;
	font-weight: normal;
	margin: 0px;	
	padding-left: 10px;	padding-right: 10px; padding-top: 2px;padding-bottom: 0px;		
	background: url('../images/bgbtnoff.gif') repeat-x;
	text-align: center;	
	}


div#primarynav	a.link:hover {	 
	height: 43px;
	text-decoration: none;
	color: #fff;
	font-size: x-small;
	font-weight: normal;
	margin: 0px;
	padding-left: 10px;	padding-right: 10px; padding-top: 2px; padding-bottom: 0px;		
	background: url('../images/bgbtnon.gif') repeat-x;
	text-align: center;
	}
		
 

div#main {
	width: 974px;
	text-align: center;
	margin: 0px; margin-left: 6px;
	padding: 0px;
	border-left: 1px solid #003; border-right: 1px solid #003; border-bottom: 1px solid #003;	
	}

div#title	{
	width: 970px;
	border: 0px none;
	padding-left:0px; padding-right:0px; padding-top:5px; padding-bottom:5px;
	margin-left:1px; margin-right:1px; margin-top:0px; margin-bottom:0px;
	text-align: left;
	background: #39c url('../images/bgttl.gif') no-repeat;
	}
	
div#content	{
	width: 970px;		 
	border: 0px none;	
	padding-left:0px; padding-right:0px; padding-top:10px; padding-bottom:10px;
	margin-left:1px; margin-right:1px; margin-top:0px; margin-bottom:1px;
	text-align: left;
	background: #fff;
	}

div#content p {
	text-align: justify;
	font-size: x-small;
	padding: 0px;
	margin-left:0px; margin-right:0px; margin-top:10px; margin-bottom:0px;	
	color: #000;
	}

div#content p a:visited {
	color: #f93;
}
	
div#footer	{	 
	width: 968px;
	text-align: center;
	line-height:2em;
	background: #0c9;
	border: 0px none;; padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:0px;
	margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:0px;	
	font-size: xx-small;
	color: #000;
	}	

div#footer a {
	color: #00f;
	text-decoration: underline;
}

div#footer a:hover {
	color: #6ff;
	text-decoration: underline;
}

/* page title */
h1 {
	font-family: verdana, arial, helvetica, helve, geneva, sans-serif;
	color: #fff;
	font-weight: normal;
	font-size: large;
	padding: 0px;
	margin: 0px;
	margin-left: 10px;
}

/* paragraph heading */
h2 {
	padding: 0px;
	font-family: verdana, arial, helvetica, helve, geneva, sans-serif;
	color: #39c;
	font-weight: bold;
	font-size: x-small;
	margin: 0px;
}

/* sidebar section heading */
h3 {
	font-family: verdana, arial, helvetica, helve, geneva, sans-serif;
	color: #F90;
	font-weight: bold;
	font-size: medium;
}

/* image caption */
h4 {
	font-family: verdana, arial, helvetica, helve, geneva, sans-serif;
	color: #006;
	font-weight: bold;
	font-size: xx-small;
	text-align: center;
	padding: 0px;
	margin: 0px;
}

/* quote /slogan */
h5 {
	font-family: verdana, arial, helvetica, helve, geneva, sans-serif;
	color: #F90;
	font-weight: bold;
	font-size: x-small;
}

/* click to top */
a.clicktotop {
	color: #00f;
	text-align: center;
	font-weight: normal;
	font-size: xx-small;	
}

table.holder {
	margin: 0px;
	padding: 0px;
	margin-left: 10px;	
	width: 951px;
	border: 0px;
	}
	
td.full {
	width: 951px;
	vertical-align: top;		
	}
	
td.twothirds {
	width: 617px;
	vertical-align: top;		
	}
	
td.third {
	width: 307px;	
	vertical-align: top;		
	}
	
td img {
	margin-top: 15px;
}
	
#info {
	margin: 0px;
	width: 940px;
	margin-left: 10px;
}

#info label {

	color: #000;
	font-weight: normal;
	font-size: x-small;
}

#info fieldset {
	display: block;
	width: 930px;	
	color: #39c;
	font-weight: bold;
	margin: 0px 0px 10px 0px;
	padding: 5px;
	font-size: x-small;
}

.field {
	color: #000;
	font-size: 1em;
	margin: 5px;

}	

.fieldbox {
	color: #000;
}	

span.error {
	color: #f00;
	font-weight: normal;
}


div#popupwrapper	{   
	margin: 0 auto;
	padding: 0px;
	border: 0px none;
	width: 785px;	
	text-align:left; 
	}

div#popupheader {
	width: 785px;
	text-align: left;		
	border: 0px none;
	padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:0px;
	margin-left: 0px; margin-right:0px; margin-top:0px; margin-bottom:0px;		
	}

div#popupmain {
	text-align: center;
	padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:0px;
	margin-left: 11px; margin-right:0px; margin-top:0px; margin-bottom:0px;		
	border-left: 1px solid #003; border-right: 1px solid #003; border-bottom: 1px solid #003;	
	width: 764px;	
	}
	
div#popupcontent	{
	width: 757px;		 
	border: 0px none;	
	padding-left:10px; padding-right:10px; padding-top:10px; padding-bottom:10px;
	margin-left:1px; margin-right:1px; margin-top:0px; margin-bottom:1px;
	text-align: left;
	background: #fff;
	}


div#popupcontent p a:visited {
	color: #f93;
	}

div#popupcontent p {
	text-align: justify;
	font-size: x-small;
	padding: 0px;
	margin-left:0px; margin-right:0px; margin-top:10px; margin-bottom:0px;	
	color: #000;
	}	
	
img.blackborder	{
    border: 2px solid #000;;
	}
	
	
#info {position:relative;}
p.bold {padding-left:15px; color:#c00;}
a.linkup {position:relative;}
a.buttonup {position:absolute; top:200px; left:650px; border:0;}
a.buttonup img {border:0;}
.gleft {float:left; margin:25px 0 10px 0;}
.gright {float:right; margin:25px 5px 10px 0;}
.grc {margin:20px 0 0 10px;}


/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.menu {width:950px; height:32px; font-size:0.85em; position:relative; z-index:100;}

/* hack to correct IE5.5 faulty box model */
* html .menu {width:951px; w\idth:950px;}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:149px;}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;position:relative;border:0px none;padding:0px;margin:0px}
.menu li.spacer {float:left;width:2px;position:relative;border:0px none;padding:0px;margin:0px}

/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:13px;text-decoration:none; color:#000; height:43px; border:1px solid #ccc; border-width:0px 0 0px 0px;  background:#ccc url('../images/bgbtnoff.gif') repeat-x; padding-left:6px; padding-right:6px;line-height:16px;}

.menu ul li ul li a { font-size:11px; }
.menu ul li ul li ul li a { font-size:11px; }
.menu ul li ul li a:visited { font-size:11px; }
.menu ul li ul li ul li a:visited { font-size:11px; }

.menu a.spacer {display:block;text-decoration:none; color:#000; width:2px; height:43px; background:#666 url('../images/btnspcr.gif') repeat-x;	line-height:29px;padding:0px;}

/* a hack so that IE5.5 faulty box model is corrected 
* html .menu a, * html .menu a:visited {width:149px; w\idth:138px;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#999 url('../images/drop.gif') bottom right no-repeat;}

/* style the second level hover */
.menu ul ul a.drop:hover{background:#999 background:#666;}
.menu ul ul :hover > a.drop {background:#999 background:#666;}

/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#999;}

/* style the third level hover */
.menu ul ul ul a:hover {background:#666;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:33px;left:0; width:149px;}
/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:31px;}

/* position the third level flyout menu */
.menu ul ul ul{left:149px; top:-1px; width:149px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-149px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#999; color:#000; height:auto; line-height:1em; padding:5px 10px; width:128px;border-width:0 1px 1px 1px;}

/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:221px;w\idth:200px;}
* html .menu a.spacer, * html .menu a.spacer:visited {width:2px; w\idth:2px;background:#666 url('../images/btnspcr.gif') repeat-x; padding:0px;	}

/* style the top level hover */
.menu a:hover{color:#fff; background:#666 url('../images/bgbtnon.gif');border:1px solid #ccc; border-width:0px 0px 0px 0px; }
.menu :hover > a{color:#fff;background:#666 url('../images/bgbtnon.gif');border:1px solid #ccc; border-width:0px 0px 0px 0px; }

.menu ul ul a:hover{color:#fff; background:#666; border:1px solid #ccc; border-width:0px 0px 1px 1px; }
.menu ul ul :hover > a {color:#fff;background:#666; border:1px solid #ccc; border-width:0px 0px 1px 1px; }


/* 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; }

/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}

/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}