@charset "utf-8";
/* CSS Document */

*
{
	padding:0px;
	margin:0px;
}

body
{
	font-family:Verdana, Geneva, sans-serif;
	background-color:#000;
	font-size:12px;
}

#site_container
{
	text-align:center;
}

#main_site
{
	width:950px;
	margin:0px auto 0px auto;
	text-align:left;
	background-image:url(../img_upload/left_back.jpg);
	background-repeat:repeat-y;
}

#left_column
{
	width:150px;
	float:left;
}

#right_column
{
	width:800px;
	float:right;
}

#left_column h3
{
	padding-left:5px;
        padding-right:5px;
	color:#000000;
	font-size:15px;
        text-align:center !important;
}

.nb_le_top
{
        margin-top:5px;
        margin-bottom:5px;
        margin-left:5px;
        margin-right:5px;
        border-top:#000000 1px solid;
}

.nb_le_ce p
{
        padding-top:5px;
	padding-bottom:10px;
        font-size:12px;
        padding-left:5px;
        padding-right:5px;
        color:#000000;
}

.nb_le_ce a:link, .nb_le_ce a:visited
{
        color:#fff;
        text-decoration:none;
        padding-left:5px;
}

.nb_le_ce a:hover
{
        color:#000;
}

.le_img_center
{
        text-align:center !important;
        padding-top:10px;
        padding-bottom:10px;
}	

#logo
{
	height:120px;
}

#right_column table
{
	width:800px;
	text-align:left;
	background-color:#000;
}

.large_img
{
	width:800px;
	height:600px;
}

.thumb_img
{
	width:190px;
	padding-left:10px;
	padding-bottom:10px;
}

.clearify
{
	clear:both;
}

img 
{
	border:none;
}

#footer
{
	padding-top:15px;
	padding-bottom:15px;
	font-size:12px;
	color:#FFF;
	text-align:center;
        background-color:#656565;
}

#footer a:link, #footer a:visited
{
	color:#FFF;
	text-decoration:none;
}

#footer a:hover
{
	text-decoration:underline;
}

.menu
{
        width:150px;
        color:#000000;
        text-align:center;
}

.menu li

{
        list-style:none;
}

.menu li a
{
        display:block;
        margin-top:10px;
        text-decoration:none;
        color:#000000;
        font-size:12px;
        padding-left:5px;
        padding-right:5px;
}

.menu li a:hover
{
        text-decoration:none;
        color:#FFFFFF;
}

.menuheader
{
	font-size:12px;
	font-weight:bold;
	height:25px;
        color:#ffffff;
        padding-top:5px;
        background-image:url(../img_upload/menu_back.jpg);
	background-repeat:no-repeat;
}

.menutop,.menubot
{
        padding:5px;
}

/* ------------------------------------------------------ newsboxes

div.nb_le_ce
{
       padding-left:10px;
}


/* ------------------------------------------------------ lightbox styles ---*/
div.picture {
float:left;
margin:10px;
text-align:center;
}

div.picture a img { border:2px solid white; }
div.picture a img:hover { border:2px solid cornflowerblue; }

* html .picture { display: inline; }  /* --Fix for IE6 --*/

.picture_top h3 {
  color: #333333;
  font-weight: bold;
  padding-bottom: 2px;
  font-size: 11px;
}
.picture_bot {
  color: #333333;
  font-size: 11px;
  padding-top: 2px;
}
br.clearboth {
       margin:0;
       padding:0;
       clear:both;
}

#lightbox{
  position: absolute;
  top: 20px;
  left: 0;
  width: 100%;
  z-index: 100;
  text-align: center;
  line-height: 0;
  color:#151410;
  }

#lightbox a, #lightbox a:hover {
  border-bottom:none;
  color:#151410;
  text-decoration:underline;
}

#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;
  }
#loadingLink {
  display:block;
  margin:0 auto;
  padding:0;
  width:32px;
  height:32px;
  background:url("/assets/loading.gif") center center no-repeat;
  text-indent:-9999px;
}
#hoverNav{
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
  }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLinkImg, #nextLinkImg{
  width: 49%;
  height: 100%;
  background: transparent url("/assets/blank.gif") no-repeat; /* Trick IE into showing hover */
  display: block;
  text-indent:-9999px;
  }
#prevLinkImg { left: 0; float: left;}
#nextLinkImg { right: 0; float: right;}
#prevLinkImg:hover, #prevLinkImg:visited:hover { background: url("/assets/prevlabel.gif") left 15% no-repeat; }
#nextLinkImg:hover, #nextLinkImg:visited:hover { background: url("/assets/nextlabel.gif") right 15% no-repeat; }


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

#imageData{
  padding:0 10px;
  }
#imageDetails{ width: 70%; float: left; text-align: left; }
#caption{ font-weight: bold;  }
#numberDisplay{ display: block; clear: left; }
#detailsNav{ display: block; clear: left; padding:0 0 10px 0; }
#prevLinkDetails { margin:0 8px 0 0; }
#nextLinkDetails { margin:0 8px 0 0; }
#closeLink {
  display:block;
  margin:0;
  padding:0 0 10px 0;
  text-decoration:none;
  float:right;
  width:66px;
  height:28px;
  background:url("/assets/closelabel.gif") no-repeat;
  text-indent:-9999px;
  overflow:hidden;
}

#overlay{
  position: absolute;
  top: 0;
  left: 0;
  z-index: 90;
  width: 100%;
  height: 500px;
  background-color: #151410;
  filter:alpha(opacity=60);
  -moz-opacity: 0.6;
  opacity: 0.6;
  }