body 
{
    margin:0px;
    margin-left:6px;
    background-color:#000000;
   background-image:url(images/background.jpg);
   background-position:top;
    background-repeat:repeat-x;
 	color:#d0c9af;
    font-family:Verdana, Arial, Helvetica, Sans-Serif;
	font-size:76%;
	font-weight:bold;
}

a:link, a:active, a:visited {
color: #e3c0a9;
text-decoration: underline;
font-family: Arial, Helvetica, sans-serif;}

a:hover {
color: #f9fc9f;
font-size: 13;
text-decoration: underline;
font-family: Arial, Helvetica, sans-serif;}

a.classes 
{
	font-variant:small-caps;
	font-weight:bold;
	font-size:98%;
	border:none 0px;
}

h1 
{
	margin:0px;
	margin-top:7px;
	padding: 1px 0px 12px 0px;
	color:#f1b67d;
	font-size:160%;
	font-variant:small-caps;
	text-align:justify;
}
h2 
{
	font-size:110%;
	margin:0px;
	padding: 3px 0px 0px 0px;
	color:#fceab8;
}

h3 
{
	font-size:140%;
	font-variant:small-caps;
   color:#fceab8;
   margin:0px;
   padding: 0px 0px 2px 0px;
	line-height:96%;
}
h4 
{
	font-size:115%;
	font-variant:small-caps;
	color:#d0c9af;
	margin:0px;padding:0px;
}
h5 
{
	font-size:105%;
	color:#f1b67d;
	margin:0px;padding:0px;
}
ol 
{
	font-size:150%;
}
li 
{
	margin-bottom:9px;
}
p 
{
	text-align:justify;
}
.big 
{
	font-size:104%;
	font-weight:bold;
	color:#f9fbbc;
	margin-top:3px;
}
.bighead 
{
	font-size:18px;
	font-weight:bold;
	text-transform:uppercase;
	text-align:center;
	color:#f0ded2;
	padding-top:30px;
}

.classes 
{
	border: solid 1px white;
	padding:3px;margin:3px;
}
.footer 
{
	border:solid 1px #fad6c0;
	font-size:120%;
	color:#fad6c0; 
	padding:6px;
}
.form 
{
	border: solid 1px white;
	padding:8px;margin:3px 3px 3px 50px;
}
.instruction
{
	color:#e5a586;
	font-size:110%;
}

.margins 
{
	margin-left:30px;
	margin-right:30px;
}
.menu 
{
    border:solid 7px #492213;
    border-bottom:solid 3px #492213;
    border-left:none 0px;
    border-right:none 0px;
    padding-bottom:2px;
    padding-top:2px;
}
.menubottom
{
    width:100%;
    border:solid 7px #492213;
    border-bottom:solid 3px #492213;
    border-left:none 0px;
    border-right:none 0px;
    padding-bottom:2px;
    padding-top:2px;
}

.pictureleft 
{
	border:0px;
	margin-right:15px;
	margin:0px;
	float:left;
	border:none 0px;
}
.pictureright 
{
	border:0px;
	margin:0px;
	margin-left:15px;
	float:right;
	border:none 0px;
}
.picturerightclose 
{
	border:0px;
	margin:0px;
	margin-left:15px;
	margin-right:30px;
	float:right;
}
.showcaseright
{
	border:0px;
	margin:0px;
	margin-top:9px;
	float:right;
}

div#container 
{
	width:100%;
	margin-left:0px;
}


div#grey 
{
    background-color:#8e8e8e;
    width:790px;
}

/* BE SURE TO INCLUDE THE CSS RESET FOUND IN THE DEMO PAGE'S CSS */
/*------------------------------------*\
	NAV
\*------------------------------------*/
#nav{
	list-style:none;
	font-weight:bold;
	margin-bottom:1px;
	/* Clear floats */
	float:left;
	width:100%;
	/* Bring the nav above everything else--uncomment if needed.
	position:relative;
	z-index:5;
	*/
}
#nav li{
	float:left;
	margin-right:0px;
	position:relative;
}
#nav a{
	display:block;
	text-decoration:none;
	color:#1e130f;
    background-color:#ceb19e;
    background-image:url(images/menu.png);
    font-family:Georgia, Century, Courier New, Serif;
    font-weight:bold;
    text-decoration:none;
    font-variant:small-caps ;
    text-transform :uppercase ;
	font-size:80%;
    border-right:solid 2px #492213;
    padding:4px;

}
#nav a:hover{
    color:#431302;
    background-color:#eabd9f ;
    background-image:url(images/menu-up.png);
    font-family:Georgia, Century, Courier New, Serif;
    font-weight:bold;
    text-decoration:none;
    font-variant:small-caps ;
	font-size:80%;
    text-transform :uppercase ;
    border-right:solid 2px #1e130f;
    padding:4px;
}

/*--- DROPDOWN ---*/
#nav ul
{
	padding:0px;
    background-color:#000;
	list-style:none;
	position:absolute;
	left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
}
#nav ul li{
	padding-top:1px; /* Introducing a padding between the li and the a give the illusion spaced items */
	margin-bottom:0px;
	float:none;
}
#nav ul a{
	white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
}
#nav li:hover ul{ /* Display the dropdown on hover */
	left:0; /* Bring back on-screen when needed */
}
#nav li:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
    background-color:#ceb19e;
}
#nav li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
	text-decoration:none;
}
#nav li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
    background-color:#eabd9f ;
}