/* 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:950px; 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; margin-left:20px;}
div#title{position:absolute; width:145px; height:90px; padding-left:5px;  margin-top:180px; margin-left:20px;}

div#links{position:absolute; width:140px; margin-top:200px; margin-left:20px; color:#999999; font-size:11px; padding-left:}
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:0px; color:#333333; font-size:12px; font-weight:normal; text-decoration:none; display:block; }

div#content{position:absolute; width:550px; margin-left:160px; 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{ 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:#666666; margin:0px;}




/*=========================================
   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:#003399; 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;}