/**** Page Styles ****/

#center { width:990px; margin:auto; text-align:left; padding-top:5px; }


#page_top { float:left; width:990px; height:63px; }
  #top_left { float:left; width:473px; height:55px; padding:8px 0px 0px 19px; background:url('../images/layout/top_left.png') no-repeat;}
    #top_logo { float:left; width:273px; height:55px; background:url('../images/layout/top_logo.jpg') no-repeat; display:block; }
  #top_right { float:left; width:498px; height:46px; padding:17px 0px 0px 0px; background:url('../images/layout/top_right.png') no-repeat; font-size:11px; font-family:Arial; font-weight:bold; color:#001A57; }
    #top_right .LoginBkg { background:url(../images/layout/login_bkg.jpg) repeat-x; }

#nav { float:left; width:952px; height:51px; padding:26px 19px 0px 19px; background:url('../images/layout/nav_bkg.png') no-repeat; }

#page_main { float:left; width:952px; padding:5px 19px 0px 19px; background:url('../images/layout/main_repeat.png') repeat-y; }
  #page_graphic { float:left; width:952px; padding:0px 0px 30px 0px; }
  #page_left { float:left; width:673px; padding:0px 0px 20px 27px; }
    #PageTitle { float:left; width:673px; padding:0px 0px 10px 0px; font-family:Times New Roman; font-size:37px; font-variant:small-caps; color:#67B9AA; line-height:normal; }
    #content { float:left; width:673px; }
      #content .LoginBkg { background:#ffffff; }
  #page_right { float:left; width:226px; padding:0px 11px 0px 15px; }


#footer { float:left; width:990px; height:46px; }
  #bot_left { float:left; width:361px; height:40px; padding:6px 0px 0px 131px; background:url('../images/layout/bot_left.png') no-repeat; font-size:10px; font-family:Arial; color:#7f7f7f; line-height:13px; }
  #bot_right { float:left; width:498px; height:46px; background:url('../images/layout/bot_right.png') no-repeat; }
  



