/*********
* Arakian Header
*********/
#header{
    background: #333333 url(header/top_nav_bg.gif) left bottom repeat-x;
    border-bottom: 1px solid #ddd;
    height:auto!important;
    height: 45px;
    min-height: 2.90em;
    min-width:980px;
    font-family: Arial, Helvetica, Verdana, sans;
    font-size:13px;
}
#header:after{
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
#header a{
    color: #fff;
}
#headerInner{
    margin: 0 auto;
    width: 980px;
}
#main{
    width: 980px;
    text-align:left;
    margin: 30px auto;
}
#logo{
    float: left;
    margin: 0;
    margin-left: 5px;
    margin-top: 3px;    
}
#headerInner a{
    text-decoration: none;
}
#headerInner a:hover{
    text-decoration: underline;
}

#headerInner li{
    margin: 0 .2em;
    line-height: 24px;
}
#headerInner li a{
    display: block;
    padding-left: .6em;
    padding-right: .6em;
}
#headerInner li.current{
    border: 1px solid #ddd;
}
#headerInner li.current a{
    padding: 0 .5em;
}	

#topNav{
    list-style-type: none;
    font-size: 11px;
    font-weight: bold;
    margin-top: 10px;
    float: left;
}
#topNav li{
    float: left;    
}

/*********
* Drop Down Menu
*********/

#dropmenudiv{
position:absolute;
border-left:1px solid #333333;
border-right:1px solid #333333;
border-bottom:1px solid #333333;
border-top:1px solid #333333;
font-size:11px;
line-height:18px;
z-index:100;
text-align:left;
padding-top: 6px;
padding-left: 6px;
padding-right: 6px;
padding-bottom: 6px;
background-color: #333333; /* putih */
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid #333333;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
color: #ffffff;
background-color: #333333; /* putih */
font-family: Arial, Helvetica, Verdana, sans;
font-size:10px;
}

#dropmenudiv a:hover{ /*hover background color*/
background-color: #505050; /* EAEBD8 */
}

#dropmenudiv .seperator {
border-top:1px solid #EAEBD8;
}

/*********
* Top Menu
*********/

ul.displayName{
    list-style-type: none;
    font-size: 11px;
    font-weight: normal;
    margin-right: 7px;
    float: right;
    margin-top: 10px;
}
ul.displayName li{
    float: left;
}

#topSearchForm{
    float: right;
    margin-top: 10px;
    margin-left: 5px;
    margin-right: 6px;
}
#topSearchForm input {
    font-size:12px;   
}
#topSearchForm input[type='text'] {
    padding: 2px 2px; border: 1px solid #ddd; line-height: 15px;
}
#topSearchForm select, #topSearchForm option{
    font: 8pt arial;
}
#topSearchForm option{
    text-indent: .5em;
}
#hearderRight{
    margin-left: 120px;
}

#subNav{
    height:1.85em;
    min-width:980px;
    clear: both;
    background-color: #eee;
    border-bottom: 1px solid #ccc;
    background: #EDF0F8 url(header/bar_bg_2.gif) left top repeat-x;
    font-family: Arial, Helvetica, Verdana, sans; 
    font-size: 16px;
}
#subNavInner{
    width: 980px;
    margin: auto;
    height: 28px;
}
#subNavUL{
    float: left;
    list-style-type: none;
    font-size: 11px;
    line-height: 18px;
    font-weight: bold;
    margin-top: 5px;
}
#subNavUL a{
    color: #555;
    text-decoration: none;
    display: block;
}
#subNavUL a:hover{
    text-decoration: underline;
    color: #000;
}
#subNavUL li{
    float: left;
    padding-right: .9em;
    padding-left: .9em;
    border-right: 1px solid #aaa;
}
#subNavUL li a {
}
#subNavUL li.current a{
    color: #000;
    font-weight: bold;
    border: 1px solid #ccc;
    background-color: #fff;
    padding: 0 .5em;
    line-height: 18px;
}