﻿/**** Globals ****/

body 
{
	font-family: Geneva, sans-serif;
	background: #fff;
	font-size: 12px;
	color: #666666;
}

img { border: none; }

.text { color:#7E7E7E; font-size: 12px; line-height: 14px; }
.contentImage { float: left; margin-right: 12px; }

/**** Content Layout / Skeleton ****/
#content { margin: 0 auto; width: 780px; }
#header { width: 780px; }
#breadcrumbs { margin: 10px 0; }
#navLeft { float: left; }
#main { margin-left: 250px; }
#bodyContent { }
#footer { clear: both; height: 100px; }

/**** Top Navigation Menu ****/
#topMenu { text-align: left; }
.taEmblem { float: left; width: 100%; text-align: right; margin-bottom: 5px; }
.taTitle { float: left; width: 300px; }
.taMenuBar { float: left; width: 480px; }

#topMenu ul { padding: 0px; margin: 0px; list-style-type: none; }
ul#topNavList { width: 480px; }
ul#topNavList a { margin-top: 2px; color: #666666; text-decoration: none; }
ul#topNavList li { float: left; position: relative; }

li.topNode, li.topNode-hover
{ 
	border: solid 1px #aaa; 
	height: 15px; 
	padding: 5px 0px;
	text-align: center; 
	line-height: 14px;
	width: 93px;
}
li.topNode { background-color: #fff; margin-right: 1px; text-transform: uppercase; cursor: auto; }
li.topNode-hover { background-color: #d2d2d2; text-transform: uppercase; margin-right: 1px; cursor: pointer; }
/*li . topNode-hover ul { display: block; }*/

li > ul { top: auto; left: auto; }

ul.subNodes
{ 
	display: none; 
	position: absolute; 
	top: 25px; 
	left: -1px; 
	margin-top: 10px; 
	border: solid 1px #aaa; 
	width: 163px;
	background-color: #d2d2d2;
	
}
ul.lastSub { margin-left: -69px !important; }
ul.subNodes li { padding-left: 5px; line-height: 18px;  text-transform: none; text-align: left; float: none; width: 158px; }
ul.subNodes li a { font-weight: normal !important; }
li.childNode { background-color: #d2d2d2; cursor: auto; }
li.childNode-hover { background-color: #bebebe; cursor: pointer; }

#topNavList li a { font-weight: bold; font-size: 8pt; }

/**** Left Navigation Menu ****/
#leftMenu { width: 230px; }
#leftTitleFlash { background-color: #7F9BBA; font-size: 1.3em; color: #fff; height: 30px; padding:1px 0px 1px 10px; }
#taLeftNav { }

ul#leftNavList { list-style-type: none; margin: 0px; padding: 0px; width: 230px; }
ul#leftNavList a { text-decoration: none; font-size: 8pt; }
ul#leftNavList li { line-height: 18px; border-top: solid 1px #fff; width: 230px; cursor: pointer; }

li.baseNode { background: #D2D2D2; }
li.baseNode-selected, li.baseNode-hover { background: #AEBDCF; }
li.baseNode a { color: #7e7e7e; padding-left: 1em; }
li.baseNode-selected a { color: #003876; padding-left: 1em; }

ul.subList { list-style-type: none; margin: 0px; padding: 0px; width: 100%;  }
li.subNode { background: #CBD3DC; }
li.subNode-selected, li.subNode-hover { background: #AEBDCF; }
li.subNode a { color: #7e7e7e; padding-left: 1.5em; }
li.subNode-selected a { color: #003876; padding-left: 1.5em; }

ul.bottomList { list-style-type: none; margin: 0px; padding: 0px; width: 100%;  }
li.bottomNode { background-color: #DCE1E7; }
li.bottomNode-selected, li.bottomNode-hover { background: #CBD3DC; }
li.bottomNode a { color: #7e7e7e; padding-left: 2em; }
li.bottomNode-selected a { color: #003876; padding-left: 2em; }

.arrowBtn { background-image: url(/images/arrow-fwd.gif); }
.arrowBtn-down { background-image: url(/images/arrow-down.gif); }


/*** Breadcrumbs ****/
.breadcrumbs { color:#003876; font-size:11px; margin-left: 3px; float: left; }
/* underline for now, to show effect */ 
.bcNode { text-decoration: underline; }
.bcNode { color:#003876; }
.bcNode:hover { color: #333; }
.bcNode-current { text-decoration: none; }
#countryindicator { text-align: right; }