/* FILE: a_menu_dropdown.css   */

/*   line 1, 2, 3  (body1-dec09) */
body1 { margin:20px; font-size:11px; font-family: Verdana, Arial, Helvetica, sans-serif; background: #eee; }
ul.menu { list-style: none; margin: 0; padding: 0; }
ul.menu * { margin: 0; padding: 0; }

/* line 4.   */
ul.menu a { display:block; color:#000; text-decoration:none; }

/* line 5. menulink (Home, About Us, Resources, Contact Us buttons), menulink1 (HPD, TM, ATD buttons)- all buttons (7) - the space between the buttons: margin-right:0px  */
ul.menu li { position: relative; float: left; margin-right:0px; }

/* line 6: all sub-positions(=20px) on the button (HPD): sub menu(with arrow), Tematic Maps button (TM): sub1 menu(without arrow), sub menu(with arrow): position, top(top: 20px;).  (.875em)  */
ul.menu ul { position: absolute; top: 20px; left:0; background: #d1d1d1; display: none; opacity:0; list-style:none; }

/* line 7: HPD: sub menu(with arrow), topline menu (without arrow); TM: sub1 menu(without arrow), sub menu(with arrow), topline menu (without arrow); position, border, width. (.875em)  */
ul.menu ul li {position:relative; border: 1px solid #aaa; width:188px; margin: 0; }

/* lines 8, 9: HPD: sub menu(with arrow), topline menu (without arrow); TM: sub1 menu(without arrow), sub menu(with arrow), topline menu (without arrow); background-color:#d1d1d1(off), background-color:#c5c5c5(on)  */
/* padding:3px 4px 2px;(correct size of sub-positions), [3-7-5(px)-height is big]  */
ul.menu ul li a { display:block; padding:3px 4px 2px; background-color:#d1d1d1; }
ul.menu ul li a:hover { background-color:#c5c5c5; }

/*  line 10: HPD and TM buttons - width of the: sub menu(with arrow), sub1 menu(without arrow), topline menu (without arrow).  (height:16px;)  */
ul.menu ul ul { left:188px; top:-1px; }

/*  line 11b (12b). Home button-OFF and ON: border, font-size:.875em, background(image), width. padding-bottom:4px(OK)-padding-bottom:6px(shows img bottom-line) */
ul.menu .menulink2 { border:0px solid #aaa; text-align:center; font-size:11px; font-weight:normal; background: url('a_images/btn_77_25off.gif'); width:67px; height:18px; padding-top:3px; padding-right:5px; padding-bottom:4px; padding-left:5px;}
ul.menu .menulink2:hover  { border:0px solid #aaa; text-align:center; font-size:11px; font-weight:normal; background: url('a_images/btn_77_25on.gif'); width:67px; height:18px; padding-top:3px; padding-right:5px; padding-bottom:4px; padding-left:5px;}

/*  line 11a (12a). About Us, Resources, Contact Us buttons (3) - OFF and ON: border, font-size:.875em, background(image), width. padding-bottom:4px(OK)-padding-bottom:6px(shows img bottom-line) */
ul.menu .menulink { border:0px solid #aaa; text-align:center; font-size:11px; font-weight:normal; background: url('a_images/btn_111_25on.gif'); width:101px; height:18px; padding-top:3px; padding-right:5px; padding-bottom:4px; padding-left:5px;}
ul.menu .menulink:hover  { border:0px solid #aaa; text-align:center; font-size:11px; font-weight:normal; background: url('a_images/btn_111_25off.gif'); width:101px; height:18px; padding-top:3px; padding-right:5px; padding-bottom:4px; padding-left:5px;}
ul.menu .menulinksel  { border:0px solid #aaa; text-align:center; font-size:11px; font-weight:normal; background: url('a_images/btn_111_25off.gif'); width:101px; height:18px; padding-top:3px; padding-right:5px; padding-bottom:4px; padding-left:5px;}


/*  line 11 (12).  menulink1 - HPD, TM, ATD buttons (3) - OFF and ON: border, font-size:.875em, background(image), width. padding-bottom:4px(OK)-padding-bottom:6px(show img bottom=line) */
ul.menu .menulink1 { border:0px solid #aaa; text-align:center; font-size:11px; font-weight:normal; background: url('a_images/btn_190_25on.gif'); width:180px; height:18px; padding-top:3px; padding-right:5px; padding-bottom:4px; padding-left:5px;}
ul.menu .menulink1:hover { border:0px solid #aaa; text-align:center; font-size:11px; font-weight:normal; background: url('a_images/btn_190_25off.gif'); width:180px; height:18px; padding-top:3px; padding-right:5px; padding-bottom:4px; padding-left:5px;}
ul.menu .menulink1sel { border:0px solid #aaa; text-align:center; font-size:11px; font-weight:normal; background: url('a_images/btn_190_25off.gif'); width:180px; height:18px; padding-top:3px; padding-right:5px; padding-bottom:4px; padding-left:5px;}


/*  line 13a TM button - sub1 menu(without arrow): background (width), font-size: .875em.  (height:14px;) */
ul.menu .sub1 {background:#d1d1d1 188px no-repeat; font-size: .875em; }    /*     */
/* padding:(left right bottom top) padding-top:2px(6px)     */
ul.menu .sub1nolink {  display:block; padding-top:3px; padding-bottom:3px; background-color:#dcdcdc; }
ul.menu .sub1nolinkR {  display:block; padding-top:3px; padding-bottom:3px; background-color:#c5c5c5; }

/*  line 13 (14). HPD button-sub menu(with arrow), TM button-sub menu(with arrow): background (width), font-size: .875em. (height:14px;)  */
ul.menu .sub {background:#d1d1d1 url('a_images/arrow.gif') 182px 6px no-repeat; font-size: .875em; }

/* line 14. HPD and TM buttons - topline menu (without arrow): border, font-size: .875em. (height:14px;)   */
ul.menu .topline { border-top:1px solid #aaa; font-size: .875em; }

a.ddmenu:link { color: #000000; text-decoration:none; }
a.ddmenu:visited { color: #000000; text-decoration:none; }
a.ddmenu:hover { color: #000000; text-decoration:none; }
a.ddmenu:active { color: #000000; text-decoration:none;  }

ul.menu .colorTitleNavyB { color:#000080; font-size: .875em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold;  }
ul.menu .colorTitleNavy { color:#b22222; font-size: .875em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:normal;  }
ul.menu .colorTitleBlueB { color:blue; font-size: .875em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold;  }
ul.menu .colorTitleBlue { color:blue; font-size: .875em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:normal;  }
ul.menu .colorWhite { color:#ffffff; font-size: .875em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:normal;  }
ul.menu .colorBlackB { color:#000000; font-size: .875em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold;  }
ul.menu .colorBlack { color:#000000; font-size: .875em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:normal;  }