/* BODY */
body
{
	/*BACKGROUND-COLOR: black;*/
}


/* FONT SIZE */
a, h1, h2	{ FONT-SIZE: 100%; }
p, li		{ FONT-SIZE: 80%; }
.info   	{ FONT-SIZE: 60%; }
.unseen 	{ FONT-SIZE: 0%; }

a, h1, h2, p, li, .info, .unseen {
    FONT-FAMILY: Verdana, 'Times New Roman', Serif;
	BACKGROUND-COLOR: transparent;
}


.unseen {
    COLOR: white;
	BACKGROUND-COLOR: transparent;
}


/* HORZ RULEZ */
hr {
	border-style:solid;
	border-width:1px;
	border-color:#FFFFFF;
	width:80%;
}
.hr_small {
	border-style:solid;
	border-width:1px;
	border-color:#000000;
	width:25%;
/*	align:left;*/
}
.hr_content {
	border-style:solid;
	border-width:1px;
	border-color:#000000;
	width:90%;
/*	align:center;*/
}


/* HYPERLINKS */
a, .info {
    TEXT-DECORATION: none;
/*	text-transform: capitalize;*/
}
a:hover {
    TEXT-DECORATION: underline;
}
h1 a:link, .info:link {
    COLOR: #ffffff;
	BACKGROUND-COLOR: transparent;
}
h1 a, h1 a:visited{
    COLOR: #ffffff;
	text-transform:uppercase !important;
}
a:link, .info:link {
	color:#000099;
	BACKGROUND-COLOR: transparent
}
a:visited, .info:visited {
    COLOR:#990066;
	BACKGROUND-COLOR: transparent;
}


/* TABLES */
table, tr, td, .box_bottom {
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    PADDING-TOP: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    TEXT-ALIGN: left;
	BORDER-STYLE: solid;
	BORDER-WIDTH: 0px; 
	BORDER-COLOR: #000000;
	VERTICAL-ALIGN: top;
}


/* IMAGES */
img {
	BORDER-WIDTH: 0px;
	padding:0px !important;
}


/* 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); /* 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; }


/* SHADOW BOXES \*/
/* Show only to IE PC \*/
* html .boxhead h2 {height: 1%;} /* For IE 5 PC */

.sidebox {
	margin: 0 auto; /* center for now */
	width: 600px; /* ems so it will grow */
	background: url(../_images/sbbody-r.gif) no-repeat bottom right;
	font-size: 100%;
}
.boxhead {
	background: url(../_images/sbhead-r.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}
.boxhead h2 {
	background: url(../_images/sbhead-l.gif) no-repeat top left;
	margin: 0;
	padding: 20px 30px 0px;
	color: white; 
/*	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}
.boxbody, .boxbody_bottom {
	background: url(../_images/sbbody-l.gif) no-repeat bottom left;
	margin: 0;
	padding: 1px 30px 31px;
}
.boxbody_bottom{
	text-align:center;
}






/* Google Maps */
div#popup {
background:#ffffff;
border:0px;
margin:0px;
padding:0px;
height:150px;
}






/* ????????????????? set millions of background images */
.rbroundbox { background: url(../_images/nt.gif) repeat; }
.rbtop div { background: url(../_images/tl.gif) no-repeat top left; }
.rbtop { background: url(../_images/tr.gif) no-repeat top right; }
.rbbot div { background: url(../_images/bl.gif) no-repeat bottom left; }
.rbbot { background: url(../_images/br.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbcontent { margin: 0 7px; }
.rbroundbox { width: 50%; margin: 1em auto; }