/* CSS Document */

a{
	text-decoration:none;
	color:#ffcc66;
}
a:hover{
	text-decoration:none;
	color:#236070;
}
a:visited{
	text-decoration:none;
	
}
a:active{
	text-decoration:none;
}
h1{
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight:bold;
	color: #660000;
	margin-top:0px;
}
h2{
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:0.9em;
	font-weight:bold;
	color:#FFFFFF;
	margin-top:0px;
	padding: 2px;
}
h3{
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:0.8em;
}
p{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.7em;
	line-height:normal;
	color:#333333;
}
li{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.7em;
	line-height:normal;
	color:#CCCCCC;
}
.navL li{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	line-height:1.7em;
}
td{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	line-height:1em;
	padding:4px;
	padding:4px;
}

#pgcontainer{
	width:900px;
	margin:auto;
}

/*-------------------------HEADER STYLES--------------------------*/
#hdcontainer{
	border-bottom-color:#660000;
	border-bottom-style:solid;
	border-bottom-width:8px;
	height: 95px;
	width:780px;
	background-color:#FFFFFF;
}
#hdL {
	float: left;
	margin:15px 0px 0px 10px;
	background-repeat: no-repeat;
}
#hdR {
	width:550px;
	float:right;
	margin-right:20px;
	margin-top:15px;
}
.hdR{
	text-align:right;
}
.hdnav	{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: .8em;
	font-weight: bold;
	color:#000066;
	text-decoration: none;
	word-spacing: 1.5em;
}
.hdnav a:hover{
	color:#904E41;
}
#hdbanner {
	height: 150px;
	width: 550px;
	float: right;
}
#navtop{
	margin-bottom:10px;
	width:780px;
}
.navtop{
	border-top-color:#000000;
	border-top-style:solid;
	border-top-width:8px;
	text-align:center;
}


/*--------------------------NAV LEFT STYLES-------------------------------- */
#navL{
	float:left;
	width: 150px;
	margin-left:15px;
	margin-bottom:20px;
	margin-top:20px;
	padding:5px;
	background-color:#EEEEEE;
}
.navL{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:.7em;
	line-height:1.8em;
}


/*-----------------------------BODY STYLES-------------------------------------*/
#bdcontainer{
	float:right;
	margin:12px 5px 10px 0px;
	width:550px;
	padding:10px;
}
.bd{
	text-align:justify;
}


/*---------------------------FOOT STYLES-----------------------------------*/
#ftcontainer{
	width:780px;
	border-top:solid 5px #660000;
	border-bottom:solid 10px #336666;
	background-color:#B5B5AC;
	padding-top:5px;
}
.ft{
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:.9em;
	line-height:.8em;
}
/* Removing the list bullets and indentation */
ul#gallery {
  padding:0; 
  margin:0; 
  width:448px; 
  height:336px; 
  position:relative;
  list-style-type:none;
  background:#000000;
  }
  /* Resize the images to 64px x 48px */
#gallery a img {
  position:relative;
  width:62px; 
  height:46px; 
  border:3px solid #000000; 
  z-index:100;
  }
  /* Default style for list items */
#gallery li {
  width:64px; 
  height:48px; 
  float:left; 
  z-index:100;
  }
  /* Styling the left side of the display area */
#gallery li.lft {
  float:left; 
  clear:left;
  }
  /* Styling the right side of the display area */
#gallery li.rgt {
  float:right; 
  clear:right;
  }
  /* Force the bottom row of images into place (IE only) */
#gallery li.pad {
  height:0; 
  display:block; 
  margin-top:-2px; 
  width:448px; 
  font-size:0;
  }
  /* Getting rid of the image gaps */
#gallery a {
  position:relative; 
  width:64px; 
  height:48px; 
  display:block; 
  float:left; 
  z-index:100; 
  cursor:default;
  }
  /* Resizing the link on hover */
#gallery a:hover {
  width:160px; 
  height:120px; 
  padding:108px 144px; 
  position:absolute; 
  left:0; 
  top:0; 
  z-index:20;
  }
  /* Resizing the thumbnail on hover */
#gallery a:hover img {
  background:#000000; 
  position:relative; 
  width:160px; 
  height:120px; 
  border:0; 
  z-index:20;
  }
  /* Resizing the link when 'clicked' */
#gallery a:active, #gallery a:focus {
  background:transparent; 
  width:320px; 
  height:240px; 
  padding:48px 64px; 
  position:absolute; 
  left:0; 
  top:0; 
  z-index:10;
  }
  /* Resizing the image when 'clicked' */
#gallery a:active img, #gallery a:focus img {
  background:#000000; 
  position:relative; 
  width:320px; 
  height:240px; 
  border:0; 
  z-index:10;
  }

  /* Adding the background image */
ul#gallery {
  padding:0; 
  margin:0; 
  width:448px; 
  height:336px; 
  position:relative; 
  background:#000000 url(images/gallerys/aquatics/000.jpg);
  }
  /* hack for Opera 7+ */
@media all and (min-width:0px){
#gallery a:hover {
  background:#000000; 
  width:320px; 
  height:240px; 
  padding:48px 64px; 
  position:absolute; 
  left:0; 
  top:0; 
  z-index:10;
  }
#gallery a:hover img {
  background:#aaa; 
  position:relative; 
  width:320px; 
  height:240px; 
  border:0; 
  z-index:10;
  }
}