* {
margin:0;
padding:0;
}
#navbar {
background:url("images/navbar.png") repeat scroll 0 0 #2C2C2C;
margin:0px auto 0;
padding:0 10px;
text-transform:uppercase;
}
#page-bar {

}
#page-bar ul {
list-style:none outside none;
}
#page-bar li {
border-right:1px solid #333333;
cursor:pointer;
display:block;
float:left;
list-style:none outside none;
}
#page-bar li:hover {
background:none repeat scroll 0 0 #F92246;
}
#page-bar a, #page-bar a:visited {
color:#FFFFFF;
display:block;
font-weight:bold;
margin:0;
padding:10px 16px;
}
#page-bar a:hover {
display:block;
text-decoration:none;
}
#page-bar li {
float:left;
margin:0;
padding:0;
}
#page-bar li li {
float:left;
margin:0;
padding:0;
text-transform:none;
width:122px;
}
#page-bar li li a, #page-bar li li a:link, #page-bar li li a:visited {
background:none repeat scroll 0 0 #2B2B2B;
border-top:1px solid #C0C0C0;
float:none;
margin:0;
padding:5px 10px 5px 18px;
width:122px;
}
#page-bar li li a:hover, #page-bar li li a:active {
background:none repeat scroll 0 0 #666666;
padding:5px 10px 5px 18px;
}
#page-bar li ul {
left:-999em;
position:absolute;
width:10em;
}
#page-bar li:hover ul {
display:block;
left:auto;
}
#page-bar li:hover ul, #page-bar li.sfhover ul {
left:auto;
}
.clearfloat:after {
clear:both;
content:".";
display:block;
height:0;
visibility:hidden;
}
.clearfloat {
display:inline-block;
}
* html .clearfloat {
height:1%;
}
* + html .clearfloat {
height:1%;
}
.clearfloat {
display:block;
}