/***** Main Formatting *****/
#wrapper {
    /*display: block;*/
    width: 720px;
    margin-left:0px;
    text-align:right;
    /*margin: 100px auto;*/
	float:left;
}

/***** Menu Formatting *****/
#menu {
    /*display: block;*/
    text-align: right;
    width: 710px;
    font-size: 15px;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    color: #ffffff;
    margin-left:0px;
	font-weight:bold;
}

#menu ul {
    width: 710px; /*If your links text is bigger you will have to adjust this value*/
    height: 40px;
    margin: 0 auto;
    padding: 0;
    line-height: 40px; /*same as height. This will center your text verticaly*/
    text-decoration: none;
    text-align:right;
    /*background: url(../images/menu_bg.png) repeat-x center top;*/
}

/*Left Corner*/
#menu ul li.left {
    display: block;
    float: right;
    clear: left;
    width: 40px;
    height: 40px;
    /*background: url(../images/menu_l.png) no-repeat left top;*/
}

/*Right Corner*/
#menu ul li.right {
    display: block;
    float: right;
    clear: right;
    /*width: 40px;*/
    height: 40px;
    /*background: url(../images/menu_r.png) no-repeat right top;*/
}

#menu ul li {
    width: auto;
    display: inline;
    float: left;
    list-style: none;
    text-align: center;
    text-decoration: none;
}
            
#menu ul li a {
    display: block;
    text-decoration: none;
    text-transform: inherit;
    padding: 0 12px;
    color: #42779d; /*Text Color #CCCCCC;*/
}

#menu ul li em {
    display: block;
    float: left;
    width: 2px;
    height: 40px;
    background: url(../images/menu_sep.gif) no-repeat center;
}

/*last separator*/
/*This will add a separator after your last link*/
#menu ul li.sep {
    width: 1px;
    background: url(../images/menu_sep.gif) no-repeat left middle;
    
}
          
#menu ul li a:hover, #menu ul li a.active {
    /*background: transparent url(../images/but_over.jpg) repeat-x center top;*/
    text-decoration: none;
    color: #000000; /*Text Over Color */
}

#menu ul li a.active {
    font-weight: bold;
    cursor: default;
    background: transparent url(../images/but_over.jpg) repeat-x center top;
}



.dropmenudiv_b{
position:absolute;
top: 0;
border: 1px solid #5268a8; /*THEME CHANGE HERE #eacb92*/
border-width: 0 1px;
font-size:14px;
font-family: Arial, Helvetica, sans-serif;
line-height:30px;
z-index:100;
background-color: white;
width: 150px;
visibility: hidden;
text-align: left;
background-color: #41a0c6; /*menu list background Color */
}


.dropmenudiv_b a{
width: auto;
display: block;
text-indent: 10px;
border: 0 solid #5268a8; /*THEME CHANGE HERE*/
border-bottom-width: 1px;
/*padding: 0px 0px;*/
text-decoration: none;
color: #000000; /*menu list text color */
text-align: left;

}

* html .dropmenudiv_b a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv_b a:hover{ /*THEME CHANGE HERE*/
background-color: #94d5ef;/*menu list background over Color #e6e7e8*/
color:#000000;
}




/******IE hack******/
<!--[if IE]>
<style type="text/css">
p.iepara{ /*Conditional CSS- For IE (inc IE7), create 1em spacing between menu and paragraph that follows*/
padding-top: 1em;
}
</style>
<![endif]-->