/*
*********************************************
	Navigation Rules
	
	Table of Contents:
	1. General Styles
	2. 1st level styles
	3. 2nd level styles
	4. 3rd level styles
	5. Spotlight styles
	6. IE Hacks
*********************************************
*/

/*
*********************************************
	1. General Styles
*********************************************
*/
	div#primaryNav {
		position: absolute;
		top: 122px;
		left: 2px;
		width: 168px;
		z-index: 100;
	}
	div#primaryNav ul, 
	div#primaryNav li {
		margin: 0;
		padding: 0;
		list-style-type: none;
	}

/*
*********************************************
	2. 1st level styles
*********************************************
*/
	/* All 1st level a tags */
	div#primaryNav a {
		display: block;
		font-size: 12px;
		background-repeat: no-repeat;
		padding: 7px 5px 9px 12px;
		color: #0A1C6F;
		text-decoration: none;
		cursor: pointer;
	}
	
	/* 1 Line Closed Nav Items */
	div#primaryNav .closed a,
	div#primaryNav .closed a:visited,
	div#primaryNav .open a:active, 
	div#primaryNav .closed a:active,
	div#primaryNav .open a {
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='images/off_primary_1.png');
	}
	div#primaryNav .closed[CLASS] a,
	div#primaryNav .closed[CLASS] a:visited,
	div#primaryNav .open[CLASS] a:active, 
	div#primaryNav .closed[CLASS] a:active,
	div#primaryNav .open[CLASS] a {
		background-image: url(../images/off_primary_1.png);
	}
	div#primaryNav .closed a:hover,
	div#primaryNav .open a:hover {
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='images/over_primary_1.png');
	}
	div#primaryNav .closed[CLASS] a:hover,
	div#primaryNav .open[CLASS] a:hover {
		background-image: url(../images/over_primary_1.png);
	}
	div#primaryNav .open a, 
	div#primaryNav .closed a:hover{
		color: #FFFFFF;
	}
	
	/* 2 Line Closed Nav Items */
	div#primaryNav .double {
		line-height: 12px;
		padding: 9px 5px 11px 12px;
	}
	div#primaryNav .closed .double,
	div#primaryNav .closed .double:visited,
	div#primaryNav .open .double:active, 
	div#primaryNav .closed .double:active,
	div#primaryNav .open .double {
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='images/off_primary_2.png');
	}
	div#primaryNav .closed[CLASS] .double,
	div#primaryNav .closed[CLASS] .double:visited,
	div#primaryNav .open[CLASS] .double:active, 
	div#primaryNav .closed[CLASS] .double:active,
	div#primaryNav .open[CLASS] .double {
		background-image: url(../images/off_primary_2.png);
	}
	div#primaryNav .closed .double:hover,
	div#primaryNav .open .double:hover {
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='images/over_primary_2.png');
	}
	div#primaryNav .closed[CLASS] .double:hover,
	div#primaryNav .open[CLASS] .double:hover {
		background-image: url(../images/over_primary_2.png);
	}
	
	/* 1 Line Opened or At Nav Items */
	div#primaryNav .open a,
	div#primaryNav .open a:visited,
	div#primaryNav a#at1, 
	div#primaryNav a#at1:hover, 
	div#primaryNav a#at1:visited {
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='images/at_primary_1.png');
		color:#FFFFFF;
	}
	div#primaryNav .open[CLASS] a,
	div#primaryNav .open[CLASS] a:visited,
	div#primaryNav a#at1[id], 
	div#primaryNav a#at1[id]:hover, 
	div#primaryNav a#at1[id]:visited {
		background-image: url(../images/at_primary_1.png);
	}
	
	/* 2 Line Opened Nav Items */
	div#primaryNav .open .double,
	div#primaryNav .open .double:visited,
	div#primaryNav a#at1.double, 
	div#primaryNav a#at1.double:hover, 
	div#primaryNav a#at1.double:visited {
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='images/at_primary_2.png');
	}
	div#primaryNav .open[CLASS] .double,
	div#primaryNav .open[CLASS] .double:visited,
	div#primaryNav a#at1.double[CLASS], 
	div#primaryNav a#at1.double[CLASS]:hover, 
	div#primaryNav a#at1.double[CLASS]:visited  {
		background-image: url(../images/at_primary_2.png);
	}

