@charset "utf-8";

/*	--------------------
	 Top Navigation Bar 
	-------------------- */

#menuContainer .botGrad {
	overflow:hidden;
	background:url(../images/nav_bottom.gif) repeat-x bottom;
}

#menuContainer ul.topGrad {
	background:url(../images/nav_top.gif) repeat-x 0 0;
	display:block;
	margin:0;
	overflow:hidden;
	padding:10px 0 .5em 0;
	text-align:right;
	vertical-align:middle;
	width:100%;
}

#menuContainer li {
	float:left;
	list-style-type:none;
	margin:0;
	vertical-align:top;
}

#menuContainer li a {
	border-right:solid 1px #999999;
	color:#007aa9;
	cursor:pointer;
	display:block;
	line-height:1.1em;
	margin:0;
	padding:0 .2em .25em .2em;
	text-align:center;
	text-decoration:none;
	width:6.25em;
}

#menuContainer li a span {
	display:block;
	overflow:hidden;
	height:2.5em;
}

#menuContainer li a strong { 
	/* strong tags not necessary, font sizing can be done on the <a> and <img> tags -
	 leaving in markup for screenreaders */
	display:block;
	font-size:.8em;
	line-height:1.1em;
}

#menuContainer li a img {
	height:7.5em;
	width:2.5em;
}

#menuContainer li a:hover,
#menuContainer li a:focus {
	color:#57a7c6;
	font-weight:normal;
}

#menuContainer li a:hover img,
#menuContainer li a:focus img {
	margin:-2.5em 0 0 0;
}

#menuContainer li a:active,
#menuContainer li a.active,
#menuContainer li a.currentIcon,
#menuContainer li a.active:hover {
	color:#669900;
	cursor:default;
	font-weight:normal;
}

#menuContainer li a:active img,
#menuContainer li a.currentIcon img {
	margin:-5em 0 0 0;
}

#menuContainer li a.iconVar1 span {
	height:1.75em;
}

#menuContainer li a.iconVar1 img {
	height:5.25em;
	width:1.75em;
}

#menuContainer li a.iconVar1 strong {
	font-weight:bold;
}

#menuContainer li a.iconVar1:hover img,
#menuContainer li a.iconVar1:focus img {
	margin:-1.75em 0 0 0;
}

#menuContainer li a.iconVar1:active img,
#menuContainer li a.iconVar1.currentIcon img {
	margin:-3.5em 0 0 0;
}

#menuContainer li#search {
	/* 10/5/12 - Firefox 3.5 bug will sporadically render display:table-cell incorrectly, causing nav bar layout 
	to sometimes break - display:table; on #menuContainer ul.topGrad, and display:table-cell; here 
	(& maybe #menuContainer li for consistency) to vertically center the search section when FF3.5 is dropped */
	display:inline-block;
	float:none;
	list-style-type:none;
	margin:1em 0 0;
	padding:0 .5em 0 0;
	text-align:right;
}

#menuContainer li#search.twoLineSearch {
	/* Remove this entirely, and from es index, when #menuContainer li#search uses display:table-cell; for vert align */
	margin:1.25em 0 0;
}

#menuContainer li#search #searchInputs input[type="text"] {
	font-size:1.1em;
	margin:0 .25em 0 0;
	vertical-align:middle;
	width:18em;
}

#menuContainer li#search input[type="image"] {
	border: medium none;
    display: inline-block;
    font-weight: bold;
    height: auto;
    padding:0;
    vertical-align: middle;
    width: auto;
}

#menuContainer li#search a {
    border: medium none;
    display: inline-block;
    font-weight: bold;
    height: auto;
    margin:0;
    padding: 0 0.75em;
    vertical-align: middle;
    width: auto;
}

#menuContainer li#search a img {
	border: medium none;
    display: inline-block;
    font-weight: bold;
    height: auto;
    padding:0;
    vertical-align: middle;
    width: auto;
}

#menuContainer li#search a img,
#menuContainer li#search a:hover img,
#menuContainer li#search a:focus img,
#menuContainer li#search a:active img {
	height:1.5em;
	width:auto;
	margin:0;
}

#menuContainer li#search #language a {
	border-right:solid 1.5px #007aa9;
	display:inline;
	font-weight:bold;
	height:auto;
	padding:0 .75em;
	width:auto;
}

#menuContainer li#search #language {
	margin:.25em .25em 0 0;
}

#menuContainer li#search #language .noBorder {
	border:none;
	padding:0 0 0 .75em;
}

#menuContainer .leftSide_top {
	background:url(../images/nav_corners.gif) no-repeat top left;
	width:3px;
	height:21px;
	overflow:hidden;
	float:left;
}

#menuContainer .leftSide_mid {
	border-left:solid 1px #cccccc;
}

#menuContainer .leftSide_bot {
	background:url(../images/nav_corners.gif) no-repeat bottom left;
	width:3px;
	height:24px;
	overflow:hidden;
	float:left;
	margin:-24px 0 0 0;
}

#menuContainer .rightSide_top {
	background:url(../images/nav_corners.gif) no-repeat top right;
	width:10px;
	height:21px;
	overflow:hidden;
	float:right;
}

#menuContainer .rightSide_mid {
	background:url(../images/nav_side.gif) repeat-y top right;
}

#menuContainer .rightSide_bot {
	background:url(../images/nav_corners.gif) no-repeat bottom right;
	width:10px;
	height:24px;
	overflow:hidden;
	float:right;
	margin:-24px 0 0 0;
}

 
 /*	------------------------
	 End Top Navigation Bar 
	------------------------ */