#dropnav li a{
	background-image:url(whitedownarrow.gif);
	background-repeat:no-repeat;
	}
#dropnav #dropnav1 a{		
	background-position:82% 53%;
	}
#dropnav #dropnav2 a{
	background-position:80% 53%;
	}
#dropnav #dropnav3 a{
	background-position:96% 53%;
	}
#dropnav #dropnav4 a{
	background-position:73% 53%;
	}
.dropmenu{
	width:952px; 
	font-size:0.85em; 
	position:relative; 
	z-index:100; 
	}
/* remove all the bullets, borders and padding from the default list styling */	
.dropmenu ul{
	padding:0; 
	margin:0; 
	list-style-type:none; 
	}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.dropmenu li{
	float:left; 
	width:238px; 
	position:relative;
	}
/* style the links for the top level */
.dropmenu a, .dropmenu a:visited{
	display:block; 
	text-decoration:none; 
	color:#fff; 
	width:227px; 
	height:30px; 
	border:1px solid #fff; 
	border-width:1px 1px 0 0; 
	background:#0c9b5b; 
	padding:0 8px 0 2px; 
	line-height:29px; 
	text-transform:lowercase;
	text-align:center;
	font-weight:bold !important;
	}
/* a hack so that IE5.5 faulty box model is corrected */
* html .dropmenu a, * html .dropmenu a:visited{
	width:237px; 
	w\idth:227px; 
	}
/* style the second level background */
.dropmenu ul ul a.drop, .dropmenu ul ul a.drop:visited{
	background-color:#aae0c2;
	background-image:url(whiterightarrow.gif) !important;
	background-repeat:no-repeat !important;
	background-position:95% 53% !important;
	}
/* style the second level hover */
.dropmenu ul ul a.drop:hover{
	background-color:#4a529c;
	}
.dropmenu ul ul :hover > a.drop{
	background-color:#4a529c;
	}
/* style the third level background */
.dropmenu ul ul ul a, .dropmenu ul ul ul a:visited{
	background:#aae0c2; 
	}
/* style the third level hover */
.dropmenu ul ul ul a:hover{
	background:#4a529c; 
	}	
/* hide the sub levels and give them a positon absolute so that they take up no room */
.dropmenu ul ul{
	visibility:hidden; 
	position:absolute; 
	height:0; 
	top:31px; 
	left:0; 
	width:235px; 
	}
.dropmenu ul ul a{
	width:236px;
	text-align:left !important;
	background-image:none !important;
	}
/* another hack for IE5.5 */
* html .dropmenu ul ul{
	top:30px; 
	t\op:31px; 
	}
/* position the third level flyout menu */
.dropmenu ul ul ul{
	left:237px; 
	top:0; 
	width:237px;
	}
/* position the third level flyout menu for a left flyout */
.dropmenu ul ul ul.left{
	left:-237px; 
	}
/* style the table so that it takes no ppart in the layout - required for IE to work */
.dropmenu table {
	position:absolute; 
	top:0; 
	left:0; 
	}
/* style the second level links */
.dropmenu ul ul a, .dropmenu ul ul a:visited{
	background:#aae0c2; 
	color:#266643; 
	height:auto; 
	line-height:1em; 
	padding:5px 10px; 
	width:218px	!important;
	/* yet another hack for IE5.5 */
	}
* html .dropmenu ul ul a{
	width:218px; 
	w\idth:206px; 
	}
/* style the top level hover */
.dropmenu a:hover, .dropmenu ul ul a:hover{
	color:#fff; 
	background:#4a529c; 
	}
.dropmenu :hover > a, .dropmenu ul ul :hover > a{
	color:#fff; 
	background:#4a529c; 
	}	
/* make the second level visible when hover on first level list OR link */
.dropmenu ul li:hover ul,
.dropmenu ul a:hover ul{
	visibility:visible; 
	}
/* keep the third level hidden when you hover on first level list OR link */
.dropmenu ul :hover ul ul{
	visibility:hidden; 
	}
/* make the third level visible when you hover over second level list OR link */
.dropmenu ul :hover ul :hover ul{ 
	visibility:visible !important; 
	}