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

h1{font: 12pt georgia, sans-serif;}
h2{font-family:Geneva, Arial, Helvetica, serif;}
h3{font: 8pt georgia, sans-serif; color: #FFF;}
h4{font: 12pt Geneva, Arial, Helvetica, sans-serif; color:#004626; font-style:bold;}
h5{font: 13pt Arial, Helvetica, sans-serif;}


body{
margin:0;
padding:0;
line-height: 1.5em;
font: 12pt georgia, sans-serif;}

b{font-size: 100%;}

em{color: #004f2f;}

img{border-style: none;}

#all{width: 1024px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
}

#maincontainer{
width: 1024px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
}

#nextcontainer{
width: 1024px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
}

#header{
	height:85px;
	background-image: url(images/header.gif);
}

#slide{
padding-top:5px;
height:200px;}

#body{
width:100%;
padding-top:4px;
margin: 0 auto; /*Center container on page*/}


#main a {font: 12pt georgia, sans-serif;
font-weight:bold;
text-decoration:none;
color:#004f2f;}

#main a:hover {
	text-decoration: none;
	color:#666666;
}

#quick{
float: left;
width: 190px; /*Width of right column*/
margin-left: -190px; /*Set left margin to -(RightColumnWidth) */
background: #FDE95E;
}

#content{
float: left;
width: 100%;
}

#side{
background-image: url(../images/side.jpg);
width:190px;
font:#ffffff;
}

#side a {font: 13pt Arial, Helvetica, sans-serif;
font-weight:bold;
text-decoration:none;
color:#ececec;}

#side a:hover {
	text-decoration: none;
	color:#004f2f;}

#footer{
background-image: url(../images/foot.jpg);
font: #0000000;

}

#footer a{
font: 8pt georgia, sans-serif; 
color: #FFFFFF;
text-decoration:none;
}

#footer a:hover {
	text-decoration: none;
	color:#004f2f;}
	
.wrap{
margin: 5px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 5px;}

#maincontainer #footer {
	background-color: #004f2f;
}

#centralbody {
	width: 1024px; /*Width of main container*/
	margin: 0 auto; /*Center container on page*/}

#featured-spots
{
	width: 1024px; /*Width of main container*/
	margin: 0 auto; /*Center container on page*/
	padding-top:30px;
	padding: 0.0em;
	margin-top:30px;
	margin-left: auto !important;
	margin-left: /* -164px; */ -7.8em;
	height: 240px !important;
	
		
}

#featured-spots img
{
	border: 0.0em;
}
#textbody{
background-color:#FFF;
width:750px;
}

#login{
width:188px;
padding-left:3px;
font:#ffffff;
}

/*--testing area--*/
#s3slider {
   width: 1024px; /* important to be same as image width */
   height: 240px; /* important to be same as image height */
   position: absolute;  /* important */
   overflow: hidden; /* important */
}

#s3sliderContent {
   width: 1024px; /* important to be same as image width or wider */
   position: absolute;
top: 0px;
margin-left: 0px;
left: 0px;
border: 0px;
float: left;
margin: 0px;
margin-right: 0px;
padding: 0px;
right: 0px;
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   font: 11pt Arial, Helvetica, sans-serif;
   padding: 15px 20px;
   width: 1024px;
   background-color: #000;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   bottom: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.s3sliderImage span a{font: 10pt georgia, sans-serif;
font-weight:bold;
text-decoration:none;
color:#004f2f;}

.clear {
   clear: both;
}