/* CSS Document */

/* ================================================================ 

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.stunicholls/gallery/left_right_click.html

Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.

This stylesheet and the associated (x)html may be modified in any 

way to fit your requirements.

=================================================================== */


/*=========================================
   Information Pages Css goes below here  
=========================================*/

body{margin:0px; font-family: "Lucida Grande", "Arial", "Helvetica", "sans-serif";}

div#body{margin:auto; width:700px; padding-top:30px; }

div#shadow{position:absolute; margin-top:-104px; width:500; height:10px; padding-left:20px; }

div#logo{position:absolute; width:145px; height:90px; padding-left:5px; }
div#title{position:absolute; width:145px; height:90px; padding-left:9px;  margin-top:210px; font-size:13pt; color:#0B7A3E;}
div#title h3{font-size:13pt; color:#0B7A3E;}

div#links{position:absolute; width:150px; padding-left:9px; margin-top:260px; }
div#links h3{margin: 3px 0 3px 0; padding:5px; background-color:#EEEEEE; color:#333333; font-size:13px; font-weight:normal; border-bottom-style:solid; border-width:thin; border-color: #999999;}
div#links a{margin: 3px 0 3px 0; padding-left:5px; color:#666666; font-size:11px; font-weight:normal; text-decoration:none; display:block; }

div#content{position:absolute; width:550px; margin-left:150px;border-left-style:solid; border-width:thin; border-color: #CCCCCC;}

div#contentTitle{padding-left:20px;font-family: "Lucida Grande", "Arial", "Helvetica", "sans-serif"; font-size:18px; margin-bottom:7px;  }
div#contentTitle h1{font-family: "Lucida Grande", "Arial", "Helvetica", "sans-serif"; font-size:24px; color:#333333; margin:0 10px 0px 0px;   }

div#contentText{ position:relative; margin-top:80px; padding-left:20px; font-family: "Lucida Grande", "Arial", "Helvetica", "sans-serif"; font-size:12px;}
div#contentText h2{ font-family: "Lucida Grande", "Arial", "Helvetica", "sans-serif"; font-size:14px; color:#0B7A3E; margin:0px;}

div#attractionLogo{ position:absolute; width:240px; height:150px; padding-left:20px; margin-top:50px; padding-top:15px;}
div#attractionContact{ position:absolute; width:300px; margin-left:280px; font-family: "Lucida Grande", "Arial", "Helvetica", "sans-serif"; font-size:12px; color:#666666; margin-top:50px;}




/*=========================================
   Gallery Formating Css goes below here  
=========================================*/


#gallery {width:540px; position:relative; padding-top:275px; padding-left:20px; margin:0 0 0 0;}

#gallery img.left {width:35px; height:62px; background:white; float:left; cursor:pointer;}

#gallery img.right {width:36px; height:62px; background:white; float:left; cursor:pointer;}

#gallery ul {list-style:none; width:512px; padding:5px; margin:0; float:left; background:#fff; border:3px solid #fff;
border-width:5px 2px 5px 2px;}

#gallery ul li {display:inline; width:30px; height:30px; float:left; margin:0 4px; border-style:solid; border-color:#888888; border-width:1px; cursor:pointer;}

#gallery ul li.hide {display:none;}




/* remove visibility:hidden; if you want to se the original images as thumbnails */

#gallery ul li img {visibility:hidden; display:block; width:30px; height:30px;}

#gallery ul li span{display:none; position:absolute; left:30px; top:-20px; width:500px; font-family: "Lucida Grande", "Arial", "Helvetica", "sans-serif"; font-size:12px;
color:#333333;  line-height:15px; text-align:right;}

#gallery ul li b{color:#333333;}

#gallery ul li.chosen {border-color:#0B7A3E; border-width:1px; cursor:default; }

#gallery ul li.chosen div { position:absolute; left:0; top:0; width:522px; height:272px; margin-left:20px; background:#CCCCCC; border:0px solid #000; 
border-width:0 0 0 0;}


#gallery ul li.chosen div i {width:522px; height:250px; display:table-cell; vertical-align:middle; text-align:center;}

#gallery ul li.chosen div i img{visibility:visible; width:auto; height:auto; border:1px solid #aaa; margin:10px; border:1px solid #333333; }


#gallery ul li.chosen span {display:block;}


/*=========================================
   Map Formating Css goes below here  
=========================================*/


div#whole .infoWindow {width:130px; }
	div#map{width:500px; height:100px; position:inherit;}
	div#mapTitle{width:500px; height:32px; background-color:#034c8f; vertical-align:middle; padding-top:2px;}
	#mapbg{}
	div#mapSelect{width:500px; height:30px; line-height:20px; background-color:#034c8f; vertical-align:middle; margin:0px; padding:0px; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold;}
	div#side_bar{font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#333333; text-decoration:none; padding-top:10px; padding-left:10px;}
	div#side_bar a{text-decoration:none; color:#333333;}
	div#side_bar a:hover{text-decoration:none; color: #666666;}
	
	div#title{ font-family:Arial, Helvetica, sans-serif; color:#0B7A3E;}
	div#phone{ font-family:Arial, Helvetica, sans-serif; color:#034c8f; font-size:12px;}
	div#link{font-family:Arial, Helvetica, sans-serif; color:#034c8f;font-size:12px; cursor:pointer;}