/*
  Running MySource Matrix
  Developed by Squiz - http://www.squiz.net
  MySource, MySource Matrix and Squiz.net are registered Trademarks of Squiz Pty Ltd
  Page generated: 01 August 2010 17:18:11
*/


/* RESET - COMMON */
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,
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;
}
/* 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: "" "";
}
/* RESET - ADDITIONAL */
a img {border: none;}
.hidden {display: none;}

/* --------------------- Navigation ------------------------ */
#nav_global li {}
#nav_global .asset126530,
#nav_global .asset126535,
#nav_global .asset126539 {}

#nav_global .asset126559 {}

/* ----------------------- Classes -------------------------- */
.hidden {display: none;}
.clear_left {clear:left;}

/* ----------------------- ADDITIONAL -------------------------- */

body {text-align: center;  font-family: "trebuchet MS";}
#wrap_all {text-align: left; margin: 0 auto; width: 976px; }
#wrap_main {width: 732px; float: left; position:relative; margin: 0 0 80px 6px;}
#logo img {margin: 25px 0;}
#page_tools {position:absolute; right: -226px; width: 367px;display:none; }
#page_tools a {color: #939393; text-decoration:none; font-weight:bold;}
#page_tools a:hover {color:#fff;}
#page_tools .login {position:relative; top:-10px; padding-left:5px;}
#page_tools .login a {font-size: 13px; padding: 0 19px;}
#wrap_content {background-color: #fff; padding: 0 0 10px 6px;}
#content_header {border-top: 6px solid #fff;}
#wrap_footer {height: 80px;}
#wrap_footer p {text-align: right; padding: 6px 0 0; font: 11px Arial;}
#wrap_footer a {color: #fff; text-decoration: none;}
#wrap_footer a:hover {text-decoration: underline;}
#wrap_footer p,
#page_tools p {color: #fff;}

#sidebar {float: left; margin-top: 201px; width: 226px; font: 11px/15px sans-serif; display:none;}
#sidebar_tabs {height: 22px;}
#sidebar_tabs li {float:left; height:18px; width:103px;  padding-top: 4px; }
#sidebar_tabs li.current {background-position: bottom left; }
#sidebar_tabs li.current a {color: #636361;}
#sidebar_tabs a {color:#c70a0e; text-decoration:none; padding-left:16px;}
#sidebar_tabs a:hover {text-decoration: underline;}

#sidebar_notices .notice {margin-right:6px; padding:0 15px;  color:#646465; display:none;}
#sidebar_notices .current {display: block;}
#sidebar_notices h2 {color: #c70a0e;  padding: 10px 0 10px 0;  font: normal 30px "Trebuchet MS"; letter-spacing: -0.5px;}
#sidebar_notices h3 {color: #000; font-size: 15px; font-weight:bold; padding-top: 10px;}
#sidebar_notices .date {color: #c70a0e; margin-bottom: 10px;}
#sidebar_notices .more {margin: 0 16px; text-align: right; padding: 20px 0;}
#sidebar_notices .more a {color:#c70a0e; text-decoration:none; font: bold 16px "Trebuchet MS"; padding: 16px 50px;}

#sidebar_features {margin-top: 16px;  color: #d4d3d3;}
#sidebar_features h3 {font-size: 13px; font-weight: bold; padding: 8px 0 8px 30px; margin: 0 6px 0 0;  color: #D4D3D3;}
#sidebar_features h3.current {background-position: top; color: #000;}
#sidebar_features h4 {font-size: 13px; font-weight: bold; margin: 10px 0 10px 15px; }
#sidebar_features p {margin: 0 15px 10px;}
#sidebar_features img {margin: 0 0 10px 15px;}
#sidebar_features .more {height:20px; margin:0 21px 0 15px; padding: 1px 0 0 15px; background:transparent url() no-repeat top left;}
#sidebar_features .more a {color: #646465; text-decoration: none; display: block; font: 12px "Trebuchet MS"; margin: 0 0 4px 0;}
#sidebar_features .more a:hover {text-decoration: underline;}
#sidebar_features .feature { padding:7px 0 20px 0;}
#sidebar_features .closed {padding-top: 0px; background-image: none;}
#sidebar_features #visual {padding: 0 0 16px 0; }
#sidebar_features #visual img {margin: 15px 0 15px 15px;}

.half {float:left; position:relative; margin: 6px 10px 0 0; }
.last {margin-right:0;}


