﻿#top-nav
{
	background: url('Images/nav_back_main.png') repeat-x #0D62A6;
	color: white;
	margin-top: 10px;
	width: 100%;
}
#top-nav ul
{
	list-style: none;
	padding-right: 10px;
	background: url('Images/nav_right.png') no-repeat top right;
	z-index: 400;
	display:block;
	width:890px;
}

#top-nav ul li
{
	background: url('Images/nav_divide.png') no-repeat right bottom;
	float: right;
	padding: 19px 0 12px 0;
	position: relative;
}

#top-nav .first
{
	background:url('Images/nav_left.png') no-repeat top right;
}

#top-nav .home img
{
	vertical-align: text-bottom;
	margin-top: -1px;
	width:17px;
	height:14px;
}

#top-nav a
{
	color: white;
	font-weight: 600;
	z-index: 200;
	text-decoration: none;
	padding:19px 8px 10px 10px;
}

#top-nav a:hover, #top-nav a:focus{
	background:url('Images/nav_divide.png') no-repeat right #2c6390;
	padding-bottom:12px;
	padding-top:12px;
}

#top-nav ul li.active {
	background:url('Images/nav_active_back.png') no-repeat right top;
	/*padding:17px 0 15px 0;*/
	/*padding:19px 0 12px 0;*/
	position:relative;
}
#top-nav ul li.active a {
	color:#0255a7;
	padding-top:12px;
	padding-bottom:12px;
	background:url('Images/nav_active_back_left.png') no-repeat top right;
}
#top-nav .first a:hover {
	background:url('Images/nav_hover_left.png') no-repeat top right #2c6390;
	padding-bottom:12px;
	padding-top:12px;
}


#top-nav ul ul
{
	position: absolute;
	border: 2px solid #2C6390;
	background: none white;
	z-index: 5000;
	width: 200px;
	padding-right: 0;
	top: 100%;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	-moz-box-shadow: 0 7px 10px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 7px 10px rgba(0, 0, 0, 0.5);
	box-shadow: 0 7px 10px rgba(0, 0, 0, 0.5);
	padding:5px;
	background-color:#FBFAFA;
}
#top-nav ul ul li
{
	padding: 0px;
	float: none;
	background: none;
	color: #0054A6;
	border-bottom:dotted 1px #eee;
}

#top-nav ul ul li:hover
{
	background-color: #F37D10;
	color:#fff;
	cursor:pointer;
	cursor:hand;
}
#top-nav ul ul a ,#top-nav ul ul a:active,#top-nav ul ul a:visited
{
	color: #777;
	font-weight: normal;
	background: none !important;
	width:auto;
	display:block;
	text-indent:0px;
	padding: 5px !important;
}
#top-nav ul ul a:hover
{
	color:#fff;
}

/***********************************************/

/* 
	LEVEL ONE
*/
ul.dropdown                         {  }
ul.dropdown li                      { }
ul.dropdown a:hover		            { }
ul.dropdown a:active                { }
ul.dropdown li a                    { }
ul.dropdown li:last-child a         { } /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover                { }
ul.dropdown li.hover a              { }


/* 
	LEVEL TWO
*/
ul.dropdown ul 						{ visibility: hidden;}
ul.dropdown ul li 					{ float: none; }
									  
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a					{ width: 100%; display: inline-block; } 

/* 
	LEVEL THREE
*/
ul.dropdown ul ul 					{ right: 100%; top: 0px;margin-top:-25px; }
ul.dropdown li:hover > ul 			{ visibility: visible; }