body {
	background-color: #874218;
	margin-left: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
}

a {
	color: #996633;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;

}

a:hover {
	color: #000000;
}

a.nav  {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	font-weight: bold;
	color: #ffffff;
	text-decoration:none;
	padding:5px;
}

a.nav:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	font-weight: bold;
	text-decoration:underline;
	color: #996633;
	padding:5px;
}

a.topnav  {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 24px;
	font-weight: bold;
	color: #deb887;
	text-decoration:none;
	padding-bottom:10px;
}

a.topnav:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 24px;
	font-weight: bold;
	text-decoration:none;
	color: #ffffff;
	padding-bottom:10px;
}

h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 24px;
	font-weight: bold;
	color: #960502;
	text-transform: uppercase;
}

h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
	color: #960502;
	text-transform: capitalize;
	font-style: oblique;
}

p {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding:5px;	
}

p.caption {
	font-weight: bold;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

td, th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	color: #330000;
}

li.home {font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #996633;
	list-style-type: square;
}

hr {
  color: #99cc33;
}

.img {
  float: right;	
	padding-left: 10px;
	padding-bottom: 10px;
	}
	
.box1 {
  border: #99cc33 solid 1px;
	padding: 6px;
	background-color: #ffe4c4;
}

.box {
  border: #99cc33 solid 1px;
	padding: 6px;
}

.box_header {
  font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
	padding-left: 6px;
	background-color: #cc9966;
}

.box1_text {
  font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 16px;
	color: #996633;
	padding-top: 5px;
}	
	
.header {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 24px;
	line-height: 26px;
	background-color: #cc9966;
	color: #ffffff;
	font-weight: bold;
	padding-left: 10px;
}

.sidebar {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	padding: 3px;
	background-color: #deb887;
	background-image: url('images/sidebarbg.jpg');
}

.smallstyle {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 12px;
	text-align: center;
}

.footer {
  background-color: #deb887;
}

form {
	background-color: #CCCC99;
}

	TEXTAREA { 
			font-family: Verdana, "Arial", "Helvetica", sans-serif;
			font-size: 11px; 
			color: #333333; 
			background-color: #ccffff; 
			border: 1px #000000 solid; 
		} 

	SELECT { 
			font-family: Verdana, "Arial", "Helvetica", sans-serif; 
			font-size: 11px; 
			color: #333333; 
			background-color: #ccffff; 
			border: 1px #000000 solid;
			border-style: solid solid solid solid;
		} 

	INPUT { 
			font-family: Verdana, "Arial", "Helvetica", sans-serif; 
			font-size: 11px; 
			color: #333333; 
			background-color: #ccffff; 
			border: 1px #000000 solid; 
		}

/* style the outer div to give it width */
.menu {font-size:0.85em;position:absolute;top:186px;margin-left:135px;}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none; height:18px; background:#debc99;}

/* style the sub-level lists */
.menu ul ul {background:#debc99;}

/* 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:18px;line-height:18px;}

/* style the sub level list items */
.menu ul ul li {display:block;width:80px;height:18px;line-height:18px;}

/* style the links for the top level */
.menu a, .menu a:visited {display:block;float:left;width:70px;text-align:center;font-size:10px;text-decoration:none;color:#930;background:#debc99;padding:0 5px 0 5px; border-left:1px solid #eee; border-right:1px solid #666;}

/* style the sub level links */
.menu ul ul a, .menu ul ul a:visited {display:block;background:#debc99;color:#930;width:80px;height:18px;line-height:18px;padding:0 5px 0 5px;border-top:1px solid #eee; border-bottom:1px solid #eee;}
* 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 {position:absolute; left:1px; top:0; width:0; height:0; font-size:1em; z-index:1;}


/* style the sub level 1 background */
.menu ul :hover a.sub1 {background:#ffeac0;}
/* style the sub level 2 background */
.menu ul ul :hover a.sub2 {background:#ffeac0;}

/* style the level hovers */
/* first */
* html .menu a:hover {color:#930;background:#ffeac0; position:relative; z-index:100;}
.menu li:hover {position:relative;}
.menu :hover > a {color:#930;background:#ffeac0;}
/* second */
* html .menu ul ul a:hover{color:#930;background:#ffeac0; position:relative; z-index:110;}
.menu ul ul li:hover {position:relative;}
.menu ul ul :hover > a {color:#930;background:#ffeac0;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:18px;left:5px;width:80px;}

/* make the second level visible when hover on first level list OR link */
.menu ul :hover ul{visibility:visible; height:18px;background:transparent url(images/trans.gif);}