/*
  Running Squiz Matrix
  Developed by Squiz - http://www.squiz.net
  Squiz, Squiz Matrix, MySource, MySource Matrix and Squiz.net are registered Trademarks of Squiz Pty Ltd
  Page generated: 03 July 2013 15:30:53
*/


/* A.M */

/* Layout
-----------*/

#main_content .content {margin:0 306px 0 0; padding:0 18px 0 0;}
#sub_content {
    float:left;
    width:288px;
   margin-left:-306px;
    padding:0 0 0 18px;
}
#sub_content .content {position:relative;} /* prettier in DW WYSIWYG */
#inner_wrap {overflow:hidden; _height:1%;} /* TODO: stil need this? */


/* main content 
-----------------*/

/* #main_content {_height:1%;} */ /* TODO: stil need this? */
#main_content h1 {margin-bottom:6px;}

#main_content .content div h2 {
    text-transform:uppercase;
    font-size:70%;
   padding:3px 10px;
   margin-bottom:15px;
    line-height:1.6em;
   background:url(header_bg_corp_split_dark.png) #1A4D7B repeat-x 0 100%; 
   border-bottom:3px solid #256DAF;
   color:#EAEFF3;
}

#main_content .content div h2 span {font-weight:bold; letter-spacing:1px;}
#main_content .content div.intro h2 {
    background:none;
    color:#232323;
    padding-left:0;
}


/*
#main_content .content div h2 {
    border-bottom:3px solid #2D85D2;
    font:bold 70%/1.8 Georgia, "Times New Roman", Times, serif;
    color:#fff;
    text-transform:uppercase;
    padding:3px 0 1px 0;
    margin-bottom:17px;
}

#main_content .content div h2 span {
    font-weight:bold;
    letter-spacing:1px;
   word-spacing:0.25em; 
    background-color:#2D85D2;
    padding:6px 6px 5px;
}
*/




#main_content .content > div {margin-bottom:27px;}
#main_content .content > div:last-child {margin-bottom:18px;}

#main_content .content #home_carousel {
    margin-bottom:27px;
    border-bottom:0;
    padding-bottom:0;
}

/* < ie9
#main_content div {margin-bottom:15px; _height:1%;}
#main_content div div {margin-bottom:auto;} 
*/

#main_content ul li {margin-bottom:0.35em;}
#main_content div img {display:block;}

/*** Section: Intro ***/
#main_content .content .intro {
   /* background:url(dots_hor.gif) #fff repeat-x 0 100%; */
    border-bottom:1px solid #D7D7D7;
   padding-bottom:13px;
}
#main_content .intro h2 + p {font-size:85%; margin:-5px 0 1em 0;}
#main_content .intro p:last-child {margin-bottom:0;}

