/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/*                                             LAYOUT                                          */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

html, body {
    margin:0px;
    padding:0px;
    background-color: #E6DDCF;
    height: 100%;
    }

#outer-wrapper {
    background-image: url(pics/outer-wrapper.gif);
    margin:8px auto;
	padding:0px;
    width: 1000px;
    overflow: hidden;
    background-repeat: repeat-y;
    background-position: top;
    font-size:0px;
}

#wrapper {
    background-color: #FDFBF8;
    margin:0px auto;
	padding:0px;
    width: 1000px;
    background-image: url(pics/content_bg.gif);
    }
    
#header {
    margin:0px;
    padding:0px;
    background-color: #3A2B20;
    }
	
#header-content {
	width:1000px;
	height:150px;
    margin:0px;
    padding:0px;
    background-image: url(header.jpg);
    }

#header-bottom {
    margin:0px;
    padding:0px;
    height: 20px;
    font-size: 11px;
    color: #bbbbbb;
}

#header-bottom-content {
	margin: 0px;
	padding: 0px;
	background-color: #3A2B20;
	height: 20px;
       font-size: 11px;
       color: #bbbbbb;
}

#column-left {
    float: left;
    margin:0px;
    padding: 0px;
    }

#column-left-content {
    width: 180px;
    margin: 0px;
    padding-top: 18px;
    padding-right: 0px;
    padding-bottom: 30px;
    padding-left: 0px;
    background-color: #3A2B20;
    }



img { border: 0; } 




#column-right {
    float: right;
    margin:0px;
    padding: 0px;
    }

#column-right-content {
    width: 180px;
    margin: 0px;
    padding-top: 18px;
    padding-right: 0px;
    padding-bottom: 30px;
    padding-left: 0px;
    background-color: #3A2B20;

    }













#main {
    margin:0px 0px 0px 15px;
    float: left;
    padding:0px;
    }

#main-content {
    width: 610px;
    margin: 10px auto;
    padding: 0px;
    overflow: hidden;
	min-height:425px;
    }
    
#footer {
    clear:both;
    margin:0px; padding:0px;
    }
    
#footer-content {
    margin:0px;
	padding: 0px;
    background-color: #3A2B20;
    height: 20px;
}

#clear {
    clear:both;
    height:0px;
}


#tableleft {
    margin:0px;
    background-image: url(columnleftbg.jpg);
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/*       D R O P S H A D O W 		http://alistapart.com/articles/cssdropshadows	           */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

.img-shadow {
	float:left;
	background: url(pics/shadow_alpha.png) no-repeat bottom right !important;
	background: url(pics/shadow.gif) no-repeat bottom right;
	margin: 10px 0 0 5px;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 10px;
  }

.img-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 10px;
  }
  
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/*                                             C O N T E N T                                   */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

.tag1 {
    margin:0px;
    padding-top: 25px;
    padding-right: 0px;
    text-align: center;
    color: #006633;
    letter-spacing:6px;
    line-height:30px;    
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 24px;
    text-transform: lowercase;
    }
    
.tag2 {
    margin:0px;
    padding-top: 25px;
    padding-left: 0px;
    padding-right: 0px;
    text-align: center;
    color: #FDFBF8;
    letter-spacing:6px;
    line-height:18px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    }
	
.headerMenu, .headerMenu a, .headerMenu a:link, .headerMenu a:visited, .headerMenu a:hover, .headerMenu a:active {
	color:#FDFBF8;
	text-align: right;
	font-family: Verdana CE, Helvetica CE, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	line-height: 17px;
}

h1 {
	color: #222222;
	font-family: Verdana, Helvetica CE, serif;
	font-size: 16px;
	font-style: bold;
	line-height: 30px;
	text-align: center;
	border: 0px solid #a49188;
}

h2 {
	color: #222222;
	padding-top: 11px;
	padding-bottom: 0px;
	font:11px Verdana, Helvetica CE, sans-serif;
	font-weight: bold;
}

.text {
    font:11px Verdana CE, Helvetica CE, sans-serif;
    color:#000000;
    line-height:22px;
    font-size: 12px;
    text-align: justify;
}

.textWarning {
    color:#FF0000;
}

.text a, .text a:link, .text a:visited, .text a:hover, .text a:active {
    text-decoration: underline;
}

.code {
    overflow: auto;
    border: 1px dotted #999999;
    margin: 0px;
    padding: 10px;
    background-color: #F5F5F5;
    font-family: "Courier New", Courier, mono;
    font-size: 10px;
}

.copyright, .copyright a, .copyright a:link, .copyright a:visited, .copyright a:hover, .copyright a:active {
	color:#999;
	text-align: center;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	padding-bottom: 20px;
}

.click2enlarge {
	/*color:#a49188;*/
	color:#003366;
	font-style: normal;
	line-height: 0px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}


#gmCaption, #gmCaption a, #gmCaption a:link, #gmCaption a:visited, #gmCaption a:hover, #gmCaption a:active {
	font-size: 11px;
	text-decoration: none;
}

.infoWindow {
	/*white-space:nowrap;*/
	width:350px;
	text-align: justify;
	line-height:14px;
}



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/*                       M E N U             adapted from www.cssplay.co.uk                    */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* ================================================================ 
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/flyout2.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.
=================================================================== */

.menu {
	z-index:1000;
	font-family: Verdana CE, Helvetica CE, sans-serif;
	font-size: 12px;
}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
	padding:0;
	margin:0;
	list-style-type:none;
  	width:180px;  
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FDFBF8;
}

/* hack for IE5.5 */
* html .menu ul {margin-left:-1px; ma\rgin-left:0;}

