/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@

File:				ie7.css
Date Modified: 		8/3/07
Last Modified By:	Joe Liu

File Description:	
Styles the site for all browsers except Internet Explorer 7.

@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/	

html, body {margin: 0; padding: 0; border: 0; }



/*********************BODY*******************************************/


body {
	color: #474747; 
	background: white; 
	font-family: arial, Verdana, Helvetica, sans-serif;
	font-size: 80%; 
	text-align: center;
	margin: 0px 0;
}

hr {
	height: 1px;
	border: none;
	background: none;	
}


p {margin: 6px 6px 20px 0px;; padding-right: 0px ; line-height: 1.4em;}

hr {
	background: none;
	border-bottom: 1px solid silver;
}

p a{
	text-decoration: underline;
	color: #474747; 
}

p a:hover{
	color: #7A7A7A; 
}


h2 {
	font-family: georgia, garamond, Times, serif;
	color: #bf3b2c;
	font-size: 200%;
	text-align: left; 
	padding: 10px 0; 
	margin: 10 0; 
	font-weight: normal;
	width: 445px;
}


h3 {	
	font-family: "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
	color: #bf3b2c;
	font-size: 1.1em; 
	margin: 20px 0px 5px;
	font-weight: normal;
}

h5 {	
	font-family: "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
	color: #bf3b2c;
	font-size: 1.0em; 
	margin-bottom: -40px;
	font-weight: normal;
}

*html h5 {
	margin-top: 38px;
	margin-left: 10px;
}

.clear { clear: both; }


a {font-weight: normal;
	color: #474747;
	text-decoration : none;}

a:hover {
	color: #7A7A7A;
}

.alignright {margin-top: 5px; text-align: right; clear: both;}

.alignright a {
	font-weight: normal;
	color: #474747;
	text-decoration : none;
}

.alignright a:hover {
	color: #7A7A7A;
}
.small {font-size: .9em;}



.header {
	width: 100%; 
	font-size: 1.6em;
	color: red;
	text-align: center;
}


.logo {
	margin-top: 0px;
	margin-bottom: 0px;
	width: 776px;
}

* html .logo {   /*** IE5.x/win box model fix ***/
	margin-right: 6px;
	width: 776px;
	wid\th: 776px;
	margin-bottom: 0px;
}

.logo img {
	margin-left: 25px;
	margin-bottom: 0px;
}

*html .logo img {
	margin-bottom: 0px;
	margin-left: 18px;
}

.footer {
	padding-bottom: 0px;
	width: 100%; 
	text-align: center;
}

*html .footer {
	mar\gin-bottom: -19px;
}

.applyNow {
	text-align:right;
	padding-right: 40px;
}

.eoq {
	margin-left: 30px;
	margin-right:30px;
	text-align:left;
	color: #999999;
	font-style:italic;
	font-size:11px;
}

img.banner {
	margin-top: 0px;
	width: 765px;
	height: 200px;
	border-top: 1px solid gray;
	border-right: 1px solid #828282;
	border-left: 1px solid #828282;
	margin-left: 1px;
}

* html img.banner {   /*** IE5.x/win box model fix ***/
	margin-top: 0px;
	border-right: 1px solid silver;
	border-left: 0px;
	margin-right: 6px;
	margin-left: 0px;
	width: 775px;
	wid\th: 776px;
	border-right: 1px solid #828282;
}

.wide p {margin: 0; padding: 5px; position: relative;}

