/* for Hazbeth Lane */
html {
	background-color: #F6ECE2;
}
acronym {
	cursor: help;
	border-bottom:1px dashed #c0c0c0;
}
body {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:80%;
	color: #000;
	background-color:#F6ECE2;
	margin:0;
	padding:0;
	height:100%;
}
a:link {
	color: #0000FF;
	background-color: transparent;
}
a:visited {
	color: #800080;
	background-color: transparent;
}
a:hover, a:focus {
	color: #000000;
	background-color: #FFFF00;
}
a:active {
	color: #FF0000;
	background-color: #FFFF00;
}
address {
	font-style: normal;
}
blockquote {
	background-color:#F6ECE2; margin-left:0; padding:1em;border:1px solid #c0c0c0;
}
fieldset {
	padding:1em;
}
form br {
	clear:left;
}
form label.completed {
	background-image: url(complete.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

form label.problem, form legend.problem {
	background-image: url(caution.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

form label.required {
	background-image: none; /* url(required.gif)*/
	background-repeat: no-repeat;
	background-position: 0px 0px;
	color: #FF0000;
}

form.across label {
	float: none;
	text-align: left;
	width: auto;
}
form fieldset p {
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
label {
	display:block;
	width:7em;
	padding-right:1em;
	float:left;
	text-align: right;
}
h1, h2, h3, h4, h5 {
	font-family: "Times New Roman", Times, serif;
	font-variant: small-caps;
}
h1 {
	text-align:right;
	font-size:150%;
	padding-right:1em;
}
h2 {
	text-align:center;
}
h2 span {
	font-size: 85%;
}
img {
	border:0;
}
span.caption {
	text-align:center; 
	display:block;
	/*font-variant: small-caps;
	font-style: italic;*/
}

.highlightgnp {
	background-color: #FFFFE0;
	color: inherit;
}
.external {
	background-image: url(link-external.png);
	background-position: top right;
	padding-right:11px;
	background-repeat: no-repeat;
}
.message {
	text-align:center;
	color: #FF0000;
	font-weight: bold;
}
.noshow {
	visibility: hidden;
	margin:0;
}
.required {
	font-weight:bold;
	color: #FF0000;
}
.skipnav {
	position:absolute;
	left:-1000px;
}
.serengeti {
	color: #B58E73;
}
.saintmartinsand {
	color:  #D6B6A5;
}
.middleburybrown {
	color: #6B594A;
}
.monticellorose {
	color:  #CEAE9C;
}
.westonflax {
	color: #F7E3B5;
}
.submit {
	background-color:#D6B6A5;
	border: 2px groove #6B594A;
	color:#000;
	text-align:center;
	font-weight:bold;
	font-variant: small-caps;
}
#header {
	background-image: url(header.jpg);
	background-repeat: repeat;
	height:100px;
	margin:0;
	padding:2em 0 0 0;
	background-position: 15px;
	color:#000;
	background-color:#c0c0c0;
	text-align:right;
}
#content a.pdf { 
background-image: url("icon_pdf.gif");
background-repeat: no-repeat;
background-position: 100% 50%;
padding-right: 20px;
}
#content a.ext { 
background-image: url("icon_external.png");
background-repeat: no-repeat;
background-position: 100% 50%;
padding-right: 20px;
}
#content a.ppt { 
background-image: url("powerpoint_icon.gif");
background-repeat: no-repeat;
background-position: 100% 50%;
padding-right: 20px;
}
#content a.mplayer { 
background-image: url("icon_mediaplayer.png");
background-repeat: no-repeat;
background-position: 100% 50%;
padding-right: 20px;
}
#content a.mov { 
background-image: url("icon_mov.gif");
background-repeat: no-repeat;
background-position: 100% 50%;
padding-right: 20px;
}
@media screen {
#container {
	margin-left:auto;
	margin-right:auto;
	margin-top:0;
	margin-bottom:0;
	width:85%;
	background-color:#fff;
	border:1px solid #000;
	padding:0
}

}
@media handheld {
	
#container {
	margin-left:auto;
	margin-right:auto;
	margin-top:0;
	margin-bottom:0;
	width:85%;
	background-color:#fff;
	border:1px solid #000;
	padding:0
}
}
@media screen {
	#content {
	padding:1em 1em 0 1em;
	width:70%;
	float:right;
}
}
@media handheld {
	#content {
	padding:1em 0em 0 1em;
	width:70%;
	float:right;
}
}
@media handheld {
	#content p {
		padding-right:0;
	}
}
@media screen {
	
#content p {
	padding-right:2em;
}
}
#footer {
	text-align:center;
	font-size:80%;
	margin:1em 0 1em 0;
	clear:both;
}
#footer ul {
	list-style-type: none;
	margin:0;
}
#footer ul li {
	display: inline;
	padding:0 1em 0 1em;
}
#mouse {
	line-height:2.5ex;
}
@media handheld
{
	#nav {
	width:20em;
	border-right: 1px solid #000;
	border-top:1px solid #000;
	padding: 0 0 1em 0;
	margin-bottom: 1em;
	font-family: 'Trebuchet MS', 'Lucida Grande',
	  Verdana, Lucida, Geneva, Helvetica, 
	  Arial, sans-serif;
	background-color: #D6B6A5;
	color: #333;
	float:left;
	margin-right:1em;
}
}

@media screen {
	
#nav {
	width:18%;
	border-right: 1px solid #000;
	border-top:1px solid #000;
	padding: 0 0 1em 0;
	margin-bottom: 1em;
	font-family: 'Trebuchet MS', 'Lucida Grande',
	  Verdana, Lucida, Geneva, Helvetica, 
	  Arial, sans-serif;
	background-color: #D6B6A5;
	color: #333;
	float:left;
	margin-right:1em;
}
}

#nav ul {
		list-style: none;
		margin: 0;
		padding: 0;
		border: none;
}
		
#nav li {
		border-bottom: 1px solid #6B594A;
		margin: 0;
}
#nav li a {
		display: block;
		padding: 5px 5px 5px 0.5em;
		border-left: 10px solid #6B594A;
		border-right: 10px solid #B58E73;
		background-color: #C3A18D;
		color: #fff;
		text-decoration: none;
		width: 100%;
		white-space: nowrap;
		}
#nav ul li#currentpage a {
	background-color:  #8B4513;
	color: #fff;
	border-left: 10px solid #B58E73;
	border-right: 10px solid #6B594A;
}
html>body #nav li a {
		width: auto;
}

#nav li a:hover {
		border-left: 10px solid #B58E73;
		border-right: 10px solid #6B594A;
		background-color: #F9F5E1;
		color: #A0735A;
}
#subnav ul{
	list-style-type: none;
	margin:0;
}
#subnav ul li {
	display: inline;
	padding:0 1em 0 1em;
	border-right:1px solid #8B4513;

}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail, .thumbnailtxt {
position: relative;
z-index: 0;
}

.thumbnail:hover, .thumbnailtxt:hover{
background-color: #FFFF00;
z-index: 50;
}

.thumbnailtxt:hover {
	width:20em;
}
.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #FFFFE0;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnailtxt span{ /*CSS for enlarged image*/
position: absolute;
background-color: #FFFFE0;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}
.thumbnailtxt span div{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}
.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 2em;
left: 10px; /*position where enlarged image should offset horizontally */
}
.thumbnailtxt:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 2em;
left: 10px; /*position where enlarged image should offset horizontally */
width:20em;
}

div.thumbnailtxt:hover {
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */
width:20em;
white-space:nowrap;
}
.paren {
	display:none
}