/* Date: April 2010 Author: Sean Ockert Company: Kintek, Brisbane */ /* ------------------------------Initialise -------------------------------*/ /* This section is for style resets, a:link styles and common classes. Common classes can be applied to any element as a shortcut style. Eg. Adding - class="right" - to an image will float it right Adding - class="text-center" - to a paragraph will center align the text Adding - class="clear" - is handy to clear floats and rows. */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, button, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } /* remember to define focus styles */ :focus {outline: 0;} body { line-height: 1; color: black; background: white; } ol, ul { list-style: none; margin-bottom:10px; margin-left:10px; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after {content: "";} blockquote, q {quotes: "" "";} a:link, a:visited {color:#249760;text-decoration:underline;font-weight:normal;} a:hover {color:#0e5633;text-decoration:underline;border-bottom:none;} p {margin:15px 0;} img {border:none;} p img {margin:5px;} strong {font-weight:bold;} em {font-style:italic;} hr { border: 0; width: 100%; color: #ddd; background-color: #ddd; height: 1px; } .left {float:left;} .left img {margin:5px;} .right {float:right;} .right img {margin:5px;} .clear {clear:both;} .small, small {font-size:0.8em;} .text-left {text-align:left;} .text-right {text-align:right;} .text-center {text-align:center;} .padded {padding-left:5px;} .padded-top {padding-top:10px;} .nopadding {padding:0 0px;} .error {padding:5px 10px;margin:5px 0;background:#AD0E2F;color:#fff;border:1px solid #7E0C24;font-weight:bold;} .notice {padding:5px 10px;margin:5px 0;background:#7DB647;color:#fff;border:1px solid #5D8932;font-weight:bold;} .spacer {height:350px;} .item-left{float:left;margin:0 20px 20px 0;} .item-right{float:right; margin:0 20px 20px 0; } .indent-paragraph-left{margin:0 0px 20px 30px;} .indent-paragraph{margin:20px 40px;} .quote{background:#F3F3F3;margin:20px 40px;padding:10px; -moz-border-radius:5px; -webkit-border-radius:5px;border:1px solid #e9e9e9;} /* ------------------- Headers -------------------------------*/ h1 {} h2 {font-size:1.6em;margin-top:10px;margin-bottom:20px;color:#38a25e;} h3 { padding:20px 0; letter-spacing:-1px; font:1.4em arial, helvetica, sans-serif; } h3 { font:1em arial, helvetica, sans-serif; font-weight:bold; } h4, h5, h6 {font-weight:bold;margin:15px 0;} h4 {font-size:1.3em;padding-bottom:5px;border-bottom:1px solid #ddd;} h5 {font-size:1.2em;} h6{font-size:1em;} /* ------------------- Lists -------------------------------*/ ul.tick {margin-left:10px;} ul.list-style-disc, ol.list-style-decimal {margin-left:30px;} ul.list-style-disc li {list-style:disc;} ul.tick li {background:url(img/tick.png) no-repeat center left;padding-left:35px;padding-top:10px;} ol.list-style-decimal li {list-style-type:decimal;} ul.list-style-disc li, ul.tick li, ol.list-style-decimal li {margin-left:10px;padding-bottom:5px;} #sidebar ul li:before, #sidebar ul ul li:before { content: "\00BB \0020"; } /* ------------------- Blockquote -------------------------------*/ blockquote { margin: 15px; margin-bottom:45px; margin-top:0; padding: 0; font-size: 110%; line-height: 160%; font-style: italic; } /* ------------------- 960.gs grid. Don't edit this -------------------------------*/ .container_12,.container_16{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:left;position:relative;margin-left:10px;margin-right:10px}.container_12 .grid_3,.container_16 .grid_4{width:220px}.container_12 .grid_6,.container_16 .grid_8{width:460px}.container_12 .grid_9,.container_16 .grid_12{width:700px}.container_12 .grid_12,.container_16 .grid_16{width:940px}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_16 .grid_1{width:40px}.container_16 .grid_2{width:100px}.container_16 .grid_3{width:160px}.container_16 .grid_5{width:280px}.container_16 .grid_6{width:340px}.container_16 .grid_7{width:400px}.container_16 .grid_9{width:520px}.container_16 .grid_10{width:580px}.container_16 .grid_11{width:640px}.container_16 .grid_13{width:760px}.container_16 .grid_14{width:820px}.container_16 .grid_15{width:880px}.container_12 .prefix_3,.container_16 .prefix_4{padding-left:240px}.container_12 .prefix_6,.container_16 .prefix_8{padding-left:480px}.container_12 .prefix_9,.container_16 .prefix_12{padding-left:720px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_16 .prefix_1{padding-left:60px}.container_16 .prefix_2{padding-left:120px}.container_16 .prefix_3{padding-left:180px}.container_16 .prefix_5{padding-left:300px}.container_16 .prefix_6{padding-left:360px}.container_16 .prefix_7{padding-left:420px}.container_16 .prefix_9{padding-left:540px}.container_16 .prefix_10{padding-left:600px}.container_16 .prefix_11{padding-left:660px}.container_16 .prefix_13{padding-left:780px}.container_16 .prefix_14{padding-left:840px}.container_16 .prefix_15{padding-left:900px}.container_12 .suffix_3,.container_16 .suffix_4{padding-right:240px}.container_12 .suffix_6,.container_16 .suffix_8{padding-right:480px}.container_12 .suffix_9,.container_16 .suffix_12{padding-right:720px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_16 .suffix_1{padding-right:60px}.container_16 .suffix_2{padding-right:120px}.container_16 .suffix_3{padding-right:180px}.container_16 .suffix_5{padding-right:300px}.container_16 .suffix_6{padding-right:360px}.container_16 .suffix_7{padding-right:420px}.container_16 .suffix_9{padding-right:540px}.container_16 .suffix_10{padding-right:600px}.container_16 .suffix_11{padding-right:660px}.container_16 .suffix_13{padding-right:780px}.container_16 .suffix_14{padding-right:840px}.container_16 .suffix_15{padding-right:900px}.container_12 .push_3,.container_16 .push_4{left:240px}.container_12 .push_6,.container_16 .push_8{left:480px}.container_12 .push_9,.container_16 .push_12{left:720px}.container_12 .push_1{left:80px}.container_12 .push_2{left:160px}.container_12 .push_4{left:320px}.container_12 .push_5{left:400px}.container_12 .push_7{left:560px}.container_12 .push_8{left:640px}.container_12 .push_10{left:800px}.container_12 .push_11{left:880px}.container_16 .push_1{left:60px}.container_16 .push_2{left:120px}.container_16 .push_3{left:180px}.container_16 .push_5{left:300px}.container_16 .push_6{left:360px}.container_16 .push_7{left:420px}.container_16 .push_9{left:540px}.container_16 .push_10{left:600px}.container_16 .push_11{left:660px}.container_16 .push_13{left:780px}.container_16 .push_14{left:840px}.container_16 .push_15{left:900px}.container_12 .pull_3,.container_16 .pull_4{left:-240px}.container_12 .pull_6,.container_16 .pull_8{left:-480px}.container_12 .pull_9,.container_16 .pull_12{left:-720px}.container_12 .pull_1{left:-80px}.container_12 .pull_2{left:-160px}.container_12 .pull_4{left:-320px}.container_12 .pull_5{left:-400px}.container_12 .pull_7{left:-560px}.container_12 .pull_8{left:-640px}.container_12 .pull_10{left:-800px}.container_12 .pull_11{left:-880px}.container_16 .pull_1{left:-60px}.container_16 .pull_2{left:-120px}.container_16 .pull_3{left:-180px}.container_16 .pull_5{left:-300px}.container_16 .pull_6{left:-360px}.container_16 .pull_7{left:-420px}.container_16 .pull_9{left:-540px}.container_16 .pull_10{left:-600px}.container_16 .pull_11{left:-660px}.container_16 .pull_13{left:-780px}.container_16 .pull_14{left:-840px}.container_16 .pull_15{left:-900px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block} /* ------------------------------Main Styles -------------------------------*/ body { font-family:arial,sans-serif; color:#555; line-height:150%; letter-spacing:0.01em; font-size:1em; background:#249760 url(../images/bg.png) no-repeat center top; } #head_container { margin-top:30px; height:190px; padding:0; border-top:1px solid #9dd0af; border-bottom:1px solid #9dd0af; background:transparent url(../images/header_bg_trans.png) repeat-x; } #logo {float:left;margin-top:5px;} #menu_container { background:#2f9055 url(../images/menu_bar_trans.png) repeat-x; height:20px; margin-bottom:20px; padding:8px; padding-top:4px; } /* #menu_top {padding:0;text-align:left;} #menu_top li {display:inline;padding:10px 9px;margin-right:-10px;} #menu_top li a {font-size:0.85em;font-weight:bold;color:#eee;text-transform:uppercase;text-decoration:none;letter-spacing:-0.5px;} */ #menu_top {z-index:999;} #menu_top ul { list-style: none; margin: 0; padding: 0; float: left; } #menu_top a { font-size:0.9em !important; font-weight:bold; color:#eee; display: block; text-transform:uppercase; text-decoration:none; letter-spacing:-0.5px; border-bottom:1px solid transparent; } #menu_top a:hover { color: #fff; text-shadow:1px 1px 7px #92e1a9; } #menu_top li {position: relative;padding:6px 10px;padding-top:2px;z-index:999;} #menu_top li a span.red {background:#eee;color:#d30707;padding:1px 3px;} #menu_top li a:hover, #menu_top li a.selected {text-decoration:none;color:#fff;border-bottom:1px solid #fff;} #menu_top li a:hover span.red {background:#fff;color:red;} #menu_top ul ul { position: absolute; z-index: 500; width:15em; padding-top:5px; cursor:pointer; background:#43995c; border-right:1px solid #295d38; border-bottom:1px solid #295d38; } #menu_top ul ul li {padding:0px;} #menu_top ul ul li a {padding:7px;} #menu_top ul ul li a:hover {background:#38824d;border-bottom:1px solid transparent;} #menu_top ul ul ul { position: absolute; top: 0; left: 100%; cursor:pointer; } #menu_top ul ul, #menu_top ul li:hover ul ul, #menu_top ul ul li:hover ul ul {display: none;} #menu_top ul li:hover ul, #menu_top ul ul li:hover ul, #menu_top ul ul ul li:hover ul {display: block;}