/* light brown #eeb872 
    cold blue #aa9ecf
*/


h1{
font-size: 40px;
color: #eeb872;
}

h2{
padding-top: 30px;
font-size: 24px;
color: #eeb872;
}

p{
color: #eeb872;
font-size: 16px;

}

a{
color: #eeb872;
}

#header {
	position: absolute;	
	text-align: left;
	font-size: 16px;
	top: 20px;
	width: 850px;
	margin: 0;
	padding: 0px 30px 0px 0px;
	list-style: none;	
/*
	border-color: red; 
	border-style: solid; 
*/
}


#menu {
	position: absolute;	
	text-align: right;
	font-size: 16px;
	top: 20px;
	width: 850px;
	margin: 0;
	padding: 0px 30px 0px 0px;
	list-style: none;	
/*
        border-color: white; 
	border-style: solid; 
*/
}


body{
	background-color: black;
	color: #eeb872;
/*	border-color: red; */
/*	border-style: solid; */
}

#body {
	position: absolute;

	top: 130px;
	width: 850px;
	margin: 0;
	padding: 0;
	list-style: none;
/*
	border-color: blue; 
	border-style: solid; 
*/
}

/*
#body p{
  font-size: 14px;
}
*/

#main {
	position: relative;
	left: 50px;
	width: 500px;
	padding-left: 0px;
	padding-right: 0px;
	text-align: center;
	margin: 0px;
	height: 600px; 
/*
	border-color: green; 
	border-style: solid; 
*/
	overflow: hidden;
}



img{
	border: none;
}


#main li, ul, ol, p{
	list-style: none;
	padding-top: 0px;
 	padding-bottom: 0px;
}

#body.image{
	text-align: center;
	top: 80px;
}

#main.image{
position: absolute;
width: 850px;

}


#footer {
  margin-top: 40px;
  margin-bottom: 20px;

/*
  border-color: grey; 
  border-style: solid; 
*/

  width: 850px;
  clear:both;
  padding-top: 0px;
  text-align: right;
  font-size: 12px;
}

#footer p {
  margin:0;
  padding:0;
  font-size: 10px;
}


#all{
}


#allthumbs {
	position: absolute;
	top: -5px;
	left: 645px;
/*	width: 132px;
	height: 300px;
*/
    width: 190px;
	height: 380px;
    background-color: black;
	margin: 0;
	padding-top: 0px;
	list-style: none;
	text-decoration: none;
/*
	border-color: white; 
	border-style: solid;
*/
}

#allthumbs img{
	border: none;
	
}

#thumbimage {
	float: left;
	width: 59px;
	height: 59px;
	margin: 0;
	padding: 2px;
	list-style: none;
	border: none;
}



#upscrollmain
{
	position: absolute;
	top: 10px;
	left: 605px;
}

#downscrollmain
{
	position: absolute;
	top: 100px;
	left: 605px;
}

#upscroll
{
	position: absolute;
	top: -5px;
	left: 835px;
}

#downscroll
{
	position: absolute;
	top: 100px;
	left: 835px;
}

#imgcenter{
	text-align: center;
}

#imgcaption {
	position: relative;	
	margin-top: 10px;
	text-align: center;
	font-size: 18px;
/*
	border-color: white; 
	border-style: solid; 
*/
}


/*
	this file was based on Cyclomedia Scroller Object - v 0.1
	
	Imported CSS file
	
	This CSS file is imported to enhance the UI of the page, but only if Javascript
	is enabled.
*/


div.scroller{
	overflow: hidden;
} 

div.scrollup, div.scrolldn, div.scrolllt, div.scrollrt 
{ 
	visibility: visible; 
	display: block; 
}