.small {font-family:Verdana, Sans-Serif;font-size:8pt;color:#000000}
.black {font-family:Arial;font-size:10pt;color:#000000}
.white {font-family:Verdana;font-size:8pt;color:#FFFFFF}
.large {font-family:Arial;font-size:15pt;color:#000000}
.list {
	list-style: none;
}
a:link {font-weight:bold;text-decoration:none;color:#006699}
a:visited{font-weight:bold;text-decoration:none;color:#006699}
a:hover{font-weight:bold;text-decoration:underline;color:#FF3300}
p {text-align:justify}
form {display:inline; margin:0px; padding:0px;}
body {
  background-image: url(images/bg_tree.jpg);
  background-repeat: no-repeat;
  background-color: #88735E;
  margin-left: 0px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 00px;
}


#menu {
width: 100%;
float: left;
padding-left:35px;;
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
width: 100px;
float: left;
}

#menu a, #menu h2 {
font: bold 11px/16px arial, helvetica, sans-serif;
display: block;
margin: 0;
padding: 2px 3px;
}

#menu h2 {
color: #fff;
background: #000;
text-transform: uppercase;
width: 80px;
text-align:center;
}

#menu a {
color: #FC0;
background: #000;
text-decoration: none;
}

#menu a:hover {
color: #000;
background: #fc0;
}

#menu li {position: relative;}

#menu ul ul {
position: absolute;
z-index: 500;
}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}

#content{
  border: 0px;
  position: absolute;
  background-color: transparent;
  padding-bottom: 20px;
  left:220px;
  top:25px;
  width:520px;
  z-index:2;
}
#content h1 {
	margin:0 -8px 10px -8px;
	padding:0.3em 10px;
  background:#dfdcd6;
  display:block;
	font:bold 1.2em/1 Arial, Helvetica, sans-serif;
}
.bt {
	background:url(images/box.png) no-repeat 100% 0;
	margin:0 0 0 20px;
	height:15px;
}
.bt div {
	height:15px;
	width:20px;
	position:relative;
	left:-20px;
	background:url(images/box.png) no-repeat 0 0;
}
.bb {
	background:url(images/box.png) no-repeat 100% 100%;
	margin:0 0 0 20px;
	height:20px;
}
.bb div {
	height:20px;
	width:20px;
	position:relative;
	left:-20px;
	background:url(images/box.png) no-repeat 0 100%;
}
.i1 {
  border:0 0;
  margin:0 0;
	padding:0 0 0 12px;
	background:url(images/borders.png) repeat-y 0 0;
}
.i2 {
  border:0 0;
  margin:0 0;
	padding:0 12px 0 0;
	background:url(images/borders.png) repeat-y 100% 0;
}
.i3 {
font-family:Arial;font-size:10pt;
	background:#fff;
	border:1px solid #fff;
	border-width:1px 0;
	padding:0 8px;
  overflow: auto;
}


#sidebar{
  border: 0px;
  position: absolute;
  background-color: transparent;
  left:725px;
  top:0px;
  opacity:0.85;
  width:220px;
}
.menubox {
  padding: 10px 0;
}
.sidei1 {
	padding:0 0 0 12px;
	background:url(images/sideborders.png) repeat-y 0 0;
  overflow: hidden;
}
/* Insert the right border */
.sidei2 {
	padding:0 12px 0 0;
	background:url(images/sideborders.png) repeat-y 100% 0;
}
.sidei3 {
  background:#ffe493;                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         ;
 	border:1px solid #ffe493;
	border-width:1px 0;
	padding:0 8px;
  font:9pt Helvetica, Verdana,sans-serif;
  overflow: auto;
}
/* Rules for the bottom corners and border */
.sidebb {
	background:url(images/sidebar.png) no-repeat 100% 100%;
	margin:0 0 0 18px;
	height:17px;
}
.sidebb div {
	height:17px;
	width:18px;
	position:relative;
	left:-18px;
	background:url(images/sidebar.png) no-repeat 0 100%;
}
#sidebar h1 {
  margin:0 -8px 10px -8px;
  padding:0.4em 10px;
  display:block;
  font:bold 1.2em/1 Arial, Helvetica, sans-serif;
}

#menubar{
  background: url(images/menubar.gif) no-repeat 0 0;
  position: absolute;

  left:180px;
  top:0px;
  width:560px;
  height:25px;
  z-index:3;
}
#nav {
  padding-left: 35px;
  margin-bottom:0;
  margin-top:0px;
}
#nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 140px; /* Width of Menu Items */
  height: 20px;
}

#nav li {
	list-style: none;
  padding-right: 20px;
	position: relative;
}
	
#nav ul li {
	position: relative;
	list-style: none;
  z-index:100;
}
	
#nav li ul {
	list-style: none;
	position: absolute;
	left: 0px; /* Set 1px less than menu width */
	top: 22;
	display: none;
  z-index:100;
}

/* Styles for Menu Items */
#nav a {
font:bold 8pt Verdana, sans-serif;
  background-color: #000;
  text-decoration: none;
  padding: 5px;
  display: block;
	}
#nav a:link{
  text-decoration:none;
  color:#FFCC00;
}
#nav a:visited{
  text-decoration:none;
  color:#FFCC00;
}
#nav a:hover{ /*hover background color*/
  background-color: #FFCC00;
  text-decoration: none;
  color:#000000;
}

/* Holly Hack. IE Requirement \*/
* html nav ul li { float: left; height: 1%; }
* html nav ul li a { height: 1%; }
/* End */
#nav li:hover ul, li.over ul { display: block;   z-index:100; } /* The magic */