/* position relative so that you can position the sub levels */
.menu li {
	z-index:1000;
	position:relative;
	background:#CCCC99;
	height:30px;
}

/* get rid of the table */
.menu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}

/* style the links */
.menu a, .menu a:visited {
	display:block; 
	text-decoration:none;
	height:29px;
	line-height:28px;
  	width:180px;  
	color:#111111;
	text-indent:5px;
	border-bottom-width: 1px;    
	border-left-width: 1px; 
	border-bottom-style: solid;    
	border-bottom-color: #FDFBF8;   
}

/* hack for IE5.5 */
* html .menu a, * html .menu a:visited {background:#9EB6EB; width:160px; w\idth:160px;}

/* style the link hover */
* html .menu a:hover {color:#FDFBF8; background:#3A2B20;}

.menu :hover > a {
	color:#FDFBF8; 
	background:#3A2B20;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
	visibility:hidden;
	position:absolute;
	top:-1px;
	left:180px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FDFBF8;
}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul, .menu ul a:hover ul {
	visibility:visible;
}

/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
	visibility:hidden;
}

/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{
	visibility:hidden;
}

/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ 
	visibility:visible;
}

/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul { 
	visibility:visible;
}











/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/*                    P H O T O G A L L E R Y       adapted from www.cssplay.co.uk             */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

/* needed for IE to make :active state work first time */
a, a:visited {color:#222222; text-decoration:none;}

a.gallery, a.gallery:visited {display:block; display:inline-block; color:#000; text-decoration:none; border:1px solid #a49188; width:100px; height:67px; float:left; margin:4px; z-index:50;}
a.gallery em, a.gallery span {display:none; text-decoration:none;}
a.gallery:hover {border:1px solid #222222; text-decoration:none;}

#container_top {position:relative; width:550px; height:582px; border:1px solid #a49188; margin:1em auto; text-decoration:none;}
#container_top img {border:0;}
#container_top .thumbs {position:absolute; left:0; top:0;}
#container_top a.gallery:hover span {display:block; position:absolute; width:527px; height:50px; top:150px; left:5px; padding:4px; font-style:italic; color:#003366; text-decoration:none; z-index:100;}
#container_top a.gallery:hover span:first-line {font-style:normal; text-decoration: none; font-weight:bold; font-size:1em; color:#003366;}
#container_top a.gallery:active, #container_top a.gallery:focus {border:1px solid #003366;text-decoration:none;}
/*#container_top a.gallery:active em, #container_top a.gallery:focus em {display:block; position:absolute; width:527px; height:354px; top:-390px;left:-1px; padding:12px; color:#000; background:#E6DDCF; border:1px solid #a49188; z-index:150;}*/
#container_top a.gallery:active em, #container_top a.gallery:focus em {display:block; position:absolute; width:527px; height:354px; top:210px; left:5px; padding:5px; color:#006633; background:#E6DDCF; border:1px solid #a49188; text-decoration:none; z-index:150;}
#container_top h3 {clear:both; margin:0; padding-top:300px; line-height: 1em; text-align:center; font-family: georgia, "times new roman", serif; font-size:3em; font-weight:normal; color:#006633;}
#container_top h3 em {font-size:0.6em; color:#006633;}

#copyright {position:relative;    top:-10px;    width:120px;    height:11px;    z-index:1;    font-size:10px; font-family: Verdana, Arial, Helvetica, sans-serif;    color:#003366;    text-align: right;    left: 436px;}gn:center; font-family: georgia, "times new roman", serif; font-size:3em; font-weight:normal; color:#006633;}
#container_top h3 em {font-size:0.6em; color:#006633;}








/*------------------------- LIGHTBOX ---------------------------*/
#lightbox 
{
	position: absolute;
	left: 0; 
	width: 100%; 
	z-index: 100; 
	text-align: center; 
	line-height: 0;
}

#lightbox img { 
	width: auto; 
	height: auto;
}

#lightbox a img { 
	border: none;
}

#outerImageContainer {
	position: relative; 
	background-color: #fff; 
	width: 250px; 
	height: 250px; 
	margin: 0 auto;
}

#imageContainer {
	padding: 10px;
}

#loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}

#hoverNav {
	position: absolute;
	top: 0;
	left: 0; 
	height: 100%; 
	width: 100%; 
	z-index: 10;
}
#imageContainer>#hoverNav {
	left: 0;
}

#hoverNav a {
	outline: none;
}

#prevLink, #nextLink {
	width: 49%;
	height: 100%;
	background-image: url(data:js/gif;base64,AAAA);
	/* Trick IE into showing hover */ 
	display: block; 
}

#prevLink {
	left: 0;
	float: left;
}

#nextLink {
	right: 0;
	float: right;
}

#prevLink:hover, #prevLink:visited:hover { 
	background: url(../js/prevlabel.gif) left 15% no-repeat; 
}

#nextLink:hover, #nextLink:visited:hover { 
	background: url(../js/nextlabel.gif) right 15% no-repeat; 
}

#imageDataContainer { 
	font: 10px Verdana, Helvetica, sans-serif; 
	background-color: #fff; 
	margin: 0 auto; 
	line-height: 1.4em; 
	overflow: auto; 
	width: 100%; 
}

#imageData {
	padding:0 10px; 
	color: #666; 
}

#imageData #imageDetails { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	

#imageData #caption { 
	font-weight: bold;
}

#imageData #numberDisplay { 
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;
}			

#imageData #bottomNavClose { 
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;
	outline: none;
}	 	

#overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000; 
}
/*----------------------------------------------------------------*/