/* fly out menu starts */
.topnav {
	width:960px;
	height:83px;
	background:url(../images/menu.gif) repeat-x left top;
	color:#403629;
	text-transform:uppercase;
	text-align:center;
	vertical-align:middle;
	margin:0 auto;
	padding:0;
}

/* remove all the bullets, borders and padding from the default list styling */
.topnav ul {
	width:949px;
	padding:8px 0 0 0;
	margin:0 auto;
	float:none;
	list-style-type:none;
	height:37px;
	background:transparent;
}

/* style the sub-level lists */
.topnav ul ul {
	text-align:center;
}

/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown topnav positon */
.topnav ul li {
	float:left; 
	height:37px; 
	line-height:36px; 
	z-index:110; 
	display:block; 
	margin-right:0px; 
	width:155px; 
	text-align:center;
}

/* style the sub level list items */
.topnav ul ul li {
	display:block; 
	width:155px; 
	height:auto; 
	z-index:110; 
	line-height:1em;
}

.topnav ul ul li.last {
	padding-bottom:10px;
	width:155px; 
	z-index:110; 
	background:url(../images/sub_bottom.gif) bottom left no-repeat;
}
.topnav ul ul li.last:hover {
	padding-bottom:10px; 
	width:155px; 
	z-index:110; 
	background:url(../images/sub_bottom.gif) bottom left no-repeat;
}


 /* style the links for the top level */
.topnav a.notopimage, .topnav a.notopimage:visited {
	display:block; 
	float:left; 
	height:40px; 
	font-size:14px; 
	text-decoration:none; 
	color:#000; 
	padding:0; 
	width:155px; 
	text-align:center; 
	border:0;
 }
 
.topnav a.notopimage:hover {
	height:40px;
 }
/* style the links for the top level */
.topnav a, .topnav a:visited {
	display:block; 
	float:left; 
	height:40px; 
	font-size:14px; 
	text-decoration:none; 
	color:#000; 
	padding:0; 
	width:155px; 
	text-align:center; 
	border:0;
	background:url(../images/dropDownIndicator.gif) no-repeat center 32px; 
 }
.topnav a:hover {
	background:url(../images/dropDownIndicator.gif) no-repeat center 32px; 
	height:40px;
 }
 
.topnav .first a, .topnav .first a:visited {
display:block; 
float:left; 
height:29px; 
font-size:12px; 
text-decoration:none; 
color:#333; 
padding:0 10px 0 15px; 
text-align:left;
border:0; 
}
/* hack IE5.x to get the correct the faulty box model and get the width right 
* html .topnav a, * html .topnav a:visited {width:65px; w\idth:55px;}*/

/* style the sub level links */
.topnav ul ul a, .topnav ul ul a:visited {
display:block;
background:#48a0f0; 
color:#fff; 
font-size:11px; 
width:142px; 
height:100%; 
line-height:1em; 
padding:5px 0px 5px 13px;
text-align:left; 
}


/*
filter:alpha(opacity=80);
-moz-opacity:.80;
opacity:.80;
*/

* html .topnav ul ul a, * html .topnav ul ul a:visited  {
	width:142px; 
	w\idth:135px; 
	font-weight:normal !important;
}

/* style the table so that it takes no part in the layout - required for IE to work */
.topnav table {
	border-collapse:collapse; 
	padding:0; 
	margin:-1px; 
	width:0; 
	height:0; 
	font-size:1em; 
	z-index:1;
}

/* style the sub level 1 background */
.topnav ul :hover a.sub1 {
	background:#0363b9;
}
/* style the sub level 2 background */
.topnav ul ul :hover a.sub2 {
	background:#0363b9;
}

/* style the level hovers */
/* first */
* html .topnav a:hover {
	color: #fff; 
	font-size:12px; 
	border:0; 
	height:30px; 
	position:relative; 
	z-index:100; 
	background:url(../images/menu_hover.jpg) bottom left no-repeat;  
	text-align:center; 
	display:block;  
	width:155px;  
	text-align:center;
}

.topnav li:hover {
	position:relative;  
	background:url(../images/menu_hover.jpg) no-repeat left top; 
	text-align:center; 
	display:block; 
}

.topnav :hover > a {
	color: #FFFF99; 
	border:0; 
	height:40px; 
	width:155px;  
	text-align:center; 
	font-size:14px; 
	font-weight: 600; 
}

/* second */
* html .topnav ul ul a:hover {
	color:#fff;  
	font-size:11px; 
	background:#0363b9; 
	text-align:left; 
	position:relative; 
	z-index:110; 
	height:100%; 
	width:135px; 
	font-weight:normal !important;
}

.topnav ul ul li:hover {
	position:relative; 
	background:#0363b9; 
	background-image:none; 
	text-align:left; 
	width:155px;
}

.topnav ul ul :hover > a {
	color: #FFFF99;  
	font-size:11px; 
	background:#0363b9; 
	z-index:110; height:100%; 
	text-align:left; 
	width:142px;  
	font-weight:400; !important;
}

.topnav ul ul li.last :hover > a {
	color: #FFFF99;  
	font-size:11px; 
	background:#0363b9; 
	z-index:110; 
	height:100%; 
	text-align:left; 
	width:145px;  
	font-weight:bold !important;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.topnav ul ul {
	visibility:hidden; 
	position:absolute;
	height:0; 
	top:22px; 
	left:0; 
	width:155px; 
	color:#fff;
}

/* make the second level visible when hover on first level list OR link */
.topnav ul :hover ul {
	visibility:visible; 
	height:auto; 
	padding:10px 30px 30px 30px; 
	background:transparent url(../images/sub_top.gif) 30px 0 no-repeat; 
	left:-30px;
}

.topnav ul :hover ul.left {
	visibility:visible; 
	height:auto; 
	padding:10px 30px 30px 30px; 
	background:transparent url(../images/sub_top_left.gif) 30px 0 no-repeat; 
	left:-55px;
}

.topnav li.sep {
	height:48px;
	width:1px; 
	background:url(../images/sep.gif) no-repeat left bottom;
	margin:0;
	padding:0;
}

* html .topnav ul li a:hover { 
	font-weight:bold; 
}

/* fly out meny ends */