/****************************/
/* -------------------------- */
/* We begin by styling the main navigation on the page... */
/* -------------------------- */
/* Overall main navigation styles */


/* Top Menu Starts */
.top-nav-wrapper { margin:0 auto; padding:18px 0px 0px 0px; width:900px; height:160px;  
background:url(../images/top-menu-bg.gif) no-repeat left top; clear:both; color:#c2c2c2; }
.top-nav-wrapper a { text-decoration:none; color:#1c496e; font-weight:bold; color:#0B5490;  padding:0px 10px 0px 10px  }
.top-nav-wrapper a:hover { text-decoration:none; color:#178EEE;  font-weight:bold; padding:0px 10px 0px 10px }
.top-nav-wrapper span { margin:0px 8px; }
/* Top Menu Ends */


#nav, #nav ul {
	float:left;
	list-style:none;
	line-height:16px;
	font-weight:bold;
	padding:0px;
	margin:0px 0px 0px 5px;
	font-family:Arial, Helvetica, sans-serif;
	z-index:1000;
}

#nav li { height:140px; margin:0 9px 20px 0;
 font-family:Tahoma; font-size:14px; color:#3C1E1E; text-align:center; }

/* The top main navigation links */
#nav a { text-decoration:none; color:#3C1E1E; padding:114px 0px 0px 0px; display:block; width:140px; }

#nav li  a:hover { text-decoration:none; color:#178EEE; padding:114px 0px 0px 0px; }

#nav li li a:hover { background:url(../images/arw2-hover.gif) no-repeat 5px 10px #9dccf0; color:#fff; padding:5px 4px 5px 15px; }

#nav a:visited{ text-decoration:none}
/* I'm targeting the last main navigation link to have no "bar" on the right side */
#nav a.last { background-image:none; }

#nav a.one, #nav a.two, #nav a.three { text-align:left; font-size:1em; }

#nav li { float:left; padding:0; }


/* -------------------------- */
/* The dropdown links lists */
#nav li ul {
	padding:0px;
	position: absolute;
	left:-999em;
	height:auto;
	width: 200px;
	font-weight:normal;
	margin:10px 0px 0px 0px;
	border-top:1px solid #0B5490;
}
 #nav li li {
	padding:0;
	text-align:left;
	margin:0 0 0 0;
	width:200px;
	height:auto;
	border:none;
	line-height:18px;
	font-family:Tahoma;
	font-size:11px;
	font-weight:bold;	
}
#nav li ul a {
	color:#2580cb;
	background:url(../images/arw2.gif) no-repeat 5px 10px #e8f5ff;
	padding:5px 4px 5px 15px;
	color:#353535;
	width: 180px;
	/* html width: 100px;*/
	border-bottom:1px solid #0b5490;
	border-right:1px solid #0b5490;
	border-left:1px solid #0b5490;
}
/* This controls the flyout location of the second level dropdowns */
#nav li ul ul {
	margin:0px;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left:-999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left:auto;
}
/* -------------------------- */
/* Here is the background of the main nav link while looking at the dropdown */
#nav li:hover, #nav li.sfhover {
/*	background-color: #ccc; color:#FF0000;*/
}
/* -------------------------- */
/* The dropdown links list colors */
#nav li ul.under a {
	color:#000;
	background-image: none;
}
#nav li ul.under a:hover {
	background:#f00;
	color:#fff;
}

/* The background of the second level links while looking at the dropdown under it... */
#nav li ul.under li:hover a.daddy, #nav li ul.under li.sfhover a.daddy {
	color:#fff;
}
#nav li ul.under li:hover, #nav li ul.under li.sfhover {
	color:#fff;
	background-color:#f00;
}
.chronoform{
display:none;
}
img{ border:none;}
.buttonheading img{ border:none;}
td.buttonheading {

}

td.buttonheading img {
	border:none;
}

<!--%%%%%%%%%%%% QuickMenu Styles [Keep in head for full validation!] %%%%%%%%%%%-->



