html, body {margin:0;padding:0;height:100%}
/* use this reset instead, if buttons lose depressed affect in mozilla
margin:0 0 1em 0 ;
padding:0;
color:#000;
background:#fff;
}*/

body {background-color:#BABDD3; }

@media screen{
body {background-image:url(/images/PiscesTexture.jpg); }
}
@media handheld {
	.nohandheld {display:none;}
	 body{background-image:none;}
}
@media print{
	.noprint {display:none;}
}

.printonly, .handheldonly{display:none;}

form p{text-align:left;}

#contactInfo {font-family: Arial, Helvetica, sans-serif; font-size: 1em;}

p {
	text-align: justify;
	font-size: 1.1em;
}

h1{font-size: 1.8em;text-align: center;font-family: Arial, Helvetica, sans-serif;}

h2{font-size:1.4em;}

.span-Padi {font-family:  Bahamas;font-size: 110%}
.span-PiscesDiver {font-family: "American-Uncial", "American Uncial", serif; font-weight: bold;font-size: 120%}
.span-DAN {font-family: Arial;font-weight: bold;font-size: 14pt;color: #FF0066;}
.span-Oceanic {font-family: verdana;font-weight: bold;font-size: 12pt;}

.webRing {color: #0000FF;background-color: aqua; margin: .8em;}
.webring a {font-family: "Comic Sans MS";font-size: .7em;}

.siteseal{text-align:center;margin:auto;clear:both;margin:2em}

#map {
   width: 79%; 
   height: 500px;
   margin: 0;
   float: left;
 }
 
bulleted indent { text-align: left; margin-left: 5px; margin-top: 0; margin-bottom: 1px }

#copyright {
	font-size: .8em;text-align:center;
	position:relative;
	margin-left:auto;margin-right:auto;
	padding-bottom:.2em;
   bottom:0;
   width:auto;
   height:5em; /*   Height of the footer */
}

cost {
}

DIV.phpGallery_title	{font-family:Verdana, Geneva, Tahoma, sans-serif;font-size: 36pt;font-weight: bold;color: #FFFF80;}
DIV.phpGallery_title a	{font-size: 12pt;}
DIV.phpGallery_footer	{}
DIV.phpGallery_footer a	{}
table.phpGallery_table	{}
table.phpGallery_table tr.phpGallery_tr	{}
table.phpGallery_table td.phpGallery_td	{text-align: center;}
table.phpGallery_table td.phpGallery_td a	{}
table.phpGallery_table td.phpGallery_td img	{border: 2px;border-style: solid;}

span.OceanicProduct {font-size: 17.5pt;font-family: Arial;color: #065590;}

.hid {position: absolute;left: -892px;}
.hidun {}

.margin-bottom {margin-top:2em;margin-bottom: 2em; clear:both}



button.imageButton {
    background-color: transparent;
    border: 0;
    background-color: white;
    background-image:url(images/PiscesTexture.jpg);
    background-repeat: no-repeat;
    background-position: 0 center;
    padding: 0;
    height: 30px;
    width: 176px;
    cursor: pointer;
    font-family: Arial;
}

/* this sets the style for smallMonths in WebCalendar */
.minical td.hasevents {
	 background: olive;
     padding:0 2px;	
}

.noborder {border-width: 0;}

.center {text-align: center;}
.left {text-align:left;}
.right{text-align:right;}
.f-left{float:left;}
.f-right{float:right;}

.clearer {
clear:both;
height:1px;
overflow:hidden;
margin-top:-1px; 
}

.clearboth{ clear:both;}

/*
<p> xxxxxxxxx
<a href="#" class="tooltip">Link text<span>Tooltip text</span></a>
  dolor ante sagittis nibh, eget interdum ante lectus nec est. Fuscerutrum faucibus
  mauris. Aliquam cursus nisl at diam. Lorem ipsum dolor sit amet.
</p>
 */
.tooltip {color: #a00;}

.tooltip:hover span {left: auto;}    
  
.tooltip span {
  position: absolute;
  left: -999em;
  border: 1px solid white;
  background: blue;
  color: white;
  font-weight: bold;
  padding: 2px 4px;
  text-decoration: none;
  }  

.tooltip:hover {
  background: url(/images/bgfix.gif);
  }  /* Applies 1x1 transparent bgfix.gif on hover - IE hover bug fix */
  
.emailscramble {
	/*clip: rect(auto, auto, auto, 14px);*/
	margin-left:1.4em;
	text-align: left;
}

img {border-width: 0;}

/*http://ryanfait.com/resources/footer-stick-to-bottom-of-page/ */


/* homepage  */
.banners div {width: 200px; height: 106px;}
#vcaldiv{height:15em;width:20em; overflow:hidden; border:2px black solid;
	background: white;
	font-family:Arial, Helvetica, sans-serif;
}
.matrix div {float: left;margin: 2px;}
.matrix div, .matrix div a, .matrix div p {text-align: center;}




    /* http://www.cssbuttongenerator.com/ 
    http://css-tricks.com/examples/ButtonMaker/#source-code 
    usage: <a class="pushbutton" href="" onclick="this.blur();"> </a>    */
            
.pushbutton {
    display: block;
    float: left;
   border-top: 1px solid #96d1f8;
   background: #65a9d7;
   background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#65a9d7));
   background: -webkit-linear-gradient(top, #3e779d, #65a9d7);
   background: -moz-linear-gradient(top, #3e779d, #65a9d7);
   background: -ms-linear-gradient(top, #3e779d, #65a9d7);
   background: -o-linear-gradient(top, #3e779d, #65a9d7);
   padding: 8.5px 17px;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 14px;
   font-family: Helvetica, Arial, Sans-Serif;
   text-decoration: none;
   vertical-align: middle;
   }
.pushbutton:hover {
   border-top-color: #28597a;
   background: #28597a;
   color: #ccc;
   }
.pushbutton:active {
   border-top-color: #1b435e;
   background: #1b435e;
}*/


/* http://www.oscaralexander.com/tutorials/how-to-make-sexy-buttons-with-css.html */

clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.mybutton {
    background: transparent url('/images/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.mybutton span {
    background: transparent url('/images/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
} 

a.mybutton:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.mybutton:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}  

.groprofile{
	position:relative;
	bottom:-3px;
}



/* merit badge pages only  */
.meritbadgename {font-family: Arial, Helvetica, sans-serif;font-size:2em; }


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

#google_ad, #facebook {margin-top:3em;text-align: center;}