@charset "utf-8";
/* CSS Document */

#nav {
    margin:0;
    padding:0;
    list-style:none;
    font-size:11px;
    font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
}	
.tab{
    background-image:url(../images/tab.png);
    width:94px;
    height:35px;
}

.tab_orange{
    background-image:url(../images/tab_orange.png);
    width:94px;
    height:35px;
    background-repeat:no-repeat;
}
/* make the LI display inline */
/* it's position relative so that position absolute */
/* can be used in submenu */
#nav li {
    float:left;
    display:block;
    width:95px;
    /*background:#007dba; */
    position:relative;
    z-index:500;
    margin:0 1px;
    color:#FFF;


}


/* this is the parent menu */
#nav li a {
    display:block;
    padding:20px 5px 0 0;
    font-weight:700;
    height:15px;
    text-decoration:none;
    color:#009fe4;
    text-align:center;
    color:#fff;
}


.social li{
    width: 20px;
    float: left;
    padding-top: 2px;
}

.social li a{
    text-decoration: none;
    cursor: pointer;
    border: none;
}

.social li a img{
    border: none;
}

#nav li a:hover {
    color:#fff;
}


#nav a.selected {
    color:#f00;
}

/* submenu, it's hidden by default */
#nav ul {
    position:absolute;
    left:0;
    display:none;
    margin:0 0 0 -1px;
    padding:0;
    list-style:none;

}

#nav ul li {
    width:165px;
    float:left;
    border-top:1px solid #fff;
    height:35px;
    background-color:#EFF5F9;
    border-left:8px solid #007dba;
    color:#333;

}

/* display block will make the link fill the whole area of LI */
#nav ul a {
    display:block;
    height:15px;
    padding: 8px 5px;
    color:#333;
    text-align:left;
    vertical-align:middle;
}

#nav ul a:hover {
    /*text-decoration:underline;*/
    color:#666;
    background-color:#daf3fd;

}


*html #nav ul {
    margin:0 0 0 -2px;
}