html {
overflow: auto;
}

/* BEGIN lightbox.css */

#lightbox{
	position: absolute;
	top: 40px;
	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;
	}

#imageData{
	padding:0 10px;
	}
#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;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}

/* BEGIN hillbook.css */

p { color: #000; font-size: 13px; line-height: 150%; margin-bottom: 12px; }
a:link { color: #7e8e4a; font-weight: bold; text-decoration: none; }
a:visited { color: #7e8e4a; font-weight: bold; text-decoration: none; }
a:hover, a:active { color: #f60; text-decoration: none; }

h4 {
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight: normal;
	padding: 0px;

	margin: 5px;
	}	

h5 {
 font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
 font-size: 11px;
 margin: 10px 0px 10px 0px;
}
	
/* add padding to each contentpane inside the tab container, and scrollbar if necessary */
.dojoTabPane {
  /* padding-left : 10px; */
  padding: 10px 10px 10px 10px;
  overflow: auto;
  /* background-color: white; */  /* -- remove comment brackets to make tab background white */
}

/* ----  InPlaceEditor style --------------------------------------------- */

.inplaceeditor-empty {
    font-style: italic;
    color: #BBB;
}

#contentContainer { width: 360px; position: absolute; left: 225px; top: 120px; clear: both; }
#contentContainer #content { font-size: small; font-family: sans-serif; line-height: normal; padding: 30px 10px 10px; }
#contentContainer #content ul { margin-bottom: 7px; padding-left: 1.5em; }
#contentContainer #content li { margin-bottom: -3px; padding-left: 1.5px; }

#accordion_wrapper { position:relative; width:97%; border:0px; margin:0px; padding:0px; overflow:hidden; }
.acToggle { background-color: #fff; background-image: url(../images/titlesImage.gif); width: 120px; height: 20px; margin-bottom: 3px; padding: 0 0 0 20px; cursor: pointer; }
.acCurrent { background-color: #fff; background-image: url(../images/titlesImage.gif); clear: both; }
.acCurrent a { color: #7e8e4a; }
.acCurrent a:hover { color: #f60; }
.acStretch { color: black; font-size: 11px; width: 120px; padding: 5px 5px 5px 3px; }
.acToggle a { color: #7e8e4a; font-size: 10px; font-weight: normal; line-height: 19px; text-decoration: none; clear: both; }
.acToggle a:hover { color: #f60; font-size: 10px; font-weight: normal; line-height: 19px; text-decoration: none; clear: both; }
.acCurrent a { color: #7e8e4a; font-size: 10px; font-weight: normal; line-height: 19px; text-decoration: none; clear: both; }
.acAlignment { position:relative; border:0px; padding:0px; margin-bottom:0px; margin-top:0px; margin-right:auto; margin-left:0px; width:140px; }
.acContent { text-align: left; width: 120px; margin: 5px 10px 0 0; clear: both; padding-left: 10px; border-left-style: solid; border-right-style: solid; border-left-width: 1px; border-right-width: 1px; border-color: #CCCCCC;}
#sidebarContainer { color: #7e8e4a; font-size: 11px; font-family: sans-serif; text-decoration: none; position: absolute; top: 100px; left: 45px; right: auto; width: 180px; clear: both; padding-left: 8px; }

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

.sidebox {
	margin: 0 auto; /* center for now */
	width: 37em; /* ems so it will grow; BEN: was 17em */
	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: 22px 30px 5px;
	color: white; 
	font-weight: bold; 
	font-size: 1.2em; 
	line-height: 1em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}
.boxbody {
	background: url(../images/sbbody-l.gif) no-repeat bottom left;
	margin: 0;
	padding: 5px 30px 31px;
}

/* END hillbook.css */

/* BEGIN buttons.css */

.WizardContainer {
	background: #EEEEEE;
	border: #798EC5 1px solid;
	padding: 2px;
}

.WizardTitle {
	color: #003366;
	padding: 8px 5px 15px 2px;
	font-weight: bold;
	font-size: x-small;
	font-style: normal;
	font-family: Verdana, Arial, Helvetica;
	text-align: left;
}

.WizardText {
	color: #000033;
	font-weight: normal;
	font-size: xx-small;
	font-family: Verdana, Arial, Helvetica;
	padding: 2 50; text-align: justify;
}

.WizardLightText {
	color: #666666;
	font-weight: normal;
	font-size: xx-small;
	font-family: verdana, arial, helvetica;
	padding: 2px 50px;
	text-align: justify;
}

.WizardButtonHolder {
	text-align: right;
	padding: 10px 5px;
}

.WizardButton {
	color: #ffffff;
	background: #798EC5;
	font-size: xx-small;
	font-family: verdana, arial, helvetica, sans-serif;
	border-right: #000000 1px solid;
	border-bottom: #000000 1px solid;
	border-left: #666666 1px solid;
	border-top: #666666 1px solid;
	padding-right: 4px;
	padding-left: 4px;
	text-decoration: none; height: 18px;
	cursor: pointer;
}

.WizardButton:hover {
	cursor: pointer;
}

.WizardButtonDisabled {
	color: #eeeeee;
	background-color: #999999;
	font-size: xx-small;
	FONT-FAMILY: verdana, arial, helvetica, sans-serif;
	border-right: #000000 1px solid;
	border-bottom: #000000 1px solid;
	border-left: #798EC5 1px solid;
	border-top: #798EC5 1px solid;
	padding-right: 4px;
	padding-left: 4px;
	text-decoration: none;
	height: 18px;
}

/* END buttons.css */

/* BEGIN tabs */

.dojoTabContainer {
	position : relative;
}

.dojoTabPane {
	position: relative;
	width: 100%;
	height: 100%;
	padding:0px;
	overflow:hidden;
}

.dojoLeftInternalPane {
	position: absolute;
	border-right: 1px dotted black;
	margin-top: 0px;
	padding: 0px;
	width: 115px;
	height: 100%;
	left: 0px;
	top: 0px;
}

.dojoRightInternalPane {
	position: absolute;
	overflow:auto;
	margin: 0px;
	padding: 0px;
	left: 116px;
	top: 0px;
	bottom: auto;
	right: auto;
	width: 414px;
	height: 100%;
}

.dojoTabPaneWrapper {
	border : 1px solid #6290d2;
	_zoom: 1; /* force IE6 layout mode so top border doesnt disappear */
	display: block;
	clear: both;
	z-index: 1;
}

.dojoTabLabels-top {
	position : relative;
	top : 0px;
	left : 0px;
	overflow : visible;
	width : 100%;
	z-index: 2;	/* so the bottom of the tab label will cover up the border of dojoTabPaneWrapper */
}

.dojoTab {
	position : relative;
	float : left;
	padding-left : 9px;
	border-bottom : 1px solid #6290d2;
	background : url(../images/tab_left.gif) no-repeat left top;
	cursor: pointer;
	white-space: nowrap;
	z-index: 3;
}

.dojoTab div {
	display : block;
	padding : 4px 15px 4px 6px;
	background : url(../images/tab_top_right.gif) no-repeat right top;
	color : #333;
	font-size : 90%;
}

.dojoTab .close {
	display : inline-block;
	height : 12px;
	width : 12px;
	padding : 0 12px 0 0;
	margin : 0 -10px 0 10px;
	cursor : default;
	font-size: small;
}

.dojoTab .closeImage {
	background : url(../images/tab_close.gif) no-repeat right top;
}

.dojoTab .closeHover {
	background-image : url(../images/tab_close_h.gif);
}

.dojoTab.current {
	padding-bottom : 1px;
	border-bottom : 0;
	background-position : 0 -150px;
}

.dojoTab.current div {
	padding-bottom : 5px;
	margin-bottom : -1px;
	background-position : 100% -150px;
}

/* END tabs */

/* BEGIN shadows */

/*
CSS from:
http://www.alistapart.com/articles/onionskin/
modified to use descendant selectors instead of class names,
as suggested by Sergio: http://www.alistapart.com/discuss/onionskin/3/#c8219
Updated to allow for multiple shadow styles throughout the site
*/

div.shadow1, div.shadow1 div, div.shadow1 div div {
	display:inline-table;
	/* \*/display:block;/**/
	}
div.shadow1 {
	float:left;
	background:url(../images/shadows/01/shadow.gif) right bottom no-repeat;
	}
div.shadow1 div {
	background:url(../images/shadows/01/corner_bl.gif) -16px 100% no-repeat;
	}
div.shadow1 div div {
	padding:0 8px 8px 0;
	background:url(../images/shadows/01/corner_tr.gif) 100% -16px no-repeat;
	}
div.shadow1 div div img {
	display:block;
	}
	
div.shadow2, div.shadow2 div, div.shadow2 div div {
	display:inline-table;
	/* \*/display:block;/**/
	}
div.shadow2 {
	float:left;
	background:url(../images/shadows/02/shadow.gif) right bottom no-repeat;
	}
div.shadow2 div {
	background:url(../images/shadows/02/corner_bl.gif) -16px 100% no-repeat;
	}
div.shadow2 div div {
	padding:0 8px 8px 0;
	background:url(../images/shadows/02/corner_tr.gif) 100% -16px no-repeat;
	}
div.shadow2 div div img {
	display:block;
	}
	
div.shadow3, div.shadow3 div, div.shadow3 div div {
	display:inline-table;
	/* \*/display:block;/**/
	}
div.shadow3 {
	float:left;
	background:url(../images/shadows/03/shadow.gif) right bottom no-repeat;
	}
div.shadow3 div {
	background:url(../images/shadows/03/corner_bl.gif) -16px 100% no-repeat;
	}
div.shadow3 div div {
	padding:0 8px 8px 0;
	background:url(../images/shadows/03/corner_tr.gif) 100% -16px no-repeat;
	}
div.shadow3 div div img {
	display:block;
	}
	
/* END shadows */

/* BEGIN Greybox */

/**
 * Current style
 */
.GB_t_frame {
  color: #444;
  font-size: 12px;
  line-height: 12px;
}

.GB_content {
  background-color: #fff;
  border: 3px solid #ccc;
  border-top: 2px solid #ccc;
}

.GB_loader {
  color: #616161;
  background-color: #fff;
}

.GB_header {
  border-bottom: 1px solid #ccc;
}

.GB_caption {
  font-weight: bold;
}

/**
 * Base stuff
 */
#GB_overlay {
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  z-index: 100;
}

#GB_window {
  font-family: helvetica, verdana, sans-serif;
  left: 0;
  top: 0;
  font-size: 1px;
  position: absolute;
  overflow: visible;
  z-index: 150;
}

#GB_frame {
  border: 0;
  margin: 0;
  padding: 0;
  overflow: auto;
}


/**
 * Content
 */
.GB_t_frame {
  margin: 0;
  padding: 0;
  border-collapse: collapse;
}

.GB_content {
  padding: 0;
  margin: 0;
  vertical-align: top;
  margin-bottom: 25px;
  z-index: 155;
}

.GB_loader {
  z-index: 500;
  left: 6px;
  font-size: 16px;
  text-align: center;
}


/**
 * Header
 */
.GB_caption {
}

.GB_header {
  width: 100%;
  text-align: left;
  vertical-align: middle;
  padding: 2px 1px 2px 1px;
  margin: 0;
  border-bottom: 1px solid #aaa;
}

.GB_close {
  white-space: nowrap;
  text-align: right;
  width: 10%;
  top: 0;
  z-index: 200;
  cursor: pointer;
  cursor: hand;
}

.GB_close img {
  width: 11px;
  height: 11px;
  padding: 0;
  margin-right: 3px;
}

.GB_container {
  margin: 0;
  padding: 0;
}

/* END Greybox */