a {
	text-decoration: none;
	color: #002867; }

a:hover {
	color: #7C2222;
	text-decoration: none; }


/* Clear floats inside a div (W3C recommendation) */
.clear {
	clear: both;}
	
/************* DEFAULT VERTICAL NAVIGATION HEADER/FOOTER styles **************/

/* = Header Navigation Container = */
#headerNav {
	padding:0px;
	border: 0px none;
	font-size: 1em;
	float: right;
	height: auto;
}
#headerNav .navigation {
	margin-right:6px;
	line-height:16px;
	float:right;
	text-transform: uppercase;
	}
* html #headerNav .navigation {
	margin-right:12px; }
*:first-child+html #headerNav .navigation {
	margin-right:7px; }
#headerNav .navigation li {
	display:block;
	float:left;
	font-family:Arial,Verdana,sans-serif;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0 0 0 4px;
	padding:0;
	vertical-align:middle;}
	
#headerNav .navigation li a {
	color: #5E5F5E; }
#headerNav .navigation li a:hover {
	color: #7C2222;
	text-decoration:none; }
#headerNav .navigation li .text {
	color: #5E5F5E; }

ul.menuItemList { padding:0px;}

#mainmenu {
	font-size: 13px;
	overflow:hidden;
	display:inline-block;
	float:right;
	background:url(images/tools.gif) no-repeat -5px 5px;
	margin-right:3px;
}
#mainmenu ul{
	float:left;
	list-style:none;
	

}
#mainmenu ul li{
    float:left;
    border: 3px solid #c5d9fd;
	width:80px;


	
}
#mainmenu ul li a{
    margin-top:1px;
	padding:3px 10px;
    font-size:13px;
    float:left;
    font-weight:bold;
	line-height:20px;
	width:60px;	
}

#mainmenu ul .active{

  background:url(images/tools-hover.gif) no-repeat #3f403f;
}
#mainmenu ul li a:hover{
    color:#ffffff;
	background:url(images/tools-hover.gif) no-repeat #3369ca -8px 0px;
}
#mainmenu ul li.hover, #mainmenu ul li:hover{
	color:#ffffff;
	background-color:#5B5E5B;
	background:url(images/tools-hover.gif) no-repeat #3369ca -8px 0px;
}
#mainmenu ul li.hover a{
    color:#ffffff;

}
#mainmenu .hover a{
    color:#ffffff;
}
#mainmenu .submenu li{
    clear:both;
}

/* Box Control from top*/
#menu_layer{
    margin-top:30px;
    position:absolute;
    z-index:999;
}


#menu_layer #hovermenuTopLeft {
	background: url(images/hovermenutopleft.gif) left top no-repeat;
	margin-right: 0px;
	padding-right: -5px;
	padding-top: 5px;
}

#menu_layer #hovermenuTopRight {
	background: url(images/hovermenutopright.gif) right top no-repeat;
	padding-right: 5px;
}

#menu_layer #hovermenuBottomLeft {
	background: url(images/hovermenubottomleft.gif) left bottom no-repeat;
	padding-top: 0px;
	padding-bottom: 0px;
}

#menu_layer #hovermenuBottomRight {
	background: url(images/hovermenubottomright.gif) right bottom no-repeat;
	margin-right: -5px;
	padding-top: 0px;
	padding-bottom: 5px;
}

#menu_layer #menuWrapper{
    clear:both;
    float:left;
    padding:0px;
    background-color:#3369ca;
}
#mainmenu .hiddenMenu{
    display:none;
}
#menu_layer #menuWrapper a{
    color:#FFFFFF;
    padding:5px;
    margin:0;
    display:block;
    clear:both;
}

#menu_layer #menuWrapper a:hover{
    color:#000;
    background-color:#fff;
}
#menu_layer .listing,.footerlisting{
    padding:5px;
    float:left;
    list-style:none
}
#menu_layer .listing li .subtitle{
    margin-bottom:10px !important;
    font-weight:bold;
    text-decoration:none;
    font-size:14px
}
.subtitle { margin-top:5px; margin-left:5px;}
#menu_layer .listing li .subtitle:hover{
    color:#333333 !important;
    background-color:transparent !important;
}

#menu_layer .last{
    clear:both;
    float:left;
    width: 100%;
    border-top:1px solid #3369ca;
}
* html #menu_layer .last {
	width: auto;
	padding:0px;
	margin:0px;
}

#menu_layer .listing li a{
    width:150px;
}
#menu_layer .submenu_box{
    float:left;
    border-right:1px solid #FFFFFF;
    line-height:15px;
	

}

/*.submenu_box { width:200px;}*/

#leftMenuCorner,#rightMenuCorner{
    position:absolute;
    margin-top:50px;
    display:none;
}
#menuFooter{
    position:absolute;
    display:none;
    z-index:999;
}
#menuHeader{
    position:absolute;
    display:none;
    top:49px;
    z-index:999;
}

#menuFooter .leftCorner{
    float:left;
    width:295px;
    font-size:4px;
    background:url(images/hovermenubottomleft.gif);
}
#menuFooter .rightCorner{
    float:left;
    font-size:4px;
    width:5px;
    background:url(images/hovermenubottomright.gif);
}
#menuHeader .leftCorner{
    float:left;
    width:295px;
    font-size:4px;
    background:url(images/hovermenutopleft.gif);
}
#menuHeader .rightCorner{
    float:left;
    width:5px;
    font-size:4px;
    background:url(images/hovermenutopright.gif);
}
#menu_layer .show-all {
	border-top: 1px solid #FFFFFF; 
	background-color: #3369ca;
	color:#FFFFFF;
	clear:left;
	padding:0px 5px;
}

/*  ==== MENU STYLES END ======== */