#main_content div .col_wrap {overflow:hidden; _height:1%; width:100%;     background:url(dots_vert.gif) repeat-y 450px 0;}
#main_content div .col_wrap .col_1 > div, #main_content div .col_wrap .col_2 > div {margin-bottom:18px; clear:both;}
#inner_wrap #main_content div .col_wrap .col_1 > div:last-child, 
#inner_wrap #main_content div .col_wrap .col_2 > div:last-child {margin-bottom:0;}
#main_content div .col_wrap .col_1 {width:432px; padding-right:18px; float:left;}
#main_content div .col_wrap .col_1 .feature.big {border:1px solid #ccc; padding:0 0 0 8px;}
#main_content div .col_wrap .col_1 .feature.big img {float:right; width:210px; height:160px;  margin:-1px -1px -1px 18px;}
#main_content div .col_wrap .col_1 .feature.big img + div {padding:0;}
#main_content div .col_wrap .col_1 .feature.big p:last-child {margin-bottom:18px;}
#main_content div .col_wrap h4, #main_content div .col_wrap h5 {font-weight:bold; font-size:80%; margin-bottom:0.45em;}
#main_content div .col_wrap .col_1 .feature.big h4 {
   padding-top:5px;
    font-size:130%;
   font-weight:normal;
    line-height:1.2em; 
    margin-bottom:0.45em;
}
#main_content div .col_wrap .col_1 .feature.big p:last-child {margin-bottom:0;}
#main_content div .col_wrap .col_1 .feature.big {background:url(dots_hor.gif) repeat-x 100% 100%; padding:0 0 18px 0; border:0;}
#main_content div .col_wrap .col_1 .feature.big img {
   float:right;
    margin:4px 0 0 15px;
    width:210px; height:130px; 
    width:225px; height:140px; 
    width:234px;
}
#main_content div .col_wrap .col_1 .feature.big img + div {padding:0;}
#main_content div .col_wrap .col_1 .feature.big h4 {padding:0; margin-top:-4px;}
#main_content div .col_wrap .col_1 .feature.thumb {overflow:hidden;}
#main_content div .col_wrap .col_1 .feature.thumb > div {margin-left:105px; }
#main_content div .col_wrap .col_1 .feature.thumb img {float:left; margin:1px 17px 0 0; border:1px solid #D7D7D7;}
#main_content div .col_wrap .col_1 .feature.thumb h4 {margin-top:-3px; position:relative;}
#main_content div .col_wrap .col_1 .feature.thumb p:last-child {margin-bottom:0;}

#main_content div .col_wrap .col_2 {float:left; width:198px; padding-left:18px;}
#main_content div .col_wrap .col_2 > div {padding-top:18px; background:url(dots_hor.gif) repeat-x 0 0;}
#inner_wrap #main_content div .col_wrap .col_2 .feature {border:1px solid #C7C7C7; padding:8px 8px 0 8px; background:none;}
#inner_wrap #main_content div .col_wrap .col_2 .feature h4 {margin-top:12px;}
#inner_wrap #main_content div .col_wrap .col_2 .feature img {width:180px;}
#inner_wrap #main_content div .col_wrap .col_2 .feature img.small {}
#inner_wrap #main_content div .col_wrap .col_2 .feature p:last-child {margin-bottom:11px;}
#inner_wrap #main_content div .col_wrap .col_2 .list {padding-top:15px;}
#inner_wrap #main_content div .col_wrap .col_2 .list ul {margin-bottom:0;}

/* TODO: Replace this at some point */
#main_content div .carousel_control_wrap {position:relative; float:right; height:1.25em;}
#main_content div .carousel_control {
    background:url(home_carousel_controls.png) transparent no-repeat 0 0; 
   height:13px; 
    width:91px; 
    position:absolute; 
    bottom:0; 
    right:10px;
}
#main_content div .col_wrap.three h4 {
    font:normal 70% Arial, Helvetica, sans-serif;
    text-transform:uppercase;
    letter-spacing:1px;
   margin-bottom:1.2em;
   line-height:1.2em;
    color:#666; 
}

#main_content div .col_wrap.three img {margin-bottom:0.5em;}
#main_content div .col_wrap.three > div {float:left; width:33%; width:180px;}
#main_content div .col_wrap.three .feature {padding:0 20px;}
#inner_wrap #main_content div .col_wrap.three .feature.first {padding-left:0; background:url(dots_vert.gif) repeat-y 100% 0;}
#inner_wrap #main_content div .col_wrap.three .feature.last {padding-right:0; background:url(dots_vert.gif) repeat-y 0 0;}


/* right column 
----------------*/

#sub_content {margin-top:3px; margin-top:2px;}
#sub_content p {margin-bottom:1.1em;}
#sub_content p:last-child {margin-bottom:0;}

#sub_content > div {overflow:hidden;}
#sub_content div#sub_content_img img {margin-bottom:0.5em;} /* TODO: This isn't support by all browsers */
#sub_content div#sub_content_img p {font-size:70%; line-height:1.5; color:#666;}

