/* CSS Document */

/* old two column .content { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; width:500px; margin-left:50px; margin-top:50px; display:block;} */

.header {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; margin-top:0px; margin-left:auto; margin-right:auto; width:1000px; background-color:white; border:inset;  border-color:#000000; border-width:2px; color:#000000;}
/*.header a:link {color:#DD8019; text-decoration:underline; font-weight:bold;}
.header a:hover {color: #662E0B; text-decoration:none; font-weight:bold;}
.header a:visited {color:#DD8019; text-decoration:underline; font-weight:bold;}*/

.header a:link {color: #DD8019; text-decoration: underline;}
.header a:visited {text-decoration: underline; color: #dd8019;}
.header a:hover {text-decoration: none; color: #6AC24A;}
.header a:active {text-decoration: underline;}
.header a {font-weight: bold;}

.header li {display: inline; list-style-type: none;	padding-left: 15px; padding-right: 40px;}

.content {font-family:Verdana, Arial, Helvetica, sans-serif; position:0; font-size:11px; margin-top:10px; margin-left:auto; margin-right:auto; padding:25px 0 25px 25px; width:1000px; background-color:white; border:inset;  border-color:#000000; border-width:2px;}

.contentleft {font-family:Verdana, Arial, Helvetica, sans-serif; position:0; font-size:11px; margin-top:10px; margin-left:auto; margin-right:auto; padding:25px 0 25px 25px; width:480px; background-color:white; border:none; float:left;}

.contentright {font-family:Verdana, Arial, Helvetica, sans-serif; z-index:1; font-size:11px; margin-top:10px; margin-left:auto; margin-right:auto; padding:25px 0 25px 25px; width:450px; background-color:white; float:right; display:block;}

.right {font-family:Verdana, Arial, Helvetica, sans-serif; position:absolute; left:990px; top:25px; font-size:11px; padding:25px 0 25px 25px; width:350px; background-color:white; border:inset;  border-color:#000000; border-width:2px; z-index:1;}

.locations {font-family:Verdana, Arial, Helvetica, sans-serif; position:0; font-size:11px; margin-top:10px; margin-left:auto; margin-right:auto; padding:25px 0 25px 25px; width:600px; background-color:white; /*border:inset;  border-color:#000000; border-width:2px;*/}


h1 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;}
h2 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal;}

p {line-height:150%;}

.naked {color:#DA9C38; font-weight:bold;}
.cloaked {color:#5C1F01; font-weight:bold;}
.biscotti {color:#6AC24A; font-weight:bold;}
.salted {color:#924100	; font-weight:bold;}

ul.items {padding-left:99px;}

a.nakedLink:link {color:#DA9C38; font-weight:bold; text-decoration:underline;}
a.nakedLink:hover {color:#FFFFFF; background-color:#DA9C38; font-weight:bold; cursor:text;} 
a.nakedLink:visited {color:#DA9C38; background-color:#ffffff; font-weight:bold; text-decoration:underline;}

a.cloakedLink:link {color:#5C1F01; font-weight:bold; text-decoration:overline;}
a.cloakedLink:hover {color:#FFFFFF; background-color:#5C1F01; font-weight:bold;} 
a.cloakedLink:visited {color:#5C1F01; background-color:#ffffff; font-weight:bold; text-decoration:overline;}

a.cloakedHover:link {color:#5C1F01; font-weight:bold; text-decoration:none; cursor:text;}
a.cloakedHover:hover {color:#FFFFFF; background-color:#5C1F01; font-weight:bold; cursor:text;}
a.cloakedHover:visited {color:#5C1F01; background-color:#ffffff; font-weight:bold; text-decoration:none; cursor:text;}

.bottomimages {align="center"; padding:25px 0px 0px 25px; display:inline}
img.btm {padding-left:10px; padding-right:10px;}

.rightSide {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; width:300px; margin-left:650px; margin-top:-212px;}

/*div.gridimg
  {padding:25px 0px 0px 25px; display:inline;}
  
div.gridimg img
{padding-left:10px; padding-right:10px; display:inline;}

div.gridimg a:hover img
  {
  border:0px solid #0000ff;
  }
*/div.griddesc
 {align="center"; padding:25px 0px 0px 25px; display:inline}
 
 #lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }

#lightbox{	position: absolute;	left: 0; width: 50%; 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:image/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(../imgs/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../imgs/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; }