/* ----------------------------------------------------- PWI URL: http://www.pwi.com.au/ Sol Design www.sol.com.au Design and Code by Guy Jeffrey Last modified: Sept 2008 ------------------------------------------------------ */ /* basics ----------------------------------------------- */ html, body, form, fieldset { margin: 0; padding: 0; } body { font-size: 76%; color: black; font-family: Arial, Helvetica, sans-serif; text-align: left; background-color: #fff; margin: 0; padding: 0; } h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address { margin: 0; padding: 0; } form label { cursor: pointer; } fieldset { border: none; } input, select, textarea { font-size: 80%; } .standardsAlert { display: none; } .clearleft { clear: left; } img { display: inline; } div.clearer {clear: both; line-height: 0; height: 1px;} iframe { padding-bottom: 5px; } /* basic links ----------------------------------------------- */ a:link, a:visited { color: #0a9bb5; text-decoration: none; } a:hover { color: #088095; text-decoration : underline; } a img {border: none; } a:active { color: #23aec7; outline: none medium; } a:focus {-moz-outline-style: none;} /* layout ----------------------------------------------- */ #wrapper { width: 993px; margin: 0 auto; padding: 0; text-align: left; } #contentwrapper { background-image: url(../images/content-bg2.png); background-repeat: repeat-y; background-position: left top; margin: 0 auto; width: 993px; } #rightcolumn { text-align: center; width: 230px; float: left; display: inline; overflow: visible; position: relative; margin: 0; padding: 0; } #midcolumn { text-align: left; display: inline; margin: 0; padding: 0 0 10px; width: 580px; float: left; overflow: visible; } #two { text-align: left; display: inline; margin: 0; padding: 0; width: 280px; float: left; overflow: visible; } /* masthead & Breadcrumb ----------------------------------------------- */ #masthead { background-image: url(../images/pwi-masthead.jpg); background-repeat: no-repeat; background-position: left top; margin: 0 auto 3px; width: 993px; height: 165px; padding: 0; } #masthead p { color: #fff; font-size: 10px; margin-top: 0; margin-left: 190px; padding: 3px 0 0; } #masthead a:link, #masthead a:visited { color: #fff; font-weight: normal; text-decoration: none; } #masthead a:hover { color: #fff; text-decoration: underline; } #masthead a:active { color: #c2ccb8; } /* Global Navigation ------------------------------------------------------------------ */ /* TopNav */ #topnavbox { width: 993px; height: 42px; margin: 0 auto 15px; padding: 0; } #topnavbox #topnav { text-align: center; height: 42px; margin: 0; padding: 0; } #topnavbox #topnav li { display: inline; } #topnavbox #topnav li a { float: left; ; height: 0; padding-top: 42px; overflow: hidden; } #topnavbox #topnav li a { background-image: url(../images/navbar.png); background-repeat: no-repeat; } /* TopNav Buttons */ #topnavbox #topnav li#tn-none a { background-position: 0 0; width: 180px} #topnavbox #topnav li#tn-home a { background-position: -180px 0; width: 116px} #topnavbox #topnav li#tn-about a { background-position: -296px 0; width: 116px } #topnavbox #topnav li#tn-membership a { background-position: -412px 0; width: 116px} #topnavbox #topnav li#tn-news a { background-position: -528px 0; width: 116px} #topnavbox #topnav li#tn-events a { background-position: -644px 0; width: 116px} #topnavbox #topnav li#tn-sponsors a { background-position: -760px 0; width: 116px} #topnavbox #topnav li#tn-contact a { background-position: -876px 0; width: 117px} /* TopNav Rollovers */ #topnavbox #topnav li#tn-none a:hover { background-position: 0 0; } #topnavbox #topnav li#tn-home a:hover { background-position: -180px -42px; } #topnavbox #topnav li#tn-about a:hover { background-position: -296px -42px; } #topnavbox #topnav li#tn-membership a:hover { background-position: -412px -42px; } #topnavbox #topnav li#tn-news a:hover { background-position: -528px -42px; } #topnavbox #topnav li#tn-events a:hover { background-position: -644px -42px; } #topnavbox #topnav li#tn-sponsors a:hover { background-position: -760px -42px; } #topnavbox #topnav li#tn-contact a:hover { background-position: -876px -42px; } /* TopNav Active (pressed) */ #topnavbox #topnav li#tn-none a:active { background-position: 0 0; } #topnavbox #topnav li#tn-home a:active { background-position: -180px -84px; } #topnavbox #topnav li#tn-about a:active { background-position: -296px -84px; } #topnavbox #topnav li#tn-membership a:active { background-position: -412px -84px; } #topnavbox #topnav li#tn-news a:active { background-position: -528px -84px; } #topnavbox #topnav li#tn-events a:active { background-position: -644px -84px; } #topnavbox #topnav li#tn-sponsors a:active { background-position: -760px -84px; } #topnavbox #topnav li#tn-contact a:active { background-position: -876px -84px; } /* TopNav On (Here) */ #topnavbox.home #topnav li#tn-none a:hover { background-position: 0 0; cursor: default; } #topnavbox.home #topnav li#tn-none a { background-position: 0px 0px; } #topnavbox.home #topnav li#tn-home a:hover { background-position: -180px -126px; cursor: default; } #topnavbox.home #topnav li#tn-home a { background-position: -180px -126px; } #topnavbox.about #topnav li#tn-about a { background-position: -296px -126px; } #topnavbox.membership #topnav li#tn-membership a { background-position: -412px -126px; } #topnavbox.news #topnav li#tn-news a { background-position: -528px -126px; } #topnavbox.events #topnav li#tn-events a { background-position: -644px -126px; } #topnavbox.sponsors #topnav li#tn-sponsors a { background-position: -760px -126px; } #topnavbox.contact #topnav li#tn-contact a { background-position: -876px -126px; } /* Left Column Nav*/ #leftnav { background-image: none; margin: 0 auto; width: 180px; float: left; padding-bottom: 20px; display: inline; } #leftnav ul {margin: 0; padding: 0; list-style-type: none;} #leftnav ul li { width: 160px; float: left; border-top: 1px solid #dbdbdb; } #leftnav ul li.last { width: 145px; float: left; border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; } #leftnav ul li a.here { color: #366; background-image: url(../images/366-tri.gif); background-repeat: no-repeat; background-position: left 11px; } #leftnav ul li a { width: 145px; font-size: 12px; font-weight: bold; height: 28px; line-height: 2.6em; color: #3c506a; font-style: normal; text-decoration: none; text-align: left; margin-left: 0; padding-left: 10px; display: block; } #leftnav ul li a:hover { color: #23aec7; background-repeat: no-repeat; background-position: left top; text-decoration: underline; border-top-color: #fff; border-top-width: 1px; } #leftnav ul li a:hover.here { color: #366; background-image: url(../images/366-tri.gif); background-repeat: no-repeat; background-position: left 11px; text-decoration: none; } /* LeftNav Subnav*/ #leftnav ul#subnav { width: 160px; padding: 0; margin: 0; overflow: visible; list-style-type: none;} #leftnav ul#subnav li { width: 160px; float: left; border-top: 1px solid #dbdbdb; } #leftnav ul#subnav li.subhere { color: #787878; background-repeat: no-repeat; background-position: left top; float: left; } #leftnav ul#subnav li.subhere a { color: #787878; background-image: url(../images/subnav_bg.png); _background-image: url(../images/subnav_bg.gif); background-repeat: repeat-y; } #leftnav ul#subnav li a { width: 160px; font-size: 12px; font-weight: bold; line-height: 2.2em; text-align: left; color: #bdbdbd; font-style: normal; text-decoration: none; margin-left: 0; padding-left: 20px; display: block; } #leftnav ul#subnav a:hover { color: #787878; text-decoration: underline; } #leftnav ul#subnav li.subhere a:hover { color: #787878; text-decoration: none; } /* Left Column Text*/ #leftnav h1 { color: #2a5052; font-size: 1.3em; font-weight: bold; margin-left: 10px; padding: 0 25px 1em 0; } #leftnav p { color: #787878; font-size: 0.9em; line-height: 1.5; text-align: left; margin-left: 10px; padding-right: 25px; padding-bottom: 10px; padding-left: 0; } #leftnav h3 { color: #366; font-size: 1em; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold; margin-left: 10px; padding: 10px 25px 0 0; } #leftnav h3 a:link, #leftnav h3 a:visited { color: #366; text-decoration: none; } #leftnav h3 a:hover { text-decoration: underline; } #leftnav a:link, #leftnav a:visited { color: #0a9bb5; text-decoration: none; } #leftnav a:hover { color: #088095; text-decoration: underline; } #leftnav a:active { color: #23aec7; text-decoration: none; } /* Mid Column ----------------------------------------------- */ #midcolumn p { color: #787878; font-size: 1em; line-height: 1.8; text-align: left; padding-right: 20px; padding-bottom: 10px; padding-left: 0; } #midcolumn p.caption { color: #787878; font-size: 0.9em; font-style: italic; line-height: 1.1em; text-align: left; padding-right: 20px; padding-bottom: 20px; padding-left: 0; } #midcolumn tt { color: #f00; } #midcolumn h1 { color: #366; font-size: 1.8em; font-weight: bold; padding: 0 20px 1em 0; } #midcolumn h2 { color: #09C; font-size: 1.2em; font-family: arial, verdana; font-weight: bold; line-height: 1.1; padding: 1em 20px 0.8em 0; } #midcolumn h3 { color: #787878; font-size: 1.2em; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold; margin-bottom: 10px; padding: 20px 20px 5px 0; border-bottom: 1px solid #ececec; } #midcolumn h3.line { color: #005da3; font-size: 1.5em; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: normal; margin: 10px; padding: 10px 0 0; border-top: 1px dashed #ccc; } #midcolumn h4 { color: #787878; font-size: 1em; font-family: Arial, Helvetica, sans-serif; font-weight: bold; line-height: 1.1; padding: 1em 20px 0.5em 0; } #midcolumn h5 { color: #005da3; font-size: 1.1em; font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-style: italic; line-height: 1.4; padding: 3px 20px 5px 0; } #midcolumn ol { font-family: Arial, Helvetica, sans-serif, Verdana; text-align: left; margin-top: 0; margin-bottom: 10px; padding: 0 20px; list-style-type: decimal; } #midcolumn ol li { color: #787878; font-size: 1em; line-height: 1em; padding-top: 2px; padding-right: 0; padding-bottom: 2px; } #midcolumn ul { color: #787878; text-align: left; margin-top: 0; margin-bottom: 10px; margin-left: 0; padding-left: 5px; } #midcolumn ul li { line-height: 1.5em; background: url(../images/bullet.gif) no-repeat left 1px; list-style-type: disc; margin-bottom: 0; margin-left: 15px; padding-right: 20px; padding-bottom: 5px; padding-left: 5px; } #midcolumn ul li.pdf { font-weight: normal; line-height: 1.5em; background: url(../images/pdf-icon-small.png) no-repeat left 0; margin-bottom: 5px; margin-left: 0; padding-left: 25px; list-style-type: none; } #midcolumn ul li.word { font-weight: normal; line-height: 1.5em; background: url(../images/word-icon-small.png) no-repeat left 0; margin-bottom: 5px; margin-left: 0; padding-left: 25px; list-style-type: none; } #midcolumn a:link, #midcolumn a:visited { color: #0a9bb5; text-decoration: none; } #midcolumn a:hover { color: #088095; text-decoration: underline; } #midcolumn a:active { color: #F00; text-decoration: none; animation: flash; } /* Righ Column ----------------------------------------------- */ #rightcolumn h1 { color: #2a5052; font-size: 1.3em; font-weight: bold; margin-left: 10px; padding: 0 20px 1em 0; } #rightcolumn p { color: #787878; font-size: xx-small; line-height: 1.8; text-align: center; font-family: Arial, Helvetica, sans-serif; } /* footer ----------------------------------------------- */ #footerwrapper { background-color: #fff; background-image: url(../images/footer-grad.png); background-repeat: repeat-x; background-position: 50% top; text-align: center; margin: 0 auto 0; padding-top: 5px; padding-bottom: 0; width: 100%; } #footer { background-image: url(../images/footer-logo.png); background-repeat: no-repeat; background-position: 800px top; width: 993px; height: 160px; margin: 0 auto; } #footer p { color: #0a9bb5; font-size: 0.9em; font-family: Arial, Helvetica, Verdana, sans-serif; font-weight: normal; line-height: 1.2em; text-align: left; margin-left: 10px; padding-top: 10px; } #footer a:link, #footer a:visited { color: #23aec7; text-decoration: none; border-style: none; } #footer a:hover { color: #088095; text-decoration: underline; border-style: none; } #footer #basenav ul, ol, dl {position: relative; } #footer #basenav { background-image: none; margin: 0; width: 198px; float: left; padding: 10px 0 0; } #footer #basenav ul { margin: 0; padding: 0 0 0 0; list-style-type: none; text-align: left; } #footer #basenav ul li { float: left; margin: 0; padding: 0; } #footer #basenav ul li a { font-size: 9px; text-align: left; color: #28c9e6; font-style: normal; line-height: 13px; background-image: url(../images/footer-nav-tri.gif); background-repeat: no-repeat; background-position: left 0.3em; text-decoration: none; width: 120px; margin-left: 10px; padding-left: 10px; list-style-type: none; display: list-item; } #footer #basenav a:hover { text-decoration: underline; } #footer #basenav p { color: #23aec7; font-size: 10px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; line-height: 1em; text-align: left; margin: 0 0 7px 10px; padding: 0; } /* tables ----------------------------------------------- */ #sponsors { width: 100%; margin-top: 20px; margin-bottom: 50px; border-style: none; } #sponsors td { text-align: center; padding: 10px 0; } /* Images ----------------------------------------------- */ img.hero { margin: 0 0 10px; border: 0; } img.pic-phone { margin-top: 3px; margin-right: 15px; margin-left: 10px; float: left; border: 0; } img.sponsors { margin-top: 0; margin-bottom: 10px; border: 0; } img.pic-left { margin-top: 3px; margin-right: 15px; float: left; border: 0; } img.pic-right { float: right; margin-top: 3px; margin-left: 15px; border: 0; } img.b-left { display: block; margin: 3px 15px 10px 0; padding: 3px; float: left; border: solid 1px #999; } img.b-right { display: block; margin: 3px 0 0 15px; padding: 4px; float: right; border: solid 1px #999; }