#sub_content div.social h3 {margin-bottom:15px;}
#sub_content div.social ul {overflow:hidden; margin-bottom:4px;}
#sub_content div.social ul li img {display:block;}

/* small 
#sub_content div.social ul li img {width:33px; height:auto;}
#sub_content div.social ul li {float:left; margin:0 15px 0 0; padding:0 15px 0 0; background:url(dots_vert.gif) repeat-y 100% 0;} */
#sub_content div.social ul li.last {margin-right:0; padding-right:0;}

/* big */
#sub_content div.social ul li img {width:43px; height:43px;}
#sub_content div.social ul li img {width:43px; height:43px;}
#sub_content div.social ul li {float:left; padding:0; margin:0 18px 0 0;} 
#sub_content div.social ul li.last {margin-right:0;}

#sub_content div.social ul li a {background:none !important; padding:0 !important; margin:0 !important;}
#sub_content div.social ul li a:hover {border:0;}



/* Tabs - Latest News & Events 
--------------------------------*/

#sub_content #news {padding-bottom:3px;}
#sub_content #news .tabs h3 {
   background:url(home_right_col_h3_arrow.gif) no-repeat 100% 50%;
   float:left;
   margin:6px 0 0 0; 
   padding:0 15px 0 0;
    border:0;
}

#sub_content #news .tabs .tab_header_bg {
    clear:both;
    height:3px; 
   margin-bottom:2px;
    background-color:#2D85D2; 
}

/* @media projection, screen {#sub_content #news .ui-tabs-hide {display: none;}}  */
/* @media print {.tab_nav {display: none;}} Hide in print layouts... */

#sub_content #news .tabs .tab_nav {float:left; margin:0 0 0 14px;}
/* #sub_content .content .chunk.related_info .tabs .tab_nav:after {display:block; clear:both; content:" ";} */

#sub_content #news ul li {
    margin:0; padding:0; /* being inherited from somewhere */
    background:none; 
    line-height:1.15em;
}
#sub_content #news ul.tab_nav li {float:left;/* background:url("") no-repeat left top; */}
#sub_content #news .tab_nav li:first-child {margin-right:5px;}

#sub_content #news .tab_nav li a, #sub_content #news .tab_nav li a:link {
   display:block; 
   text-decoration:none; 
   background:url(tab_default_bg.gif) no-repeat 0 0;
   border:1px solid #e5e5e5; border-width:0 1px;
   color:#1A4D7B;
    /*
    font:bold 90% Georgia, "Times New Roman", Times, serif;
    letter-spacing:1px;
    text-transform:uppercase;
    */
    padding:6px 10px 6px;
    
}

#sub_content #news .tabs .tab_nav li.ui-tabs-selected a {  
   background:url(header_bg_corp_split_dark.gif) #1A4D7B repeat-x 0 0;
    /*
    background-image:none;
    background-color:#2D85D2;
    */
   text-decoration:none;
   color:#fff;
   border:0;
}


/*
html #sub_content #news .tabs .mask div {display:none;}
html.js #sub_content #news .tabs .mask {display:block;}
*/

html.js #sub_content #news .tabs .mask > div {float:left; width:100%; /* padding-top:0.8em; */}
html #sub_content #news .tabs .mask div {display:none;} /* FOUC */
html.js #sub_content #news .tabs .mask div.selected {display:block;}
#sub_content #news .tabs div.ui-tabs-panel {background-color:#fff;} /* ie fix to prevent fonts from distorting during fade... bizarre */

@media projection, screen {#sub_content #news .tabs .mask div.ui-tabs-hide {
   position:absolute;
   left:-10000px;
   overflow:hidden;
}}

/* TODO: Improve - Possibly remove combined tabbed header and have one for each instead */
#sub_content #news h4 {
    font-size:70%;
    color:#123758;
    font-weight:bold; 
    text-transform:uppercase;
    margin:0 0 0.75em 0;
}

