/* 
	LEVEL ONE
*/
* {
   margin: 0;
   padding: 0
}

#menu_container {
    background: url(images/menu_border.png) 0 0 repeat-x transparent;
    width:972px; /*982-8-2=972px*/
    height:46px; /*50-2-2=46px*/
    margin:0 2px;
    padding:2px 0;
    line-height:14px;
    font-size: 14px;
    font-weight: bold;    
    color: #372B23;    
}

ul.menu li{
    list-style: none;
}

ul.menu li a {   
    background: url(images/menu_divider.png) right top no-repeat transparent;
    height:38px; /*46-8=38px*/
    /*padding:8px 15px 0 15px; original padding with subtext below*/
    padding:15px 15px 0 15px;
    float:left;
    display:inline;
    border:none;
    text-align:left;
    vertical-align: middle;   
    color: #372B23;
    text-decoration:none;    
}

ul.menu li a span {
    background: none;
    font-size: 80%;
    font-weight: normal;
}

ul.menu li:hover {
    
}

ul.menu li.active a, ul.menu li.active a span,
ul.menu li a:hover, ul.menu li a span:hover{    
    background: url(images/menu_hoverbg.png) right top no-repeat transparent;
    color: #118DB8;
}

ul.menu li.active a span,
ul.menu li a span:hover{    
    background: none;
}

ul.menu li:first-child a,
ul.menu li:first-child a:hover,
ul.menu li.active:first-child a {
    height:31px; /*46-15=31px*/
    padding:15px 15px 0 15px;
}

/* Left Menu */

ul.menu_left {
    padding-left:15px;
}

ul.menu_left li{
    background: url("images/bullet1.png") no-repeat scroll 0 10px transparent;
    list-style: none;
    height:auto;
    margin:0 0 15px 0;
    padding:8px 15px 0 25px !important; 
    border:none;
    text-align:left;
    vertical-align: middle;
    color: #372B23;
    font-weight:bold;
}

ul.menu_left li a{          
    color: #372B23;
    text-decoration:none;
}

ul.menu_left li span,
ul.menu_left li a span{
    background: none;
    font-size: 80%;
    font-weight: normal;
}


ul.menu_left li:hover {
    
}

ul.menu_left li.active a, ul.menu_left li.active a span,
ul.menu_left li a:hover, ul.menu_left li a span:hover,
ul.menu_left li.active ul li.active a, ul.menu_left li.active ul li.active a span,
ul.menu_left li ul li a:hover, ul.menu_left li ul li a span:hover{    
    color: #118DB8;
}

ul.menu_left li.active a span,
ul.menu_left li a span:hover{    
    background: none;
}

ul.menu_left li ul {
    margin-left:8px;
}

ul.menu_left li ul li{
    background: url("images/bullet_level2.png") no-repeat scroll 0 10px transparent;
    list-style: none;
    height:auto;
    margin:0 0 5px 0;
    padding:8px 15px 0 !important;
    border:none;
    text-align:left;
    vertical-align: middle;    
}