/* Visit http://www.menucool.com/horizontal/javascript-menu for source code and other menu CSS templates */

#MenuBox
{
    /*You can decorate the menu's container, such as adding background images through this block*/
    background-color: #9f9d9d;
    height: 30px;
    padding: 5px;
}    
#Menu
{
    /* margin:0 auto;/*This will make the menu center-aligned. Removing this line will make the menu align left.*/
}
#Menu ul 
{ 
    position: relative;
    list-style-type: none;
    float:left;
    padding:0;margin:0;
}
#Menu li
{
    float:left;
    list-style-type: none;
    
}
/*CSS for background bubble*/
#Menu li.highlight
{
    background:#b18e5f;
    top:0px;
    height:30px;
    z-index: 1;
    position: absolute;
}
#Menu li a
{
    height:20px;
    padding-top: 5px;
    margin: 0 20px;/*used to adjust the distance between each menu item. Now the distance is 20+20=40px.*/
    color: white;
    font: normal 14px arial;
    text-align: center;
    text-decoration: none;
    float: left;
    display: block;
    position: relative;
    z-index: 2;
}



/* search form */
.searchform {
	display: inline-block;
	font-size: 100%;
	padding: 0;
	margin: -1px 0 1px;
}
.searchfield {
/*	width: 158px;*/
	padding: 4px 7px 2px 5px;
	color: #999;
	border: 1px solid #888;
	margin-top: 4px;
	line-height: 1.2em;
}

input.searchfield,
.dir-search input {
	border-radius: 10px;
}


input[type=submit].searchsubmit {
	background: url('Icons/search-button-gray-1.png') no-repeat 0 0;
	height: 24px;
	width: 24px;
	border: none;
	cursor: pointer;
	text-indent: -999%;
	margin: 0;
	padding: 0 3px 0 3px;
}


#SearchWidget .searchform {
	float: right;
}