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

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

.clearify
{
	clear:both;
}

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

#site_container
{
	text-align:center;
	background-image:url(../img_upload/background.jpg);
	background-repeat:repeat-x;
}

#main_site
{
	width:950px;
	text-align:left;
	margin:0px auto 0px auto;
}

#header
{
	width:950px;
	background-image:url(../img_upload/graduates.jpg);
	background-repeat:no-repeat;
}

#header_left
{
	float:left;
	width:270px;
}

#header_right
{
	float:right;
	width:670px;
}

#top
{
	height:37px;
        text-align:right;
        color:#FFF;
        font-size:16px;
        padding-top:15px;
        padding-right:10px;
}

#flash_area
{
	height:331px;
}

#details_area_container
{
	background-image:url(../img_upload/details_area_middle.png);
	background-repeat:repeat-y;
}

* html #details_area_container
{
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img_upload/details_area_middle.png", sizingMethod="scale");
height:100%;
}

#details_area
{
	width:950px;
	backround-image:url(../img_upload/details_area_top.jpg);
	background-repeat:no-repeat;
}

#details_area_left
{
	width:265px;
	float:left;
}

.menu
{
   width:265px;
   list-style:none;
}

.menu li
{
	list-style:none;
}

.menu li a
{
   display: block;
   height:28px;
   padding-top:8px;
   padding-left:20px;
   margin-top:5px;
   margin-bottom:5px;
   background-color:#d6e334;
   color:#5d7430;
   text-decoration:none;
   font-size:14px;
   border:#5d7430 1px solid;
   position:relative;
}

.menu li a:hover
{
   background-color:#5d7430;
   color: #FFFFFF;
}

.menuheader
{
   display: block;
   height:28px;
   padding-top:8px;
   padding-left:20px;
   margin-top:5px;
   margin-bottom:5px;
   background-color:#5d7430;
   color:#FFFFFF;
   font-size:14px;
   border:#5d7430 1px solid;
}

.menubot
{
        padding:10px;
}

#details_area_right
{
	width:626px;
	float:right;
        padding-left:20px;
        padding-right:20px;
}

#details_area_right img
{
        border:none;
}	

#details_area_right h1, #details_area_right h2, #details_area_right h3
{
        font-size:20px;
        font-weight:normal;
        padding-top:10px;
        clear:both;
        color:#b3c921;
}

#details_area_right h3
{
        font-size:12px;
        padding-top:0px;
        color:#000000;
}

#details_area_right p
{
        font-size:12px;
        padding-top:10px;
        padding-bottom:10px;
        line-height:1.5em;
        text-align:left;
}

#details_area_right a:link, #details_area_right a:visited
{
        color:#919194;
        text-decoration:none;
        font-size:12px;
}

#details_area_right a:hover
{
        color:#d6e334;
}

#details_area_right li
{
        margin-left:35px;
}

#details_area_right ul
{
        padding-top:5px;
        padding-bottom:5px;
}

.out_link p
{
        padding-top:0px !important;
        padding-bottom:0px !important;
}
#footer
{
	padding-top:10px;
	padding-bottom:10px;
	text-align:center;
	font-size:12px;
	color:#FFF;
}

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

#footer a:hover
{
	color:#d6e334;
}

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