/*topmenu*/
ul.menu {list-style:none; margin:3px 0 0 0; padding:0;}
ul.menu * {margin:0; padding:0;}
ul.menu a {display:block; font-size: 13px; font-weight:normal; color:#fff; text-decoration:none; z-index:50;}
ul.menu li {position:relative; float:left; margin-right:0px; z-index:50;}
ul.menu ul {position:absolute; top:36px; left:0; background:#0c556a; display:none; opacity:0; list-style:none; z-index:50; width:156px;}
ul.menu ul li {position:relative; border:1px solid #014559; border-top:none; width:154px; margin:0; font-size: 13px; font-weight:bold;  z-index:50;}
ul.menu ul li a {display:block; padding:3px 7px 5px 14px; background-color:#0c556a; z-index:50;}
ul.menu ul li a:hover {background-color:#014559; z-index:50;}
ul.menu ul ul {left:154px; top:-1px; font-size: 13px; font-weight:bold;  z-index:50;}
ul.menu .menulink {border-left: 1px solid #0f6887; border-right: 1px solid #084350; padding:10px 39px; font-size: 13px; font-weight:bold; z-index:50;}
ul.menu .menulink:hover, ul.menu .menuhover {background:none; color:#00c0ff; z-index:50;}
ul.menu .sub {background:#0c556a url(../images/arrow.gif) 142px 9px no-repeat;}
ul.menu .topline {border-top:1px solid #014559; z-index:50;}

.menu a:link {color:#fff;}
.menu a:visited {color:#fff;}
.menu a:hover {color:#fff;}
.menu a:active {color:#fff;}
/*topmenu ends*/



/*leftmenu */
.leftpanel {
border: 1px solid #bbdde6;
background-color:#eaeff1;
}

.arrowlistmenu{
width: 217px; /*width of menu*/
}

.arrowlistmenu .headerbar{
font: bold 13px Arial;
color:#fff;
background:#00316d url(../images/menu-bg.jpg) repeat-x center left;
margin: 0 0 4px 0; /*bottom spacing between header and rest of content*/
padding: 4px 0 4px 10px; /*header text is indented 10px*/
}

.arrowlistmenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 0px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #00316d;
background: url(../images/index_22.jpg) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 6px 0 6px 0;
padding-left: 25px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #bbdde6;
font-size: 100%;
}

.arrowlistmenu ul li a:visited{
color: #00316d;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #0c556a;
background: url(../images/index_22-on.jpg) no-repeat center left; /*custom bullet list image*/
background-color: #f5fafc;
}
.arrowlistmenu ul li a span{
font-size: 14px;
}
/*leftmenu ends*/



/* FOOTERLINKS */
.mattblacktabs{
width: 100%;
overflow: hidden;
border-bottom: 0px; /*bottom horizontal line that runs beneath tabs*/
font: 11px verdana;
list-style-type: none;
margin-top:10px;
}
.mattblacktabs ul{
margin: 0;
padding: 0;
padding-left: 8px; /*offset of tabs relative to browser left edge*/
font: 11px verdana;
list-style-type: none;
text-decoration: none;
}
.mattblacktabs li{
margin: 0;
font: 11px verdana;
list-style-type: none;
}
.mattblacktabs li a{
display: block;
margin: 0;
padding: 1px 10px 1px 10px; /*padding inside each tab*/
border-left: 1px solid #555;
color: #919191;
font: 11px verdana;
text-decoration: none;
background: none; /*background of tabs (default state)*/
}
.mattblacktabs li a:visited{
color: #919191;
text-decoration: none;
font: 11px verdana;
}
.mattblacktabs li a:hover, .mattblacktabs li.selected a{
background: none;
font: 11px verdana;
text-decoration: none;
color: #B1B1B1; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}
.mattblacktabs li a:active{
background: none;
color: #919191;
font: 11px verdana;
text-decoration: none;
}
/* FOOTERLINKS Ends */