.clear:after {content:"."; clear:both; display:block; height:0; visibility:hidden;}

#header {
	width:864px;
	margin:0 auto;
	height: 18px;
	z-index: 10;
	text-align: center;
}

#topnav, #topnav ul {
	margin:0;
	padding:0;
	list-style:none;
	line-height:1;
	z-index: 10;
}
#topnav {background:#888; font:normal 12px arial,sans-serif; color:#fff;}
#topnav li {float:left;}
#topnav a {text-decoration:none;}

/* Main Tabs */
#topnav li a.maintab {display:block; width:108px; padding:2px 0; background:#888; font:normal 12px arial,sans-serif; color:#fff; text-align:; text-transform:lowercase;}
#topnav li:hover a.maintab, #topnav li.sfhover a.maintab {background:#666;}

/* Width of sub-menus */
#topnav ul.subnav01, #topnav ul.subnav01 li, #topnav ul.subnav02, #topnav ul.subnav02 li {width:180px;}

/* second-level lists */
#topnav li ul {position:absolute; left:-999em;text-align:left; /* using left instead of display to hide menus because display: none isn't read by screen readers */}

/* third-and-above-level lists */
#topnav li ul ul {margin:-15px 0 0 180px;}
#topnav li:hover ul ul, #topnav li:hover ul ul ul, #topnav li.sfhover ul ul, #topnav li.sfhover ul ul ul {left:-999em;}

/* lists nested under hovered list items */
#topnav li:hover ul, #topnav li li:hover ul, #topnav li li li:hover ul, #topnav li.sfhover ul, #topnav li li.sfhover ul, #topnav li li li.sfhover ul {left:auto;}

#topnav ul.subnav01 {background:#ccc; font:normal 12px arial,sans-serif;}
#topnav ul.subnav01 li a {display:block; padding:3px 5px; color:#000;}
#topnav ul.subnav01 li a:hover, #topnav li.sfhover a:hover {color:#fff}

#topnav ul.subnav02 {background:#ccc; font:normal 12px arial,sans-serif;}
#topnav ul.subnav02 li a {display:block; padding:3px 5px; color:#000; }
#topnav ul.subnav02 li a:hover {color:#fff;}

/* Menu item highlight */
#topnav li:hover, #topnav li.sfhover {background:#999;}

#content {
	clear: both;
}