/*
*********************************************
	3. 2nd level styles
*********************************************
*/
	/* All 2nd level a tags */
	div#primaryNav ul ul a,
	div#primaryNav ul ul .closed2 a{
		display: block;
		font-size: 10px;
		background-repeat: no-repeat;
		margin: 0px 2px 0px 19px;
		padding: 5px 5px 5px 7px;
		color: #FFFFFF;
		text-decoration: none;
		background-image: none;
	}
	
	/* 1 Line Closed Nav Items */
	div#primaryNav .closed2 a,
	div#primaryNav .closed2 a:visited,
	div#primaryNav .closed2 a:active{
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='images/off_secondary_1.png');
	}
	div#primaryNav .closed2[CLASS] a,
	div#primaryNav .closed2[CLASS] a:visited,
	div#primaryNav .closed2[CLASS] a:active{
		background-image: url(../images/off_secondary_1.png);
	}
	div#primaryNav .closed2 a:hover,
	div#primaryNav .open ul a:hover {
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='images/over_secondary_1.png');
	}
	div#primaryNav .closed2[CLASS] a:hover,
	div#primaryNav .open[CLASS] ul a:hover {
		background-image: url(../images/over_secondary_1.png);
	}
	
	/* 2 Line Closed Nav Items */
	div#primaryNav ul ul a.double {
		padding: 5px 5px 6px 7px;
	}
	div#primaryNav .closed2 a.double,
	div#primaryNav .closed2 a.double:visited,
	div#primaryNav .closed2 a.double:active{
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='images/off_secondary_2.png');
	}
	div#primaryNav .closed2[CLASS] a.double,
	div#primaryNav .closed2[CLASS] a.double:visited,
	div#primaryNav .closed2[CLASS] a.double:active{
		background-image: url(../images/off_secondary_2.png);
	}
	div#primaryNav .closed2 a.double:hover,
	div#primaryNav .open ul a.double:hover {
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='images/over_secondary_2.png');
	}
	div#primaryNav .closed2[CLASS] a.double:hover,
	div#primaryNav .open[CLASS] ul a.double:hover {
		background-image: url(../images/over_secondary_2.png);
	}
		
	/* 1 Line Opened Nav Items */
	div#primaryNav li.open2 a, 
	div#primaryNav li.open2 a:active,
	div#primaryNav li.open2 a:hover,
	div#primaryNav li.open2 a:visited {
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='images/at_secondary_1_WRD.png');
		padding: 5px 25px 2px 7px;
	}
	div#primaryNav li.open2[CLASS] a, 
	div#primaryNav li.open2[CLASS] a:active,
	div#primaryNav li.open2[CLASS] a:hover,
	div#primaryNav li.open2[CLASS] a:visited {
		background-image: url(../images/at_secondary_1_WRD.png);
	}
	
	/* 2 Line Opened Nav Items */
	div#primaryNav li.open2 a.double, 
	div#primaryNav li.open2 a.double:active,
	div#primaryNav li.open2 a.double:hover,
	div#primaryNav li.open2 a.double:visited {
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod='scale', src='images/at_secondary_2_WRD.png');
	}
	div#primaryNav li.open2[CLASS] a.double, 
	div#primaryNav li.open2[CLASS] a.double:active,
	div#primaryNav li.open2[CLASS] a.double:hover,
	div#primaryNav li.open2[CLASS] a.double:visited {
		background-image: url(../images/at_secondary_2_WRD.png);
	}
	
	/* 1 Line at state */
	div#primaryNav li.closed2 a#at2, 
	div#primaryNav li.closed2 a#at2:active,
	div#primaryNav li.closed2 a#at2:hover {
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='images/over_secondary_1.png');
	}
	div#primaryNav li.closed2[CLASS] a#at2, 
	div#primaryNav li.closed2[CLASS] a#at2:active,
	div#primaryNav li.closed2[CLASS] a#at2:hover {
		background-image: url(../images/over_secondary_1.png);
	}
	
	/* 2 Line at state */
	div#primaryNav li.closed2 a#at2.double, 
	div#primaryNav li.closed2 a#at2.double:active,
	div#primaryNav li.closed2 a#at2.double:hover {
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='images/over_secondary_2.png');
	}
	div#primaryNav li.closed2[CLASS] a#at2.double, 
	div#primaryNav li.closed2[CLASS] a#at2.double:active,
	div#primaryNav li.closed2[CLASS] a#at2.double:hover {
		background-image: url(../images/over_secondary_2.png);
	}

