body { margin: 0px; padding: 0px; background: #2B1912; font-size: 11px; font-family: Verdana; } /* ----- generic defaults ----- */ .clear { clear: both; overflow: hidden; height: 1px; } a { color: #718E9E; text-decoration: none; } a:hover { text-decoration: underline; color: #96B2C2;} p { } hr { background: #96B2C2; border-width: 0px; width: 100%; height: 1px; } hr.orange { background: #EF760F; border-width: 0px; width: 550px; height: 1px; clear: both; position: relative; left: -30px; } hr.shortorange { background: #EF760F; border-width: 0px; width: 100%; height: 1px; clear: both; position: relative; } /* ----- header ----- */ #header h1 { margin: 0px; padding: 0px; } #header h1 a { display: block; width: 201px; height: 53px; border: 0px; text-decoration: none; text-indent: -9999px; background: url(images/ug_logo.gif) no-repeat 0 3px; overflow: hidden; } /* ----- subheader ----- */ #subheader { background: url(images/bg_subhead.gif) repeat-x; height: 145px; margin: 0px; padding: 0px; } #subheader h2 { margin: 0px; padding: 0px; } #subheader h2 .rural { display: block; width: 201px; height: 145px; text-indent: -9999px; background: url(images/subhead_rural.gif) no-repeat; float: left; } #subheader h2 .wmc { display: block; width: 550px; height: 145px; text-indent: -9999px; background: url(images/subhead_wmc_1.jpg) no-repeat; margin-left: 201px; } /* ----- page structure ----- */ #main { background: #96B2C2; margin: 0px; padding: 0px; } /* ----- banners ----- */ #pagebottom { position: absolute; bottom: 0px; left: 0px; border-bottom: solid 1px #808080; padding-bottom:10px; } #banner { /*border-top: 1px solid #3D525E;*/ width: 550px; } #banner .b1 { margin-left:30px; } #pagebottom h4 { color: #720000; margin: 0px; font-weight: normal; font-size: 11px; padding: 0px 0px 0px 15px; background: url(images/bullet_whitebox.gif) no-repeat center left; } .relatedarchives { margin: 0px; padding: 10px 30px; background: #FEF8F3; border-bottom: 1px solid #EF760F; } #main .relatedarchives h4 { font-family: Georgia; font-size: 13px; } .relatedarchives ul { list-style-type: none; margin: 10px 0px 0px 0px; padding: 0px; } .relatedarchives ul li { display: block; width: 45%; margin: 0px 0px 0px 5px; padding: 0px; float: left; } .relatedarchives ul li a { padding-left: 10px; background: url(images/bullet_blue.gif) no-repeat center left; } /* ----- main page content ----- */ #main #content { width: 490px; margin-left: 201px; background: #FFFFFF; padding: 30px 30px 9em 30px; color: #635C55; position: relative; } #main #content h3 { margin: 0px; padding: 0px; } #main #content p { margin: 0px; padding: 0 0 1em; line-height: 1.2; } #main #content.cm p { margin: 0px; padding: 0px; line-height: 1.2; margin-right: 5px; } #main #content p strong { color: #3D525E; font-family: Georgia; font-size: 15px; font-weight: normal; } #main #content .feature { background: url(images/bg_dottedrule.gif) repeat-x bottom left; padding-bottom: 10px; } #main #content .feature p { line-height: 1.4; } #main #content a.bulleted { padding-left: 10px; background: url(images/bullet_blue.gif) no-repeat center left; text-decoration: underline; } #main #content p.bulleted { padding-left: 10px; background: url(images/bullet_blue.gif) no-repeat 0px 0.3em; } * html #main #content a.bulleted { position: relative; display: block; } /* ----- homepage subfeatures ----- */ #main #content .subfeatures { margin: 10px 0px; } #main #content .subfeatures .left { width: 490px; /*width: 290px; margin-right: 10px; */} #main #content .subfeatures .left h3 { color: #3D525E; font-family: Georgia; font-weight: normal; font-size: 17px; padding: 0px 0px 0px 15px; background: url(images/bullet_whitebox.gif) no-repeat center left; } #main #content .subfeatures a { text-decoration: underline; } #main #content .subfeatures .left ul { margin: 0px; padding: 0px; list-style-type: none; } #main #content .subfeatures .left ul li { padding: 0px 0px 0px 15px; margin: 3px 0px 5px 0px; background: url(images/bullet_smwhitebox.gif) no-repeat 5px 3px; } #main #content .subfeatures .right { float: right; width: 190px; position: relative; } #main #content .subfeatures .right h3 { color: #666666; font-family: Georgia; font-size: 18px; font-weight: normal; font-style: italic; } #main #content .subfeatures .right p { position: relative; z-index: 99; } #main #content .subfeatures .right a.readmore { background: url(images/bullet_blue.gif) no-repeat center left; padding-left: 10px; } #main #content .subfeatures .right .pic { border: 1px solid #720000; float: right; position: relative; right: -15px; z-index: 90; } #main #content .subfeatures .right .swoosh { width: 131px; height: 180px; position: absolute; top: -10px; right: -58px; background: url(images/bg_swoosh.gif) no-repeat; z-index: 1; } /* ------ links ----- */ .contact { width: 478px; padding: 3px; margin: 5px 0px; border: 0px solid #E6EFF5; } #main #content .internal ul.news li { background: none; position: relative; padding-left: 3px; } #main #content ul.news li span.date { font-size: 10px; background: none; position: absolute; right: 3px; top: 3px; width: 120px; text-align: right; } #main #content ul.news li span.item { display: block; width: 380px; background: none; padding: 3px 0px; } #main #content ul.news li span.item a { font-weight: bold; } #main #content .internal h3.news { font-size: 20px; width: 480px; background: url(images/bg_orange.gif) repeat-x 0px 0.9em; padding-bottom: -3px; clear: right; } #main #content ul.related li { padding-top: 3px; padding-bottom: 3px; } /* ----- banners above subfooter ----- */ #main #content .banners { background: #FEF8F3; border-top: 1px solid #EF760F; border-bottom: 1px solid #EF760F; position: absolute; left: 0px; bottom: 0px; width: 520px; padding-left: 30px; height: 80px; } #main #content .banners p.banner1 { display: block; width: 144px; height: 82px; background: url(images/banner_ezine.gif) no-repeat; float: left; position: relative; top: -1px; left: -1px; text-indent: -9999px; } #main #content .banners p.banner2 { display: block; width: 144px; height: 82px; background: url(images/banner_whereareyou.gif) no-repeat; float: left; position: relative; top: -1px; left: -1px; text-indent: -9999px; border-right: 1px solid #720000; margin-right: 10px; } #main #content .banners p.banner3 { padding: 10px 5px 10px 0px; margin-left: 289px; } #main #content .banners p.banner3 a { background: url(images/bullet_blue.gif) no-repeat center left; padding-left: 10px; text-decoration: underline; } /* ----- navigation ----- */ #main #sidenav { width: 201px; float: left; padding: 0px 0px; position: relative; } #main #sidenav ol { margin: 0px; padding: 0px; list-style-type: none; position: relative; } #main #sidenav ol li { position: relative; } #main #sidenav ol li a { display: block; color: #2B1912; text-decoration: none; width: 181px; border-bottom: 1px solid #C0D5E0; text-align: right; padding: 3px 10px 5px 10px; } #main #sidenav ol li a:hover, #main #sidenav ol li.current a {color: #FFF;} #main #sidenav ol li.current li a {color: #2B1912;} #main #sidenav ol li.current li a:hover, #main #sidenav ol li.current li#active a {color: #FFF;} #main #sidenav ol li.current li#active li a {color: #3D525E;} #main #sidenav ol li.current li#active li a:hover, #main #sidenav ol li.current li#active li.active a {color: #FFF;} #main #sidenav ol li ol li a {border-bottom: 1px solid #3D525E;} #main #sidenav .highlight { background: #96B2C2 url(images/bg_navtop.gif) no-repeat 0px 0px; padding: 7px 8px 9px 8px; margin: 0px 0px 0px 0px; border-right: 1px solid #96B2C2; border-left: 1px solid #96B2C2; } #main #sidenav .highlight .highlightbox { border: 1px solid #96B2C2; background: #D3DFE5; padding: 1px; color: #666666; font-size: 10px; } #main #sidenav .highlight .highlightbox form { background: #D3DFE5; margin: 0; padding: 0;} #main #sidenav .highlight .highlightbox h3 { color: #2B1912; font-family: Georgia; font-size: 15px; font-weight: normal; margin: 0 0 0 6px; padding: 0px 0px 0px 15px; background: url(images/bullet_whitebox.gif) no-repeat center left; } #main #sidenav .highlight .highlightbox p { margin: 0 5px; padding: 3px 0 5px; } #main #sidenav .highlight .highlightbox p input { width: 148px; margin: 0 0 3px 15px;} #main #sidenav .highlight .highlightbox p button { display: block; width: 167px; height: 20px; margin: -12px 0 0; padding: 0; background: url(images/button-search-rl.gif) no-repeat center center; text-indent: -9999px; cursor: pointer; border: none;} #main #sidenav .highlight .highlightbox p.link { text-align: right; margin-top: 10px; } #main #sidenav .highlight .highlightbox p.link a { color: #720000; text-decoration: underline; background: url(images/bullet_blue.gif) no-repeat center left; padding-left: 10px; } ol#nav li.current a { background: #3D525E; } #main #sidenav ol li.current a:hover { background: #3D525E; } ol#nav ol.subnav { margin: 0px; padding: 0px; list-style-type: none; border-bottom: 5px solid #3D525E; font-size: 10px; } ol#nav ol.subnav li { } ol#nav ol.subnav li a { background: #96B2C2; border-bottom: 1px solid #3D525E; } ol#nav ol.subnav li#active { border-bottom: 1px solid #D7DADC; } ol#nav ol.subnav li#active a { color: #2B1912; border: 0px; } ol#nav ol.subnav li#last a { border: 0px; } ol#nav ol.subnav li#active ol.subsubnav { margin-right: 20px; } ol#nav ol.subnav li#active ol.subsubnav li a { border: 0px; color: #FFFFFF; width: 152px; background: url(images/bullet_blue.gif) no-repeat right 0.25em; padding-top: 0px; padding-bottom: 3px; padding-right: 10px; margin-left: 20px; } ol#nav ol.subnav li#active ol.subsubnav li.active a { border: 0px; color: #990000; width: 152px; background: url(images/bullet_blue.gif) no-repeat right 0.25em; padding-top: 0px; padding-bottom: 3px; padding-right: 10px; margin-left: 20px; } /* ----- navigation rollovers ----- */ #main #sidenav ol li a .subnavborder { position: absolute; top: 0px; left: 201px; width: 280px; z-index: 99; display: none; } #main #sidenav ol li a .subnavborder .subnav { text-align: left; display: block; background: #F7F5F4; margin: 3px; border: 1px solid #FF9900; padding: 15px 15px; color: #666666; font-size: 10px; line-height: 1.4; } #main #sidenav ol li a .subnavborder .subnav .subhead { display: block; font-weight: bold; font-size: 10px; color: #EF760F; margin: 0px 0px 0.5em 0px; padding: 0px; } #main #sidenav ol li a:hover { background: url(images/nav_bg.gif) repeat-y right; } #main #sidenav ol li a:hover .subnavborder { display: block; background: #F5AD6F; } /* ----- internal pages ----- */ #main #content .internal { margin-bottom: 20px; } #main #content .cmaker { background: url(images/bg_cmkr.gif) repeat-y right; } #main #content .internal p { padding-bottom: 1em; line-height: 1.4; } #main #content .internal p a { text-decoration: underline; } #main #content .internal p a:hover { text-decoration: underline; } #main #content .internal p.intro { font-size: 12px; } #main #content .internal p.author { font-size: 11px; font-style:italic; color: #720000; font-family: Georgia; } #main #content .internal .rightpic { width: 200px; float: right; margin: 0px 0px 10px 10px; font-size: 10px; text-align: right; } #main #content .internal .rightpic img { border: 1px solid #720000; } #main #content .internal .rightpic .credit { display: block; font-size: 9px; margin-bottom: 2px; font-style: italic; } #main #content .internal .rightpic .caption { display: block; font-size: 9px; margin-bottom: 2px; } #main #content .internal .rightpic span { background: none; } #main #content .internal h3 { color: #3D525E; font-family: Georgia; font-size: 20px; font-weight: normal; margin: 0px 0px 0.5em 0px; padding: 0px; } #main #content .internal h4 { color: #3D525E; margin: 10px 0px 0px 0px; font-weight: bold; } #main #content .internal ul { margin: 0px 0px 0px 20px; padding: 0px; list-style-type: none; } #main #content .internal ul li { background: url(images/bullet_blue.gif) no-repeat left 0.3em; padding-left: 10px; margin-bottom: 5px; } #main #content .internal ul li a { color: #3D525E; text-decoration: underline; } #main #content .internal ul li a:hover { text-decoration: underline; } #main #content .internal dl.links p.country { font-size: 15px; font-weight:normal; color: #3D525E; font-family: Georgia; } /* ----- changemakers ----- */ .cmdetail { margin-right: 124px; } .cmdetail .rightpic { min-height: 230px; } #main #content .changemakers { width: 124px; float: right; background: url(images/bg_changemakers.gif) repeat-y right; position: relative; } #main #content .changemakers h3 { display: block; background: #FFFFFF; width: 124px; margin-left: 2px; font-family: Verdana; font-size: 12px; padding: 3px 5px;} #main #content .changemakers ul { list-style-type: none; margin: 0px; } #main #content .changemakers ul li { background: none; margin: 5px 0px; } #main #content .changemakers ul li a { color: #666666; font-size: 10px; } form#change .checkbar { border-top: 1px solid #96B2C2; border-bottom: 1px solid #96B2C2; background: #F7F5F4 url(images/thumb_email.gif) no-repeat; padding: 10px 10px 10px 200px; margin: 10px 0px; } form#change .checkbar strong { color: #720000; } #main #content .internal a#sendbutton { text-decoration: underline; float: right; display: block; border-top: 1px solid #F5AD6F; border-bottom: 1px solid #F5AD6F; font-size: 10px; background: url(images/bg_sendbutton.gif) no-repeat right center; padding: 3px 16px 3px 3px; top: -10px; position: relative; } #main #content .changemakers a.up { display: block; width: 14px; height: 14px; background: url(images/arrow_up.gif) no-repeat; text-indent: -9999px; z-index: 99; position: absolute; right: 1px; top: 0px; } #main #content .changemakers a.down { display: block; width: 14px; height: 14px; background: url(images/arrow_down.gif) no-repeat; text-indent: -9999px; z-index: 99; position: absolute; right: 1px; bottom: 0.25em; } /* ----- search page ----- */ #main #content .internal .primary .tabs { position: relative; height: 2.75em; } #main #content .internal .primary h3 { font-size: 16px; padding: 3px 0px 0px 3px; background: #E6EFF5; width: 10em; margin: 0px; position: relative; top: 3px; float: left; } #main #content .internal .primary h3.secondary { padding: 3px 3px 0px 0px; background: #E6EFF5; width: 8em; margin: 0px; position: relative; top: 3px; } #main #content .internal .primary h3 a { display: block; background: #FFFFFF; padding: 3px 0px 4px 0px; margin: 0px; text-align: center; border: 1px solid #EE7912; border-bottom: 0px; border-width: 1px 1px 0px 1px; } #main #content .internal .primary h3.secondary a { background: #E6EFF5; border-width: 1px 1px 1px 0px; } #main #content .internal .formframe { border-width: 3px 3px 3px 3px; border-style: solid; border-color: #E6EFF5; } #main #content .internal .form { border: 1px solid #EE7912; } #main #content .internal .form .formrow { border-bottom: 1px solid #96B2C2; padding: 5px 0px; } #main #content .internal .form .formrow label { display: block; width: 150px; padding-right: 5px; float: left; position: relative; top: 5px; text-align: right; } #main #content .internal .form .formrow label.second { display: block; width: 120px; padding-right: 5px; float: left; position: relative; top: 5px; text-align: right; } #main #content .internal .form .formrow select { color: #666666; font-size: 11px; padding: 3px; width: 200px; } #main #content .internal .form .formrow select.short { color: #666666; font-size: 11px; padding: 3px; width: 90px; } #main #content .internal .form .formrow input { color: #666666; font-size: 11px; padding: 3px 0px 3px 3px ; width: 200px; } #main #content .internal .formframe .forminstructions { background: #E6EFF5; padding: 10px; font-size: 10px; line-height: 1.5; } #main #content .internal .formframe .forminstructions strong { color: #720000; } #main #content .internal .formframe .forminstructions a { color: #720000; text-decoration: underline } #main #content .internal .formframe .forminstructions .searchbutton { float: right; position: relative; right: -3px; top: -5px; } #main #content .internal a.searchfunc { position: absolute; top: -1.5em; right: 3px; } /* ----- advanced search ----- */ #main #content .internal .moreoptions .tabs { position: relative; height: 2.75em;} #main #content .internal .moreoptions h3 { font-size: 16px; padding: 3px 0px 0px 3px; background: #E6EFF5; width: 10em; margin: 0px; position: relative; top: 3px; float: left; } #main #content .internal .moreoptions h3.secondary { padding: 3px 3px 0px 0px; background: #E6EFF5; width: 8em; margin: 0px; position: relative; top: 3px; } #main #content .internal .moreoptions h3 a { display: block; background: #E6EFF5; padding: 3px 0px 4px 0px; margin: 0px; text-align: center; border: 1px solid #EE7912; border-bottom: 0px; } #main #content .internal .moreoptions h3.secondary a { background: #FFFFFF; border-width: 1px 1px 1px 0px; } #main #content .internal .form .advform { border-top: 5px solid #EF760F; } #main #content .internal .form .advform .cbox { width: 160px; float: left; padding: 0px 0px 0px 0px; } #main #content .internal .form .advform .cbox input { position: relative; float: left; top: -3px; } #main #content .internal .form .advform .cboxcontainer { margin-left: 155px; margin-top: 5px; margin-bottom: 0px;} .formrowb { padding: 10px 10px 5px 10px; } .button { text-align: right; position: relative; top: -33px; right: 10px; height: 10px; } /* ----- search results ----- */ .searchnav { background: #E6EFF5; position: relative; padding: 3px 0px; width: 490px; } .searchnav .sort { position: relative; top: 0px; left: 6px; width: 450px; } .searchnav .pagination { position: absolute; top: 0.2em; right: 38px; text-align: right; width: 220px; } #main #content #results { padding: 10px 0px; } #main #content #results ul.searchresults { list-style-type: none; margin: 0px; padding: 0px; position: relative; } #main #content #results ul.searchresults li { position: relative; background: url(images/bullet_blue.gif) no-repeat 0px 0.4em; padding: 0px 75px 10px 10px; line-height: 1.4; } #main #content #results ul.searchresults li a { background: none; display: block; margin-bottom: 2px; } #main #content #results ul.searchresults li a:hover { text-decoration: underline; color: #96B2C2; } /* original tab styles #main #content .internal .theseresults .tabs { position: relative; height: 2.5em;} #main #content .internal .theseresults h3 { padding: 3px 0px 0px 3px; background: #E6EFF5; width: 13em; margin: 0px; position: relative; top: 3px; float: left; } #main #content .internal .theseresults h3.secondary { padding: 3px 3px 0px 0px; background: #E6EFF5; width: 8em; margin: 0px; position: relative; top: 3px; } #main #content .internal .theseresults h3 a { display: block; background: #F7BA87; padding: 0.2em 0px; margin: 0px; text-align: center; border: 1px solid #EE7912; border-bottom: 0px; border-width: 1px 1px 0px 1px; } #main #content .internal .theseresults h3.secondary a { background: #E6EFF5; border-width: 1px 1px 1px 0px; } */ #main #content .internal .theseresults .tabs { position: relative; height: 2.75em; } #main #content .internal .theseresults h3 { font-size: 16px; padding: 3px 0px 0px 3px; background: #E6EFF5; width: 14em; margin: 0px; position: relative; top: 3px; float: left; } #main #content .internal .theseresults h3.secondary { padding: 3px 3px 0px 0px; background: #E6EFF5; width: 8em; margin: 0px; position: relative; top: 3px; } #main #content .internal .theseresults h3 a { display: block; background: #FFFFFF; padding: 3px 0px 4px 0px; margin: 0px; text-align: center; border-top: 1px solid #EE7912; border-right: 1px solid #EE7912 ;border-left: 1px solid #EE7912; } #main #content .internal .theseresults h3.secondary a { background: #E6EFF5; border-width: 1px 1px 1px 0px; } .relevance { position: absolute; top: 3px; right: 0px; padding-top: 0px; width: 50px; text-align: center; color: #96B2C2; } .arrows { position: absolute; right: 0px; top: 8px; width: 32px; } a.arrowleft { display: block; position: absolute; top: 0px; left: 0px; width: 13px; height: 13px; background: url(images/arrow_left.gif) no-repeat 0px 0px; text-indent: -9999px; overflow: hidden; } a.arrowright { display: block; position: absolute; top: 0px; right: 2px; width: 13px; height: 13px; background: url(images/arrow_right.gif) no-repeat 0px 0px; text-indent: -9999px; overflow: hidden; } a.arrowleft:hover { background: url(images/arrow_left.gif) no-repeat 0px -13px; } a.arrowright:hover { background: url(images/arrow_right.gif) no-repeat 0px -13px; } /* ----- document details ----- */ .dl { background: #96B2C2; color: #3D525E; padding: 10px 10px 10px 10px; font-size: 12px; font-weight: bold; overflow: auto; } .download { width: 99px; font-size: 10px; font-weight: normal; text-align: center; float: right; padding-left:10px; } #main #content ul#docdetails { margin: 10px 0px; padding: 0px; } #main #content ul#docdetails li { float: left; border-bottom: 1px solid #96B2C2; margin: 0px; padding: 3px 0px 3px 10px; width: 480px; background: url(images/bullet_grey.gif) no-repeat 3px 0.7em; } #main #content ul#docdetails li.first { border-top: 1px solid #96B2C2; } #main #content ul#docdetails li span.def { display: block; float: left; width: 145px; margin: 0px; padding: 0px; } #main #content ul#docdetails li span.defn { position: relative; display: block; display: block; width: 325px; margin: 0px 0px 0px 145px; padding: 0px; } /* ----- partners ----- */ dl.sponsors dt { border-top: 1px solid #EF760F; border-bottom: 1px solid #EF760F; padding: 1px 0px 3px 3px; clear: right; background: #FEF8F3; color: #EF760F; font-weight: bold; } dl.sponsors dd { margin: 5px 0px 0px 3px; } #main #content dl.sponsors dd p { line-height: 1.4; } dl.sponsors dd span { background: url(images/bullet_blue.gif) no-repeat 0px 0.25em; display: block; padding-left: 10px; margin-bottom: 5px; } dl.sponsors dd .img { float: right; padding: 5px 0px 8px 10px; background: none; } dl.sponsors dd .img img { border: 0px solid #EF760F; } #main #content dl.sponsors dd span a { text-decoration: underline; } /* ----- News Archives ----- */ p.bintro { font-weight: bold; } .archivenav { background: #FEF8F3; padding: 3px 10px; } /* ----- in conversation ----- */ p.ointro { font-weight: bold; color: #EF760F;} #main #content .conversation { background: url(images/bg_coversation.gif) no-repeat top; } #main #content .conversation p { margin-right: 150px; } #main #content .recent h3 { font-size: 12px; font-family: Verdana; font-weight: normal; } #main #content .recent { width: 130px; float: right; margin-right: -15px; } #main #content .recent ul li { background-position: 0px 0.3em; margin-bottom: 5px;} #main #content .recent a img { margin-left: 10px; margin-top: 20px; } form#conver textarea { width: 363px; height: 95px; border: 1px solid #999999; } form#conver label.txtbox { float: left; display: block; width: 120px; margin-right: 5px; } form#conver label.txtbox_error { color:#990000; font-style:italic; float: left; display: block; width: 120px; margin-right: 5px; } form#conver .formrow { padding: 3px 0px; } form#conver .formrow label { display: block; float: left; width: 125px; text-align: right; position: relative; top: 3px; } form#conver .formrow .txt { width: 175px; } form#conver .checkbar { border-top: 1px solid #96B2C2; border-bottom: 1px solid #96B2C2; background: #F7F5F4 url(images/thumb_email.gif) no-repeat 0px 0px; padding: 10px 10px 10px 125px; margin: 10px 0px; } form#conver .checkbar strong { color: #720000; } #main #content .internal form#conver .formrow label.one { display: block; width: 120px; padding-right: 5px; float: left; position: relative; top: 5px; text-align: right; } #main #content .internal form#conver .formrow label.one_error { color:#990000; font-style:italic; display: block; width: 120px; padding-right: 5px; float: left; position: relative; top: 5px; text-align: right; font-weight: bold; } /* ----- guralz ----- */ #main #content dl.guralz dt { border-top: 1px solid #EF760F; border-bottom: 1px solid #EF760F; padding: 1px 0px 3px 3px; clear: right; background: #FEF8F3; color: #EF760F; font-weight: bold; font-size: 10px; } #main #content dl.guralz dd { margin: 10px 0px 5px 0px; } #main #content dl.guralz dd span { background: url(images/bullet_blue.gif) no-repeat 0px 0.25em; display: block; padding-left: 10px; margin-bottom: 5px; } #main #content dl.guralz dd ul.zine { list-style-type: disc; list-style-position: inside; margin: 0px; } #main #content dl.guralz dd ul.zine li { background: none; } #main #content dl.guralz dd ul.zinelink { padding-left: 10px; padding-top: 1em; } #main #content dl.guralz dd ul.zinelink li { background: none; } #main #content dl.guralz dd .img { float: left; padding: 0px 10px 0px 0px; background: none; } #main #content dl.guralz dd span a { text-decoration: underline; } #main #content dl.guralz dd.past { width: 49%; float: left; } #main #content dl.guralz .spacer { margin: 0px; padding: 0px; } /* ----- site map ----- */ #main #content dl.sitemap dt { border-top: 1px solid #3D525E; border-bottom: 1px solid #3D525E; padding: 1px 0px 3px 3px; clear: right; background: #d3dfe5; color: #3D525E; font-weight: bold; position: relative; margin-bottom:0.5em; } #main #content dl.sitemap ul { margin-left:20px; margin-bottom:0.5em; } #main #content dl.sitemap ul li { margin-left: 0px; margin-bottom: 8px; } #main #content dl.sitemap ul li ul li { margin-bottom: 0px; } /* ----- links ----- */ #main #content dl.links dt { border-top: 1px solid #EF760F; border-bottom: 1px solid #EF760F; padding: 1px 0px 3px 3px; clear: right; background: #FEF8F3; color: #EF760F; font-weight: bold; position: relative; } #main #content dl.links dd { margin: 10px 0px 3px 0px; } #main #content dl.links dd span { display: block; padding-left: 10px; margin-bottom: 5px; } #main #content dl.links dt img { position: absolute; top: -1px; right: 0px; } #main #content dl.links dd.sub { margin: 0px; background: none; border-bottom: 1px solid #96B2C2; } #main #content dl.links dd.sub .lab { background: none; display: block; height: 1em; width: 125px; float: left; } #main #content dl.links dd.sub .def { background: 0px; margin-left: 135px; display: block; } #main #content dl.links dd.sub .def a { color: #720000; text-decoration: underline; } /* ----- subscribe ----- */ p.bintro span.note { font-weight: normal; font-size: 10px; } .note { font-weight: normal; font-size: 10px; margin-left: 142px; } #main #content form#subscribe { width: 285px; padding: 0px; margin: 0px; } #main #content form#subscribe .formrow { padding: 2px 0px; margin: 0px; } #main #content form#subscribe .formrow label { display: block; width: 140px; padding-right: 5px; float: left; position: relative; top: 5px; text-align: right; } #main #content form#subscribe .formrow input { color: #666666; font-size: 11px; padding: 3px 0px 3px 3px ; width: 130px; } #main #content form#subscribe .formrow select { color: #666666; font-size: 11px; padding: 3px 0px 3px 3px ; width: 130px; } .thumb { text-align: right; font-size: 9px; width: 198px; float: right; } .thumb a { text-decoration: underline; } .thumb .newsletterthumb { width: 190px; border: 3px solid #F5AD6F; background: #EF760F; padding: 1px; text-align: left; font-size: 10px; margin-bottom: 3px; } .thumb .newsletterthumb div { background: #FFFFFF; padding: 7px 5px 7px 5px; } .thumb .newsletterthumb div a { margin-left: 6px; padding-left: 10px; background: url(images/bullet_blue.gif) no-repeat center left; text-decoration: underline;} .thumb .newsletterthumb div img { margin: 10px 6px 5px 6px; } /* ----- unsubscribe ----- */ .notes { width: 313px; margin-left: 172px; } .notes span.formnotes { display: block; float: right; text-align: right; font-size: 10px;} .notes span.formnotes a { text-decoration: underline; } .bottomnotes { width: 363px; margin-left: 125px; } .bottomnotes span.formnotes { display: block; float: right; text-align: right; font-size: 10px;} .bottomnotes span.formnotes a { text-decoration: underline; } /* ----- share ----- */ form#share textarea { width: 363px; height: 95px; border: 1px solid #999999; } form#share .formrow { padding: 3px 0px; } form#share .formrow .two { width: 125px; } form#share label.txtbox { float: left; display: block; width: 117px; margin-right: 5px; } form#share label.txtbox_error { color:#990000; font-style:italic; float: left; font-weight: bold; display: block; width: 117px; margin-right: 5px; } Form#share .twocol { width: 49%; float: left; padding-bottom: 4px; } #main #content .internal form#share .formrow label.one { display: block; width: 117px; padding-right: 5px; float: left; position: relative; top: 5px; text-align: right; } #main #content .internal form#share .formrow label.one_error { color:#990000; font-weight: bold; font-style:italic; display: block; width: 117px; padding-right: 5px; float: left; position: relative; top: 5px; text-align: right; } form#share .checkboxes { margin-left: 125px; } form#share .checkboxes_error { color:#990000; font-weight: bold; font-style:italic; margin-left: 125px; } form#share .checkboxes span input { float: left; } form#share .checkboxes span label { display: block; position: relative; top: 2px; } form#share label.two { margin-left: 50px; } form#share label.two_error { color:#990000; font-weight: bold; font-style:italic; margin-left: 50px; } form#share label.twot { width: 110px; display: block; float: left; text-align: right; position: relative; top: 3px; padding-right: 5px; } form#share label.twot_error { color:#990000; font-weight: bold; font-style:italic; margin-left: 30px; } form#share .txt { width: 105px; } form#share .longtxt { width: 350px; } form#share .checkbar { border-top: 1px solid #96B2C2; border-bottom: 1px solid #96B2C2; background: #F7F5F4 url(images/thumb_email.gif) no-repeat 0px 0px; padding: 10px 10px 10px 125px; margin: 10px 0px; } form#share .checkbar strong { color: #720000; } /* ----- feedback ----- */ form#feedback textarea { width: 360px; height: 95px; border: 1px solid #999999; } form#feedback label.txtbox { float: left; display: block; width: 120px; margin-right: 5px; } form#feedback label.txtbox_error { color:#990000; font-weight: bold; font-style:italic; float: left; display: block; width: 120px; margin-right: 5px; } form#feedback label.txtboxtop { margin-right: 5px; display: block; width: 120px; font-weight: bold; } form#feedback .checkboxes { } form#feedback .checkboxes .cblabel { float: left; display: block; width: 120px; margin-right: 5px; } form#feedback .checkboxes .cblabel_error { color:#990000; font-weight: bold; font-style:italic; float: left; display: block; width: 120px; margin-right: 5px; } form#feedback .checkboxes span input { float: left; position:relative; z-index:99; } form#feedback .checkboxes .twocol { display: block; float: left; width: 170px; } form#feedback .checkboxes span label { display: block; position: relative; top: 2px; } form#feedback .formrow { padding: 3px 0px; } form#feedback .twocol { display: block; float: left; width: 49%; } form#feedback label.one { display: block; width: 120px; padding-right: 5px; float: left; position: relative; top: 5px; text-align: right; } form#feedback label.one_error { color:#990000; font-weight: bold; font-style:italic; display: block; width: 120px; padding-right: 5px; float: left; position: relative; top: 5px; text-align: right; } form#feedback label.twot { width: 125px; float: left; text-align: right; position: relative; top: 3px; padding-right: 0.25em; } form#feedback .txt { width: 100px; } form#feedback .longtxt { width: 350px; } form#feedback .checkbar { border-top: 1px solid #96B2C2; border-bottom: 1px solid #96B2C2; background: #F7F5F4 url(images/thumb_email.gif) no-repeat 0px 0px; padding: 10px 10px 10px 125px; margin: 10px 0px; } form#feedback .checkbar strong { color: #720000; } /* ----- join network ----- */ form#join textarea { width: 350px; height: 75px; border: 1px solid #999999; } form#join .formrow { padding: 3px 0px; } form#join .twocol { display: block; float: left; width: 49%; } form#join .twocol select { width: 105px; } form#join label.one { display: block; width: 120px; padding-right: 5px; float: left; position: relative; top: 5px; text-align: right; } form#join label.one_error { color:#990000; font-weight: bold; font-style:italic; display: block; width: 120px; padding-right: 5px; float: left; position: relative; top: 5px; text-align: right; } form#join label.twot { width: 125px; float: left; text-align: right; position: relative; top: 3px; padding-right: 0.25em; } form#join label.twot_error { color:#990000; font-weight: bold; font-style:italic; width: 125px; float: left; text-align: right; position: relative; top: 3px; padding-right: 0.25em; } form#join .txt { width: 100px; } form#join .longtxt { width: 342px; } form#join .checkbar { border-top: 1px solid #96B2C2; border-bottom: 1px solid #96B2C2; background: #F7F5F4 url(images/thumb_email.gif) no-repeat 0px 0px; padding: 10px 10px 10px 125px; margin: 10px 0px; } form#join .checkbar strong { color: #720000; } /* ----- subfooter ----- */ #subfooter { background: #3D525E; font-size: 10px;} #subfooter .nav { color: #FFF; width: 166px; text-align: left; padding: 20px 15px 10px 45px; float: left; font-size: 9px; } #subfooter .nav a { color: #FFF; text-decoration: underline; } #subfooter .content { width: 420px; margin-left: 201px; background: #FFF; padding: 10px 100px 10px 30px; color: #3D525E; line-height: 1.6; } #subfooter .content a.sshrcc { background: url(images/logo_sshrcc.gif) no-repeat; text-indent: -9999px; display: block; width: 487px; height: 22px; margin: 20px auto 0px auto; } /* ----- footer ----- */ #footer { color: #FFFFFF; margin-left: 65px; padding: 3px 0px; margin-bottom: 20px; font-size: 10px; position: relative; } #footer ul { list-style-type: none; margin: 0px; padding: 0px; } #footer ul li { float: left; } #footer ul a { width: auto; color: #FFFFFF; text-decoration: underline; padding-right: 10px; margin-right: 5px; background: url(images/bullet_blue.gif) no-repeat center right;} #footer ul a:hover { text-decoration: underline; } #footer a.privacy { position: absolute; left: 590px; top: 3px; color: #FFFFFF; text-decoration: underline; background: url(images/bullet_blue.gif) no-repeat center left; padding-left: 10px; } /* ----- button styles ----- */ .buttonsend { background: url(images/button_send.gif) no-repeat 0px 0px; } .buttonsend:hover { background: url(images/button_send.gif) no-repeat 0px -34px; } a.buttonview { display: block; width: 86px; height: 34px; background: url(images/button_view.gif) no-repeat 0px 0px; text-indent: -9999px} a.buttonview:hover { display: block; width: 86px; height: 34px; background: url(images/button_view.gif) no-repeat 0px -34px; text-indent: -9999px} .searchbutton { background: url(images/button_search.gif) no-repeat 0px 0px; } .searchbutton:hover { background: url(images/button_search.gif) no-repeat 0px -32px; } a.buttondownload { display: block; width: 99px; height: 34px; background: url(images/button_download.gif) no-repeat 0px 0px; text-indent: -9999px} a.buttondownload:hover { display: block; width: 99px; height: 34px; background: url(images/button_download.gif) no-repeat 0px -34px; text-indent: -9999px} .buttonunsubscribe { background: url(images/button_unsubscribe.gif) no-repeat 0px 0px; } .buttonunsubscribe:hover { background: url(images/button_unsubscribe.gif) no-repeat 0px -34px; } .buttonsubscribe { background: url(images/button_subscribe.gif) no-repeat 0px 0px; } .buttonsubscribe:hover { background: url(images/button_subscribe.gif) no-repeat 0px -34px; } .buttonsubmit { background: url(images/button_submit.gif) no-repeat 0px 0px; } .buttonsubmit:hover { background: url(images/button_submit.gif) no-repeat 0px -32px; } .buttonnext { background: url(images/button_next.gif) no-repeat 0px 0px; } .buttonnext:hover { background: url(images/button_next.gif) no-repeat 0px -32px; } a.buttonjoin { float: left; display: block; width: 143px; height: 34px; background: url(images/button_join.gif) no-repeat 0px 0px; text-indent: -9999px} a.buttonjoin:hover { display: block; width: 143px; height: 34px; background: url(images/button_join.gif) no-repeat 0px -34px; text-indent: -9999px} /* ----- map ----- */ .mapinput { width: 486px; height:420px; } .error { color: #990000; font-style:italic; font-weight: bold; } #map { position: relative; border: 1px solid #333333; width: 486px; height: 420px; background: url(images/map_canada.gif) no-repeat ; } #map a.reddot { width: 5px; height: 5px; background: url(images/reddot.png) no-repeat; position: absolute; overflow: hidden; text-indent: -9999px; } #map a.bluedot { width: 5px; height: 5px; background: url(images/bluedot.png) no-repeat; position: absolute; overflow: hidden; text-indent: -9999px; } #map a.purpledot { width: 5px; height: 5px; background: url(images/purpledot.png) no-repeat; position: absolute; overflow: hidden; text-indent: -9999px; } #map a.greendot { width: 5px; height: 5px; background: url(images/greendot.png) no-repeat; position: absolute; overflow: hidden; text-indent: -9999px; } #map a.yellowdot { width: 5px; height: 5px; background: url(images/yellowdot.png) no-repeat; position: absolute; overflow: hidden; text-indent: -9999px; } #main #content h3.boxed { color: #720000; font-family: Georgia; font-weight: normal; font-size: 14px; padding: 0px 0px 0px 15px; background: url(images/bullet_whitebox.gif) no-repeat center left; } .mapform { border: 4px solid #FEF8F1; margin-bottom: 10px; } form#map1 { border: 1px solid #E5650E; padding: 9px 9px 8px 9px; display: block; margin: 0px; background: url(images/map1_bg.gif) repeat-y; position: relative; } form#map1 select.public { width: 185px; margin-right: 20px; } form#map1 input.postal { width: 50px; } .postalnote { font-size: 9px; } form#map2 { border: 1px solid #E5650E; padding: 9px 9px 8px 9px; display: block; margin: 0px; background: #FEF8F1; position: relative; } form#map2 .zoom { position: absolute; left: 255px; top: 9px; } form#map2 .zoom select { width: 180px; } /* ----- apa styles ----- */ .apa { text-transform:capitalize; } .apa .apaL { font-style:italic; font-size:1.2em; font-weight:bold; } .joinnet { font-size: 9px; } .joinnet a { margin: 5px 5px 5px 0px; position: relative; top: -17px; }