body {
	font:  11px Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.5;
	background-color: #C7C7AB;
	}
	
h1 {
	font: normal normal bold 18px Arial, sans-serif;
	color: #996600;
	margin-top: 10px;
	margin-left: 10px;
}
h2 {
	font: normal normal bold 14px Verdana, sans-serif;
	margin-left: 20px;
	color: #666600;	
}
h3 {
	font: normal normal bold 12px Verdana, sans-serif;
	margin-left: 25px;
	color: #000000;	
}
p {
	margin-left: 35px;
	margin-right: 20px;
}
ol {
	margin-right: 30px;
}

.tableBeige {
	background-color: #EBEBDC;
}
.border {
	border: solid 1px;
	border-color: rgb(100,100,66);
}
.border-right {
	border-right: solid 1px;
	border-color: rgb(100,100,66);
}
.border-top {
	border-top: solid 1px;
	border-color: rgb(100,100,66);
}
.border-bottom {
	border-bottom: solid 1px;
	border-color: rgb(100,100,66);
}
a:link {
	font: Verdanan, Arial, Helvetica, sans-serif;
	text-decoration: none;
	padding: 1px;
}
a:hover {
	font:  Verdanan, Arial, Helvetica, sans-serif;
	text-decoration: none;
	/*background-color: #EBEBDC;*/
	padding: 1px;
}
a:visited {
	font: Verdanan, Arial, Helvetica, sans-serif;
	text-decoration: none;
	padding: 1px;
}
p.hang  {
	text-indent: -20px;
	margin-left: 40px;
}
.footer {
	font: 8.5px verdana, sans-serif;
	color: #000000;
}
.footerBox {
	padding: 3px;
	border-top: solid 1px;
	border-color: rgb(100,100,66);
	background-color: #ffffff;
}

/* Vertical Menu */

/* We remove the margin, padding, and list style of UL and LI components */
#menuwrapper ul, #menuwrapper ul li{
    margin:0;
    padding:0;
    list-style:none;
}

/* We apply background color and border bottom white and width to 150px */
#menuwrapper ul li{
    background-color:#ebebdc;
    border-bottom:solid 1px #996;
	text-align:right;
    width:185px;
    cursor:pointer;
		
}

/* We apply the background hover color when user hover the mouse over of the li component */
#menuwrapper ul li:hover{
    background-color:#c7c7ab;
    position:relative;
}

/* We apply the link style */
#menuwrapper ul li a{
    padding:5px 5px;
    color:#000;
    display:inline-block;
    text-decoration:none;
}

/**** SECOND LEVEL MENU ****/
/* We make the position to absolute for flyout menu and hidden the ul until the user hover the parent li item */
#menuwrapper ul li ul{
    position:absolute;
    display:none;
}

/* When user has hovered the li item, we show the ul list by applying display:block, note: 150px is the individual menu width.  */
#menuwrapper ul li:hover ul{
    left:185px;
    top:0px;
    display:block;
}

/* we apply different background color to 2nd level menu items*/
#menuwrapper ul li ul li{
    background-color:#fff;
	text-align:left;
}
#menuwrapper ul li ul{
	border:#993 thin solid;
}

/* We change the background color for the level 2 submenu when hovering the menu */
#menuwrapper ul li:hover ul li:hover{
    background-color:#EBEBEB;
}

/* We style the color of level 2 links */
#menuwrapper ul li ul li a{
    color:#000;
    display:inline-block;
    width:120px;
}


/* Clear float */
.clear{
    clear:both;
}