A:Hover {
text-decoration: underline;
color: #66CC00;
}
A:Link {
text-decoration:none;
color: #006633;
}
A:Visited {
text-decoration:none;
color: #006633;
}
.topRight {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 13px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: left;
	text-indent: 0px;
	margin-left: 10px;
	text-decoration:none;
}
.Header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	text-align: left;
	text-indent: 0px;
	margin-left: 14px;
	line-height: 32px;
}
.bodyText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	text-align: left;
	text-indent: 0px;
}
.bodyText A:Link {
text-decoration:none;
font-weight: bold;
color: #006633;
}
.bodyText A:Hover {
text-decoration:underline;
font-weight: bold;
color: #66CC00;
}
.bodyText A:Active {
text-decoration:none;
font-weight: bold;
color: #006633;
}
.bodyText A:Visited {
font-weight: bold;
}
.bodyHeading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: bold;
	color: #66cc00;
	text-align: left;
	text-indent: 0px;
	line-height:20px;
}
.bodySubHeading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	color: #666666;
	text-align: left;
	text-indent: 0px;
}
.leftNav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: 20px;
	font-weight: bold;
	color: #006633;
	text-align: left;
	text-indent: 0px;
	margin-left: 15px;
}
.leftNav A:Link {
text-decoration:none;
font-weight: bold;
color: #006633;
}
.leftNav A:Hover {
text-decoration:none;
font-weight: bold;
color: #FFFFFF;

}
.leftNav A:Active {
text-decoration:none;
font-weight: bold;
color: #006633;
}

/*Images Area************************************************************************/

   #imagearea {
      text-align:center;
      margin:0px 0px 0px 0px;
	  padding:0;
	  border:0;
   }

	#imagearea A:Link {
	text-decoration:none;
	font-weight: bold;
	color: #FFFFFF;
	background: #FFFFFF;
    border:0;
    margin:0;
    padding:0;
	}

	#imagearea A:Hover {
	text-decoration:underline;
	font-weight: bold;
	color: #FFFFFF;
	background: #FFFFFF;
    border:0;
    margin:0;
    padding:0;
    }

	#imagearea A:Active {
	text-decoration:none;
	font-weight: bold;
	color: #FFFFFF;
	background: #FFFFFF;
    border:0;
    margin:0;
    padding:0;
	
	}
	#imagearea A:Visited {
	font-weight: bold;
	background: #FFFFFF;
    border:0;
    margin:0;
    padding:0;
	}

   #imagearea p.imagebox {
      background: #DDDDDD;
      width:137px;
      height: 105px;
      float:left;
      text-align:center;
      margin:0px 0px 10px 30px;
      border-style: solid;
      border-color:#FFFFFF;
      border-width:0px;
   }

   #imagearea p.imagebox img{
      float:left;
      text-align:center;
      margin:2px;
	  border-color:#FFFFFF;
   }


   #imagearea p.imagebox span{
      color:#FFFFFF;
      background: #FFFFFF;
      float:left;
      width:129px;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 9px;
      text-align: center;
      position: relative; 
      z-index: 102;
      top: 0px; 
      right: 0px;
      margin:0px 2px 2px 4px;
   }

/*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: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(../images/prevlabel.gif) left 15% no-repeat; 
   }

   #nextLink:hover, #nextLink:visited:hover { 
      background: url(../images/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; 
   }