/*
**********************************************
	4. 3rd level styles
*********************************************
*/
	/* All 3rd level a tags */
	div#primaryNav ul ul div a {
		display: block;
		font-size: 10px;
		background-image:none;	
		background-repeat: no-repeat;
		margin: 0px 0px 0px 0px;
		color: #FFFFFF;
		text-decoration: none;
	}
	/* All 3rd level li tags */
	div#primaryNav ul ul div li {
		list-style-type: disc;
		color: #FFFFFF;
		margin: 5px 0px 0px 22px;
		vertical-align:top;
	}
	div#primaryNav[id] ul ul div li {
		margin: 0px 0px 0px 22px;
	}
	
	div#primaryNav li.open2 div {
		height:100%;
		margin:0px 2px 0px 19px;
		padding-top: 5px;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod='scale', src='images/off_tertiary_repeat.png');
	}
	div#primaryNav li.open2[class] div {
		margin:0px 2px 0px 19px;
		background-image: url(../images/off_tertiary_repeat.png);
		background-repeat:repeat-y;
		vertical-align:top;
	}
	
	div#primaryNav li.open2 div a,
	div#primaryNav li.open2 div a:hover,
	div#primaryNav li.open2 div a:active,
	div#primaryNav li.open2 div a:visited  {
		padding: 0px 5px 4px 0px;
		margin: 0px;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod='scale', src='images/spacer.png');
	}
	
	div#primaryNav li.open2 div a:hover{
		text-decoration: underline;
	}
	
	div#primaryNav li.open2[CLASS] div a,
	div#primaryNav li.open2[CLASS] div a:hover,
	div#primaryNav li.open2[CLASS] div a:active,
	div#primaryNav li.open2[CLASS] div a:visited {
		background-image:none;
		margin-right:19px;
	}
	
	/* 3rd level at state 
	div#primaryNav ul ul div li.at3,*/ 
	div#primaryNav ul ul div li a#at3, 
	div#primaryNav ul ul div li a#at3:hover, 
	div#primaryNav ul ul div li a#at3:visited{
		color:#0A1C6F;
		text-decoration:none;
	}
	
	/* 3rd level bottom shaddow */
	div#primaryNav li.open2 div.nav3rdend {
		margin: 0px 0px 2px 19px;
		padding:0px;
		height:4px;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='images/off_tertiary_bottom.png');
	}
	div#primaryNav li.open2 div.nav3rdend[CLASS] {
		margin: 0px 0px 2px 19px;
		background-image: url(../images/off_tertiary_bottom.png);
		background-repeat: no-repeat;
	}

/*
**********************************************
	5. Spotlight styles
*********************************************
*/
	div#spotlight {
		width: 168px;
		color: #0A1C6F;	
	}
	div#spotlight div#spotlightHeader {
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='images/spotlight_header.png');
		height: 19px;
		font-size: 12px;
		margin: 0px;
		padding: 7px 0px 0px 12px;
	}
	div#spotlight div#spotlightHeader[id] {
		background-image: url(../images/spotlight_header.png);
	}
	
	div#spotlight div.spotlightLeft {
		width: 3px;
		height: 48px;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod='scale', src='images/spotlight_left.png');
		float:left;
	}
	div#spotlight div.spotlightLeft[class] {
		background-image:url(../images/spotlight_left.png);
	}
	
	div#spotlight div.spotlightItem {
		width:160px;
		height:48px;
		background-color:#B4E88B;
		float:left;
	}
	div#spotlight div.spotlightItem a {
		height:30px;
		background-color:#EAF7DD;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='images/spotlight_eaglepro.png');
		padding: 11px 5px 3px 8px;
		margin: 0px 0px 4px 0px;
		font-size:11px;
	}
	div#spotlight div.spotlightItem[class] a {
		background-image:url(../images/spotlight_eaglepro.png);
		background-position: top right;
	}
	
	
	/*for aerial map sign up*/
	
	div#spotlight div.signupItem {
		width:160px;
		height:48px;
		background-color:#B4E88B;
		float:left;
	}
	div#spotlight div.signupItem a {
		height:30px;
		background-color:#EAF7DD;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='images/signup.png');
		padding: 11px 5px 3px 8px;
		margin: 0px 0px 4px 0px;
		font-size:11px;
	}
	div#spotlight div.signuptItem[class] a {
		background-image:url(../images/signup.png);
		background-position: top right;
	}
	
	div#spotlight div.signupItem a:hover {
		background-color:#D1F0B9;
	}
	
	/*end of aerial map sign up css change*/

	/*for aerial map product spotlight*/

	div#spotlight div.aerialItem {
		width:160px;
		height:48px;
		background-color:#B4E88B;
		float:left;
	}
	div#spotlight div.aerialItem a {
		height:30px;
		background-color:#EAF7DD;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='images/aerialMap.png');
		padding: 11px 5px 3px 8px;
		margin: 0px 0px 4px 0px;
		font-size:11px;
	}
	div#spotlight div.aerialtItem[class] a {
		background-image:url(../images/signup.png);
		background-position: top right;
	}
	
	div#spotlight div.aerialItem a:hover {
		background-color:#D1F0B9;
	}
	
	/*end of aerial map sign up css change*/
	
	
	div#spotlight div.spotlightItem a:hover {
		background-color:#D1F0B9;
	}
	
	div#spotlight div.spotlightRight {
		width: 5px;
		height: 48px;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod='scale', src='images/spotlight_right.png');
		float:left;
	}
	div#spotlight div.spotlightRight[class] {
		background-image: url(../images/spotlight_right.png);
		background-position:left;
	}
	
	div#spotlight div#spotlightFooter {
		background-color:#FFFFFF;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='images/spotlight_footer.png');
		height: 6px;
		margin: 0px;
		padding: 0px;
		clear:both;
	}
	div#spotlight div#spotlightFooter[id] {
		background-image: url(../images/spotlight_footer.png);
	}
/*
**********************************************
	6. IE Hacks
*********************************************
*/
* html div#primaryNav ul a{
	height: 1em;
}
* html div#primaryNav li {
	margin-top: 0px;
}
* html div#primaryNav li li {
	margin-top: -1px;
}