/*************************************************	Navbar  									*************************************************/

#navbar {

	background: #76006C ; /* add your image url here or change colour for theme */

	height: 30px;

	color: #FFFFFF;

	margin: 0px auto 0px;

	padding: 0px 0px 0px 0px;

        width: 834px;

        font-family: Arial,Tahoma,Verdana;

        font-size: 12px;	
        z-index: 100;

}	



#navbarleft {

	width: 960px;

	/*height: 30px;*/

	float: left;

	margin: 0px;

	padding: 0px;	
        z-index: 100;

}	



#navbarright {

	width: 200px;

	height: 30px;

	float: right;

	margin: 0px;

	padding: 0px 5px 0 0;

        text-align: right;		
        z-index: 100;

}	



#nav, #navbar .sf {

        margin: 0px;

	padding: 0px;

	list-style: none;	
        z-index: 100;

}	



#nav ul, #navbar .sf ul {

	margin: 0px;	
        z-index: 100;

	padding: 0px;

        list-style: none;

}



#nav a, #navbar .sf a {

	color: #FFFFFF;

	display: block;

        font-weight: bold;

        margin: 0px 0px 0px 0px;

	padding: 8px 8px 7px 10px;	
        z-index: 100;

}



#nav a:hover, #navbar .sf a:hover {

	background: #8080FF; /* drop down nav menu colour */

	color: #FFFFFF;

	display: block;

	text-decoration: none; 

	margin: 0px 0px 0px 0px;	
        z-index: 100;

        padding: 8px 8px 7px 10px;	 /* make sure magin and padding are same as the nav a setings */

}



#nav li, #navbar .sf li {

	float: left;

	margin: 0px;

	padding: 0px;	
        z-index: 100;

}	



#nav li li, #navbar .sf li li {

	float: left;

	margin: 0px;

	padding: 0px;

	width: 140px;	
        z-index: 100;

}	



#nav li li a, #nav li li a:link, #nav li li a:visited, #navbar .sf li li a, #navbar .sf li li a:link, #navbar .sf li li a:visited {

	background: #8080FF;

	color: #FFFFFF;

	width: 140px;	

	float: none;	

	margin: 0px;	

	padding: 8px 8px 7px 10px;

	border: 1px solid #FFFFFF;	

	border-top: 0px;	
        z-index: 100;

}	



#nav li li a:hover, #nav li li a:active, #navbar .sf li li a:hover, #navbar .sf li li a:active {

	background: #BFBFFF;

       color: #FFFFFF;	
       z-index: 100;

}



#nav li ul, #navbar .sf li ul {

	position: absolute;	

	width: 10em;

	left: -999em;	
        z-index: 100;

}



#nav li:hover ul, #navbar .sf li:hover ul {	

	left: auto;	

	display: block;

}	



#nav li:hover ul, #nav li.sfhover ul, #navbar .sf li:hover ul, #navbar .sf li.sfhover ul {	

	left: auto;		
        z-index: 100;

}