/* mac hide\*/
html, body {height:100%}
/* end hide */
body {
	padding:0;
	margin:0;
	text-align:center;
	min-width:760px;/* for mozilla*/
	/* background-color: #3366FF; /* THE ACTUAL BACKGROUND */
	background:#661E18 /*url(images/headbg.jpg) repeat-x*/;
	color: #000000;
}
p {
	padding:5px;
	margin:5px 42px;
}

h1{
	text-align:center;
	margin:1em 0;
}
	
#center {
	text-align:center;
}
	
#outer{
	min-height:100%;
	width:800px;
	border-left:0px solid #000000;
	border-right:0px solid #000000;
	color: #000000;
	text-align:left;
	margin:auto;
	position:relative;
	background:WHITE url(images/bodybar.jpg) repeat-y left top;
}
 
* html #outer{height:99.9%;} /*For ie as treats height as min-height anyway - also addreeses rounding bug at bottom of screen in IE*/

#houter{
	width:800px;
	border-left:0px solid #000000;
	border-right:0px solid #000000;
	color: #000000;
	text-align:left;
	margin:auto;
	position:relative;
	background:WHITE /*url(images/bg.jpg)*/ repeat-y left top;
}

#header{
	min-height:300px;
	background:#CAAA79 url(images/header.jpg);
	border-top:1px solid #000000;
	border-bottom:0px solid #000000;
	position:relative;
}
#header h1{
text-align:left;
padding:0px 80px;
}

* html #header{height:300px}

#fouter{
	min-height:10%;
	width:800px;
	border-left:0px solid #000000;
	border-right:0px solid #000000;
	color: #000000;
	text-align:left;
	margin:auto;
	position:relative;
	background:WHITE url(images/bodybar.jpg) repeat-y left top;
}
	
#footer {
	width:800px;
	clear:both;
	height:50px;
	border-top:0px solid #000000;
	border-bottom:0px solid #000000;
	background:WHITE url(images/bodybar.jpg) repeat-y left top;
	color: #000000;
	text-align:center;
	left:0;
	bottom:0;
	position: absolute;
}
* html #footer {/*only ie gets this style*/
	\height:52px;/* for ie5 */
	\height:50px;/* for ie6 */
	margin-bottom:-1px;
}
div,p  {margin-top:0}/*clear top margin for mozilla*/

#centrecontent {
	width:800px;
	float:right;
}

#centrecontent p {padding-left:3px}
#clearfooter {width:100%;height:52px;clear:both} /* to clear footer */

/* ----------menu---------- */
#spacer ul li {
	position: relative;
	float: right;
	width:50px;
}

#headtail ul li {
	position: relative;
	float: top left;
}

ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}

ul li {
	position: relative;
	float: right;
	width:86px;
}
	
li ul {
	position: absolute;
	left: 0; /* Set 1px less than menu width */
	top: auto;
	display: none;
	}
li ul ul{
	position: absolute;
	left:100%; /* Set 1px less than menu width */
	top: -.1em;
	display: none;
	}

/* Styles for Menu Items */
ul li a {
	display: block;
	text-decoration: none;
	color: #000000; /* top menu text color */
	background: #CAAA79; /* top menu text bg color */
	padding: 5px;
	border: 0px solid #000000; /* top menu border color */
	}
/* commented backslash mac hiding hack \*/ 
* html ul li a {height:1%}
/* end hack */ 

/* this sets all hovered lists to red */
li:hover a, li.over a,
li:hover li:hover a, li.over li.over a,
li:hover li:hover li:hover a, li.over li.over li.over a,
li:hover li a:hover, li.over li a:hover,
li:hover li:hover li:hover a:hover, li.over li li a:hover,
li:hover li:hover li:hover li:hover a:hover, li.over li.over li.over li.over a:hover 
{
   color: #ffffff;
   background-color: black;
}

/* set dropdown to default */
li:hover li a, li.over li a,
li:hover li:hover li a, li.over li.over li a,
li:hover li:hover li:hover li a, li.over li.over li.over li a
 {
    color: #000000; /* sub menu text color */
   background-color: #cccccc; /* sub menu text bg color */
}
li ul li a { padding: 2px 5px; } /* Sub Menu Styles */
ul li:hover ul ul, ul li:hover ul ul ul, ul li.over ul ul, ul li.over ul ul ul {
display:none;
}

ul li:hover ul,ul li li:hover ul,ul li li li:hover ul, ul li.over ul, ul li li.over ul,ul li li li.over ul {
	display: block;
}

table.center {
margin-left:auto; 
margin-right:auto;
}