/* tvp CSS template */ /* colors for tvp site: top navigation bar #f08600 h1 same as H2 but only use once for search engine tracking h2 #fff h3 #004078 h4 body text #fff main text background #0073a0 orange trim lines #f48900 dark middle band #222 gray bottom band #494949 bottom text #7abce7 -------------------------------------- */ /* reset --------------------------------------------------*/ body,h1,h2,h3,h4,h5,h6,p,form,fieldset {margin:0; padding:0; } .low {display:none; } /* body + global --------------------------------------------------*/ div.scroll { height: 200px; width: 550px; overflow: auto; color: #FFFFFF; border: 0px solid #666; padding: 8px; background= none; //filter:alpha(opacity=90); } body {font-family: Verdana, Helvetica, Arial, sans-serif; color: #fff; background: #494949; font-size: 62.5%; line-height: 2em; /* 10x2=20px */ font-weight: normal; } #clear {clear: both; } p {font-size:1.3em; /* 10x1.3=13px */ margin-bottom:1.1em; margin-left: 50px; width: 460px; } .nextpage {padding-left:320px; } .dropdown24 {padding-bottom: 24px; } #capabilities p {width: 250px; margin-bottom: .8em; } #people p {width: 500px; } #bridges p, #buildings p, #dams p, #analysis p, #isolation p, #shaketable p, #floor p {width: 600px; } #news p {width: 500px; margin-left: 80px; padding-bottom: 16px; } .p330 {max-width: 330px; } *html #mainband .p330 {width: 330px; } #footer p {color: #49b; padding-top: 60px; padding-bottom: 50px; font-family: Verdana, Tahoma, sans-serif; font-size: 1.2em; margin-left: 90px; width: auto; } a:link {color: #fff; text-decoration:underline; } a:hover {color: #ddd; text-decoration:underline; } a:active {color: #fff; text-decoration:underline; } a:active:hover {color: #ddd; text-decoration:none; } a:visited {color: #fff; text-decoration:underline; } a:visited:hover {color: #ddd; text-decoration:none; } #nav a:hover, #nav a:active {text-decoration: none; } h1 {text-align:left; color:#fff; font-weight:normal; font-family: AvantGarde, "AvantGarde Bk Bt", Verdana, sans-serif; font-size:2.4em; /* 10x2.2=22px */ line-height: 1.1em; border-bottom: 3px #e1d995 solid; display: block; margin-bottom: 32px; padding-bottom: 6px; } h2 {text-align:left; color:#fff; font-weight:normal; font-family: AvantGarde, "AvantGarde Bk Bt", Verdana, sans-serif; font-size:2.4em; /* 10x2.2=22px */ line-height: 1.2em; display: block; padding: 36px 0 6px 50px; text-transform: lowercase; } h3 {text-align:left; color: #86bcda; font-weight:normal; font-family: AvantGarde, "AvantGarde Bk Bt", Verdana, sans-serif; font-size:1.7em; /* 10x1.6=16px */ padding: 16px 0 12px 20px; text-transform: lowercase; } #news h3 {padding-left: 50px; } #contact h4 {text-align:left; color:#fff; font-weight:normal; font-family:Arial, Helvetica, Tahoma, sans-serif; font-size:1.4em; /* 10x1.4=14px */ margin-left: 90px; } /* top menu --------------- */ #topmenubar {height: 40px; background-image: url('../images/topmenu_bkg.gif'); background-repeat: repeat-x; border-bottom: 60px #fff solid; } #topmenubar img {position: absolute; top: 0px; left: 20px; border: none; } #topmenubar img.head {position: absolute; top: 50px; left: 134px; border: none; } #nav {position: absolute; top: 12px; left: 120px; font-size: 1.2em; font-family: Verdana, AvantGarde, "AvantGarde Bk Bt", sans-serif; color: #fff; } #nav, #nav ul {/* all lists */ list-style: none; line-height: 1.5; padding: 0; margin: 0; z-index:999; } #nav a {display: block; min-width: 3em; text-decoration: none; } #nav li {/* all list items */ float: left; min-width: 3em; /* width needed or else Opera goes nuts */ margin-left: 16px; margin-right: 16px; } #nav li ul {/* second-level lists */ position: absolute; background: #f08600; left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */ width: 100px; border: 1px #ad4e00 solid; } #nav li ul li {border-bottom: 1px #ad4e00 solid; display: block; margin-left: 0; padding-top: 5px; padding-left: 5px; padding-bottom: 8px; padding-right: 5px; width: 90px; } #nav li:hover ul, #nav li.sfhover ul {/* lists nested under hovered list items */ left: auto; } /* mainband --------------*/ #mainband {background-color: #0073a0; border-bottom: 1px #5796b6 solid; min-height: 360px; background-image: url('../images/background.jpg'); background-repeat: no-repeat; background-position: left top; } #home #mainband {background-image: url('../images/background1.jpg'); } *html #home #mainband {height: 370px;} #mainband img {position: absolute; top: 75px; left: 570px; border: 1px #f48900 solid; } *html #bridges #mainband, *html #buildings #mainband, *html #dams #mainband, *html #analysis #mainband, *html #isolation #mainband, *html #shaketable #mainband, *html #floor #mainband {height: 450px; min-height: 450px;} #bridges #mainband, #buildings #mainband, #dams #mainband, #analysis #mainband, #isolation #mainband, #shaketable #mainband, #floor #mainband {min-height: 450px; } #mainbandnophoto {background-color: #0073a0; border-bottom: 1px #5796b6 solid; min-height: 360px; background-image: url('../images/background.jpg'); background-repeat: no-repeat; background-position: left top; } #mainband img.project {left: 420px; top: 136px; } #mainband img.project1 {left: 420px; } #mainband img.capabilities {position: absolute; top: 75px; left: 320px; border: 1px #f48900 solid; } #mainband img.portrait {border: 1px #f48900 solid; float: left; position: static; margin: 0px 24px 18px 0px; } .homelargetext {z-index: 99; margin: 0px 0px 22px 0px; font-family: AvantGarde, "AvantGarde Bk Bt", Verdana, sans-serif; font-size: 56px; color: #467995; text-decoration: none; line-height: 66px; position: absolute; top: 360px; left: 50px; text-transform: lowercase; font-weight: normal; letter-spacing: -2px; display: block; height: 76px; overflow: hidden; } *html #home .homelargetext { width: 1000px;} /* capabilities box */ #capabox {position: absolute; top: 75px; left: 570px; width: 300px; height: auto; border: 1px #f48900 solid; background-color: #222; } /* removed at Camille's request opacity: .9; filter: alpha(opacity=90); */ #capabox ul {color: #ddd; margin-right: 20px; margin-top: 0px; font-family: Arial, Helvetica, Tahoma, sans-serif; font-size: 1.35em; } #capabox ul li ul li {; font-size: 0.7em; margin-left: -1em; list-style-type: circle; } #capabox img {border: 1px #f48900 solid; position: static; margin-right: auto; margin-top: 1em; margin-bottom: 28px; margin-left: 40px; } #peoplebox {position: absolute; top: 75px; left: 570px; width: 300px; height: auto; border: 1px #f48900 solid; background-color: #222; } #peoplebox ul {color: #ddd; margin-right: 20px; margin-top: 0px; font-family: Arial, Helvetica, Tahoma, sans-serif; font-size: 1.35em; } #peoplebox ul li ul li {; font-size: 0.7em; margin-left: -1em; list-style-type: circle; } #peoplebox img {border: 1px #f48900 solid; position: static; margin-right: auto; margin-top: 1em; margin-bottom: 28px; margin-left: 40px; } #peoplebox.wide {width: 400px; } #darkband {height: 140px; background-color: #222; border-top: 1px #f48900 solid; border-bottom: 1px #f48900 solid; } #people #darkband {background-image: url('../images/peoplebg.gif'); background-repeat: no-repeat; } #bridges #darkband {background-image: url('../images/bridgebg.gif'); background-repeat: no-repeat; } #buildings #darkband {background-image: url('../images/buildingbg.gif'); background-repeat: no-repeat; } #dams #darkband {background-image: url('../images/dambg.gif'); background-repeat: no-repeat; } #analysis #darkband {background-image: url('../images/analysisbg.gif'); background-repeat: no-repeat; } #isolation #darkband {background-image: url('../images/isolationbg.gif'); background-repeat: no-repeat; } #shaketable #darkband {background-image: url('../images/shaketablebg.gif'); background-repeat: no-repeat; } #floor #darkband {background-image: url('../images/floorbg.gif'); background-repeat: no-repeat; } ul#picnav {list-style: none; padding: 0; margin: 0; } ul#picnav li {float:left; } ul#picnav li.text {margin: 16px 20px 12px 50px; font-family: AvantGarde, "AvantGarde Bk Bt", Verdana, sans-serif; font-size: 56px; color: #333; text-decoration: none; line-height: 48px; } ul#picnav li.left50 a:link, ul#picnav li.left50 a:visited {display: block; margin-left: 50px; margin-top: 25px; width: 60px; height: 90px; background: #f48900 url('../images/about_rollover.jpg') no-repeat top left; border: 2px #f48900 solid; } ul#picnav li.left50 a:hover {background-position: 0 -90px; } ul#picnav li.left135 a:link, ul#picnav li.left135 a:visited {display: block; margin-left: 21px; margin-top:25px; width: 60px; height: 90px; background: url('../images/capabilities_rollover.jpg') no-repeat top left; border: 2px #f48900 solid; } ul#picnav li.left135 a:hover {background-position: 0 -90px; } ul#picnav li.left220 a:link, ul#picnav li.left220 a:visited {display: block; margin-left: 21px; margin-top:25px; width: 60px; height: 90px; background: url('../images/news_rollover.jpg') no-repeat top left; border: 2px #f48900 solid; } ul#picnav li.left220 a:hover {background-position: 0 -90px; } ul#picnav li.left305 a:link, ul#picnav li.left305 a:visited {display: block; margin-left: 21px; margin-top:25px; width: 60px; height: 90px; background: url('../images/people_rollover.jpg') no-repeat top left; border: 2px #f48900 solid; } ul#picnav li.left305 a:hover {background-position: 0 -90px; } ul#picnav li.left390 a:link, ul#picnav li.left390 a:visited {display: block; margin-left: 21px; margin-top:25px; width: 60px; height: 90px; background: url('../images/projects_rollover.jpg') no-repeat top left; border: 2px #f48900 solid; } ul#picnav li.left390 a:hover {background-position: 0 -90px; } ul#picnav li.left475 a:link, ul#picnav li.left475 a:visited {display: block; margin-left: 21px; margin-top:25px; width: 60px; height: 90px; background: url('../images/contact_rollover.jpg') no-repeat top left; border: 2px #f48900 solid; } ul#picnav li.left475 a:hover {background-position: 0 -90px; } /* for people pages */ ul#picnav li.left306 a:link, ul#picnav li.left306 a:visited {display: block; margin-left: 305px; margin-top:25px; width: 60px; height: 90px; background: url('../images/turek_rollover.jpg') no-repeat top left; border: 2px #f48900 solid; } ul#picnav li.left306 a:hover {background-position: 0 -90px; } ul#picnav li.left391 a:link, ul#picnav li.left391 a:visited {display: block; margin-left: 21px; margin-top:25px; width: 60px; height: 90px; background: url('../images/pao_rollover.jpg') no-repeat top left; border: 2px #f48900 solid; } ul#picnav li.left391 a:hover {background-position: 0 -90px; } ul#picnav li.left476 a:link, ul#picnav li.left476 a:visited {display: block; margin-left: 21px; margin-top:25px; width: 60px; height: 90px; background: url('../images/ventura_rollover.jpg') no-repeat top left; border: 2px #f48900 solid; } ul#picnav li.left476 a:hover {background-position: 0 -90px; } ul#darkbandnav {margin-top: 1em; } ul#darkbandnav li {margin-left: 745px; font-family: AvantGarde, "AvantGarde Bk Bt", Verdana, sans-serif; font-size: 1.3em; text-decoration: none; text-transform: lowercase; line-height: 1.3em; list-style-type: none; } ul#darkbandnav li a:link, ul#darkbandnav li a:visited {color: #cd741b; text-decoration: none; } ul#darkbandnav li a:hover {text-decoration: underline; color: #c07010; } ul#darkbandnav li.exist a:link, ul#darkbandnav li.exist a:visited {color: #999; } /* =================== projects pages ====================*/ #photoquad li {list-style-type: none; display: inline; } #photoquad li#title h2 {position: absolute; top: 360px; left: 700px; padding: 0; line-height: 1em; } #photoquad a {position: absolute; } /* =================== bridges ======================== */ #bridges ul#picnav li.left353 a:link, #bridges ul#picnav li.left353 a:visited {display: block; margin-left: 353px; margin-top: 25px; width: 60px; height: 90px; background: #f48900 url('../images/taylor_rollover.jpg') no-repeat top left; border: 2px #f48900 solid; } #bridges ul#picnav li.left353 a:hover {background-position: 0 -90px; } #bridges ul#picnav li.left438 a:link, #bridges ul#picnav li.left438 a:visited {display: block; margin-left: 21px; margin-top:25px; width: 60px; height: 90px; background: url('../images/portmann_rollover.jpg') no-repeat top left; border: 2px #f48900 solid; } #bridges ul#picnav li.left438 a:hover {background-position: 0 -90px; } #bridges ul#picnav li.left523 a:link, #bridges ul#picnav li.left523 a:visited {display: block; margin-left: 21px; margin-top:25px; width: 60px; height: 90px; background: url('../images/deltaport_rollover.jpg') no-repeat top left; border: 2px #f48900 solid; } #bridges ul#picnav li.left523 a:hover {background-position: 0 -90px; } #bridges ul#picnav li.left608 a:link, #bridges ul#picnav li.left608 a:visited {display: block; margin-left: 21px; margin-top:25px; width: 60px; height: 90px; background: url('../images/rafael_rollover.jpg') no-repeat top left; border: 2px #f48900 solid; } #bridges ul#picnav li.left608 a:hover {background-position: 0 -90px; } /* taylor bridge */ #tl a:link, #tl a:visited {top: 136px; left: 700px; border: 1px #fff solid; display: block; width: 60px; height: 90px; background: #f48900 url('../images/taylor1s.jpg') no-repeat top left; border: 2px #f48900 solid; } #tl a:hover {background-position: 0 -90px; } #tr a:link, #tr a:visited {top: 136px; left: 785px; border: 1px #fff solid; display: block; width: 60px; height: 90px; background: #f48900 url('../images/taylor2s.jpg') no-repeat top left; border: 2px #f48900 solid; } #tr a:hover {background-position: 0 -90px; } #br a:link, #br a:visited {top: 251px; left: 785px; border: 1px #fff solid; display: block; width: 60px; height: 90px; background: #f48900 url('../images/taylor3s.jpg') no-repeat top left; border: 2px #f48900 solid; } #br a:hover {background-position: 0 -90px; } #bl a:link, #bl a:visited {top: 251px; left: 700px; border: 1px #fff solid; display: block; width: 60px; height: 90px; background: #f48900 url('../images/taylor4s.jpg') no-repeat top left; border: 2px #f48900 solid; } #bl a:hover {background-position: 0 -90px; } #tl a.active, #tr a.active, #br a.active, #bl a.active {background-position: 0 -90px; } /* port mann bridge */ #tlpm a:link, #tlpm a:visited {top: 136px; left: 700px; border: 1px #fff solid; display: block; width: 60px; height: 90px; background: #f48900 url('../images/pm1s.jpg') no-repeat top left; border: 2px #f48900 solid; } #tlpm a:hover {background-position: 0 -90px; } #trpm a:link, #trpm a:visited {top: 136px; left: 785px; border: 1px #fff solid; display: block; width: 60px; height: 90px; background: #f48900 url('../images/pm2s.jpg') no-repeat top left; border: 2px #f48900 solid; } #trpm a:hover {background-position: 0 -90px; } #brpm a:link, #brpm a:visited {top: 251px; left: 785px; border: 1px #fff solid; display: block; width: 60px; height: 90px; background: #f48900 url('../images/pm3s.jpg') no-repeat top left; border: 2px #f48900 solid; } #brpm a:hover {background-position: 0 -90px; } #blpm a:link, #blpm a:visited {top: 251px; left: 700px; border: 1px #fff solid; display: block; width: 60px; height: 90px; background: #f48900 url('../images/pm4s.jpg') no-repeat top left; border: 2px #f48900 solid; } #blpm a:hover {background-position: 0 -90px; } #tlpm a.active, #trpm a.active, #brpm a.active, #blpm a.active {background-position: 0 -90px; } /* deltaport way */ #tldw a:link, #tldw a:visited {top: 136px; left: 700px; border: 1px #fff solid; display: block; width: 60px; height: 90px; background: #f48900 url('../images/dw1s.jpg') no-repeat top left; border: 2px #f48900 solid; } #tldw a:hover {background-position: 0 -90px; } #trdw a:link, #trdw a:visited {top: 136px; left: 785px; border: 1px #fff solid; display: block; width: 60px; height: 90px; background: #f48900 url('../images/dw2s.jpg') no-repeat top left; border: 2px #f48900 solid; } #trdw a:hover {background-position: 0 -90px; } #brdw a:link, #brdw a:visited {top: 251px; left: 785px; border: 1px #fff solid; display: block; width: 60px; height: 90px; background: #f48900 url('../images/dw3s.jpg') no-repeat top left; border: 2px #f48900 solid; } #brdw a:hover {background-position: 0 -90px; } #bldw a:link, #bldw a:visited {top: 251px; left: 700px; border: 1px #fff solid; display: block; width: 60px; height: 90px; background: #f48900 url('../images/dw4s.jpg') no-repeat top left; border: 2px #f48900 solid; } #bldw a:hover {background-position: 0 -90px; } #tldw a.active, #trdw a.active, #brdw a.active, #bldw a.active {background-position: 0 -90px; } /* rafael mendoza */ #tlrm a:link, #tlrm a:visited {top: 136px; left: 700px; border: 1px #fff solid; display: block; width: 60px; height: 90px; background: #f48900 url('../images/rm1s.jpg') no-repeat top left; border: 2px #f48900 solid; } #tlrm a:hover {background-position: 0 -90px; } #trrm a:link, #trrm a:visited {top: 136px; left: 785px; border: 1px #fff solid; display: block; width: 60px; height: 90px; background: #f48900 url('../images/rm2s.jpg') no-repeat top left; border: 2px #f48900 solid; } #trrm a:hover {background-position: 0 -90px; } #brrm a:link, #brrm a:visited {top: 251px; left: 785px; border: 1px #fff solid; display: block; width: 60px; height: 90px; background: #f48900 url('../images/rm3s.jpg') no-repeat top left; border: 2px #f48900 solid; } #brrm a:hover {background-position: 0 -90px; } #blrm a:link, #blrm a:visited {top: 251px; left: 700px; border: 1px #fff solid; display: block; width: 60px; height: 90px; background: #f48900 url('../images/rm4s.jpg') no-repeat top left; border: 2px #f48900 solid; } #blrm a:hover {background-position: 0 -90px; } #tlrm a.active, #trrm a.active, #brrm a.active, #blrm a.active {background-position: 0 -90px; } /*====================== buildings ==========================*/ #buildings ul#picnav li.left353 a:link, #buildings ul#picnav li.left353 a:visited {display: block; margin-left: 353px; margin-top: 25px; width: 60px; height: 90px; background: #f48900 url('../images/cc_rollover.jpg') no-repeat top left; border: 2px #f48900 solid; } #buildings ul#picnav li.left353 a:hover {background-position: 0 -90px; } #buildings ul#picnav li.left438 a:link, #buildings ul#picnav li.left438 a:visited {display: block; margin-left: 21px; margin-top:25px; width: 60px; height: 90px; background: url('../images/hc_rollover.jpg') no-repeat top left; border: 2px #f48900 solid; } #buildings ul#picnav li.left438 a:hover {background-position: 0 -90px; } #buildings ul#picnav li.left523 a:link, #buildings ul#picnav li.left523 a:visited {display: block; margin-left: 21px; margin-top:25px; width: 60px; height: 90px; background: url('../images/tm_rollover.jpg') no-repeat top left; border: 2px #f48900 solid; } #buildings ul#picnav li.left523 a:hover {background-position: 0 -90px; } #buildings ul#picnav li.left608 a:link, #buildings ul#picnav li.left608 a:visited {display: block; margin-left: 21px; margin-top:25px; width: 60px; height: 90px; background: url('../images/ow_rollover.jpg') no-repeat top left; border: 2px #f48900 solid; } #buildings ul#picnav li.left608 a:hover {background-position: 0 -90px; } /*city crest */ #tlcc a:link, #tlcc a:visited {top: 136px; left: 700px; border: 1px #fff solid; display: block; width: 60px; height: 90px; background: #f48900 url('../images/cc1s.jpg') no-repeat top left; border: 2px #f48900 solid; } #tlcc a:hover {background-position: 0 -90px; } #trcc a:link, #trcc a:visited {top: 136px; left: 785px; border: 1px #fff solid; display: block; width: 60px; height: 90px; background: #f48900 url('../images/cc2s.jpg') no-repeat top left; border: 2px #f48900 solid; } #trcc a:hover {background-position: 0 -90px; } #tlcc a.active, #trcc a.active {background-position: 0 -90px; } /* heritage court */ #tlhc a:link, #tlhc a:visited {top: 136px; left: 700px; border: 1px #fff solid; display: block; width: 60px; height: 90px; background: #f48900 url('../images/hc1s.jpg') no-repeat top left; border: 2px #f48900 solid; } #tlhc a:hover {background-position: 0 -90px; } #trhc a:link, #trhc a:visited {top: 136px; left: 785px; border: 1px #fff solid; display: block; width: 60px; height: 90px; background: #f48900 url('../images/hc2s.jpg') no-repeat top left; border: 2px #f48900 solid; } #trhc a:hover {background-position: 0 -90px; } #brhc a:link, #brhc a:visited {top: 251px; left: 785px; border: 1px #fff solid; display: block; width: 60px; height: 90px; background: #f48900 url('../images/hc3s.jpg') no-repeat top left; border: 2px #f48900 solid; } #brhc a:hover {background-position: 0 -90px; } #blhc a:link, #blhc a:visited {top: 251px; left: 700px; border: 1px #fff solid; display: block; width: 60px; height: 90px; background: #f48900 url('../images/hc4s.jpg') no-repeat top left; border: 2px #f48900 solid; } #blhc a:hover {background-position: 0 -90px; } #tlhc a.active, #trhc a.active, #brhc a.active, #blhc a.active {background-position: 0 -90px; } /* the melville */ #tltm a:link, #tltm a:visited {top: 136px; left: 700px; border: 1px #fff solid; display: block; width: 60px; height: 90px; background: #f48900 url('../images/tm1s.jpg') no-repeat top left; border: 2px #f48900 solid; } #tltm a:hover {background-position: 0 -90px; } #trtm a:link, #trtm a:visited {top: 136px; left: 785px; border: 1px #fff solid; display: block; width: 60px; height: 90px; background: #f48900 url('../images/tm2s.jpg') no-repeat top left; border: 2px #f48900 solid; } #trtm a:hover {background-position: 0 -90px; } #brtm a:link, #brtm a:visited {top: 251px; left: 785px; border: 1px #fff solid; display: block; width: 60px; height: 90px; background: #f48900 url('../images/tm3s.jpg') no-repeat top left; border: 2px #f48900 solid; } #brtm a:hover {background-position: 0 -90px; } #bltm a:link, #bltm a:visited {top: 251px; left: 700px; border: 1px #fff solid; display: block; width: 60px; height: 90px; background: #f48900 url('../images/tm4s.jpg') no-repeat top left; border: 2px #f48900 solid; } #bltm a:hover {background-position: 0 -90px; } #tltm a.active, #trtm a.active, #brtm a.active, #bltm a.active {background-position: 0 -90px; } /* one wall centre */ #tlow a:link, #tlow a:visited {top: 136px; left: 700px; border: 1px #fff solid; display: block; width: 60px; height: 90px; background: #f48900 url('../images/ow1s.jpg') no-repeat top left; border: 2px #f48900 solid; } #tlow a:hover {background-position: 0 -90px; } #trow a:link, #trow a:visited {top: 136px; left: 785px; border: 1px #fff solid; display: block; width: 60px; height: 90px; background: #f48900 url('../images/ow2s.jpg') no-repeat top left; border: 2px #f48900 solid; } #trow a:hover {background-position: 0 -90px; } #brow a:link, #brow a:visited {top: 251px; left: 785px; border: 1px #fff solid; display: block; width: 60px; height: 90px; background: #f48900 url('../images/ow3s.jpg') no-repeat top left; border: 2px #f48900 solid; } #brow a:hover {background-position: 0 -90px; } #blow a:link, #blow a:visited {top: 251px; left: 700px; border: 1px #fff solid; display: block; width: 60px; height: 90px; background: #f48900 url('../images/ow4s.jpg') no-repeat top left; border: 2px #f48900 solid; } #blow a:hover {background-position: 0 -90px; } #tlow a.active, #trow a.active, #brow a.active, #blow a.active {background-position: 0 -90px; } /* ===================== dams =====================*/ #dams ul#picnav li.left353 a:link, #dams ul#picnav li.left353 a:visited {display: block; margin-left: 353px; margin-top: 25px; width: 60px; height: 90px; background: #f48900 url('../images/rd_rollover.jpg') no-repeat top left; border: 2px #f48900 solid; } #dams ul#picnav li.left353 a:hover {background-position: 0 -90px; } /* ruskin dam */ #tlrd a:link, #tlrd a:visited {top: 136px; left: 700px; border: 1px #fff solid; display: block; width: 60px; height: 90px; background: #f48900 url('../images/rd1s.jpg') no-repeat top left; border: 2px #f48900 solid; } #tlrd a:hover {background-position: 0 -90px; } #trrd a:link, #trrd a:visited {top: 136px; left: 785px; border: 1px #fff solid; display: block; width: 60px; height: 90px; background: #f48900 url('../images/rd2s.jpg') no-repeat top left; border: 2px #f48900 solid; } #trrd a:hover {background-position: 0 -90px; } #tlrd a.active, #trrd a.active {background-position: 0 -90px; } /* ================ analysis =================*/ #analysis ul#picnav li.left353 a:link, #analysis ul#picnav li.left353 a:visited {display: block; margin-left: 353px; margin-top: 25px; width: 60px; height: 90px; background: #f48900 url('../images/lf_rollover.jpg') no-repeat top left; border: 2px #f48900 solid; } #analysis ul#picnav li.left353 a:hover {background-position: 0 -90px; } #analysis ul#picnav li.left438 a:link, #analysis ul#picnav li.left438 a:visited {display: block; margin-left: 21px; margin-top: 25px; width: 60px; height: 90px; background: #f48900 url('../images/la_rollover.jpg') no-repeat top left; border: 2px #f48900 solid; } #analysis ul#picnav li.left438 a:hover {background-position: 0 -90px; } /* lakefront */ #tllf a:link, #tllf a:visited {top: 136px; left: 700px; border: 1px #fff solid; display: block; width: 60px; height: 90px; background: #f48900 url('../images/lf1s.jpg') no-repeat top left; border: 2px #f48900 solid; } #tllf a:hover {background-position: 0 -90px; } #trlf a:link, #trlf a:visited {top: 136px; left: 785px; border: 1px #fff solid; display: block; width: 60px; height: 90px; background: #f48900 url('../images/lf2s.jpg') no-repeat top left; border: 2px #f48900 solid; } #trlf a:hover {background-position: 0 -90px; } #tllf a.active, #trlf a.active {background-position: 0 -90px; } /* louis armstrong */ #tlla a:link, #tlla a:visited {top: 136px; left: 700px; border: 1px #fff solid; display: block; width: 60px; height: 90px; background: #f48900 url('../images/la1s.jpg') no-repeat top left; border: 2px #f48900 solid; } #tlla a:hover {background-position: 0 -90px; } #trla a:link, #trla a:visited {top: 136px; left: 785px; border: 1px #fff solid; display: block; width: 60px; height: 90px; background: #f48900 url('../images/la2s.jpg') no-repeat top left; border: 2px #f48900 solid; } #trla a:hover {background-position: 0 -90px; } #blla a:link, #blla a:visited {top: 251px; left: 700px; border: 1px #fff solid; display: block; width: 60px; height: 90px; background: #f48900 url('../images/la3s.jpg') no-repeat top left; border: 2px #f48900 solid; } #blla a:hover {background-position: 0 -90px; } #tlla a.active, #trla a.active, #blla a.active {background-position: 0 -90px; } /* =================== isolation ==================== */ #isolation ul#picnav li.left353 a:link, #isolation ul#picnav li.left353 a:visited {display: block; margin-left: 353px; margin-top: 25px; width: 60px; height: 90px; background: #f48900 url('../images/mi_rollover.jpg') no-repeat top left; border: 2px #f48900 solid; } #isolation ul#picnav li.left353 a:hover {background-position: 0 -90px; } /* milwaukee */ #tlmi a:link, #tlmi a:visited {top: 136px; left: 700px; border: 1px #fff solid; display: block; width: 60px; height: 90px; background: #f48900 url('../images/mi1s.jpg') no-repeat top left; border: 2px #f48900 solid; } #tlmi a:hover {background-position: 0 -90px; } #trmi a:link, #trmi a:visited {top: 136px; left: 785px; border: 1px #fff solid; display: block; width: 60px; height: 90px; background: #f48900 url('../images/mi2s.jpg') no-repeat top left; border: 2px #f48900 solid; } #trmi a:hover {background-position: 0 -90px; } #brmi a:link, #brmi a:visited {top: 251px; left: 785px; border: 1px #fff solid; display: block; width: 60px; height: 90px; background: #f48900 url('../images/mi3s.jpg') no-repeat top left; border: 2px #f48900 solid; } #brmi a:hover {background-position: 0 -90px; } #blmi a:link, #blmi a:visited {top: 251px; left: 700px; border: 1px #fff solid; display: block; width: 60px; height: 90px; background: #f48900 url('../images/mi4s.jpg') no-repeat top left; border: 2px #f48900 solid; } #blmi a:hover {background-position: 0 -90px; } #b5mi a:link, #b5mi a:visited {top: 366px; left: 700px; border: 1px #fff solid; display: block; width: 60px; height: 90px; background: #f48900 url('../images/mi5s.jpg') no-repeat top left; border: 2px #f48900 solid; } #b5mi a:hover {background-position: 0 -90px; } #tlmi a.active, #trmi a.active, #brmi a.active, #blmi a.active, #b5mi a.active {background-position: 0 -90px; } /* ===================== shake table ======================= */ #shaketable ul#picnav li.left353 a:link, #shaketable ul#picnav li.left353 a:visited {display: block; margin-left: 353px; margin-top: 25px; width: 60px; height: 90px; background: #f48900 url('../images/ee_rollover.jpg') no-repeat top left; border: 2px #f48900 solid; } #shaketable ul#picnav li.left353 a:hover {background-position: 0 -90px; } /* eerf */ #tlee a:link, #tlee a:visited {top: 136px; left: 700px; border: 1px #fff solid; display: block; width: 60px; height: 90px; background: #f48900 url('../images/ee1s.jpg') no-repeat top left; border: 2px #f48900 solid; } #tlee a:hover {background-position: 0 -90px; } #tree a:link, #tree a:visited {top: 136px; left: 785px; border: 1px #fff solid; display: block; width: 60px; height: 90px; background: #f48900 url('../images/ee2s.jpg') no-repeat top left; border: 2px #f48900 solid; } #tree a:hover {background-position: 0 -90px; } #bree a:link, #bree a:visited {top: 251px; left: 785px; border: 1px #fff solid; display: block; width: 60px; height: 90px; background: #f48900 url('../images/ee3s.jpg') no-repeat top left; border: 2px #f48900 solid; } #bree a:hover {background-position: 0 -90px; } #blee a:link, #blee a:visited {top: 251px; left: 700px; border: 1px #fff solid; display: block; width: 60px; height: 90px; background: #f48900 url('../images/ee4s.jpg') no-repeat top left; border: 2px #f48900 solid; } #blee a:hover {background-position: 0 -90px; } #tlee a.active, #tree a.active, #bree a.active, #blee a.active {background-position: 0 -90px; } /* ===================== floor testing ======================== */ #floor ul#picnav li.left353 a:link, #floor ul#picnav li.left353 a:visited {display: block; margin-left: 353px; margin-top: 25px; width: 60px; height: 90px; background: #f48900 url('../images/ch_rollover.jpg') no-repeat top left; border: 2px #f48900 solid; } #floor ul#picnav li.left353 a:hover {background-position: 0 -90px; } #floor ul#picnav li.left438 a:link, #floor ul#picnav li.left438 a:visited {display: block; margin-left: 21px; margin-top:25px; width: 60px; height: 90px; background: url('../images/am_rollover.jpg') no-repeat top left; border: 2px #f48900 solid; } #floor ul#picnav li.left438 a:hover {background-position: 0 -90px; } #tlch a:link, #tlch a:visited {top: 136px; left: 700px; border: 1px #fff solid; display: block; width: 60px; height: 90px; background: #f48900 url('../images/ch1s.jpg') no-repeat top left; border: 2px #f48900 solid; } #tlch a:hover {background-position: 0 -90px; } #trch a:link, #trch a:visited {top: 136px; left: 785px; border: 1px #fff solid; display: block; width: 60px; height: 90px; background: #f48900 url('../images/ch2s.jpg') no-repeat top left; border: 2px #f48900 solid; } #trch a:hover {background-position: 0 -90px; } #brch a:link, #brch a:visited {top: 251px; left: 785px; border: 1px #fff solid; display: block; width: 60px; height: 90px; background: #f48900 url('../images/ch3s.jpg') no-repeat top left; border: 2px #f48900 solid; } #brch a:hover {background-position: 0 -90px; } #blch a:link, #blch a:visited {top: 251px; left: 700px; border: 1px #fff solid; display: block; width: 60px; height: 90px; background: #f48900 url('../images/ch4s.jpg') no-repeat top left; border: 2px #f48900 solid; } #blch a:hover {background-position: 0 -90px; } #tlch a.active, #trch a.active, #brch a.active, #blch a.active {background-position: 0 -90px; } #tlam a:link, #tlam a:visited {top: 136px; left: 700px; border: 1px #fff solid; display: block; width: 60px; height: 90px; background: #f48900 url('../images/am1s.jpg') no-repeat top left; border: 2px #f48900 solid; } #tlam a:hover {background-position: 0 -90px; } #tram a:link, #tram a:visited {top: 136px; left: 785px; border: 1px #fff solid; display: block; width: 60px; height: 90px; background: #f48900 url('../images/am2s.jpg') no-repeat top left; border: 2px #f48900 solid; } #tram a:hover {background-position: 0 -90px; } #tlam a.active, #tram a.active {background-position: 0 -90px; }