@charset "utf-8";
/* CSS Document */

body {
	margin:0; padding:0;
	font-size:12px;
	color:#8a8a8a;
	background:#e7e9d4;
	font-family:Trebuchet MS;
}
div, span, ul, li, a, p, h1, h2, h3, h4, h5 { margin:0; padding:0; }
ul, li { list-style-type:none; }
a { text-decoration:none; }

#sitecontainer {
width:987px;
margin:auto;
}

#topdiv {
	height:100px;
	}
#top-logo {
width:143px;
height:100px;
float:left;
	}


#toplan {
	width:150px;
	height:20px;
	margin-top:70px;
	float:right;
	}	

	#toplan ul {
		text-align:right;
		}
		
	#toplan li {
		display:inline;
		}

	#toplan li a {
		color:#4f602a;
		padding: 0px 10px 0px 10px;
		}



#spacertop {
float:left;
width:987px;
height:0px;
background-color:#eef1d5;
}

#navcontainer {
height:24px;
}

#spacerfoot {
width:987px;
float:left;
height:2px;
background-color:#fbba1c;
}

#footer {
width:987px;
clear:both;
}

#botbar {
width:250px;
font-family:Trebuchet MS;
font-size:11px;
font-weight:bolder;
text-transform:uppercase;
float:left;
margin-left: 0;
padding-left: 0;
white-space: nowrap;
}
	#botbar a {padding: 2px 36.5px;}
	
	#botbar li {
	display: inline;
	list-style-type: none;
	}

	#botbar a:link, #botbar a:visited, #botbar a:active{
	color: #4e6029;
	background-color: #fbba1c;
	text-decoration: none;
	}
	
	#botbar a:hover {
	color: #fff;
	background-color: #fe4c00;
	text-decoration: none;
	}

#availabilty {
width:185px;
float:right;
font-family:Trebuchet MS;
font-size:11px;
font-weight:bolder;
text-transform:uppercase;
margin-left:0;
padding-left:0;
margin-right:2px;;
white-space: nowrap; }

	#availabilty a { padding: 2px 37px; }
	
	#availabilty li {
	display: inline;
	list-style-type: none;
	}
	
	#availabilty a:link, #availabilty a:visited
	{
	color: #fff;
	background-color: #fe4c00;
	text-decoration: none;
	}
	
	#availabilty a:hover
	{
	color: #fff;
	background-color: #fbba1c;
	text-decoration: none;
	}

/**-------------- STARTS MENU  **--------------------**/

.jqueryslidemenu{
font: bold 12px Trebuchet MS;
background: #64713b;
width: 987px;
}

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

/*Top level list items*/
.jqueryslidemenu ul li{
position: relative;
display: inline;
float: left;
width:141px;
text-align:left;
}

/*Top level menu link items style*/
.jqueryslidemenu ul li a{
display: block;
background: #64713b; /*background of tabs (default state)*/
color: white;
padding: 3px 3px;
border-right: 1px solid #778;
color: #2d2b2b;
text-decoration: none;
}

* html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{
color: white;
}

.jqueryslidemenu ul li a:hover{
background: #fe4c00; /*tab link background during hover state*/
color: white;
}
	
/*1st sub level menu*/
.jqueryslidemenu ul li ul{
position: absolute;
left: 0;
display: block;
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.jqueryslidemenu ul li ul li a{
font: normal 12px Trebuchet MS;
width: 128px; /*width of sub menus*/
padding: 5px;
margin: 0;
border-top-width: 0;
border-bottom: 1px solid gray;
}

.jqueryslidemenuz ul li ul li a:hover{ /*sub menus hover style*/
background: #fe4c00;
color: black;
}

/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}