#sub_content #news .tabs .mask {overflow:hidden; position:relative; padding:10px 0 5px 0; _height:1%;}
#sub_content #news .tabs .mask div li {
    background:url(dots_hor.gif) repeat-x 100% 100%;
    padding-bottom:7px;
    margin-bottom:9px;
   _height:1%;
   line-height:1.45em;
}

#sub_content #news .tabs .mask div p:last-child /*, #sub_content #news .tabs .mask li:last-child */ {margin-bottom:5px;} /* p for testing */
#sub_content #news .tabs .mask div p.more {font-size:70%; margin-bottom:0;} /*
#sub_content #news .tabs .mask div p.more a {border-bottom:0;}  TODO: TEMP UNTIL REPLACE LAYOUT CONTAINERS 
#sub_content #news .tabs .mask div p.more a:hover {border-bottom:1px solid;} */
#sub_content #news .tabs .mask div p.more span {
    float:right;
    padding:0 20px 0 0;
    background:url(icon_feed_14.jpg) no-repeat 100% 50%;
}

/*
#sub_content #news .tabs .mask div li:last-child {background:none !important; padding-bottom:0 !important; margin-bottom:0 !important;}
 #sub_content #news .tabs .mask div li.last {background:none; padding-bottom:0; margin-bottom:0;} */

#sub_content #news .tabs .mask div li a {
    color:#1A4D7B;
    font-weight:normal;
    font-size:115%;
    border-bottom:0;
}
#sub_content #news .tabs .mask div li a:hover {color:#000; border-bottom:1px solid #000;} 
#sub_content #news .tabs .mask div li em {font-size:95%; font-style:normal; color:#808080; line-height:1.8em;}
#sub_content #news .tabs .mask div li span {
    /* inline-display:block; */
    display:block;
    background:url(arrow_default.gif) no-repeat 0 5px;
    padding-left:15px;
}


/* #sub_content #news .tabs .mask div ul li:last-child span {background:none; padding-bottom:0; }*/


/** temp **/
#sub_content .twitter_feed .twtr-hd {display:none;}
#sub_content .twitter_feed .twtr-ft {display:none;}
#sub_content .twitter_feed .twtr-tweet * {padding:0; margin:0;}
#sub_content .twitter_feed .twtr-tweet p {margin:6px 0 !important;}
#sub_content .twitter_feed .twtr-hd h3 {border:0 !important;}
#sub_content .twitter_feed p, #sub_content .twitter_feed a {
   font-size:100%;
    font-family:Arial, Helvetica, sans-serif;
    line-height:1.45 !important;
}
#sub_content .twitter_feed p.more {
    font-size:70%;
    border-top:1px solid #ccc;
    padding-top:8px;
    margin-top:8px;
}


/*  Carousel
----------------*/

#home_carousel {
    width:666px; /* Todo: Make this 100% of container if possible, rather than fixed */ 
   background:none;
   border-top:3px solid #2D85D2;
}

#home_carousel img {width:100%;}


/* Temp */
#home_carousel .item {overflow:hidden; position:relative; margin-top:17px;}
/* #home_carousel .item h2 {text-indent:-999px; background:none !important; border:0 !important;} */
#home_carousel .item h2 {
    background:none !important; 
    border-bottom:0 !important;
    text-transform:none !important;
    font-size:180% !important;
    padding:0 !important;
}
#home_carousel .item .info {
   position:absolute;
   margin-top:18px;
   top:150px; 
   left:30px;
   border:0;
   float:left;
   max-width:300px;
}
#home_carousel .item .info h3 {text-indent:-999px; overflow:hidden; position:absolute}
#home_carousel .item .info p, #home_carousel .item .info li {color:#fff; line-height:1.55em;}
#home_carousel .item .info ul li {background:url(arrow_light.gif) no-repeat 0 5px;}
#home_carousel .item .info ul li a {color:#4DACFF;}
#home_carousel .item .info ul li a:hover {border-bottom:1px solid #4DACFF;}
#home_carousel .item span.highlight {background-color:#CC0007; padding:3px 5px; color:#fff;}


