@charset "utf-8";
/* CSS Document */

* {margin:0 auto;}
body {background-color:#6ae4f3; background-image:url(../img/bgImg.jpg); background-repeat:repeat-x; font-family:Arial, Helvetica, sans-serif; color:#333333;  }
a:link {color:#0386a2;}
a:visited {color:#999999;}
img {border:0;}
.siteWrapper {width:950px;}
.logo {width:950px;}

/* navigation */
/* ================================================================ 
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/drop_examples.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.nav {margin:5px; list-style-type:none; width:500px; font-size:12px; font-weight:bold; color:#fff; float:right; background-color: #0898a8; position:relative; z-index:10000;
}
.nav ul {
padding:0; margin:0; list-style-type:none; /* for Firefox */ margin-bottom:10px; 
}
.nav li {
float:left; padding-left:5px; padding-right:10px;
}

.nav li a, .nav li a:visited {
display:block; text-decoration:none; color:#fff;  padding:5px; 
}

.nav li ul {
visibility:hidden; position:absolute; overflow:hidden;
}
.nav table {
margin:-1px; border-collapse:collapse; font-size:1em; /* font size for IE5.5 */
}

/* fist line style for IE7 and non-IE browsers and the second line for IE5.5 and IE6 */
.nav li:hover a,
.nav li a:hover {
text-decoration:underline; border:0; background-color:#000;
}
.nav li:hover ul,
.nav li a:hover ul {
visibility:visible; height:auto; width:100px; background:#000; left:5; top:20; overflow:visible; font-weight:bold; 
}
.nav li:hover ul li a,
.nav li a:hover ul li a {
display:block; font-weight:bold;  text-decoration:none;
}

.nav li:hover ul li a:hover,
.nav li a:hover ul li a:hover {
text-decoration:underline; background-color:#333333; width:85px;
}
/* end navigation */


.mainContent {width:950px; background-color:#f7fafa; height:429px; border:1px solid #d6d5d5; font-size:12px;}
.galleryContent {width:950px; background-color:#f7fafa; height:460px; border:1px solid #d6d5d5; font-size:12px;}

.siteText {width:375px; overflow:auto; height:429px; float:right; border-left:1px dotted #eaebeb;}
.siteText h2 {padding:10px;}
.siteText h3 {padding:10px;}
.siteText p {padding:10px;}
.siteText strong {padding:10px;}
.contactInfo {padding:10px; font-size:12px;}

.nopbreak h3 {padding-bottom:0; font-size:13px; color:#0998A8;}
.nopbreak p {padding-top:0;}

.copyright {width:950px; text-align:right; color:#fff; font-size:11px; padding-top:5px;}
.social {width:400px; float:left;}
.copyright img {float:left; padding-left:8px; display:inline}

.floatLeft {float:left;}
.marginL50 {margin-left:30px;}
.clearFloats {clear:both}

#container h1 {color:#0998A8; font-size:20px;}
 
 /*** Slideshow -- set the width and height to match your images **/

#homeSlideshow {
    position:relative;
    height:428px;
}

#homeSlideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#homeSlideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#homeSlideshow IMG.last-active {
    z-index:9;
}     

/*** Contact Form Styles ***/


#contact-area input, #contact-area textarea {
	padding: 4px;
	width: 150px;
	font-family: Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px 0px 10px 0px;
	border: 1px solid #90dddd;
}

#contact-area textarea {
	height: 50px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 1px solid #90dddd;
}

#contact-area .submit-button {
	width: 100px;
	float: right;
	margin-right:40px;
	background-color:#fff;
	border:none;
}

label {
	float: left;
	text-align: right;
	margin-right: 15px;
	width: 150px;
	padding-top: 5px;
	font-size: 12px;
}

.required {float:right; color:#999; font-size:9px; padding:0px; margin-right:30px;}