/* GENERAL/BODY ------------------------------------------------------------- */ /* Zero default margin & padding around common elements */ body, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, li, ol, p, ul { margin: 0; padding: 0; } a { color: #003399; } a:visited { color: #003399; } a:hover { color: #CC3300; } body { min-width: 770px; height: 100%; /* Needed for footer to stick to bottom of screen */ background-color: #FFFFFF; background-image: url(/vwa/homeimage.nsf/byFileName/left_column.gif/$File/left_column.gif); background-repeat: repeat-y; color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 70%; line-height: 1.4em; } .body_text { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; } .body_header { font-weight: bold; font-size: 162% } fieldset { border: 0 none transparent; } html { height: 100%; /* Needed for footer to stick to bottom of screen */ } img { border: 0 none transparent; } input { font-family: Verdana, Arial, Helvetica, sans-serif; } select { font-size: 100%; font-family: Verdana, Arial, Helvetica, sans-serif; } table { font-size: 100%; } .hidden { position: absolute; left: -1500em; height: 1px; width: 1px; overflow: hidden; margin-right: -1px; margin-bottom: 1px; font-size: 1px; line-height: 1px; } .clearer { clear: both; height: 1px; margin-top: -1px; margin-bottom: -1px; font-size: 1px; line-height: 1px; } /* PAGE LAYOUT -------------------------------------------------------------- */ #nonFooter { min-height: 100%; } * html #nonFooter { height: 100%; } #main { float: left; width: 100%; margin-right: -185px; margin-bottom: 65px; } #menu { float: left; width: 140px; background-color: #F8B500; } #content { margin-top: 10px; margin-right: 157px; margin-left: 160px; } #subContent { display: inline; float: right; width: 147px; margin-top: 10px; margin-bottom: 65px; } /* HEADER ------------------------------------------------------------------- */ #header { background-color: #000000; background-image: url(/vwa/homeimage.nsf/byFileName/header_bg.gif/$File/header_bg.gif); background-repeat: no-repeat; background-position: 100% 0; color: #FFFFFF; } #logo { width: 383px; height: 62px; overflow: hidden; font-size: 200%; font-weight: bold; line-height: 62px; } #logo span.replacementImage { position: absolute; top: 0; width: 383px; height: 62px; background-image: url(/vwa/homeimage.nsf/byFileName/logo.gif/$File/logo.gif); background-repeat: no-repeat; } #subHeader { padding: 2px 9px 5px 9px; background-color: #666666; } * html #subHeader { padding: 2px 9px 2px 9px; } #quicklinks { float: left; } #quicklinks select { background-color: #E8EED0; vertical-align: middle; } #quicklinks input.submitRoundSilver { width: 25px; height: 24px; background-color: #CCCCCC; background-image: url(/vwa/homeimage.nsf/byFileName/button_round_silver.gif/$File/button_round_silver.gif); line-height: 24px; vertical-align: middle; } #searchLink { float: right; } * html #searchLink { padding-top: 3px; } /* MENU --------------------------------------------------------------------- */ #menu ul { border-right: 1px solid #666666; padding-top: 1.65em; } #menu li { display: inline; } #menu a { display: block; width: 139px; w\idth: 120px; border-top: 1px solid #666666; border-left: 1px solid #666666; padding: 2px 9px 2px 9px; background-color: #FEF6A1; color: #000000; text-decoration: none; } #menu a:hover { background-color: #FFFFFF; } #menu .secondary a { background-color: #FCDC61; } #menu .secondary a:hover { background-color: #FFFFFF; } #menuContact a { border-bottom: 1px solid #666666; background-color: #F8B500; } /* CONTENT ------------------------------------------------------------------ */ #informationSelects { background-image: url(/vwa/homeimage.nsf/byFileName/feature_bg.jpg/$File/feature_bg.jpg); background-repeat: no-repeat; background-position: 500px 6px; } #informationSelectsInner { min-height: 165px; padding-top: 15px; padding-left: 175px; background-image: url(/vwa/homeimage.nsf/byFileName/feature1.jpg/$File/feature1.jpg); background-repeat: no-repeat; background-position: 0 100%; } * html #informationSelectsInner { height: 180px; he\ight: 165px; } form.informationSelectForm { margin-top: 3px; } form.informationSelectForm select { width: 21.5em; background-color: #EEEEEE; } h1 { position: relative; width: 238px; height: 43px; overflow: hidden; font-size: 150%; } h1 span.replacementImage { position: absolute; top: 0; left: 0; width: 238px; height: 43px; background-image: url(/vwa/homeimage.nsf/byFileName/heading1.gif/$File/heading1.gif); background-repeat: no-repeat; } /*consultation*/ #consult {background-color: #ffffff; f\loat:left; display: inline; width: 100%; } #consult ul { position: relative; top: 2px; padding-bottom: 5px; background-color: #ffffff; list-style: none; width: 100%; } #consult li {display: inline; f\loat: left; width: 100%; padding: 5px 9px 0px 23px; padd\ing: 5px 9px 0px 0px; margin-right: -10px; background-image: url(/vwa/homeimage.nsf/byFileName/bullet.gif/$File/bullet.gif); background-repeat: no-repeat; background-position: 11px 12px; te\xt-indent: 23px; height: 1em; } /* healthAct - first line to be removed after worksafeweek ------------------------------------------------------------------ */ #healthAct {background-color: #F8B500; f\loat:center; } #healthAct h2 { padding: 5px 9px; background-color: #000000; color: #F8B500; font-size: 100%; } #healthAct ul { f\loat: left; w\idth: 100%; overflow: hidden; padding-bottom: 5px; background-color: #FCDC61; list-style: none; } #healthAct li { display: inline; f\loat: left; width: 50%; padding: 5px 9px 0 23px; padd\ing: 5px 9px 0 0; margin-right: -10px; background-image: url(/vwa/homeimage.nsf/byFileName/bullet.gif/$File/bullet.gif); background-repeat: no-repeat; background-position: 11px 12px; te\xt-indent: 23px; } #news { f\loat: left; w\idth: 100%; margin-top: 10px; border-collapse: collapse; } #news th { width: 50%; border: 1px solid #D7DEB9; padding: 5px 9px; background-color: #96988B; color: #FFFFFF; text-align: left; font-weight: bold; } #news td { width: 50%; border: 1px solid #D7DEB9; vertical-align: top; } #newsColumn ul { margin-top: -6px; padding: 0 9px 9px 9px; list-style: none; } #newsColumn li { margin-top: 15px; } #newsColumn h3 { font-size: 100%; } #informationColumn p.first { border-bottom: 1px solid #D7DEB9; padding: 9px 9px 9px 18px; background-image: url(/vwa/homeimage.nsf/byFileName/bullet.gif/$File/bullet.gif); background-repeat: no-repeat; background-position: 9px 15px; font-weight: bold; } #informationColumn ul { list-style: none; padding: 4px 9px 9px 9px; } #informationColumn li { padding: 5px 0 0 9px; background-image: url(/vwa/homeimage.nsf/byFileName/bullet.gif/$File/bullet.gif); background-repeat: no-repeat; background-position: 0 10px; } * html #informationColumn li { bac\kground-position: 0 12px; } input.submitRound { width: 23px; height: 22px; border: 0 solid transparent; padding: 0; background-color: transparent; background-repeat: no-repeat; font-size: 80%; font-family: "Trebuchet MS"; line-height: 22px; text-transform: uppercase; text-align: center; letter-spacing: 0.1em; cursor: hand; c\ursor: pointer; } input.submitRoundYellow { background-image: url(/vwa/homeimage.nsf/byFileName/button_round_yellow.gif/$File/button_round_yellow.gif); } span.button { display: block; background-color: #FFFFFF; background-image: url(/vwa/homeimage.nsf/byFileName/button_bg.gif/$File/button_bg.gif); background-repeat: repeat-x; } span.button span.buttonInner { display: block; padding-right: 3px; background-image: url(/vwa/homeimage.nsf/byFileName/button_right.gif/$File/button_right.gif); background-repeat: no-repeat; background-position: 100% 0; } span.button span.buttonInner * { position: relative; display: block; height: 21px; overflow: hidden; padding-right: 15px; padding-left: 15px; background-image/**/: url(/vwa/homeimage.nsf/byFileName/button_left.gif/$File/button_left.gif); background-repeat: no-repeat; line-height: 21px; text-decoration: none; color: #000000; } * html span.button span.buttonInner * { height: auto; } /* SUBCONTENT --------------------------------------------------------------- */ #workSafe h2 { position: relative; width: 147px; height: 63px; overflow: hidden; font-size: 125%; } #workSafe h2 span.replacementImage { position: absolute; width: 147px; height: 63px; background-image: url(/vwa/homeimage.nsf/byFileName/heading_worksafe.gif/$File/heading_worksafe.gif); background-repeat: no-repeat; } #workSafe h3 { position: relative; width: 147px; height: 50px; overflow: hidden; font-size: 125%; } #workSafe h3 span.replacementImage { position: absolute; width: 147px; height: 50px; background-image: url(/vwa/homeimage.nsf/byFileName/worksafe_homepage.gif/$File/worksafe_homepage.gif); background-repeat: no-repeat; } #workSafe ul { margin-top: -1px; padding: 0 9px 15px 9px; background-color: #FCDC61; list-style: none; } #workSafe li { padding: 5px 0 0 9px; background-image: url(/vwa/homeimage.nsf/byFileName/bullet.gif/$File/bullet.gif); background-repeat: no-repeat; background-position: 0 12px; } #events { margin-top: 10px; border: 1px solid #D7DEB9; } #events h2 { padding: 5px 9px; background-color: #96988B; font-size: 100%; color: #FFFFFF; } #events .eventImage { margin-top: 2px; } #events ul { padding: 0 9px 9px 9px; list-style: none; } #events li { padding: 5px 0 0 9px; background-image: url(/vwa/homeimage.nsf/byFileName/bullet.gif/$File/bullet.gif); background-repeat: no-repeat; background-position: 0 12px; } /* FOOTER ------------------------------------------------------------------- */ #footer { position: absolute; width: 100%; height: 23px; he\ight: 10px; margin-top: -23px; padding: 0 0 2em 0; list-style: none; color: #666666; text-align: center; } #footer p { margin-left: 160px; } #logoVic { position: absolute; left: 37px; margin-top: -35px; } #footer a { color: #666666; }