BODY, P, TD   {
font-family: Arial, Verdana, Geneva;
font-size: 14px;
text-indent: 0px;
line-height: 20px;
text-align: left;
color: #e0e0e0;
}

.bodySmall {
	font-family: Arial, Verdana, Geneva;
font-size: 12px;
text-indent: 0px;
line-height: 18px;
text-align: left;
color: #e0e0e0;
}

.gap {
	font-family: Arial, Verdana, Geneva;
font-size: 2px;
text-indent: 0px;
line-height: 3px;
text-align: left;
color: #999999;
}

/* header */
#header { margin: 0 auto 0 auto; width: 900px; }
#header_banner_top { width: 900px; }
#citak_logo { width: 176px; float: left; margin: 0 40px 0 0; }
#nav_container { width: 680px; float: left; padding: 15px 0 0 0; text-align: left; }

/* menu */
#navigation, #navigation ul { font-family: 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif; margin:0; padding:0; list-style-type:none; list-style-position:outside; position:relative; }
#navigation a:link, #navigation a:active, #navigation a:visited { display: block; padding: 0.3em 7px; font-weight: bold; font-size: 12px; border-right: 1px solid #000; border-bottom: 1px solid #000; color: #a9a9a9; text-decoration: none; background-color:#424242; }
#navigation a:hover{ background-color: #b03328; color: #FFF; }
#navigation li{ float: left; position: relative; }
#navigation ul { position: absolute; width: 14em; top: 2.0em; display: none; }
#navigation li ul a{ width: 14em; float: left; }
#navigation ul ul{ top: auto; }	
#navigation li ul ul { left: 14em; margin: 0px 0 0 10px; }
#navigation li:hover ul, #navigation li.sfhover ul { display:none; }
#navigation li:hover ul, #navigation li li:hover ul ,#navigation li.sfhover ul, #navigation li li.sfhover ul { display:block; }