/*////// begin of ELEMENTS //////*/

BODY{
color:#333333;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
line-height:14px;
margin-bottom:0px;
margin-left:0px;
margin-right:0px;
margin-top:0px;
padding-bottom:0px;
padding-top:0px;
scrollbar-3dlight-color:#FFFFFF;
scrollbar-arrow-color: #30C8D6;
scrollbar-base-color:silver;
scrollbar-darkshadow-color:#6A6A6A;
scrollbar-face-color:#FFFFFF;
scrollbar-highlight-color:#FFFFFF;
scrollbar-shadow-color:silver;
background-color: #FFFFFF;
}

A{
color:#81CFE5;text-decoration:none;
}

A:LINK,A:ACTIVE,A:FOCUS, {
color:#81CFE5; text-decoration:none;
}

A:VISITED{
color:#999999;text-decoration:none;
}

A:HOVER{
color: silver;
cursor:hand;
}


H1{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
line-height:20px;
margin:0px;
padding:0px;
font-weight: normal;
}

H2{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
line-height:20px;
margin:0px;
padding:0px;
font-weight: normal;
}

H3{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:11px;
line-height:25px;
margin:0px;
padding:0px;
font-weight: normal;
}

H4{
font-family:Georgia, "Times New Roman", Times, serif;
font-size: 9px;
padding-top:5px;
margin-top:0px;
margin-bottom:0px;
line-height:11px;
font-weight:normal;
}

H5{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
padding-top:5px;
margin-top:0px;
margin-bottom:0px;
line-height:11px;
font-weight:normal;
}

P{
font-family:Arial, Helvetica, sans-serif;
color:#6A6A6A;
font-size:11px;
line-height:14px;
margin:0px;
padding:0px;
font-weight:normal;
}


/*////// end of ELEMENTS //////*/



/*////// begin of COMMON CLASSES //////*/

.date{
font-family:Arial;
color:#999999;
font-size:10px;
font-weight: normal;
}

.sidebar{
padding-left: 15px;
}

.pie{
font:Arial, Helvetica, sans-serif;
font-size:11px;
line-height:12px;
margin:0px;
}

.back_color{
background-color:#81CFE5;
}

.font_white{
color:#FFFFFF;
}

.none:link,.none:hover,.none:visited{color:#333333;text-decoration:none}

/*////// end of COMMON CLASSES //////*/

/*////// begin of AJAX //////*/

#lightbox{
	position: absolute;
	left: 0;
	right:0;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
position:relative;
	background-color: #81CFE5;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top:40%;
	left:0px;
	height:25%;
    right:0px;
	line-height:0;
	display:none;
	}
#hoverNav{
	left:0;
	height:100%;
	margin:0px;
	position: absolute;
	}
#imageContainer>#hoverNav{ left: 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: 50%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { background:  left 0% no-repeat;left: 0; float:left;}
#nextLink { background:  right 0% no-repeat;right:0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../img/prev-white_on.gif) left 5% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../img/next-white_on.gif) right 5% no-repeat; }


#imageDataContainer{

	font-size: 11px;
	font-family: Georgia, "Times New Roman", Times, serif;
	background-color: #81CFE5;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
		}

#imageData{padding-left:10px; padding-bottom:10px;}
#imageData #imageDetails{color:#ffffff; width:70%; float:left; text-align:left; }	
#imageData #caption{color:#ffffff; font-weight:normal; padding-top:0px;}
#imageData #numberDisplay{display:hidden;color:#ffffff; display:block; clear:left; padding-bottom:5px;}			
#imageData #bottomNavClose{float:right; clear:right; padding-right:10px;}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	height: 500px;
	background-color: #81CFE5;
	}


/*////// end of AJAX //////*/