/* THIS CSS WAS CREATED BY GERRY SCULLION OF THREE60DESIGN.COM FOR SCOTT PORTELLI */
/* NOVEMBER 2009 */

/*-------------------RESET FOR BROWSERS-----------------------------------------------------------*/
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
* {padding: 0px; margin: 0px; }
.clear {clear: both;}

body {	background: url('../images/tile.jpg') repeat-x  #333366;}

/*-------------------FONTS AND LINKS--------------------------------------------------------------*/
h1 {font: 22px "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-weight: normal; color: #333366; line-height: 22px;
 margin: 0px;text-align: left; padding: 0px 0px 8px 0px;display: block; }

h2 {font: 14px "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-weight: bold; color: #333366; line-height: 16px;
 margin: 0px;text-align: left; padding: 0px 0px 8px 0px;display: block; }

h3 {font: 12px "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-weight: bold; color: #6666cc; line-height: 16px;
 margin: 0px;text-align: left; padding: 0px 0px 8px 0px;display: block; }

h4 {font: 12px "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-weight: bold; color: #666;
 margin: 0px;text-align: left; padding: 5px 0px 5px 0px;display: block; }

h5 {font: 14px "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-weight: bold; color: #fffff1;
 margin: 0px;text-align: left; padding: 5px 0px 5px 0px;display: block; }

h6 {font: 12px "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-style: italic; color: #666;
 margin: 0px;text-align: left; padding: 0px;display: block; }

a, p {font: 12px "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-weight: normal; color: #666; line-height: 16px;
 margin: 0px;text-align: left; padding: 0px 0px 8px 0px;}
 
 hr {width:100%; color: #ccc; margin: 10px 0px 15px 0px;}

.info h2 {font: 14px "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-weight: bold; color: #333366; line-height: 16px;
 margin: 0px;text-align: left; padding: 0px 0px 8px 0px;display: block; }



/*-------------------NAV--------------------------------------------------------------*/
.global_navigation {width: 900px; height: 23px; background: #333366;border-top: 1px solid #fff; border-bottom: 4px solid #fff;}
ul#nav li {display: inline;}
ul#nav li a {float: left; font: 10px "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-weight: bold; color: #fff; 
 margin: 0px; text-align: left; padding: 5px 5px 5px 3px;display: block; text-decoration: none; margin: 0px 2px 0px 0px;
 /*border-right: 3px solid #ffffff;*/}
ul#nav li a:hover {color: #ff9900;}
ul#nav li.home a{margin: 0px 0px 0px 10px;}

#sub_navigation {width: 200px;float: left; margin: 30px 0px 0px 0px; padding-left:0px; background: #fff; padding-left: 20px;}
#sub_navigation li.heading {background: #333366; margin: 0px; 
text-transform: uppercase; font-weight: bold; color: #fff; padding: 0px 0px 0px 10px;	}
#sub_navigation li {margin: 0px; font-weight: bold; color: #fff; padding: 5px 20px 10px 10px; border-bottom: 2px solid #333366; border: 1px solid #333366;
background: #d0ddfd;	}	

#sub_navigation a {text-decoration: none;}
#sub_navigation a:hover {color: #333;}

.subnav_thumbs img {margin: 10px 0px 0px 0px;}

#footer a {color: #fff; text-decoration: none;}
#footer a:hover{text-decoration: underline;}
/*ul#footer {margin:auto;}
ul#footer li {display: inline;}
ul#footer li a {float: left; font: 11px "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-weight: bold; color: #ffffff; 
 margin: 0px; text-align: left; padding: 5px 5px 5px 3px;display: block; text-decoration: none; margin: 0px 5px 0px 0px;
 border-right: 1px solid #ffffff;}
 ul#footer li a:hover {color: #ffffff;}
ul#footer li.home a{margin: 0px 0px 0px 5px;}*/

/*-------------------LAYOUT--------------------------------------------------------------*/
.container {width: 900px; background: #fff; margin: 0px auto 0px auto; position: relative;}
.header {width: 900px; height: 240px; background: url('../images/Whale_Snorkel_Header.jpg') no-repeat;}

.content {float: left; width: 600px; margin: 30px 20px 0px 0px; padding-left: 30px;}
.content a {color: #333366; text-decoration: none;  font-weight: bold;}
.content a:hover{color: #666;}

a.help_stop {position: absolute; top: 0px; right: 0px; width: 145px; height: 125px;}

content ul{display: block; list-style: none;padding: 0px ;margin: 0px 0px 8px 0px;	}
.content li {display: block; border: 1px solid #fffff1; background: url('../images/bullet.gif') no-repeat 0px 3px; display: block;	
padding: 0px 8px 8px 24px;margin: 0px;text-align: left;
font: 12px "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-weight: normal; color: #666; line-height: 16px;}
.content li a{display: block; margin: 0px;text-align: left;	}
.content li a:hover{text-decoration: none;}

.footer_sitemap {width: 900px; height:200px; margin: auto; background: url('../images/cap.gif') top no-repeat;
padding-top: 109px; }
.footer_sitemap p {text-align: center; color: #fff;}

form.register { padding: 10px 10px 20px 20px;}
form.register input.field {width:300px; border: 1px solid #333; clear: left; color: #333; margin: 0px 0px 3px 0px; padding: 2px;}
form.register select {width:300px; border: 1px solid #333; clear: left; color: #333; margin: 0px 0px 3px 0px; padding: 2px;}
form.register input.submit {width: 150px; height:20px; background: #333366; font-weight: bold; color: #ffffff; border: none;
padding: 0px 5px 10px 5px; margin: 10px 0px 0px 0px; cursor: pointer; cursor: hand;}
form.register textarea{width:300px; border: 1px solid #333; height:100px;font: 12px "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-weight: normal; color: #666;}

#flash {padding: 0px; margin: 0px;}

/* FLICKR PAGE */
.zg_div {margin:20px 5px 5px 0px; width:500px;}
.zg_div_inner {border: solid 1px #000000; background-color:#ffffff;  color:#666666; text-align:center; font-family:arial, helvetica; font-size:11px;}
.zg_div a, .zg_div a:hover, .zg_div a:visited {color:#3993ff; background:inherit !important; text-decoration:none !important;}