

#container {

	width: 850px;
	margin: 0 auto;
	font-size: 101%;
	background: #FFF;
	border: 1px #000 solid;
	border-top: 0;
	
}
BODY {
background-image:url(../images/mainbg.gif);
background-color:#322c27;
	font: 11px/18px verdana, "Times New Roman", Times, serif;
	color:#000;
	margin: 0;
	padding: 0;
	
	
}
.banner td {
	margin: 0;
	padding-left: 8px;
	padding-right: 8px;
	color: #014d8a;
	font-size: 12px;
}

#top-bar { 

background-image:url(../images/top-bar-bg.jpg);
color: #FFF;
font-size:11px;
height:45px;
text-align: center;
letter-spacing: 2px;

}

#top-bar h1 {
font-family: Arial, Helvetica, sans-serif;
font-size:16px;
color:#ffcb66;
margin-bottom: 0;
}

/*------------------------------ navigation------------------------ */

#navlist 
{
margin-left: 0;
padding-left: 0;
height: 24px;
background-color:#a17d50;
text-align:center;
background-image:url(../images/nav-bg.gif);
background-repeat:repeat-x;
background-color:#FFFFFF;
text-align:center;
border-right: 1px solid #53442b;

}
#navlist ul {
margin-left: 3px;

padding-left: 5px;}

#navlist li
{

padding: 3px 0 5px 10px;
background-image: url(../images/arrow.gif);
background-repeat: no-repeat;
background-position: 0 .5em;
border-bottom: 1px solid #8d6c42;
text-align:left;
list-style: none;
}

#navlist a {color:#29140e;
text-decoration: none;

}


#navlist a:hover {color:#f1842c;
text-decoration:none;}

/*------------------------------ footer ------------------------ */
#footer {
	height: 30px;
	color: #FFF;
	text-align: center;
	font-size: 11px;
	background-color: #281109;
	padding:5px;
}

#footer a {
	color: #333;
	text-decoration: underline;
	font-size: 10px;
}
#footer a:hover {
	color: #6f2323;
	text-decoration: none;
}

#webmaster  {text-align:center;}

#webmaster a {

color:#666666;
font-size: 9px;

}

/*------------------------------ general------------------------ */
a {
	color: #f1842c;
	text-decoration: underline;
	font: bold 11px verdana, "Times New Roman", Times, serif;
}
a:hover {
	color: #015496;
	text-decoration: none;
}
h1 {
	color: #000;
	font-family:arial, "Times New Roman", Times, serif;
	font-size: 18px;
	margin: 3px;
}

h2 {
color:#000;
	font-size: 1.2em;
	margin-bottom: 1px;
}

h3 {
color:#131212;
	font-size: 1.2em;
	margin-bottom: 1px;
}
h4 {
	font-size: 24px;
	margin-bottom: 1px;
}
hr {
	color: #dfc4b0;
	height: 1px;
	margin-bottom: 1px;
	background: #dfc4b0;
}
img {
	border: 0;
}
#gallery img {
	border: 1px solid #f2842d;
}
/* ------------------------------------------- forms --------------------------------------*/

 input, textarea, select {
font-size: 12px;
 background-color: #FCFCFC;
 border: 1px solid #d39b4f;
 
}

#side form {color:#32201a;}

#side .button {
font-size: 10px;
background-color:#f29142;
color:#000;
width: 65px;
padding: 2px;
border: 1px solid #f1842c;}

.button {
font-size: 10px;
background-color:#f29142;
color:#000;
width: 65px;
padding: 2px;
border: 1px solid #f1842c;}



/*------------------------------------------ thumbnail viewer -----------------------------------------*/

#thumbBox{ /*Outermost DIV for thumbnail viewer*/
position: absolute;
left: 0;
top: 0;
width: auto;
padding: 10px;
padding-bottom: 0;
background: #313131;
visibility: hidden;
z-index: 10;
cursor: hand;
cursor: pointer;
}

#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
font: bold 16px Tahoma;
letter-spacing: 5px;
line-height: 1.1em;
color: white;
padding: 5px 0;
text-align: right;
}


#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
background-color: white;
}

#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
position: absolute;
visibility: hidden;
border: 1px solid black;
background-color: #EFEFEF;
padding: 5px;
z-index: 5;
}