/*
#home_carousel .item {border:1px solid #ccc;}
#home_carousel .item:hover {border:1px solid #000;}

#home_carousel .item .info_below {background-color:#000; padding:4px 8px;}
#home_carousel .item .info_below p {color:#fff; font-size:70%;}
#home_carousel .item .info_below p:last-child {margin:4px;}
#home_carousel .item .info_below p.big {font-size:130%; margin:0 0 2px; 0;}
#home_carousel .item .info_below p.big span {
   font-style:italic;
    font-family:Georgia, "Times New Roman", Times, serif;
    letter-spacing:1px;
}
*/


#featured {width:666px;}
#featured img {width:100%;}
#featured h2 {text-indent:-999px; background:none !important; border:0 !important;}
#featured .ui-tabs-panel {position:absolute; height:302px;}
/*
#featured > div {height:300px;}
*/

#featured {position:relative; /* background-color:#000; */}

#featured ul.ui-tabs-nav { 
    position:absolute;
    right:0;
    top:18px;
    z-index:2;
    float:left;
    padding:0 5px;
   background:url(carousel_controls_bg.png) no-repeat 0 0;
   _background:none; _background-color:#000;
}

#featured ul.ui-tabs-nav li {
    background:none;
    color:#666;
   margin:0 2px;
    padding:0;
    float:left;
}

#featured ul.ui-tabs-nav li a {display:block; height:20px; width:5px;}
#featured ul.ui-tabs-nav li a:hover {border:0;}
#featured ul.ui-tabs-nav li a span {font:bold 90% Georgia, "Times New Roman", Times, serif;}
#featured li.ui-tabs-nav-item a { 
   padding:0 5px 2px 5px;
    line-height:1.85em;
    display:block;
   background:url(carousel_control_off.png) no-repeat 50% 50%;
}

#featured1 li.ui-tabs-nav-item a { 
   padding:10px 2px 2px 2px;
    line-height:1.55em;
    display:block;
   background:url(carousel_control_off.png) no-repeat 50% 50%;
}

/*
#featured li.ui-tabs-selected {}
#featured ul.ui-tabs-nav li.ui-tabs-selected a, <-- tabs UI */
#featured ul.ui-tabs-nav li.ui-tabs-nav-item a.current {
    /* background-color:#487195;  background-color:#1A4D7B; */
   background:url(carousel_control_on.png) no-repeat 50% 50%;
    color:#fff;
}

/*html.js #featured #fragment-1 {display:block;}  */

/*
#featured .ui-tabs-panel { 
   min-height:235px; _height:235px; position:absolute;
    background-color:#000;  
    width:100%;
}
*/

#featured .ui-tabs-panel .info{ 
    position:absolute; 
    bottom:18px;
    left:0;
  /* width:100%; */
    background:url('carousel_transparent-bg-2.png') transparent repeat-x 0 2px;
    _background:none; _background-color:#000; 
   padding:5px;
}
#featured .info h3, #featured .info p {padding:0 10px;} /* added padding & margin to h2/p because absolute positioning above (+ width + padding = forces outside 620px box) */
#featured .info h3{ 
   font-size:150%;
    color:#fff;
    margin:10px 0;
}
#featured .info p{ 
    font-size:70%;
    line-height:15px; 
    color:#f0f0f0; 
    margin:0 0 10px 0;
}
#featured .info a {text-decoration:none; color:#fff;}
#featured .info a:hover {text-decoration:underline;}
#featured .ui-tabs-hide {display:none;}

#featured p.highlight {position:absolute; top:14px; background-color:#CC0007; padding:3px 5px; color:#fff;}


/* Search page / results
-------------------------*/

/*
#main_content .search.results h2 {}
*/