/* tested PC: IE6, Firefox, Netscape, Mac: Safari, Firefox, IE */
#topnanv{margin: 0; padding: 0; clear: both;} /* float: left; */
#courtesylinks{margin: 0; padding: 0;}
#gnav{clear: right;}  /* everything next to the blue buttons */
#indicator{clear: both; height: 20px; background-image: url(bg/indicatordefault.gif); border-bottom: 1px solid #6A6B6F;  margin: 0; padding: 0;}
.find #indicator{background-image: url(bg/indicatorfind.gif);}
.hchome #indicator{background-image: url(bg/indicatorfind.gif);}
.db #indicator{background-image: url(bg/indicatordb.gif);}
.sv #indicator{background-image: url(bg/indicatorsv.gif);}
.howdoi #indicator{background-image: url(bg/indicatorhowdoi.gif);}
.info #indicator{background-image: url(bg/indicatorinfo.gif);}
.find #indicator,.db #indicator,.sv #indicator,.howdoi #indicator,.info #indicator, #indicator{background-repeat: no-repeat; background-position: 0 0;}
.front #indicator{background-image: url(bg/indicatorhome.gif); background-repeat: no-repeat; background-position: 0 0; height: 20px; margin: 0; padding: 0;}

#gnav ul{display: block; list-style: none; margin: 0; padding: 0;}
#gnav ul{width:617px;} /* for firefox onload wrapping problem */
.front #gnav ul{width:620px;} /* home page for firefox onload wrapping problem */
#gnav ul li{float: left; margin: 0; padding: 0;}
#gnav ul li a.area{text-decoration: none;} 
#gnav ul li a.area{display: block; height: 17px; margin: 0; padding: 5px 0 0 10px;  border-top: 1px solid #FFFFFF; border-right: 1px solid #535257;}
#gnav ul li#find a.area{background-color: #00497C;  width: 114px;}

 /* first lines up the items vertically, second is width of submenu */
#gnav ul li#find ul, #gnav ul li#find ul li{width: 124px;}
#gnav ul li#db a.area{background-color: #66737B; width: 113px;}
#gnav ul li#db ul, #gnav ul li#db ul li{width: 123px;} /* line up the items vertically */
#gnav ul li#sv a.area{background-color: #3B7BA9; width: 112px;}
#gnav ul li#sv ul, #gnav ul li#sv ul li{width: 122px;} /* line up the items vertically */
#gnav ul li#howdo a.area{background-color: #00497C; width: 111px;}
#gnav ul li#howdo ul, #gnav ul li#howdo ul li{width: 121px;} /* line up the items vertically */
#gnav ul li#inf a.area{background-color: #66747D; width: 112px;}
#gnav ul li#inf ul, #gnav ul li#inf ul li{width: 122px;} /* line up the items vertically */
#gnav ul li a:hover{text-decoration: underline;}
/* hide the sub menu */
#gnav li ul{display: block; position: absolute; left: -999em; height: auto; margin: 0; padding: 0;} 
/* ^^^^^^^^^^^^^^^^^^^^ the action ^^^^^^^^^^^^^^^^^^^^^^ */
#gnav li:hover ul ul{left: -999em;}
#gnav li.subhover li ul ul{left: -999em;}

/* when mouse is over menu, show the sub menu */
#gnav li:hover ul, #gnav li li:hover ul{display: block;position: absolute; left: auto;}
#gnav li.subhover ul, #gnav li li.subhover ul{display: block; position: absolute; left: auto;}

/* If sub menu shows - it looks like this */
#gnav ul li ul li{margin: 0;}
#gnav ul li ul{background: #E4E4EA; margin: 1px 0 0 0; padding: 0;} /* need background color */
/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */
#gnav ul li li a{display: block; font-weight: normal; text-decoration: none; font-size: 70%; color: #656565; border-right: 1px solid #C4C4C2; border-bottom: 1px solid #C4C4C2; border-left: 1px solid #C4C4C2; background: #EEEEEE; color: #000; margin: 0; padding: 5px 3px;} 

/* over states for submenu items */
#gnav ul li li a:hover{background-color: #D4D4DB; text-decoration: none;}
/* toggle classes for find menu */
/*
.front #gnav ul#findnav.open{display:block;position:absolute;left:auto;}
.front #gnav ul#findnav.closed{display: display: none; position: absolute; left: -999em; height: auto; margin: 0; padding: 0;} */

#courtesylinks{font-size: 78%;}
#courtesylinks a{text-decoration: none;}
#courtesylinks a:hover{text-decoration: underline;}
#courtesylinks a:hover{background:#6AA2CB;} /* temporary hover color */
#courtesylinks {margin: 0; padding: 0; border-top: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF;}
#courtesylinks div{border-bottom: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF;margin: 0; padding: 0; width: 141px;}
#courtesylinks div a{display: block; background:#569CCD; color: #0F0D18; border-right: 1px solid #6A6B6F; border-bottom: 1px solid #6A6B6F; height: 15px; margin: 0; padding: 5px 14px 0 14px;} 


/* Hack -- fix peekaboobug on Mac IE */
/* http://stopdesign.com/examples/ie5mac-bpf/  IE bandpass filter Mac */
 /*\*//*/
#gnav ul{width: 675px; line-height: 1.2;}
#indicator{display: none;}
.front #gnav ul#findnav{display:none;}

/* home page */
.front #courtesylinks div{width: 138px;}
.front #gnav ul li a.area{margin: 0; padding: 0; border-top: none; border-right: none; height: 44px;}
.front #gnav ul li#find a.area{width: 139px;}
.front #gnav ul li#sv a.area{width: 120px;} /* button */
.front #gnav ul li#sv ul, .front #gnav ul li#sv ul li{width: 119px;} /* menu */
.front #gnav ul li#howdo a.area{width: 119px;} /* button */
.front #gnav ul li#howdo ul, .front #gnav ul li#howdo ul li{width: 118px;} /* menu */
/* three of the buttons are 121 px */
.front #gnav ul li#db a.area{width: 121px;} /* button */
.front #gnav ul li#inf a.area{width: 120px;} /* button */
.front #gnav ul li#inf ul{width: 120px;} /* menu line up items vertically */
.front #gnav ul li#inf ul li{width: 119px;} /* menu item widths */

/* remove this line .front #gnav ul li#db ul li{width: 125px;} */
.front #gnav ul li ul{background: #555;}
.front #gnav ul li li a{font-family: Helvetica, Geneva, Arial, Verdana, sans-serif; font-weight: bold; background: #7C7C7C; color: #F0F0F0; text-decoration: none; border-right: none; border-bottom: none; border-right: none;  margin: 0; padding: 3px 5px 3px 5px;}
.front #gnav ul li li a:hover{background: #555; text-decoration: none;} 
.front #gnav ul li#db li a{padding: 3px 3px 3px 3px;} /* cut padding for IE wrap of E-Research link */
/* end of css file */