#wrap_content a {color:#0ccfcf; text-decoration:none;}
#wrap_content a:hover {color:#000;}
#content_intro .half{height:101px; width:355px; }
#content_intro .hover {}
#content_intro .half a {position: absolute; top: 10px; left: 10px; text-decoration: none; color: #e8e7e7;}
#content_intro .half a:hover {color: #0bb4b4;}
#content_intro .half a span {position: absolute; top: 5px; left: 224px; width: 102px; font: bold 11pt "Trebuchet MS";}


.rollover {display:block; height:203px; width:355px; text-indent: -9999px;}
#feature_bmx {background-position: 0 0;}
#feature_mtnx {background-position: -355px 0;}
#feature_bmx:hover {background-position: 0 -203px;}
#feature_mtnx:hover {background-position: -355px -203px;}


/* ----------------------- GLOBAL NAV  -------------------------- */
#nav_global { position: relative; width:740px; font-family:"Trebuchet MS",Verdana, Helvetica, sans-serif; font-size:13px; font-weight: bold;  line-height:normal; display: none; }
#nav_global ul { margin:0; padding:0; list-style:none; height: 36px; position: relative; }
#nav_global li {margin:0; padding:0 1px 0 10px; float:left;  display: inline;}

#nav_global a {float:left; padding:9px 18px 9px 10px; display:block; width:10px;  text-decoration:none; color:#e8e7e7; white-space: nowrap;}
#nav_global > ul a {width:auto; }


#nav_global li.current {background-position:0 -74px; }
#nav_global li.current a {background-position:100% -74px; color:#e8e7e7; }

#nav_global li:hover,
#nav_global li.hover, 
#nav_global li:hover a,
#nav_global li.hover a {background-position:0 -74px;  color:#fff; }
#nav_global li:hover a,
#nav_global li.hover a {background-position:100% -74px;}

#nav_global ul ul a {margin: 0; padding: 0; }
#nav_global ul ul {display:none; padding:5px 0 0px; width:720px; height:27px;   overflow:hidden;}
#nav_global ul li.current ul {display: block; position: absolute; left: 6px; top: 42px; }  

#nav_global li li, 
#nav_global li li a {background-image: none;}
#nav_global li.current li {padding: 0 0 0 15px; margin: 0 0 0 10px;  }
#nav_global li.current li a,
#nav_global li:hover li a {color: #838384;}
#nav_global li li a {padding: 4px 6px; font-size: 11px;}
#nav_global li li.current a,
#nav_global li li.current a:hover {color:#000;}
#nav_global li li a:hover {color:#fff;}

/* highlighted top level tabs */

#nav_global .asset126530,
#nav_global .asset126535,
#nav_global .asset126539 {background-position:0 -37px;}

#nav_global .asset126530 a,
#nav_global .asset126535 a,
#nav_global .asset126539 a {background-position:100% -37px; color: #212121;}



/* COLOURS 
  WHITE: #e8e7e7
  BLACK: #212121
  TEAL: #0bb4b4
*/

h1 {font-size: 22px; color:#0ccfcf; border-bottom: 1px solid #e7e6e6; padding-bottom:14px;}
h2 {font-size: 18px;}
h3 {font-size: 16px;}
h4,h5,h6 {font-size: 14px;}
#content_body {padding-bottom: 50px; clear:left;}
#content_body h1,
#content_body h2,
#content_body h3,
#content_body h4,
#content_body h5,
#content_body h6,
#content_body p,
#content_body ul {margin: 10px 20px 20px;}
#content_body p {font-size: 11px; color: #838384;line-height:1.6em;}
#content_body h2 {margin-bottom: 0px;}

#content_header {border-top: 44px solid #fff; display:none;}
#content_intro { height: 130px; margin: 6px 0 0 0; padding-left: 20px;}
#content_intro .third h3 a {background: transparent url("") no-repeat 100% 6px; padding-right: 10px;}
#content_intro .middle {width: 192px;}
#content_intro .last {margin-right: 0; width:207px;}

.third {width: 222px; float: left; display:inline; margin: 10px 30px 20px 0;}
.third h3 {font-size:13px; margin:10px 0 2px 0;}
.third p {color: #838384; font-size: 11px; line-height:1.4em; margin-bottom:10px;}


.img_left{float: left; margin: 5px 20px 20px 0;}