/**** Topnav Styles ****/
.TopNav { height: 51px; width: 952px; background-color: #B0D2D5; }
.TopGroup { background:url(../images/layout/topnav_top_bkg.png) repeat-x; height:26px; }
.Level2Group { background-color: #B0D2D5; color: #001A57; font-family: Arial; font-size: 12px; line-height:20px; font-weight:bold; height:20px; }
.TopLevelTab { cursor: pointer; }
.TopLevelTabHover { cursor: pointer; }
.SelectedTopLevelTab { cursor: pointer; }
.Level2Tab { cursor: pointer; /*height:24px;*/ font-size:12px; line-height:20px; }
.Level2TabHover { cursor: pointer; color:#ffffff; text-decoration:none; }
.SelectedLevel2Tab { color: White; font-family: Arial; position: relative; cursor: pointer; }




/**** Tab Styles ****/
.TabContainer .ajax__tab_header { 
  font-family:Arial; font-weight:bold; color:#333333; background:url('../images/layout/tab_line.gif') repeat-x bottom; }
.TabContainer .ajax__tab_outer { 
  padding-right:4px; background:url('../images/layout/tab_right.jpg') no-repeat right; height:23px; margin-right:3px; }
.TabContainer .ajax__tab_inner { 
  padding-left:6px; background:url('../images/layout/tab_left.jpg') no-repeat; height:23px; }
.TabContainer .ajax__tab_tab { 
  height:19px; padding:2px 6px; background:url('../images/layout/tab_bkg.jpg') repeat-x; }
.TabContainer .ajax__tab_hover .ajax__tab_outer { 
  background:url('../images/layout/tab_right_hover.jpg') no-repeat right; }
.TabContainer .ajax__tab_hover .ajax__tab_inner { 
  background:url('../images/layout/tab_left_hover.jpg') no-repeat ; }
.TabContainer .ajax__tab_hover .ajax__tab_tab { 
  background:url('../images/layout/tab_bkg_hover.jpg') repeat-x; }
.TabContainer .ajax__tab_active .ajax__tab_outer { 
  background:url('../images/layout/tab_right_active.jpg') no-repeat right; }
.TabContainer .ajax__tab_active .ajax__tab_inner { 
  background:url('../images/layout/tab_left_active.jpg') no-repeat ; }
.TabContainer .ajax__tab_active .ajax__tab_tab {
  background:url('../images/layout/tab_bkg_active.jpg') repeat-x; }
.TabContainer .ajax__tab_body { 
  font-family:Arial; border:1px solid #dddddd; border-top:0; padding:8px 5px; background-color:#fcfcfc; }



.Basic { 
  font-family:Arial; font-size:12px; }
.Basic .ajax__tab_header { 
  color:#333333; background:url('../images/layout/tab_line.gif') repeat-x bottom; }
.Basic .ajax__tab_outer { 
  }
.Basic .ajax__tab_inner { 
  }
.Basic .ajax__tab_tab { 
  height:22px; padding:4px; }
.Basic .ajax__tab_hover .ajax__tab_outer { 
   }
.Basic .ajax__tab_hover .ajax__tab_inner { 
   }
.Basic .ajax__tab_hover .ajax__tab_tab { 
  background:#D8DFEA; }
.Basic .ajax__tab_active .ajax__tab_outer { 
   }
.Basic .ajax__tab_active .ajax__tab_inner { 
   }
.Basic .ajax__tab_active .ajax__tab_tab {
  background:#3B5998; color:#ffffff; }
.Basic .ajax__tab_body { 
  border:1px solid #dddddd; border-top:0; padding:8px 5px; background-color:#fcfcfc; }





/*---- sIFR ---*/
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
	padding: 0;
}

.sIFR-replaced, .sIFR-ignore {
	visibility: visible !important;
}

.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/*---- Header styling ---*/
.sIFR-active #PageTitle {
    	visibility: hidden;
      font-family: Times New Roman;
      line-height: 1em;
    }    
.sIFR-active  #PageTitle { font-size:40px; }
.sIFR-active #ClassTitle {
    	visibility: hidden;
      font-family: Times New Roman;
      line-height: 1em;
    }    
.sIFR-active  #ClassTitle { font-size:28px; }




/**** Photo Gallery ****/
/*.GalleryNavCtrl { background:#B0D2D5; padding:4px; border-bottom:solid 2px #001A57; margin-bottom:7px; }*/
.TabNav { /*margin:0px 2px 0px 2px;*/ font-size:15px; }
.TabNav a { /*margin:0px 2px 0px 2px;*/ padding:4px; height:24px; line-height:24px; }
.TabContentBox { padding:10px; border:solid 1px #cccccc; background-color:#fcfcfc; }

.grey { color:#7f7f7f; text-decoration: none; }
.grey:link { color:#7f7f7f; text-decoration: none; }
.grey:visited { color:#7f7f7f; text-decoration: none; }
.grey:hover { color:#7f7f7f; text-decoration:underline; }

.inactivetab { height:23px; line-height:23px; margin:0px 4px 0px 0px; }
.inactivetab:link { text-decoration: none; }
.inactivetab:visited { text-decoration: none; }
.inactivetab:hover { background:#E6F0F2; text-decoration: none; }

.activetab { background:#246FA7; color:#ffffff; height:23px; line-height:23px; margin:0px 4px 0px 0px; }
.activetab:link { color:#ffffff; text-decoration: none; }
.activetab:visited { color: #ffffff; text-decoration: none; }/**/
.activetab:hover { color: #ffffff; text-decoration: none; }

.GalleryLightGreenBG { float:left; padding:5px; border:solid 1px #cccccc; background:#E6F0F2; width:635px; }
.GalleryPhotoHolder { float:left; padding:10px; width:140px; height:140px; }
.GalleryPhoto { padding:5px; border:solid 1px #cccccc; background:#ffffff; display:block; }
.GalleryPhoto:hover { border:solid 1px #001A57; }
.GalleryPhotoDrag { padding:5px; border:solid 1px #cccccc; background:#ffffff; cursor:move; }
.GalleryPhotoDrag:hover { border:solid 1px #001A57; }



.ClassPhotos { padding:5px; border:solid 1px #cccccc; background:#ffffff; display:block; }
.ClassPhotos:hover { border:solid 1px #001A57; }

.ScholarPhoto { padding:5px; border:solid 1px #cccccc; background:#ffffff; display:block; }
.ScholarPhotoSmall { padding:3px; border:solid 1px #cccccc; background:#ffffff; display:block; }
.NewsImage { padding:5px; border:solid 1px #cccccc; background:#ffffff; display:block; }
.EventsImage { padding:5px; border:solid 1px #cccccc; background:#ffffff; display:block; }

/** Blog styles **/
.post { margin:.5em 0 1.5em; border-bottom:1px dotted #ccc; padding-bottom:1.5em; }
.post div { margin:0 0 .75em; line-height:1.6em; }
.post blockquote { font-family:Times New Roman; font-size:17px; line-height:20px; margin:0px 0px 1em 0px; }
.post blockquote p { margin:.25em 0; }
#rss { width:inherit; padding:0px; }
.post-title { font-family:Times New Roman; font-size:22px; color:#3B5998; }
p.post-footer { margin:-.25em 0 0; color:#ccc; }
.post-footer em, .comment-link { font-family:Times New Roman; font-size:11px; text-transform:uppercase; font-weight:bold; letter-spacing:.1em; }
.post-footer em { font-style:normal; color:#999; margin-right:.6em; }
/** end Blog styles **/






/** Lightbox styles **/

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

#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: transparent url(../images/blank.gif) no-repeat; /* 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;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}
	
	
	
	
	
	
	

/* =Hoverbox Code
----------------------------------------------------------------------*/

.hoverbox
{
	cursor: default;
	list-style: none;
}

.hoverbox a
{
	cursor:pointer;
}

.hoverbox a:hover .preview0
{
	display: block;
	position: absolute;
	top: -33px;
	left: -45px;
	z-index: 1;
}

.hoverbox a:hover .preview1
{
	display: block;
	position: absolute;
	top: -33px;
	left: -45px;
	z-index: 1;
}

.hoverbox a:hover .preview2
{
	display: block;
	position: absolute;
	top: -33px;
	left: -45px;
	z-index: 1;
}

.hoverbox img
{
  	/*background: #fff;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	padding: 2px;
	vertical-align: top;*/
}

.hoverbox a .preview0
{
	display: none;
}

.hoverbox a .preview1
{
	display: none;
}

.hoverbox a .preview2
{
	display: none;
}

.hoverbox ul
{
  padding:0px; margin:0px;
}

.hoverbox li
{
	background:none;
	border:none;
	/*display: inline;
	float: left;*/
	position: relative;
  padding:0px; margin:0px;
}

.hoverbox .preview0
{
	background: #fff;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	padding: 2px;
	vertical-align: top;	
	width: 267px;
	height: 200px;
}

.hoverbox .preview1
{
	background: #fff;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	padding: 2px;
	vertical-align: top;
	width: 200px;
	height: 200px;
}

.hoverbox .preview2
{
	background: #fff;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	padding: 2px;
	vertical-align: top;
	width: 200px;
	height: 267px;
}