body { margin: 0; padding: 0; background:url(/_images/global/bg_body.gif) repeat-y; font-family: arial, verdana, helvetica, sans-serif; font-size: 14px; line-height: 18px; color:#777; } /* this maintains a 10px left margin on the whole site, while allowing lightbox to work okay. */ body #wrapper { margin: 0 0 0 10px; width: 800px; } h1 { margin: 6px 10px 10px 0; padding:0 0 10px 0; font-size: 24px; line-height: 26px; color:#88aa00; font-weight: normal; border-bottom: 1px #eee solid; } h2 { margin: 20px 0 10px 0; padding:0; font-size: 16px; line-height: 22px; color:#3399cc; font-weight: bold; } h3 { margin: 18px 0 5px 0; padding:0 0 5px 0; font-size: 14px; line-height: 18px; color:#3399cc; border-bottom: 1px #99ccff solid; } h3 a { margin: 18px 0 5px 0; padding:0 0 5px 0; font-size: 14px; line-height: 18px; color:#3399cc; text-decoration: none; } h3 a:hover { margin: 18px 0 5px 0; padding:0 0 5px 0; font-size: 14px; line-height: 18px; color:#000; text-decoration: underline; } h4 { margin: 0 0 0 0; padding:12px 0 6px 0; font-size: 11px; line-height: 12px; color:#3399cc; font-weight: normal; } p { margin: 0 0 12px 0; padding:0; font-size: 14px; line-height: 18px; color:#222; } p a { font-size: 14px; color: #007CC2; } a, li a, ol a { font-size: 12px; color: #666; text-decoration: underline} a:hover, li a:hover,ol a:hover{ font-size: 14px; color: #000; text-decoration: none;} ul, ol{ font-size: 12px; line-height: 18px; margin: 12px 0 24px 24px; padding: 0;} ul li, ol li{ line-height: 14px;} ol{ list-style-type: decimal; margin-left: 24px;} li{ margin:0 0 6px 0; font-size: 14px; line-height: 14px; color: #000;} .link { font-size: 12px; color: #999; } .link a, .link a:hover{ font-size: 12px; color: #000;} address { font-size: 14px; color: #999; padding: 10px 0 0 30px;} .note { font-size: 10px; color: #999;} .tree0 { font-size: 13px; color: #1285C9;text-decoration:none} .tree0 a { font-size: 13px; color: #1285C9;text-decoration:underline} .tree0 a:hover { font-size: 13px; color: #1285C9;text-decoration:none} .tree1 { font-size: 11px; color: #666666;text-decoration:none} .tree1 a { font-size: 11px; color: #666666;text-decoration:underline} .tree1 a:hover { font-size: 11px; color: #666666;text-decoration:none} .tree2 { font-size: 11px; color: #999999;text-decoration:none} .tree2 a { font-size: 11px; color: #999999;text-decoration:underline} .tree2 a:hover { font-size: 11px; color: #999999;text-decoration:none} img { border-style:none; border:0;} img a { border-style:none; border:0;} hr { border: 0; border-bottom: 1px #CCC solid; margin: 0 10px 0 0;} :focus { outline: 0;} /* ----------------------------------- */ /* -------------- FOUNDATION- -------- */ /* ----------------------------------- */ #header { margin: 6px 0 5px 0;} #leftcolumn { width: 180px; min-height: 600px;} #middlecolumn { width: 357px; float: left; padding: 0 10px 50px 10px;} #bigmidcolumn { width: 507px; float: left; padding: 0 10px 50px 10px; clear:both;} #headerimage { width: 500px; float: left; padding: 0 1px 10px 10px;} #rightcolumn { width: 180px; float: left;} #footer { width: 757px; border-top: 1px #CCC solid;} #tablewrap { margin: 6px 0 5px 0; clear:both} /* ----------------------------------- */ /* -------------- HEADER ------------- */ /* ----------------------------------- */ #header h1 { width:364px; height:47px; text-indent:-10000px; margin:0 0 35px 0; padding:0; border: 0;} #header h1 a { width:364px; height:47px; background:url(/_images/global/logo_nadp.gif) no-repeat; float:left; } #header ul { width:757px; float:left; padding: 0; margin:0 0 5px 0; list-style-type:none; white-space:nowrap; border-bottom: 1px #8CD2ED solid;} #header li { float: left; padding: 0; margin: 0; display: inline; } #header a { color: #fff; font-size: 11px; text-decoration: none; } #header li a { height: 18px; border-right: 1px solid #fff; float:left; padding: 3px 3px 0 4px; text-align:center; } #header li.menuitem1 {background:url(/_images/global/menu/tab_about.gif) no-repeat left top;} #header li a.tab1 {background:url(/_images/global/menu/tab_about.gif) no-repeat left top; width:68px;} #header li a.tab1:hover {background-position: -75px 0;} #header li.active a.tab1 {background-position: -75px 0;} #header li.menuitem2 {background:url(/_images/global/menu/tab_networks.gif) no-repeat left top;} #header li a.tab2 {background:url(/_images/global/menu/tab_networks.gif) no-repeat left top; width:54px;} #header li a.tab2:hover {background-position: -61px 0;} #header li.active a.tab2 {background-position: -61px 0;} #header li.menuitem3 {background:url(/_images/global/menu/tab_maps-data.gif) no-repeat left top;} #header li a.tab3 {background:url(/_images/global/menu/tab_maps-data.gif) no-repeat left top; width:70px;} #header li a.tab3:hover {background-position: -77px 0;} #header li.active a.tab3 {background-position: -77px 0;} #header li.menuitem4 {background:url(/_images/global/menu/tab_publications.gif) no-repeat left top;} #header li a.tab4 {background:url(/_images/global/menu/tab_publications.gif) no-repeat left top; width:65px;} #header li a.tab4:hover {background-position: -70px 0;} #header li.active a.tab4 {background-position: -70px 0;} #header li.menuitem5 {background:url(/_images/global/menu/tab_conf.gif) no-repeat left top;} #header li a.tab5 {background:url(/_images/global/menu/tab_conf.gif) no-repeat left top; width:68px;} #header li a.tab5:hover {background-position: -77px 0;} #header li.active a.tab5 {background-position: -77px 0;} #header li.menuitem6 {background:url(/_images/global/menu/tab_newIssues.gif) no-repeat left top;} #header li a.tab6 {background:url(/_images/global/menu/tab_newIssues.gif) no-repeat left top; width:70px;} #header li a.tab6:hover {background-position: -77px 0;} #header li.active a.tab6 {background-position: -77px 0;} #header li.menuitem7 {background:url(/_images/global/menu/tab_newIssues.gif) no-repeat left top;} #header li a.tab7 {background:url(/_images/global/menu/tab_newIssues.gif) no-repeat left top; width:70px;} #header li a.tab7:hover {background-position: -77px 0;} #header li.active a.tab7 {background-position: -77px 0;} #header li.menuitem8 {background:url(/_images/global/menu/tab_newIssues.gif) no-repeat left top;} #header li a.tab8 {background:url(/_images/global/menu/tab_newIssues.gif) no-repeat left top; width:70px;} #header li a.tab8:hover {background-position: -77px 0;} #header li.active a.tab8 {background-position: -77px 0;} /* header image is the long image on NTN/MDN/AIRMoN homepages */ #headerimage img { margin:0 0 6px 0; padding: 0 0 0 0px;} /* ---------------------------------------------------- */ /* ---------------------- SIDE MENU (vertical)--------- */ /* ---------------------------------------------------- */ #leftcolumn { width: 180px; border-top: 4px solid #abd0ed; padding:0; margin:0; font-size:11px; clear:both; float:left;} #leftcolumn ul { list-style: none; margin: 0; padding: 0;font-size: 12px; } #leftcolumn li { border-bottom:1px solid #fff; margin:0; padding:0; } #leftcolumn ul#menu li { background:url(/_images/global/menu/bg_nav_subs.gif) no-repeat; width:180px;} #leftcolumn ul#menu li a { display: block; padding: 5px 0 5px 0.8em; margin:0; color: #3399cc; text-decoration: none; width:170px; font-size: 12px;} #leftcolumn ul#menu li a:hover { background:url(/_images/global/menu/bg_nav_subs_hov.gif) no-repeat; color:#fff;} #leftcolumn ul#menu li#active { background:url(/_images/global/menu/bg_nav_subs_hov.gif) no-repeat; color:#fff;} #leftcolumn ul#menu li#active:hover { background:url(/_images/global/menu/bg_nav_subs_hov.gif) no-repeat; color:#fff;} #leftcolumn ul#menu li#activearrow { background:url(/_images/global/menu/bg_nav_subs_open.gif) no-repeat; color:#fff;} #leftcolumn ul#menu li#activearrow:hover { background:url(/_images/global/menu/bg_nav_subs_open.gif) no-repeat; color:#fff;} #leftcolumn ul#menu li#activearrow a { color:#fff;} #leftcolumn ul#menu li#activearrow:hover a { color:#666;} #leftcolumn ul#menu li#active a { color:#fff;} #leftcolumn ul#menu li#activearrow a { color:#fff;} #leftcolumn ul#menu ul#submenu a { color:#666;} #leftcolumn ul#submenu a { color:#999; } #leftcolumn ul#submenu li a { background-color: #eee; color:#999; display: block; margin: 0 0 0 10px; width:160px; } #leftcolumn ul#submenu li a:hover { background-color: #c5d96c; color:#666; background-image: none; } #leftcolumn ul#submenu li#subactive a { background-color: #c5d96c; color:#FFF;} #leftcolumn ul#submenu li#subactive a:hover { background-color: #c5d96c; color:#FFF; background-image: none; } #leftcolumn ul ul { display: none;} #leftcolumn ul ul#submenu { display: block; width:170px;} /* ---------------------------------------------------- */ /* ---------------------- Right Column--------- */ /* ---------------------------------------------------- */ #rightcolumn a, li a, ol a {font-size: 12px; color: #666; text-decoration: underline;} #rightcolumn a:hover, li a:hover,ol a:hover {font-size: 12px; color: #000; text-decoration: none;} #rightcolumn h3 {margin:0 0 0 10px; padding:10px 0 0 0; font:12px arial, helvetica, sans-serif; color:#555; line-height:13px;} #rightcolumn ul { list-style-image: url(/_images/global/rightmodule_arrow.gif); margin: 10px 10px 20px 25px; padding: 0; font-size: 12px; color: #666;} #rightcolumn li { margin: 0 0 10px 0; padding: 0; color: #666; line-height: 13px;} #rightcolumn li a { color: #007CC2; text-decoration: underline;} #rightcolumn li a:hover { text-decoration: none;} /* ---------------------------------------------------- */ /* ---------------------- Middle Column--------- */ /* ---------------------------------------------------- */ #middlecolumn a, li a, ol a {font-size: 14px; color: #666; text-decoration: underline;} #middlecolumn a:hover, li a:hover,ol a:hover {font-size: 14px; color: #000; text-decoration: none;} #middlecolumn ul { margin: 10px 10px 20px 25px; padding: 0; font-size: 14px; color: #666;} #middlecolumn li { margin: 0 0 10px 0; padding: 0; color: #000; line-height: 16px;} #middlecolumn li a { color: #007CC2; text-decoration: underline;} #middlecolumn li a:hover { text-decoration: none;} #middlecolumn p { margin: 0 0 12px 0; padding:0; font-size: 14px; line-height: 18px; color:#222; } .date2 {height:15px; width:180px; margin:0; font:11px arial, helvetica, sans-serif; color:#aaa; border:0px solid #ff0000; clear:both;} .date1 {height:15px; width:180px; margin:0; font:11px arial, helvetica, sans-serif; color:#aaa; border:0px solid #ff0000; clear:both;} .date2 {top:410px;} /* --------------------------------------- */ /* -------------- QUICKLINKS-------------- */ /* --------------------------------------- */ #quicklinks { clear:both; position:absolute; left:555px; top:0; font-size:9px; color:#ccc;} #quicklinks ul { text-align: right; padding:0; margin:7px 0 9px 0; } #quicklinks li { display:inline; list-style-type:none;} /* #quicklinks li: a { border-right:solid 0px #ccc; color:#3399cc;} */ #quicklinks li a { border-right:solid 1px #ccc; color:#3399cc; padding: 0 4px 0 6px; font-size: 9px; text-decoration: none;} #quicklinks li a.no { color:#3399cc;} #quicklinks li a:hover { color:#007CC2; text-decoration: underline;} #quicklinks li a:active { color:#007CC2;} /* ----------------------------------- */ /* -------------- SEARCH-------------- */ /* ----------------------------------- */ #search input { color: #fff; color:#555; font-size:11px;} #search #label { float: left; margin: 0 5px 0 0;} #search input.submit { height:14px; border:1px solid #ccc; float: left; margin: 0 5px 0 0;} #search input.textfield { height:18px; width:25px; float: left; background: url(/_images/global/go.gif) no-repeat;} /* ----------------------------------- */ /* -------------- COOP-------------- */ /* ----------------------------------- */ #coop {margin: 0 15px 0 15px; width:350px; border: 1px;} /* ----------------------------------- */ /* -------------- FOOTER-------------- */ /* ----------------------------------- */ #footer { height:34px; clear:both; color:#333; font-size: 11px; padding: 5px 0 0 0;} #footer p { font-size: 11px; color: #999;} #footer a { margin:0 0 0 1px; color:#3399cc; font-size: 11px;} #footer a:hover { text-decoration:none;} /* ----------------------------------- */ /* -------------- AJAX -------------- */ /* ----------------------------------- */ /* AJAX H3 MODULE */ #ajaxmodule { background-color: #F6F6F6;} #ajaxmodule h3 { background-color: #DDD; color: #3399cc; padding: 5px; margin: 10px 0 10px 0;} #ajaxmodule h3 .ajax_notifier { font-size: 9px; color:#666; font-weight: normal;} #ajaxmodule hr { margin: 0;} #ajaxmodule ul { padding-right: 10px; margin-bottom: 0; margin-top: 0;} #ajaxmodule p.trigger { text-align: right; margin: 5px 0; padding: 0;} #ajaxmodule a.ajaxtrigger { font-size: 10px; color: #666; text-align: right; margin: 0 5px 10px 0; text-decoration: underline;} #ajaxmodule a.ajaxtrigger:hover { font-size: 10px; color: #000; text-decoration: underline;} img.ajaxarrow { border: none; text-decoration: none; margin: 0 5px 0 0;} /* ---------------------------------------------- */ /* -------------- SECTION SPECIALS -------------- */ /* ---------------------------------------------- */ /* GLOBAL SPECIAL FAUX BACKGROUND */ /* #faux_background { float: left; background: url(/_images/global/faux_background.gif) repeat-y;} */ #subheader h1 { width:364px; height:47px; text-indent:-10000px; margin:0 0 35px 0; padding:0; border: 0;} #subheader h1 a { width:364px; height:47px; background:url(/_images/global/logo_nadp.gif) no-repeat; float:left; } #subheader ul { width:757px; float:left; padding: 0; margin:0 0 5px 0; list-style-type:none; white-space:nowrap; border-bottom: 1px #8CD2ED solid; clear:both;} #subheader li { float: left; padding: 0; margin: 0; display: inline; } #subheader a { color: #fff; font-size: 11px; text-decoration: none; } #subheader li a { height: 18px; border-right: 1px solid #fff; float:left; padding: 3px 3px 0 4px; text-align:center; } #subheader li.menuitem1 {background:url(/_images/global/menu/tab_about.gif) no-repeat left top;} #subheader li a.tab1 {background:url(/_images/global/menu/tab_about.gif) no-repeat left top; width:68px;} #subheader li a.tab1:hover {background-position: -75px 0;} #subheader li.active a.tab1 {background-position: -75px 0;} #subheader li.menuitem2 {background:url(/_images/global/menu/tab_networks.gif) no-repeat left top;} #subheader li a.tab2 {background:url(/_images/global/menu/tab_networks.gif) no-repeat left top; width:54px;} #subheader li a.tab2:hover {background-position: -61px 0;} #subheader li.active a.tab2 {background-position: -61px 0;} #subheader li.menuitem3 {background:url(/_images/global/menu/tab_maps-data.gif) no-repeat left top;} #subheader li a.tab3 {background:url(/_images/global/menu/tab_maps-data.gif) no-repeat left top; width:70px;} #subheader li a.tab3:hover {background-position: -77px 0;} #subheader li.active a.tab3 {background-position: -77px 0;} #subheader li.menuitem4 {background:url(/_images/global/menu/tab_publications.gif) no-repeat left top;} #subheader li a.tab4 {background:url(/_images/global/menu/tab_publications.gif) no-repeat left top; width:65px;} #subheader li a.tab4:hover {background-position: -72px 0;} #subheader li.active a.tab4 {background-position: -72px 0;} #subheader li.menuitem5 {background:url(/_images/global/menu/tab_comm-meet.gif) no-repeat left top;} #subheader li a.tab5 {background:url(/_images/global/menu/tab_comm-meet.gif) no-repeat left top; width:127px;} #subheader li a.tab5:hover {background-position: -134px 0;} #subheader li.active a.tab5 {background-position: -134px 0;} #subheader li.menuitem6 {background:url(/_images/global/menu/tab_networks.gif) no-repeat left top;} #subheader li a.tab6 {background:url(/_images/global/menu/tab_networks.gif) no-repeat left top; width:54px;} #subheader li a.tab6:hover {background-position: -61px 0;} #subheader li.active a.tab6 {background-position: -61px 0;} #subheader li.menuitem7 {background:url(/_images/global/menu/tab_newIssues.gif) no-repeat left top;} #subheader li a.tab7 {background:url(/_images/global/menu/tab_newIssues.gif) no-repeat left top; width:70px;} #subheader li a.tab7:hover {background-position: -77px 0;} #subheader li.active a.tab7 {background-position: -77px 0;} #subheader li.menuitem8 {background:url(/_images/global/menu/tab_newIssues.gif) no-repeat left top;} #subheader li a.tab8 {background:url(/_images/global/menu/tab_newIssues.gif) no-repeat left top; width:70px;} #subheader li a.tab8:hover {background-position: -77px 0;} #subheader li.active a.tab8 {background-position: -77px 0;}