body {
background-color:#FDF8EC;
background-image:url(background.jpg);
background-position:top-left;
background-repeat:repeat-x;
	}

#Container {
	width: 700px;
	text-align: justify;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	position: relative;
	padding: 5px;
	border: 1px solid #003300;	background-color:#FFFFFF;
}

#Header{
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
}
#Header img{
	float: right;
	background-image:url(includes/header.jpg);
	background-position:center;
	background-repeat:no-repeat;
}
#Header h1{
	font-family: "Trebuchet MS", Arial, Verdana;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	font-style: normal;
	line-height: normal;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
}
#Header h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	font-weight: bold;
}		
/*------------------------------------------------------------*
**  Top Navigation
**------------------------------------------------------------*/
#nav
{
	height: 25px;
	background-color: #EEC879;
	width:auto;
	margin-top: 0px;
	
}

div#nav ul
{
	height: 25px;
	list-style: none;
	width: auto;
	display: inline;
	margin-left: 0px;
	padding-left: 0px;
	
	
}

div#nav ul li
{
	list-style: none;
	display: block;
	width: 120px;
	float: left;
	text-align: center;
	line-height: 25px;
	font-size: 12px;
	font-weight: normal;
	border-right: 1px solid #FFFFFF;	
}

div#nav ul li a
{
	width: 100%;
	height: 25px;
	display: block;
	color: #000000;
	text-decoration: none;
	font-family: Verdana, Tahoma, Arial, Helvetica,Lucida Grande, sans-serif,"garamond ";
	font-size: 12px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #003300;
}

div#nav ul li.last
{
	width: auto;
}

div#nav ul li a:hover
{
	color: #FFFFFF;
	background-color: #003300;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #EEC879;
}

/*------------------------------------------------------------*
**  Bottom Navigation
**------------------------------------------------------------*/
#navBottom
{
	height: 25px;
	background-color: #003300;
	width:auto;
	margin-top: 0px;
	
}

div#navBottom ul
{
	height: 25px;
	list-style: none;
	width: auto;
	display: inline;
	margin-left: 0px;
	padding-left: 0px;
	
	
}

div#navBottom ul li
{
	list-style: none;
	display: block;
	width: 140px;
	float: left;
	text-align: center;
	line-height: 25px;
	font-size: 12px;
	font-weight: normal;
	border-right: 1px solid #FFFFFF;	
}

div#navBottom ul li a
{
	width: 100%;
	height: 25px;
	display: block;
	color: #FFFFFF;
	text-decoration: none;
	font-family: Verdana, Tahoma, Arial, Helvetica,Lucida Grande, sans-serif,"garamond ";
	font-size: 12px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #EEC879;
}

div#navBottom ul li.last
{
	width: auto;
}

div#navBottom ul li a:hover
{
	color: #000000;
	background-color: #EEC879;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #003300;
}
/*------------------------------------------------------------*
**  Top Image
**------------------------------------------------------------*/
div#TopImage {
	text-align: center;
	width: 700px;
	padding-top: 0px;
}
/*------------------------------------------------------------*
**  Maybe a ticker? 
**------------------------------------------------------------*/
div#InfoLine {
	background-color: #EEC879;
	font-family:Verdana, Tahoma, Arial, Helvetica,Lucida Grande, sans-serif,"garamond ";
	color: #FFFFFF;
	font-size: 12px;
	height: 18px;
	line-height: 18px;
	font-weight: normal;
	padding-right: 10px;
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align: right;
}

/*------------------------------------------------------------*
**  MainText
**------------------------------------------------------------*/
/* MAin info area*/
div#MainText {
	width: 698px;
	clear: both;
	float: left;
	padding: 0px;

}
div#MainText h1{
	font-family: Verdana, Tahoma, Arial, Helvetica,Lucida Grande, sans-serif,"garamond ";
	font-size: 14px;
	font-weight: bold;
	color: #003300;
	margin-top: 10px;
}
div#MainText a, a:link, a:active, a:visited {
text-decoration:underline;
color:#000000; }

div#MainText a:hover {
text-decoration: overline;
color:#000000; }


div#MainText-right {
	text-indent: 8pt;
	clear: both;
	width: 697px;
	font-family: Verdana, Tahoma, Arial, Helvetica,Lucida Grande, sans-serif,"garamond ";
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 0px;
	margin-left: 0px;
	line-height: 18px;
}
div#MainText-left {
	text-indent: 8pt;
	clear: both;
	width: 350px;
	font-family: Verdana, Tahoma, Arial, Helvetica,Lucida Grande, sans-serif,"garamond ";
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	margin-top: 0px;
	margin-bottom: 5px;
	margin-right: 0px;
	margin-left: 0px;
	line-height: 18px;
	float:right;
}
/*------------------------------------------------------------*
**  Footer
**------------------------------------------------------------*/
div#Footer {
	width: 100%;
	clear: both;
	background-color: #EEC879;
	text-align: right;}
div#Footer p{
	padding: 5px;
	margin: 0px;
	font-family:Verdana, Tahoma, Arial, Helvetica,Lucida Grande, sans-serif,"garamond ";
	font-size: 10px;
	color: #000000;
}
div#Footer a{
	color: #000000;
	text-decoration: underline;
}
div#Footer a:hover{
	color: #003300;
	text-decoration:overline;
}
/*gallery*/
.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}
/*gallery page**/

.Gthumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.Gthumbnail:hover{
background-color: transparent;
}

.Gthumbnail:hover img{
border: 1px solid #000;
}

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

.Gthumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.Gthumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: -50px;
left: 250px; /*position where enlarged image should offset horizontally */
z-index: 50;
}