/* Navigation Menu
*****************************************************/


/* Home Navigation
*****************************************************/

#home_nav{
	float:left;
	font-size: 12px;
 	font-weight:bold;
 	color:#fff;
}

#home_nav a{
	color:#fff;
	text-decoration:none;
	margin-left:15px;
}


/* Header Icon
*****************************************************/
#head_icon{
	background-image: url('../images/bg/icon.png');
	background-repeat:no-repeat;
	width:139px;
	height:29px;
	float:left;
	margin:6px;
	margin-left:50px;
	
}


/* Drop Down Menu
*****************************************************/
/*
.top_nav img{
position:absolute;
margin-left:-1px;
margin-top:8px;
}



/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.top_nav {width:480px; height:20px; font-size:12px;font-weight:bold; position:relative;float:right; z-index:100; margin-top:10px; margin-right:0px;}
/* hack to correct IE5.5 faulty box model */
* html .top_nav {width:470px; w\idth:470px;}
/* remove all the bullets, borders and padding from the default list styling */
.top_nav ul {padding:0;margin:0;list-style-type:none;}
.top_nav ul ul {width:90px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.top_nav li {float:left;width:auto;position:relative;background-image: url('../images/bg/nav_icon_li.gif');background-repeat:no-repeat;background-position:8px -4px; margin-right:10px;}
/* style the links for the top level */
.top_nav a, .top_nav a:visited {display:block;text-decoration:none; color:#fff; width:auto; height:25px;margin-left:5px;padding-left:18px;margin-right:0px;line-height:20px;background-image: url('../images/bg/nav_icon_dot.gif');background-repeat:no-repeat;background-position:1px 8px; display:block;outline:none;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .top_nav a, * html .top_nav a:visited {width:50px; w\idth:50px;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.top_nav ul ul {visibility:hidden;position:absolute;height:0;top:20px;left:0; width:80px;}
/* another hack for IE5.5 */
* html .top_nav ul ul {top:24px;t\op:24px;}

/* style the table so that it takes no part in the layout - required for IE to work */
.top_nav table {position:absolute; top:-5px; left:0; border-collapse:collapse;}

/* style the second level links */
.top_nav ul ul a, .top_nav ul ul a:visited { height:auto; font-size:11px; line-height:1.6em; padding:5px 10px;margin-left:8px; width:120px;background:#365AB0;border-bottom:1px solid #fff;border-left:2px solid #fff; }
/* yet another hack for IE5.5 */
* html .top_nav ul ul a, * html .top_nav ul ul a:visited {width:120px;w\idth:120px;}

/* style the top level hover */
.top_nav a:hover{color:#fff; }
.top_nav ul a:hover{color:#fff; background: url('../images/bg/nav_icon_dot.gif');background-repeat:no-repeat; background-position:1px 2px;}
.top_nav ul ul :hover > a {color:#304272;background:#dcdcdc; }

/** html */

 
 
/* make the second level visible when hover on first level list OR link */
.top_nav ul li:hover ul,
.top_nav ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.top_nav ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.top_nav ul :hover ul :hover ul{ visibility:visible;}

/* Current Page */
.top_nav  ul li.current a{
	background-position:1px 2px;
}