/* CSS Document */

.lower {
width:134px;
}

.lower a:link {color:#000;}
.lower a:visted {color:#000;}
.lower a:hover {color:#000; background-color:#e0e0e0;}
.lower a:active {color:#000;}

ul {
	margin: 0;
	padding: 0;
	list-style: none;
font-family:Arial, Helvetica, sans-serif;
	font-size:13px;


	}
/*li a:link {color:#000;}*/

ul li {
	position: relative;
	float: left;
	width:106px;
}
	
li ul {
	position: absolute;
	left: 0; /* Set 1px less than menu width */
	top: auto;
font-size:10px;
	display: none;
float:left;

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

/* Styles for Menu Items */
ul li a {
	display: block;
	text-decoration: none;
	color: #d9e1d9;
line-height:17px;
	background-color: #3b515e;  /*IE6 Bug */
	padding: 5px;

	}
/* 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 */


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: #000;
   background-color: #e0e0e0;
text-decoration:none;


}

/* 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: #000;
   background-color: #fff;

border: 1px solid #ff7e12;
/*border: 1px solid #ff7e12;*/
}
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;
}


/*Scroll*/
/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 388px;
	height:115px;
	margin-top:20px;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accommodate scrollable items.
	it's enough that you set width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
}

/*
	a single item. must be floated in horizontal scrolling.
	typically, this element is the one that *you* will style
	the most.
*/
.items div {
	float:left;
	margin-right:3px;
}

.items div a {
	margin-right:3px;
}

/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url(images/horiscroll.png) no-repeat;
	display:block;
	width:30px;
	height:30px;
	float:left;
	margin:35px 10px 15px 10px;
	cursor:pointer;
	font-size:1px;
}

/* right */
a.right 				{ background-position: 0 -30px; clear:right; margin-right: 0px;}
a.right:hover 		{ background-position:-30px -30px; }
a.right:active 	{ background-position:-60px -30px; } 


/* left */
a.left				{ margin-left: 0px; } 
a.left:hover  		{ background-position:-30px 0; }
a.left:active  	{ background-position:-60px 0; }


/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
}