.menu{
	position:relative;
	margin:0 auto;
	width:800px;
	left:30px;
	padding:0;
	clear:left;
	}



/* ----------------------------------------------------------------------------------------------------------------------------- EDIT COLORS */

/*** DEMO SKIN ***/
.sf-menu {
	float: left;
}
.sf-menu a {
	padding: .75em 1em;
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:	#13a;
}
.sf-menu li {

}
.sf-menu li li {
	border-bottom:1px solid #DDD;
	border-right:1px solid #DDD;
	border-left:1px solid #DDD;
	width:160px;
}


.sf-menu li ul.dropShort li{ /* So you don't crop the logo */
	width:110px;
}

.sf-menu li li li {}
.sf-menu li:hover{outline:0;}
.sf-menu a:focus{outline:0;} 
.sf-menu a:hover{outline:0;} 
.sf-menu a:active{outline:0;}



/* ------------------------------------------------------------ Main Menu CSS */


ul#sfMainMenu{
	position:relative; 
	margin:auto;
	padding:0;
	top:-20px;
	width:700px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bolder;
	z-index:11; /* Makes the menu overlay the slideshow */
	}
ul#sfMainMenu li{
	list-style:none;
	display:block;
	float:left;
	}
ul#sfMainMenu li a{
	display:block; 
	text-decoration:none;
	color:#FFF;
	margin:2px 10px 5px 0;
	padding:0 8px 0 0;
	}

ul#sfMainMenu li a:hover{
	text-decoration:underline;
	color:#FFF;
	}

ul#sfMainMenu li li{
	background-color:#FFF;
	}


ul#sfMainMenu li li a{
	color:#000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	}

ul#sfMainMenu li li a:hover{
	text-decoration:underline;
	color:#000;
	}	
	
/* ------------------------------------------------------------------------------------------------ */

ul#sfMainMenu ul a{
	background-image:none;
	font-size:12px;
	padding-left:10px;
	}