/*!!!!!!!!!!! QuickMenu Core CSS [Do Not Modify!] !!!!!!!!!!!!!*/
.qmmc .qmdivider{display:block;font-size:1px;border-width:0px;border-style:solid;position:relative;z-index:1;}
.qmmc .qmdividery{float:left;width:0px;}
.qmmc .qmtitle{display:block;cursor:default;white-space:nowrap;position:relative;z-index:1;}
.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;float:none !important;}
.qmmc {position:relative;zoom:1;z-index:10;}
.qmmc a, .qmmc li {float:left;display:block;white-space:nowrap;position:relative;z-index:1;}
.qmmc div a, .qmmc ul a, .qmmc ul li {float:none;}
.qmsh div a {float:left;}
.qmmc div{visibility:hidden;position:absolute;}
.qmmc .qmcbox{cursor:default;display:block;position:relative;z-index:1;}
.qmmc .qmcbox a{display:inline;}
.qmmc .qmcbox div{float:none;position:static;visibility:inherit;left:auto;}
.qmmc li {z-index:auto;}
.qmmc ul {left:-10000px;position:absolute;z-index:10;}
.qmmc, .qmmc ul {list-style:none;padding:0px;margin:0px;}
.qmmc li a {float:none}
.qmmc li:hover>ul{left:auto;}
#qm0 ul {top:100%;}
#qm0 ul li:hover>ul{top:0px;left:100%;}


/*!!!!!!!!!!! QuickMenu Styles [Please Modify!] !!!!!!!!!!!*/


	/* QuickMenu 0 */

	/*"""""""" (MAIN) Container""""""""*/	
	#qm0 { width:auto; }

	/*"""""""" (MAIN) Items""""""""*/	
	#qm0 a	{ padding:0px 10px 0px 0px; _padding:0px 9px 0px 0px; background:; color:#FFFFFF; font-family:Arial; font-size:12px; text-decoration:none; }


	/*"""""""" (SUB) Container""""""""*/	
	#qm0 div, #qm0 ul	
	{	
		padding:10px 0px 10px 10px;
		margin:0px 0px 0px 0px;
		background-color:#66AAE2;
		background-image:url(../images/top-sub-menu-bg.jpg);
		background-repeat:repeat-y;
		background-position:left center;
		border-width:1px;
		border-style:solid;
		border-color:#18528E;
		font-weight:bold;
	}


	/*"""""""" (SUB) Items""""""""*/	
	#qm0 div a, #qm0 ul a	
	{	
		padding:5px 20px 5px 2px;
		=padding:1px 20px 1px 2px;
		margin:0px 0px 0px 0px;
		background-color:transparent;
		color:#EEE;
		font-family:Arial;
		font-size:11px;
		text-decoration:none;
	}


	/*"""""""" (SUB) Hover State""""""""*/	
	#qm0 div a:hover	
	{	
		color:#FFF;
		text-decoration:underline;
	}


	/*"""""""" (SUB) Hover State - (duplicated for pure CSS)""""""""*/	
	#qm0 ul li:hover>a	
	{	
		color:#FFFFFF;
		text-decoration:underline;
	}


	/*"""""""" (SUB) Parent Items""""""""*/	
	#qm0 div .qmparent, #qm0 ul .qmparent	
	{	
		background-image:url(images/arrow_1.gif);
		background-repeat:no-repeat;
		background-position:97% 50%;
	}


	/*"""""""" (SUB) Active State""""""""*/	
	body #qm0 div .qmactive, body #qm0 div .qmactive:hover	
	{	
		background-color:#FFFFFF;
		background-image:url(qmimages/arrow_0.gif);
		color:#236C7F;
		text-decoration:underline;
	}


	/*"""""""" Individual Titles""""""""*/	
	#qm0 .qmtitle	
	{	
		margin:2px 0px 5px 0px;
		color:#EEEEEE;
		font-family:Arial;
		font-size:11px;
		font-weight:bold;
	}


	/*"""""""" Individual Horizontal Dividers""""""""*/	
	#qm0 .qmdividerx	
	{	
		border-top-width:1px;
		margin:4px 0px 4px 0px;
		border-color:#999999;
	}


	/*"""""""" Custom Rule""""""""*/	
	ul#qm0 ul li:hover > a.qmparent	
	{	
		background-color:#FFFFFF;
		background-image:url(images/arrow_0.gif);
		color:#236C7F;
		text-decoration:underline;
	}


	/*"""""""" Custom Rule""""""""*/	
	ul#qm0 a img	
	{	
		display:block;
		border-style:none;
	}




