/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#cfnavbar{
	margin: 0;
	padding: 0;
	height: 30px;
background: url(images/bg2.png) repeat-x;
}

#cfnavbar ul{
padding: 0 0 0 0;
margin: 0 0 0 0;
float: left;
font: Tahoma;
font-size:14px;
}

#cfnavbar ul li{
display: inline;
}

#cfnavbar ul li a, #cfnavbar ul li span{
float: left;
color: #fff;
font-weight: normal;
padding: 6px 20px 6px 20px;
border-right:1px #FFF solid;
text-decoration: none;
}

#cfnavbar ul li a#rightcorner{
	border-right: 0px;
	padding-right:24px;
	background: url(images/bg2.png) top right no-repeat;
}

#cfnavbar ul li a:hover{
	background: url(images/bg2_on.png) repeat-x;
}

#cfnavbar ul li a#rightcorner:hover{
	border-right: 0px;
	padding-right:24px;
	background: url(images/bg2_on.png) repeat-x;
}
#cfnavbar ul li a#rightcorner_on{
	border-right: 0px;
	padding-right:24px;
	background: url(images/bg2_on.png) repeat-x;
}
#cfnavbar ul li a#menu_on{
	background: url(images/bg2_on.png) repeat-x;
}

#cfnavbar:after{ /*Add margin between menu and rest of content in Firefox*/
	content: "."; 
	display: block; 
	height: 1; 
	clear: both; 
	visibility: hidden;
}