/************* PAGE *************/

*, html{
	margin: 0;
	padding: 0;
	border: 0;}

body{
	font-family: Georgia, sans-serif;
	font-size: 85%;
	background: #DFC771 url('../images/bkg.jpg') no-repeat;
	background-attachment: fixed;
	color: #330000;
	text-align: center;}

div#sidebar, div#content, div#footer {background: #ebdca5 url('../images/content_bkg.jpg') fixed 0 0 no-repeat;}
		
#wrapper{
	margin: 0 auto;
	padding: 0;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 792px;
	text-align: left;}

#page{
	margin-top: -5px;
	padding: 0;
	border-left: 3px solid white;
	border-right: 4px solid white;
	overflow: hidden;}

/* style the outer div to give it width */
.menu {
	width:785px; height: 35px;
	padding-top: 5px;
	padding-bottom:1px;
	border-bottom: 4px solid #e8580f;
	background-color: #ffffcc;
	font-family: trebuchet ms, lucida sans unicode, Lucida Grande, Georgia, sans-serif;
	font-size: 9pt;  /* Typical .85em */
	font-weight: bold;
	text-align: center;}


/************* MENU *************/

.menu ul {padding:0;margin:0;list-style-type:none; height:3em; background:transparent;}
.menu ul ul {width:90px;} /* style the sub-level lists */

/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu ul li {float:left;height:3em;line-height:3em; display:block;}

/* style the sub level list items */
.menu ul ul li {display:block;width:11em;height:auto; line-height:1em;}

/* style the links for the top level */
.menu a, .menu a:visited {display:block;float:left;height:100%; width:82px; font-size:1em;text-decoration:none;color:#330000;background-color:#ffffcc; padding:0 2em 0 2em;} /* t r b l */
/* hack IE5.x to get the correct the faulty box model and get the width right */
* html .menu a, * html .menu a:visited {width:8em; w/idth:90px;}

/* style the sub level links */
.menu ul ul a, .menu ul ul a:visited {display:block;background-color:#ff9933; color:#663300;width:12em;height:100%;line-height:1em; padding:0.5em 1em; border-bottom:1px solid #e8580f;}
* html .menu ul ul a, * html .menu ul ul a:visited  {width:14em; w/idth:12em;}


/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {border-collapse:collapse; padding:0; margin:-1px; width:0; height:0; font-size:1em; z-index:1;}


/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background-color:#ff9933;}
/* style the fourth level background */
.menu ul ul ul ul a, .menu ul ul ul ul a:visited {background-color:#ff9933;}
/* style the sub level 1 background */
.menu ul :hover a.sub1 {background-color:#ffffcc;}
/* style the sub level 2 background */
.menu ul ul :hover a.sub2 {background-color:#ffffcc;}

/* style the level hovers */
/* first */
* html .menu a:hover {color:#e8580f;background-color:#ffffa0; position:relative; z-index:100;}
.menu li:hover {position:relative;}
.menu :hover > a {color:#e8580f;background-color:#ffffa0;}
/* second */
* html .menu ul ul a:hover{color:#e8580f;background:#ffffa0; position:relative; z-index:110;}
.menu ul ul li:hover {position:relative;}
.menu ul ul :hover > a {color:#e8580f;background:#ffffa0;}
/* third */
* html .menu ul ul ul a:hover {background:#ffffa0; position:relative; z-index:120;}
.menu ul ul ul :hover > a {background:#ffffa0;}
/* fourth */
.menu ul ul ul ul a:hover {background:#ffffa0; position:relative; z-index:130;}

/* DON'T EDIT BELOW */

.menu ul ul {visibility:hidden;position:absolute;height:0;top:3em; left:0; width:14em;}
.menu ul ul ul{left:12em;top:0;width:14em;}

.menu ul :hover ul{visibility:visible; height:auto; padding:0 3em 3em 3em; left:-3em;}
.menu ul :hover ul ul{visibility:hidden;}
.menu ul :hover ul :hover ul ul{visibility:hidden;}
.menu ul :hover ul :hover ul{visibility:visible; left:9em;}
.menu ul :hover ul :hover ul :hover ul {visibility:visible;}

/************* MENU *************/


/************* SIDEBAR *************/

#sidebar, #content{
padding-bottom: 32767px !important;
margin-bottom: -32767px !important;}


#sidebar{
	padding-bottom: 20px;
	float:left;
	width: 223px;}

#sidebar img{
	padding: 0;
	margin: 0;
	border: 0;}
	
#sidebar fieldset{padding: 5px; text-align: center; border: 0;}
#sidebar .search{width: 200px; border: 1px solid #663300;}

/************* SIDEBAR *************/


/************* CONTENT *************/
	
#content{
	float: right;
	width: 542px;
	padding: 10px;
	padding-bottom: 25px;
	min-height: 470px;
}

#content h1{
	padding: 6px 0px;
	margin-top: -5px;
	margin-left: 8px;
	font-size: 145%;}

#content h2{
	padding: 6px 0px;
	margin-top: -5px;
	margin-left: 8px;
	font-size: 135%;}

#content h3{
	padding: 6px 0px;
	margin-top: -5px;
	margin-left: 8px;
	font-size: 125%;}

#content h4{
	padding: 6px 0px;
	margin-top: -5px;
	margin-left: 8px;
	font-size: 100%;}
	
#content p{
	letter-spacing: .6px;
	line-height: 18px;
	margin: 8px;
	padding-bottom: 8px;
	font-size: 110%;}
	
.left {
	float: left;
	margin-right: 5px;
	margin-top: 5px;
	margin-bottom: 5px;}

.right {
	float: right;
	margin-left: 5px;
	margin-top: 5px;
	margin-bottom: 5px;}

.bold{
	font-weight: bold;}

blockquote{
	padding-left: 10px;
	font-style: italic;
	border-left: 8px solid #A0D900;
	background-color: #E8E8E8;}
	
#content a:active,#content a:visited,#content a:link{
	text-decoration: none;}

#content a:hover{
	color: black;
	text-decoration: none;}
	
#content ul{
	margin-left: 30px;}

#content ul li ul{
	margin-left: 35px;}
	
/************* FORMS *************/

.cf {
	margin-left: 8px;}

.cfc input, .cfc textarea, .button{
	border: 1px solid #663300;
	margin: 4px;}

.cfc img{margin: 4px;}

.button{
	height: 2.5em;
	width: 30%;
	padding: 8px;}
	
/* Special Gallery Stylings */
.gallery{display: block; margin: 0 auto; text-align: center;}
.gallery table{margin: 15px auto 15px auto; border: solid 1px #E8580F; border-collapse: collapse;}
.gallery table td{padding: 3px; /* border: solid 1px #E8580F;  */} /* Controls the cell padding in tables */  /* Remove commented code to give all cells grid lines */
.gallery table thead{background-color: #ccc; text-align: center; font-weight: bold; border-bottom: solid 1px #E8580F;} /* Gives table head rows a background style */

.cfc{text-align: left;} 
.cfb {border: 1px solid #7B5121; text-align: left;}
.cfs {border: 1px solid #7B5121; padding: 2px; text-align: center; margin: auto 0;}

/************* FORMS *************/



/************* FOOTER *************/
	
.clear{
	clear: both;}
	
#footer{
	text-align: center;
	width: 790px;
	height: 40px;
	margin-bottom: 60px;
	clear: both;}

.logo{
	 float: right;
	 position: relative;
	 bottom: 80px;
	 left: 90px;
	 margin-left: -60px;
	 z-index: 10;
}

#footer p{
	margin-top: -30px;
	margin-left: 30px;
	text-align: center;
	font-size: 10pt}
