@charset "utf-8";

body  {

	background: #666666;

	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */

	padding: 0;

	text-align: center;

	font-family: Verdana, Geneva, sans-serif;

}

.ESJ #container {

	background: #FFFFFF;

	margin: 20 auto 0; /* this overrides the text-align: center on the body element. */

	width: 720px;

	padding: 10px;

	text-align: left;

	overflow: auto;

	position: relative;

} 


.ESJ #navmenu {

	padding: 20 0 20 0px;

	background-image: url(../images/headerimage.jpg);

	background-repeat: no-repeat;

	background-position: right top;

	color: #FFF;

	margin-bottom: 0px;

}

A.navmenu {

	DISPLAY: block;

	VERTICAL-ALIGN: middle;

	WIDTH: 210px;

	COLOR: #ffffff;

	LETTER-SPACING: 1px;

	HEIGHT: 18px;

	BACKGROUND-COLOR: #696;

	TEXT-ALIGN: left;

	TEXT-DECORATION: none;

	padding: 6px 2px 6px 8px;

	font-size: 12px;

	font-weight: bold;

	border-top: 1px solid #FFF;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

}

A.navmenu:hover {

	BACKGROUND-COLOR: #F90

}

A.navmenu_home {

	DISPLAY: block;

	VERTICAL-ALIGN: middle;

	WIDTH: 210px;

	COLOR: #ffffff;

	LETTER-SPACING: 1px;

	HEIGHT: 18px;

	BACKGROUND-COLOR: #696;

	TEXT-ALIGN: left;

	TEXT-DECORATION: none;

	padding: 6px 2px 6px 8px;

	font-size: 12px;

	font-weight: bold;

}

A.navmenu_home:hover {

	BACKGROUND-COLOR: #F90

}

.photocredit {

	font-size: 50%;

	text-align: right;

	text-transform: uppercase;

	margin-bottom: 20px;

}

.fltlft { /* this class can be used to float an element left in your page */

	float: left;

	font-weight: bold;

}



.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
float: right;
margin-left: 8px;
border: thin solid #363;
font-weight: bold;
width: 25%;
font-size: 85%;
background-color: #9C9;
padding: 10px;
margin-bottom: 8px;

}



.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */

	clear:both;

    height:0;

    font-size: 1px;

    line-height: 0px;

}

.ESJ #container h1  {

	color: #363;

	border-bottom: 1px solid #696;

	line-height: 120%;

	font-size: 150%;

}

.ESJ #container h2 {

	color: #363;

	font-size: 115%;

	margin-bottom: 1%;

}

.ESJ #container h3 {
	color: #000;
	margin-bottom: 1%;
	font-size: 90%;

}

.ESJ #container h4 {
	font-size: 80%;
	margin-bottom: 1%;

}
.ESJ #container h5{
	margin-bottom: 10px;
}


.ESJ #container h6 {

	font-size: 85%;

	font-weight: bold;

	margin-top: 0px;

	line-height: 120%;

	color: #363;

}

.ESJ #container p {
font-size: 80%;
line-height: 120%;
margin-top: 0px;
color: #333;
text-align: left;

}

.ESJ #container #mainContent p a {


}

.ESJ #container #mainContent ul {
	font-size: 80%;
	margin-top: 0%;
	list-style-type: square;

}

.ESJ #container #mainContent ol li {

	font-size: 80%;

	padding-bottom: 10px;

}



.ESJ #title  {

	font-size: 24px;

	font-weight: bold;

	color: #FFF;

	background-color: #696;

	padding: 5px;

	text-transform: uppercase;

}

.ESJ #footer {

	background-color: #FFF;

	margin-top: 20px;

	margin-bottom: 20px;

	text-align: right;

} 

.ESJ #footer p {

	margin: 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */

	background-color: #FFF;

	text-align: right;

}

#byline {

	font-size: 80%;

	text-align: center;

	margin: 20px 0px;

	border-top: 1px solid #696;

}

.ESJ #container #mainContent .fltrt div h5 {

	font-size: 100%;

	color: #FFF;

}

.ESJ #container #Header table {

	font-weight: bold;

	font-size: 12px;

}

.ESJ #container #mainContent p u {

	color: #00F;

}

.ESJ #container #mainContent p #underline {

	color: #00F;

	text-decoration: underline;

}
.pSmall {
	font-size: 85%;
	font-weight: normal;
	list-style-type: square;
}

.centered {
text-align: center;
margin-bottom: 20px;
}