/* over-rides & defaults */ * { padding:0; margin:0; } html { overflow: hidden; } html, body { height:100%; } body { font-family:tahoma; background:#FFF; font-size:11px; } ul, ol, form, table, input, textarea, select { font-size:11px; font-family:tahoma; } a { color:#5C7BF8; color:#4E7088; text-decoration:none; } a:hover { text-decoration:underline; } h3 { color:#323232; font-size:12px; padding:0 1px 2px; text-transform:lowercase; font-variant:small-caps; display:block; } /* layout */ #tet { position:relative; height:48px; /* IE7 */ z-index:666; } /* holly hack for IE see: http://www.positioniseverything.net/abs_relbugs.html \*/ * html #tet { height:1px; } /* */ #box { margin-top:3px; position:relative; } #map { background:#FFC0CB; position:absolute; top:0; right:0; height:100%; width:100%; } #mapbox { position:relative; height:100%; margin-left:224px; } #bar { position:absolute; top:0; left:0; width:220px; height:100%; overflow:auto; } /* style */ #tet { background:#FFF url("i/tet-bg.png") repeat-x left bottom; border-bottom:1px solid #E5E5E5; } #tet p, #nav { padding:14px 8px 0; font-size:12px; } #tet .logo { margin:8px 18px 0 0; } #bar { border-right:1px solid #BBB; } #bar div { background:url("i/bar-bg.png") no-repeat top right; padding:4px 15px; } #bar p { line-height:16px; padding:0 2px; } #bar form { overflow:hidden; } #bar form label { display:block; text-align:left; padding:0 1px; } #bar #grp p label input { display:none; } #bar #grp p label { color:#BBB; display:block; padding:1px 0 2px 12px; cursor:pointer; background:url("i/check-disabled.gif") no-repeat 0 center; cursor:pointer; } #bar #grp p label.checked { background:url("i/check-enabled.gif") no-repeat 0 center; } #bar #grp p label span { padding:0 2px 0 3px; } #bar #grp p label:hover span { background-color:#F4F4F4; border-bottom:1px solid #E5E5E5; } #bar #grp p label input { vertical-align:top; } #bar #grp p label input { background:transparent; padding:0; border:0; } #grp p { background-position:right center; background-repeat:no-repeat; } .frmr { background-image:url("i/anch9.png"); } .elec { background-image:url("i/bolt9.png"); } .pubr { background-image:url("i/beer9.png"); } .cash { background-image:url("i/cash9.png"); } .mill { background-image:url("i/wind9.png"); } .natu { background-image:url("i/leaf9.png"); } .shop { background-image:url("i/shop9.gif"); } #grp p.frmr label.checked span { color:#58514B; } #grp p.elec label.checked span { color:#DAC85D; } #grp p.pubr label.checked span { color:#D35A02; } #grp p.cash label.checked span { color:#0057A0; } #grp p.mill label.checked span { color:#8D9EB0; } #grp p.natu label.checked span { color:#718533; } #grp p.shop label.checked span { color:#418362; } #contact { background:url("i/email.gif") no-repeat 0 3px; padding-left:15px; color:#507dc5; } #bar #ftr { position:absolute; bottom:1em; background:none; color:#CCC; border:0; margin-top:6em; } #ftr img { vertical-align:bottom; margin-right:2px; } /* 4 char classes */ .hide { display:none; } .bloc { display:block; } .left { float:left; } .flor { float:right; } .lowc { text-transform:lowercase; } .txtr { text-align:right; } /* over-ride google style */ #map_overview.gmnoprint > div { border-width:0 !important; background-color:#FFF !important; } #map_overview.gmnoprint > div > div { width:117px !important; height:117px !important; left:3px; top:3px; border:0 !important; } #amtc_option_0 div, #amtc_option_1 div, #amtc_option_2 div { font-size:11px !important; } /* original CSS and associated HTML (c) 2005-07 Stu Nicholls, all rights reserved (used w/permission) see: http://www.cssplay.co.uk/menus/skeleton2.html */ /* IE7 doesn't do auto width well */ *+ html #nav li li { width:10em; } *+ html #nav li li li { width:16em; } #nav { height:23px; } #nav, #nav ul { list-style:none; position:relative; z-index:100; } #nav table { border-collapse:collapse;} #nav li { float:left; } #nav li a { color:#4E7088; } #nav li a span { color:#DDD; } #nav li a:hover span { color:#4E7088; } #nav li li { float:none; height:21px; line-height:20px; } #nav li ul { border:1px solid #E5E5E5; border-bottom:1px solid #BBB; padding:4px; background:#FFF; } /* IE7 glitch */ *+ html #nav li li { padding:0 4px; } *+ html #nav li ul { padding:4px 0; } /* a hack for IE5.x and IE6 */ #nav li a li { float:left; } #nav li a { display:block; float:left; height:23px; padding:0 16px 0 8px; line-height:22px; text-decoration:none; white-space:nowrap; } #nav li li a { color:#fff; color:#4E7088; height:21px; line-height:20px; float:none; } #nav li li ul { border-left-color:#BBB; } /* IE7 glitch */ *+ html #nav li li ul { border-left-color:#E5E5E5; } #nav li:hover { position:relative; z-index:100; } #nav a:hover { position:relative; z-index:100; background:#E8E8E8; } #nav li:hover > a { background:#E8E8E8; } #nav :hover ul { left:0; top:23px; z-index:300; } #nav a:hover ul { left:-1px; } #nav ul { position:absolute; left:-999em; top:-999em; } /* it could have been this simple if all browsers understood */ /* show next level */ #nav li:hover li:hover > ul { left:-4px; margin-left:100%; top:-5px; } *+ html #nav li:hover li:hover > ul { left:0; } /* keep further levels hidden */ #nav li:hover > ul ul { position:absolute; left:-999em; top:-999em; width:auto; } /* show path followed */ #nav li:hover li:hover > a { background:#BBB; color:#fff; } #nav li a:hover ul li a:hover { background:#BBB; color:#fff; } /* but IE5.x and IE6 need this lot to style the flyouts*/ /* show next level */ #nav a:hover a:hover ul, #nav a:hover a:hover a:hover ul, #nav a:hover a:hover a:hover a:hover ul, #nav a:hover a:hover a:hover a:hover a:hover ul { left:100%; top:0; } /* keep further levels hidden */ #nav a:hover ul ul, #nav a:hover a:hover ul ul, #nav a:hover a:hover a:hover ul ul, #nav a:hover a:hover a:hover a:hover ul ul { position:absolute; left:-999em; top:-999em; } #nav li.button { padding:0 11px 0 8px; } #nav li.button a { padding:0; width:16px; background:url("i/arrow.gif") no-repeat 0 center; outline:none; } #nav li.button a.show-sidebar { background-position:-32px center; } /* duplicate background property instead of background-position for IE6 */ #nav li.button a:hover { background:url("i/arrow.gif") no-repeat -16px center; } #nav li.button a.show-sidebar:hover { background:url("i/arrow.gif") no-repeat -48px center; }