body {
	font: 13px/normal verdana, arial;
	line-height: 16px;
	color: #000000;
	margin: 0px;
	padding: 0px;
	background-color: #dad5c1;
}

/*
 * Container surrounding all content on the page
 */
 
 .shell {
	margin: 0;
	padding: 0;
	border: 0 ;
	text-align: center;
	background: transparent url(/images/bg-shell.gif) repeat-x top left;
}

.container {
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 770px;
	border: 0 ;
	overflow: hidden;
	background: transparent url(/images/bg-container.jpg) repeat-y top left;
}

a,
a:visited {
	color: #133d76;
	text-decoration: underline;
}


a:hover,
a:visited:hover {
	color: #000;
	text-decoration: underline;
}

.text a,
.text a:visited {
	background: transparent;
	border-bottom: solid 1px #edebd6;
	border-right: solid 1px #edebd6;
}

.text a:hover,
.text a:visited:hover {
	background: #F8F6E8;
	border-bottom: solid 1px #dad5c1;
	border-right: solid 1px #dad5c1;
}

code,pre {
	font-size:12px
}

fieldset {
	margin:1em 0;
	padding:1em;
	border:1px solid #CCC
}

legend {
	color:#000;
	font-weight:bold;
}

label {
	cursor:pointer
}

/*
 * Container surrounding Site Title, Small Title, Logo, and home-link
 */
.head {
	height: 174px;
	margin: 0;
	border: 0;
	background: transparent url(../images/bg-head.jpg) no-repeat top left;

}

/*
 * Site Title
 */
h1 {
	font: bold 20px agaramond;
	color: #133d76;
	margin: 0px 0px 10px 0px;
	padding: 0px
}

/*
 * Site Small Title
 */
.head h3 {
	font: 21px garamond;
	color: #666666;
	border: ;
	margin-right: 30px !important;
	margin: 0px 15px 0px 0px;
	padding: 0px;
	text-align: right;
	width: 460px;
	float: right;

}

.logo {
	position: absolute;
	top: 24px;
	left: 33px;
	width: 209px;
	height: 129px;
	z-index: 10;
	overflow: hidden;
	font-size: 0px;
}


.home-link {
	width:0px;
	height:0px;
	display:none;
}

hr {
	display:none;
}

/*
 * NavBar
 * UL containing all the NavBar links
 */
 
.nav-menu {
	padding: 1px 0px 20px 0px;
	font:normal 13px verdana;
	color: #000;
	float: left;
	width: 172px;
	margin-left: 32px !important;
	margin: 10px 0px 0px 16px;
	background: transparent url(../images/bg-nav.jpg) no-repeat top right;
}

.nav-menu ul {
	margin: 0px;
	padding: 0px;
	border: ;
	list-style: none;
	text-align: left;
	cursor: default;

}

/*
 * Individual NavBar LI's
 */
.nav-menu li {
	background: transparent url(../images/bg-nav.jpg) no-repeat bottom right;
	padding-bottom: 1px;
}

/*
 * Individual NavBar links
 */
.nav-menu a,
.nav-menu a:visited {
	margin: 0px 0px 0px 0px;
	padding: 6px 0px 6px 10px;
	width: 172px; 
  	voice-family: "\"}\""; 
	width: 162px;
	display: block;
	text-decoration: none;
	color: #000;
	border: 0px;
	background: transparent;
} 


.nav-menu a:hover,
.nav-menu a:visited:hover {
	background: #dad5c1;
	color: #133d76;
	text-decoration: none;
	border: 0px;
}

/*
 * This is the container that holds the main content (paragraphs) of the page.
 */
.with-mini {
	float: right;
	width: 502px;
	margin-right: 30px !important;
	margin: 0px 15px 0px 0px;
	padding: 0px;
	font-size: 12px;
	overflow: hidden;
	text-align: left;

}

/*
 * The no-mini class is applied to the content DIV
 *     when there are no mini-paragraphs on the page.
 * This statement must remain in the css even if there are mini paragraphs.
 * If there are mini paragraphs on the page, this will be ignored.
 */
.content {
	padding-bottom: 20px;
}

.content h2 {
	font: bold 20px agaramond;
	color: #133d76;
	margin: 0px 0px 10px 0px;
	padding: 0px
}

h2 a {
	padding: 0px;
}

.paragraph {
	padding: 0px 0px 20px 0px;
	overflow: hidden;
	clear: both;
}

.text {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
	height: 100%;
}

.content ul,.content ol,.content dd {
	margin-left:2em;
}

.mini-pars {
	float:right;
	width:30%;
}

.mini-pars dt {
	color:#000;
	font-weight:bold;
	margin-top:1em;
	border-bottom:.3em solid #EEE;
}

.mini-pars dd {
	margin-top:.2em;
	color:#333;
}

.footer {
	font-size: 11px;
	font-family: verdana, sans-serif;
	margin: 0px;
	padding: 10px;
	clear: both;
	background: #dad5c1 url(../images/bg-footer.jpg) no-repeat top left;
	color: #666666;
}

.footer p {
	padding: 0px 0px 0px 0px;
	margin: 0px
}

.tracker {
	margin: 0px;
	padding: 10px;
	font-size: 11px;
	font-family: verdana, sans-serif;
	clear: both;
	background: #dad5c1;
	color: #666666;
	height: 36px;
}

/* forms */

label,button,input[type="submit"] {
	cursor:pointer;
}

input,textarea {
	padding:.1em;

}

textarea {
	font:1em verdana,arial,sans-serif;
}

.formSpan {
	display:block;
	margin:1em 0 0
}

li {
	padding-bottom:5px;
}
/* lightbox styles */
#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;base64,AAAA); /* 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;
}