.top {border-bottom: 1px solid #000;}

.top a {position: absolute; right: 20px; text-align: right; /*font-weight: bold;*/ font-size: .7em; color: #fff;}

.bottom {border-top: 1px solid #000; position: relative;}

.testfloat {width: 50px; border: 2px solid #f90; background: #ffd; font-size: .7em;}

.to-right {float: right;}

.to-left {float: left;}

.ap-test {
position: absolute; 
top: -102px; 
font-size: .6em; 
width: 150px; 
height: 100px; 
border-top: 1px solid #000; 
background: #5b5; 
color: yellow;
}

/* \*/
* html .ap-test {
top: -101px; 
t\op: -102px; 
}
/* */

.ap-left {left: 0;}

.ap-right {right: 0;}


/*XXXXXXXXXXXXXXXXX Primary layout rules XXXXXXXXXXXXXXXX*/

/******************************************************************************** 
To adjust the side col widths, or the vertical col dividers, a certain set of values must be changed
all at the same time and by exact amounts or problems will result. Each of these group's member values
have been marked off with comments that start with "Critical...". For example, if the left col width needs
to be changed then all the values marked "Critical left col dimension value" MUST have their pixel values
altered by the same amount. Certain of these left col width values are marked "(moves inversly)", and 
these get changed by the same pixel amount but inversly to the other values. So if margin-left on .outer
is increased by 10px, then the width of .outer must decrease by 10px, and so on.

To change the width of the entire layout, .wrapper, .outer, .float-wrap, and .center all get changed together,
and only after that is it safe to change col or divider widths. Remember, even one small mistake will degrade or 
even break the layout, so be very careful! it's possible to "loosen" the layout so small errors aren't so messy,
but then it becomes hard to finely control text spacing. 

For spacing within the cols, it's best to apply margins on content elements inserted into the cols, 
because padding directly on those col elements will change their widths, breaking the layout. 

Certain hiding hacks have been used extensively in this layout, so here is a quick explaination of them.

The Tan hack:

* html .anyelement {rules read only by IE/Win and IE/Mac}

The Mac-hack:  (first the active comment you are reading now must be closed...) */

/* \*/

/* */

/*...Back in comment mode now. Anything between those two comment lines will be hidden from 
IE/Mac. Don't use any comments within this hack or it will close prematurely and IE/Mac will begin 
reading before it should.

The above two hacks are combined so as to feed rules only to IE/Win. Proper use of backslash escape 
characters inside property names used in the Holly hack can further segregate rules to be read by only 
IE6 from rules for IE5.x/Win. 

These hiding hacks, along with several other fixes, make possible this formerly impossible layout.
It is highly unlikely that new browsers will have any problem with these valid hiding hacks, and 
Microsoft does not plan any browser changes soon that would alter the proper operation of the layout.
********************************************************************************/




.wrapper {
margin: 0 auto -4px auto;
padding: 15px 0px 0px 0px;
width: 784px;
text-align: left;
background-color: white;
background-image: url(../images/wrapper4.gif);
background-repeat: repeat-y;
}


*html .wrapper {
margin: 0 auto;
padding: 15px 0px 0px 0px;
width: 784px;
text-align: left;
border-left: 1px solid #828282;
background-color: white;
background-image: url(../images/wrapper2.gif);
background-repeat: repeat-y;
}


* html .wrapper {   /*** IE5.x/win box model fix ***/
width: 786px;
wid\th: 784px;
}

.outer {
position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
margin-left: 150px;    /*** Critical left col dimension value ***/
width: 478px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
background: #fff url(images/brownswirl.gif);  /*** Sets background of center col***/
/*border-left: 1px solid #000;*/   /*** Critical left divider dimension value ***/
/*border-right: 1px solid silver;*/   /*** Critical right divider dimension value ***/
}

* html .outer {   /*** IE5.x/win box model fix ***/
width: 480px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
wid\th: 478px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
}

.float-wrap {
float: left;
width: 478px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
margin-right: -1px;   /*** Static fix ***/
}

.center {
float: right;
width: 478px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
margin-bottom: 0px;   /*** Fixes a variance in IE/win for the green AP bottom boxes ***/
/* \*/
margin-left: -1px; 
margin-top: -5px;
padding-bottom: 25px;
background-repeat:repeat;
/* Hidden from IE-mac */
}

*html .center {
mar\gin-left: 0px;
mar\gin-top: 0px;
w\idth: 603px;
/* Hidden from IE-mac */
}


/*.center p {
	text-align: left;
}*/


.left {
position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
width: 152px;    /*** Critical left col/divider dimension value ***/
margin-left: -151px;    /*** Critical left col/divider dimension value ***/
}

* html .left {
float:left;	
}

*>html .left {width:151px;}   /*** Fix only for IE/Mac ***/

.container-left {
width: 150px;    /*** Critical left col dimension value ***/
padding-bottom: 10px;   /*** To keep content from going underneath the AP bottom boxes ***/ 
}

.right {
float: left; 
position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
width: 152px;    /*** Critical right col/divider dimension value ***/
margin-right: -150px;    /*** Critical right col/divider dimension value ***/
margin-left: -1px;   /*** Static fix ***/
}



.right h2 {
	margin-left: 20px;	
}

.right h3 {
	margin-left: 20px;	
}


/* \*/
* html .right {
margin-left: 0px; 
margin-right: -500px; 
mar\gin-right: -152px;
}
/* */

/*** These commented-out rules below are there to explain the "Critical" info 
	for the rules above, because comments must not appear within the Mac-hack.
	The "rules" below are not active, they are just for teaching purposes. ***/

/*
* html .right {
margin-left: 0px;    *** Critical right divider dimension value ***
margin-right: -500px;    *** IE5.x/win fix, must be above a critical number, but very high values appear okay ***
mar\gin-right: -152px;    *** Critical right col/divider dimension value ***
}
*/


.container-right { 
/* \*/width: 150px;/* Hidden from IE-Mac */   /*** Critical right col dimension value ***/
margin-left: 3px;    /*** Critical right divider dimension value ***/
padding-bottom: 110px;   /*** To keep content from going underneath the AP bottom boxes ***/
}

/* \*/
* html .container-right {
fl\oat: right;
margin-left: 2px; 
mar\gin-left: 0px; 
}
/*** Static fixes ***/

/*** Below is the Holly hack, and if IE/Win shows bugs it's a good idea to apply this hack to 
	different elements and see if that fixes the problem. Sometimes it may be necessary 
	to use "position: relative;" on certain elements, but it's hard to tell in advance which 
	elements will need such fixes. Here it prevents IE5/Win from clipping the left ends 
	of the headings. ***/
/* \*/
* html h2 {height: 1%;}
/* */


/*** This is a fix for IE5/Win at the largest text size setting. ***/
/* \*/
* html .left {margin-right: -3px;}
/* */


.italics-test, .italics-test-side {
font-style: italic; 
text-align: justify; 
background: #ccd;
border: 1px solid red;
}

/*** The following fixes prevent justified italic text from destroying the layout in IE/win.
	The problem is that those properties together make IE force the container wider,
	which in this type of floated layout causes a float drop. 	Pre-IE6 gets "width: 100%" 
	and "overflow: hidden", while IE6 gets "width: auto" and "overflow: visible, which 
	is the default, but explicitly stating it seems to keep IE6 happy. IE6 also needs
	to see the "height: 1%" to give it some kind of box dimension. Browser coddling 
	we call it. Finally, Bruno found that "word-wrap: break-word;" disarranged the 
	justified text in IE5.5 and 6, so it is defaulted to "normal" for this text.
	If you don't need justified and italicized text then forget all these fixes ***/

/* \*/
* html .italics-test, * html .italics-test-side {
overflow: hidden;
width: 100%;
o\verflow: visible;
w\idth: auto;
hei\ght: 1px;
}
/* */

/*** All the IE fixes that are inside separate "Mac-hacks" may be grouped 	within 
	just one Mac-hack for convenience if desired. However, each fix must come 
	later than the rule it is fixing or the fix itself will be overridden. ***/


.content {
	margin-left: 2px;
	margin-right: -125px;
	padding-right: 10px;
	padding-left: 10px;
}

*html .content {
	margin-left: 2px;
	margin-right: 0px;
	padding-right: 10px;
	padding-left: 10px;
}

.content p img{
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.content li a{
	text-decoration: underline;
	color: #474747; 
}

.content li a:hover{
	color: #7A7A7A; 
}

.content td a{
	text-decoration: underline;
	color: #474747; 
}

.content td a:hover{
	color: #7A7A7A; 
}

.content li {
	padding-top:2px;
	padding-bottom:3px;
}


*html .content {
	mar\gin-top: 5px;
	margin-left: 0px;
}



/*********************ENTITY*******************************************/



/*-------footerNav---------*/


ul.footerNav {
	width: 766px;
	margin-top: 0px;
	padding-top:0px;
	padding-left: 0px;
	padding-bottom: 2px;
	margin-left: 10px;
    line-height: 1.5em;
    border-bottom: 1px solid #828282;
	border-top: 1px solid #828282;
	list-style-image: none;
	list-style-type: none;
	background-color: #CCCCCC;
	background-image: url(../images/nav.gif);
	background-repeat: repeat-x;
	background-position: center;
}

*html ul.footerNav{
	margin-right: 8px;
	width: 776px;
	wid\th: 776px;
	margin-left: 0px;
}

.footerNav li {
	padding-left: 15px;
	padding-right: 15px;
	display:inline;
	background-color:transparent;
	font-size: 11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.footerNav a {
	background-color:transparent;
	color: #474747;
	text-decoration:none;
}
.footerNav a:hover {
	background-color:transparent;
	color: #7A7A7A;
}


/*-------subNav---------*/


ul.subNav {
	margin-left: 35px;
	margin-right: 10px;
	margin-top: 80px;	
	padding-top:10px;
	padding-left: 0px;
	list-style-image: url(../images/icons/arrow3.gif);;
}

*html ul.subNav {
	mar\gin-top: 76px; 
	margin-left: 30px;
}

.subNav li {
	margin-bottom: 15px;
	background-color: white;
	text-align: left;
	font-size: 12px;
}

.subNav a {
	font-weight: normal;
	color:#3366FF;
	text-decoration : none;
}
.subNav a:hover {
	text-decoration: underline;
	color:#0099FF;
}

li.thirdLevel {
	font-size: 11px;
	color:#3366FF;	
	margin-left: 20px;
}

li.thirdLevel a {
	color:#3366FF;	
}
li.thirdLevel a:hover {
	color:#0099FF;	
}

.currentLink {
	font-weight:bold;
}

/*-------News---------*/


.newsLink {
	margin-top: 18px;
	list-style-image: none;
	list-style-type: none;
	text-align:left;
}

*html ul.newsLink {
	mar\gin-top: 18px;
	mar\gin-left: 15px; 
}

.newsLink li {
	margin-left: -40px;
	margin-bottom: 15px;
	background-color: white;
	text-align: left;
	font-size: 12px;
	border-bottom: 1px dotted #CCCCCC;
}

*html .newsLink li {
	margin-left: -15px;
}

ul.newsLink li a {
	font-weight: normal;
	color: #474747;
	text-decoration : none;
}
ul.newsLink li a:hover {
	color: #7A7A7A;
}

.alignright a {
	font-weight: normal;
	color: #474747;
	text-decoration : none;
}

.alignright a:hover {
	color: #7A7A7A;
}

.allNews p {
	line-height: 1.2em;
	text-align:left;
}



/*----------ARTICLE FORMAT---------*/
.indivArticle {
	margin: 0px;
	padding: 0px;
}

.indivArticle p{
	line-height: 1.4em;
}

h2.newsTitle {
	font-family: Georgia, "Times New Roman", Times, serif;
	margin-bottom: 10px;
}

h3.newsTitle {
	font-family: Georgia, "Times New Roman", Times, serif;
}

.newsDate {
	font-style:italic;
	margin: 0px;
	padding:0px;
	font-size:11px;
}

.newsBody {
	margin-top: 20px;
}

.newsAuthor {
	font-size:11px;
	color:#333333;
}

/*----------ARTICLE FORMAT---------*/

p.viewFull {
	text-align: left;
	font-size: 11px;
}
p.viewFull a{
	text-decoration: none;
	color:#3366FF;
}
p.viewFull a:hover {
	text-decoration: underline;
	color:#0099FF;
}

ul.newsAdmin {
	text-align:right;
}


ul.newsAdmin li {
	margin-right: 10px;
	display:inline;
	background-color:transparent;
}

/*-------Admin Links---------*/

.adminLinks {
	margin-top: 20px;
	text-align:left;
}

ul.adminLinks {
	list-style-image: none;
	list-style-type: none;
}

.adminLinks li {
	margin-top: 5px;
}

.adminLinks fieldset{
	width: 300px;
	border: 1px solid gray;
}

.adminLinks legend{
	color: #bf3b2c;
	font-size: 12px;
}
.adminLinks li a{
	padding-right: 3px;
	padding-left: 3px;
	margin-top: 15px;
	color:#3366FF;
	text-decoration: none;
}
.adminLinks li a:hover{
	color:#0099FF;
}

img.icon {
	border: 0px;
	margin-right: 5px;
	padding-right: 5px;
}

input.submitButton {
	margin-top: 15px;
}

/*-------Visitor Options---------*/

ul.visitorOptions {
	text-align:right;
	list-style-image: none;
	list-style-type: none;
}

.visitorOptions li {
	margin-top: 5px;
}

.visitorOptions li a{
	padding-right: 3px;
	padding-left: 3px;
	margin-top: 15px;
	color:#3366FF;
	text-decoration:none;
}
.visitorOptions li a:hover{
	color:#0099FF;
}

/*-------Breadcrumbs---------*/
.breadCrumbs {
	margin-top:15px;
	color:#3366FF;
}

.breadCrumbs a {
	font-weight: normal;
	color:#3366FF;
	text-decoration : none;
	font-size:12px;
}
.breadCrumbs a:hover {
	color:#0099FF;
}

/*-------Form Fields---------*/
.fieldName {
	margin-top: 15px;
	margin-bottom: 3px;
	font-weight:bolder;
	color:gray;
}

.formError {
	color:#FF0000;
}


/*------- Quick Links ---------*/
.mainPage {
	width: 680px;
	margin-left: -100px;
	position:relative;
	margin-top: 10px;
	margin-bottom: 10px;
}


.mainpage p {
	width: 600px;
}


.mainPage p img {
	margin-top: 0px;
	position:relative;
	margin-bottom: 0px;
	text-align:center;
	margin-left: -10px;
}


*html .mainPage p img {
	position:relative;
	margin-bottom: 15px;
	margin-left: -10px;
}

img.indexLinkIcons {
	border:1px solid black; 
}

.careerOpps {
float:left;
margin-left: 47px;
}


h3.indexTitle {
	font-family: verdana, arial, san-serif;
	color: #bf3b2c;
	font-size: 130%;
	text-align: left; 
	vertical-align:middle;
	padding-left: 0px;
	border-bottom: 1px solid silver;
	line-height:15px;
}

*html h3.indexTitle {
	line-height: 17px;
}

.quickLinks {
	float:left;
	width:190px;
	vertical-align:middle;
}

a img {
	border:none;
}

.news {
	float:right;
	width: 200px;	
}

ul.quickLinks {
	margin-top: 10px;
	list-style-image: none;
	list-style-type: none;
	margin-left: -40px;
}

.quickLinks li {
	margin-bottom: 8px;
	border-bottom: 1px dotted silver;
}
	

li a.indexIcons {
	text-align:center;
	font-weight: bolder;
	font-size: 12px;
	color: #474747;
	text-decoration : none;
}

li a.indexIcons:hover {
	color: #7A7A7A;
}

.indexIcons img {
	margin-right:10px;
}

*html ul.quickLinks {
	margin-left: 0px;
}
/*------- Redirect ---------*/
ul.redirects li a{
	color:#3366FF;
	text-decoration:none;
}

ul.redirects li a:hover{
	color:#0099FF;
}

.archivedNews {
	background-image: url(../images/archived_bg.gif);
}


/*-------Search Field---------*/
.search {
	text-align: right;
	margin-right: 20px;
	margin-top: -33px;
	padding-bottom:0px;
	margin-bottom: 29px;
}

*html .search{
	padding-bottom:0px;
	margin-top:-49px;
}

input.searchButton {
	background:none;
	border: none;
	color: gray;
	font-size: 11px;
	border: 1px solid gray;
	margin-left: 1px;
}
input.searchButton:hover {
	color: silver;
}
input.searchField {
	font-size:11px;
	color: gray;
	border: 1px solid gray;
	width: 81px;
}


/*------- Search Results ---------*/
.searchResults {
	margin-bottom:15px;
	border-bottom: 1px dotted silver;
}

.searchResults p {
	margin:0px;
}

p.searchTitle a {
	color:#3366FF;
	font-size: 15px;
}

p.searchTitle a:hover {
	color:#0099FF;
}


p.searchBody {
	
}

p.searchLink {
	color: #009933;
}

p.resultNum {
	font-weight: bolder;
	text-align: right;
}


/*------- Site Map ---------*/
.mapTopLevel {
	list-style:none;
	margin-left:-40px;
}

.mapTopLevel li{
	margin-bottom: 0px;
}

.mapTopLevel a.topLevel{
	font-weight: bold;
	color:#3366FF;
	text-decoration : none;
	font-size:13px;
}

.mapTopLevel a.topLevel:hover {
	color:#0099FF;
}

*html .mapTopLevel {
	margin-left:0px;
}

.mapSecondLevel {
	list-style:none;
	margin-left:-20px;
	margin-bottom: 20px;
}

*html .mapSecondLevel {
	margin-left:20px;
}

.mapSecondLevel li{
	margin:0px;
}

.mapSecondLevel a.secondLevel{
	color:#3366FF;
	text-decoration : none;
	font-size:13px;
}

.mapSecondLevel a.secondLevel:hover {
	color:#0099FF;
}


.mapThirdLevel {
	list-style:none;
	margin-left:-20px;
}

*html .mapThirdLevel {
	margin-left:20px;
}

.mapThirdLevel li{
	margin:0px;
}

.mapThirdLevel a.thirdLevel{
	color:#3366FF;
	text-decoration : none;
	font-size:11px;
}

.mapThirdLevel a.thirdLevel:hover {
	color:#0099FF;
}


/*------- MENU---------*/
.mainNav {
	width: 772px;
}

#info {position:relative;}
p.bold {padding-left:15px; color:#c00;}
a.linkup {position:relative;}
a.buttonup {position:absolute; top:200px; left:650px; border:0;}
a.buttonup img {border:0;}
.gleft {float:left; margin:25px 0 10px 0;}
.gright {float:right; margin:25px 5px 10px 0;}
.grc {margin:20px 0 0 10px;}


/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.menu {width:765px; height:28px; font-size:0.85em; position:relative; z-index:100;border-right:1px solid silver;
	margin-left: 10px;
	margin-top: -5px;
}
/* hack to correct IE5.5 faulty box model */
* html .menu {
	margin-left: -30px;
	width:766px; 
	w\idth:777px;
	mar\gin-left: -7px;
	mar\gin-top: -5px;
	b\order-right:1px solid gray;
}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:149px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:127px;position:relative;}

/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:12px;text-decoration:none; font-weight:bold; color:#666666; width:115px; height:26px; border:1px solid gray; border-width:1px 0 1px 1px; background-image: url(../images/nav3.gif); background-repeat:repeat-x; padding-left:6px; padding-right: 6px; line-height:26px;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:115px; w\idth:115px; padding-right: 7px; padding-left: 6px; b\order:1px solid gray; b\order-width:1px 0 1px 1px;}

.menu a.currentTopNav{color:#666666; background:#EEEEEE;}
*html .menu a.currentTopNav, * html .menu a.currentTopNav:visited {color:#666666; background:#EEEEEE; }


/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#FFFFFF url(../images/icons/drop.gif) bottom right no-repeat;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#666666 url(../images/icons/drop.gif) bottom right no-repeat;}
.menu ul ul :hover > a.drop {background:#666666 url(../images/icons/drop.gif) bottom right no-repeat;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#FFFFFF;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#666666;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:27px;left:0; width:149px;border-top:1px solid gray;}
/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:27px;}

/* position the third level flyout menu */
.menu ul ul ul{left:149px; top:-1px; width:149px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-149px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited { font-weight:normal; font-size:11px;background:#FFFFFF; /*background-image: url(../images/nav-hor.gif); background-repeat:repeat-y;*/ color:#000; height:auto; line-height:1em; padding:5px 10px; width:128px;border-width:0 1px 1px 1px;}
*html .menu ul ul a, .menu ul ul a:visited {
	background-image: none;
	background-color:#FFFFFF;
}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#fff; background:#666666;}
.menu :hover > a, .menu ul ul :hover > a {color:#fff;background:#666666;}

.menu a.currentTopNav:hover, .menu ul ul a.currentTopNav:hover{color:#fff; background:#666666;}
*html .menu a.currentTopNav:hover, *html .menu ul ul a.currentTopNav:hover{color:#fff; background:#666666;}
/*.menu :hover > a.currentTopNav, .menu ul ul :hover > a.currentTopNav {color:#fff;background:#666666;}*/

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}