﻿#logo { position: relative; z-index: 2; }
#nav { position: relative; }

/* header image */
#headerImage { position: relative; clear: both; }
#headerImage img { z-index: 1; }
#headerImage h1 { position: absolute; bottom: 0px; left: 10px; margin: 0; z-index: 2; color: #fff; font-weight: bold; font-size: 32px; text-transform: uppercase; }

/* top Nav margin */
ul#topNav a { 
	margin-top: 2px; 
}

/* home page layout */

#topNavContainer, #header { float: left; width: 788px; }

.taTitle { float: left; width: 300px; }

.taEmblem { float: left; width: 100%; text-align: right; margin-bottom: 5px; }

/* .taMenuBar { float: left; width: 488px; } */

#nav .taMenuBar { /* float: right; */ margin-top: 42px; position: absolute; right: 0; }

/* top menu css style  */

#topMenu2 { text-align: left; }

#topMenu2 ul, #nav ul { padding: 0; margin: 0; list-style-type: none; }

ul#topNav { /* width: 488px; */ }

#topNav li { float: left; position: relative;}

#nav .topLi, #nav .selectedTop
{ 
	border: solid 1px #fff; 
	height: 15px; 
	padding: 5px 0px;
	text-align: center; 
	font-size: 8px;
	line-height: 15px;
	background-color: #fff;
	margin-right: 1px;
	text-transform: uppercase;
}

#nav .topLi-hover, #nav .selectedTop-hover 
{ 
	border: solid 1px #aaa; 
}

/*
.topLi a, .topLi-hover a, .selectedTop a, .selectedTop-hover a { }
.topLi, .selectedTop { background-color: #fff; margin-right: 1px; text-transform: uppercase; }
.topLi-hover, .selectedTop-hover { background-color: #d2d2d2; text-transform: uppercase; margin-right: 1px; }

#nav .topLi-hover, #nav .selectedTop-hover { background-color: #fff; text-transform: uppercase; margin-right: 1px; border: solid 1px #aaa; }
*/

li > ul { top: auto; left: auto; }

#topNav li.topLi-hover ul, #topNav li.selectedTop-hover ul { display: block; }

#nav ul.subList { z-index: 1; }

ul.subList 
{ 
	display: none; 
	position: absolute; 
	top: 25px; 
	left: -1px; 
	margin-top: 10px; 
	border: solid 1px #aaa; 
	width: 163px;
	background-color: #d2d2d2;
	
}

/* .subList li { padding-left: 5px; line-height: 18px;  text-transform: none; text-align: left; float: none; width: 158px;} */
.subList li { line-height: 18px; text-transform: none; text-align: left; float: none !important; display: block; padding-left: 5px; }
ul.subList li a { font-weight: normal; }
.childLi { background-color: #d2d2d2; }
.childLi-hover { background-color: #bebebe; }

ul#sub8 { margin-left: -83px; }

#content ul#sub7 { width: 163px; }
#content ul#sub8 {
	margin-left: -83px;
}
/*
ul#sub2 li {
	width: 300px;
	}

ul#sub7 li {
    width: 158px;
    }
*/

/*#topNav li.topLi-hover .subWrap, #topNav li.selectedTop-hover .subWrap { display: block; }*/

/*
#topNav li:hover, #topNav li.over { background-color: #bebebe; }
#topNav li:hover ul, #topNav li.over ul { display: block; }
*/
/*div.subWrap { position: absolute;  left: 0; margin-top: 10px; border: solid 1px #aaa;}*/

/* homepage redesign */
#newTopNav ul.subList, #newTopNav .childLi { background: #666666; }
#newTopNav ul.subList li { border-bottom: solid 1px #7f7f7f; }
#newTopNav ul.subList li a { color: #fff; }
#newTopNav .childLi-hover { background: #888888; }

/* language overrides */
.site-es ul#sub8 { margin-left: -2px !important; }

