@charset 'UTF-8';

  @font-face {
     font-family: 'League Gothic';
     src: url('font/League_Gothic-webfont.eot');
     src: url('font/League_Gothic-webfont.eot?#iefix') format('embedded-opentype'),
        url('font/League_Gothic-webfont.ttf') format('truetype'),
        url('font/League_Gothic-webfont.svg#LeagueGothicRegular') format('svg');
     font-weight: normal;
     font-style: normal
  }
  
  /* Tags  */

  html { background: #0d1429 url(/buildassets/bg-white-2.png) repeat 0 0}  
  body { background: transparent url(/buildassets/bg-white.png) repeat-x 50% 0; color: #323030; font: 12px/1.625 sans-serif; margin: 0; *text-align: center }
  
  h1, h2, h3, h4, h5, h6 { font-family: 'League Gothic', Impact, sans-serif; font-weight: normal; line-height: 1; margin: 0; text-transform: uppercase }
  h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { border: none!important }
  h1 { font-size: 40px; margin-bottom: 8px }
  h6 { font-size: 16px }
  ul { list-style: none; margin: 0; padding: 0}
  p { margin: 0}
  a { color: #8d320f; text-decoration: none }
  a:focus{ outline: none }
  a:hover, a:focus { color: #d84005 }
  a:active { outline: none }
  .button { cursor: pointer }
  input.text, textarea { background: #fff; border: 1px solid #494848; color: #323030; font: 12px/23px sans-serif; margin: 0; padding: 0 6px;line-height:23px;}
  input.text{ height:23px;}
  object { float: left;}
	#flashMovie { display: block; float: none; margin: 0 auto }
  table { border-collapse: collapse; border-spacing: 0; font: 12px/1.625 sans-serif }
    th, td { padding:0; text-align:left; vertical-align:top }
    img { 
    border: none;
    -ms-interpolation-mode: bicubic
  }
  li a { border: none!important }
  pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
  
  /* Sprite */  
  .bom-logo,
  .action .icons a,
  .connect-with-us a,
  .action .count span,
  .hub .navigation li,
  .breadcrumb a,
  .breadcrumb .current,
  .hub .navigation .title,
  .graph .legend .icon,
  .continue-link a, button,
  .resources-section .next,
  .resources-section .prev,
  .featured-sections .module .inner,
  .featured-sections .module .heading a,
  .featured-sections .module .description,
  .module .thumbnail .icon { background: transparent url(/buildassets/sprite.png) no-repeat 0 0; display: block }  
  
  /* Abstract */
  .clear { clear: both; overflow: hidden; zoom: 1}
  .clear18 { height: 18px }
  .column-left { float: left }
  .column-right { float: right }
  div.third { width: 370px }
  div.two-thirds { width: 570px }
  .downcase { text-transform: lowercase }
  .heading { font-size: 22px }
	.superheading { font-size: 34px }
  .hidden { visibility: hidden }
  .removed { display: none }
	.full-width { width: 100%!important }
  
  .orange-heading,
  .orange-section .heading { color: #be400f }
  
  .section { clear: both; zoom: 1}
  .module { overflow: hidden }
  .news-feed .title { display: block; font-size: 14px }    
  .bom-logo { background-position: -400px 0; height: 30px; width: 125px }
  
  .continue-link { overflow: hidden }
  .continue-link a { float: left }
  .continue-link a, .button { background-position: right -500px; color: #fff; border: none; font: normal 16px/23px 'League Gothic', Impact, sans-serif; height: 23px; padding: 0 16px 0 6px; position: relative; text-align: left; text-transform: uppercase }
  .continue-link a:hover, .continue-link a:focus, button:hover, button:focus { background-position: right -524px; color: #fff }
  .continue-link a:active { position: relative; top: 1px }
  
  /* Text replacement */
  .bom-logo,
  .action .icons a,
  .connect-with-us a,
  .module .thumbnail .icon { text-indent: -999em }
  
  /* Master */
  .gca-projects { background: #f1f1f1 url(/buildassets/bg-gca-projects.png) repeat-x 0 0; color: #555; width: 100%}
    .gca-projects .inner { line-height: 40px; height: 40px; margin: 0 auto; padding-left: 80px; position: relative; text-align: left; width: 865px }
      .gca-projects a { border-left: 1px solid #bbb; color: #999; margin-left: .5em; padding-left: .5em }
      .gca-projects a:hover,
      .gca-projects a:focus { color: #666}
      .gca-projects a:hover,
      .gca-projects a:focus { color: #666}
      .gca-projects .logo { border: none; float: left; height: 104px; left: -20px; margin-bottom: -40px; position: absolute; top: 0; width: 94px }
    
  .gca-projects .open { }
  .gca-projects .projects { line-height: 20px; overflow: hidden; position: relative; top: -40px; margin-bottom: -50px }
  .gca-projects .projects li,
  .gca-projects .projects a  { border: none; color: #999; float: left; font-weight: bold; padding: 0; margin: 0 }
  .gca-projects .projects li { margin-right: 12px }
  .gca-projects .projects a:hover,
  .gca-projects .projects a:focus { color: #666 }
    
  .page-content,
  .header .inner,
  .footer .inner { margin: 0 auto; padding-bottom: 18px; text-align: left; width: 960px }  
   
	.page-content h1.alt-heading { color: #0b356c; display: inline-block; font: normal 28px/28px 'League Gothic', Impact, sans-serif; margin: 6px 0 12px; *zoom: 1 }
	
  .button {
    background: transparent url(/buildassets/sprite.png) no-repeat 100% -500px;
    border: none;
    color: #fff;
    cursor: pointer;
    font: 16px/23px 'League Gothic', Impact, sans-serif;
    height: 23px;
    padding-right: 13px;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    top: 1px
  }
  .button:hover,
  .button:focus {
    background-position: right -524px
  }
	.button:active {
		top: 2px
	}
	.firefox input.button { padding-bottom: 2px }
  .button-orange {
    background-position: right -692px
  }

  .button-orange:hover,
  .button-orange:focus {
    background-position: 100% -716px
  }
	
		.site-wrapper { background: url(/buildassets/bg-site-wrapper.png) repeat-y 50% 0; min-width: 980px }
	
    /* Header */
    .header { margin-bottom: 10px }
    .headerClear { height: 8px }
    
      /* Information */
      .header .information {*position: relative; *top: 22px }
      .header .information { margin-bottom: 22px }
        .header .column-left { margin-left: 108px }
          .header .logo img { height: 82px; width: 276px }
					.header .logo:hover img,
					.header .logo:focus img { filter: alpha(opacity=75); opacity: 0.75 }
        .header .another-subnavigation { background: #696969; font-size: 11px; line-height: 12px; overflow: hidden; padding: 6px 0 }
        .header .plan-navigation { background: #be400f; float: right; font-size: 11px; line-height: 12px; margin-top: 22px; overflow: hidden; padding: 6px 0 }
          .header .subnavigation { position: relative }
          .header .plan-navigation li,
          .header .plan-navigation a,
          .header .subnavigation li,
          .header .subnavigation a { float: left }
          .header .subnavigation li { border-left: 1px solid #e0dcd4 }
          .header .plan-navigation li { border-left: 1px solid #ededed }
          .header .plan-navigation li.first-child,
          .header .subnavigation li.first-child { border-left: none }           
            .header .subnavigation li a { color: #ededed; padding: 0 13px }
            .header .plan-navigation li a { color: #ededed; padding: 0 11px }
            .header .subnavigation a:hover,
            .header .subnavigation a:focus { color: #ffffff }
            .header .plan-navigation li a:hover,
            .header .plan-navigation li a:focus { color: #fde9e2 }
            
        .news-feed { font-weight: bold; margin: 20px 0 0; width: 385px }
          .news-feed .content { float: left; line-height: 1.5; overflow: hidden; margin: 0;  width: 410px }
          .news-feed .content .title { color: #124589 }
          .news-feed .feed { float: none; height: 20px; overflow: hidden; width: 100% }
          .news-feed li { color: #323030; float: left; border: none!important; width: 100% }
          .news-feed .feed-item { color: #323030!important; float: left; padding: 0!important; width: 100% }
          .news-feed .feed-item:hover { color: #124589!important }
          .news-feed .bom-logo { background-position: -400px 6px; float: right; height: 36px; position: absolute; right: 0; top: 44px }
      
      /* Navigation */
      .header .navigation { background: transparent url(/buildassets/bg-navigation.png) repeat-x 0 0; height: 58px }
      .header .navigation-shadow { margin-bottom: -16px }
      .header .navigation-shadow .inner { background: url(/buildassets/bg-navigation-ul.png) no-repeat 0 -150px; height: 16px }
			.header .full-navigation-shadow .inner { background-position: 0 -200px }
      .header .navigation-has-subnav { height: 100px; *margin-bottom: -20px }
      .header .two-row-subnav { height: 120px }
      .header .navigation .column-left { margin-left: 0 }
      .header .navigation li,
      .header .navigation a { float: left }
      .header .navigation li { position: relative }
      .header .navigation a { background: url(/buildassets/navigation.png) no-repeat; font: 29px/1 'League Gothic', Impact, sans-serif; height: 58px; margin-right: 2px; text-indent: -999em; text-transform: uppercase }
			.header .navigation .current a { height: 59px }      
        
        .header .navigation .be-aware a { background-position: 0 0; width: 144px } 
        .header .navigation .be-aware a:hover,
        .header .navigation .be-aware a:focus { background-position: 0 -61px }
          
        .header .navigation .prepare-yourself a { background-position: -146px 0; width: 181px }
        .header .navigation .prepare-yourself a:hover,
        .header .navigation .prepare-yourself a:focus { background-position: -146px -61px }
          
        .header .navigation .help-others a { background-position: -329px 0; width: 139px }
        .header .navigation .help-others a:hover,
        .header .navigation .help-others a:focus { background-position: -329px -61px }
          
        .header .navigation .climate-change a { background-position: -470px 0; width: 160px }
        .header .navigation .climate-change a:hover,
        .header .navigation .climate-change a:focus { background-position: -470px -61px }     
          
        .header .navigation .harden-up-kids a { background-position: -632px 0; margin-right: 0; width: 153px }
				.header .navigation-has-hub .harden-up-kids a { margin-right: 2px }
        .header .navigation .harden-up-kids a:hover,
        .header .navigation .harden-up-kids a:focus { background-position: -632px -61px }

				.header .navigation .the-hub a { background-position: -787px 0; margin-right: 0; width: 173px }
        .header .navigation .the-hub a:hover,
        .header .navigation .the-hub a:focus { background-position: -787px -61px }
      
      .header .navigation li ul { display: none }
      .header .navigation .current ul { background: #0b356c; display: block; left: 0; padding: 11px 0; position: absolute; top: 59px; width: 960px }			 				
			.header .navigation .current ul { background-position: 0 0 }
			.header .navigation ul ul li  { border: none; border-right: 1px dotted #fff }
			.header .navigation ul ul li.last-child { border: none }  
			.header .navigation .current ul a { background-image: none; color: #fff; float: left; font: 12px/13px sans-serif; height: auto; padding: 0 12px; text-indent: 0; text-transform: none; width: auto }
			.header .navigation ul ul .current a { font-weight: bold }
			.header .navigation ul ul .current a:hover,
			.header .navigation ul ul .current a:focus { color: #fff }	

				.header .navigation .be-aware ul a:hover,
				.header .navigation .be-aware ul a:focus { color: #adf }   
        
        .header .navigation .prepare-yourself ul { background-color: #124589 }
				.header .navigation .prepare-yourself ul { left: -146px }       
        .header .navigation .prepare-yourself ul a:hover,
        .header .navigation .prepare-yourself ul a:focus { color: #adf }

        .header .navigation .help-others { background-color: transparent; border: none }
        .header .navigation .help-others ul { background-color: #1b59ac }
				.header .navigation .help-others ul { left: -329px }              
        .header .navigation .help-others ul a:hover,
        .header .navigation .help-others ul a:focus { background-color: transparent; color: #adf }

        .header .navigation .climate-change { background-color: transparent; border: none }
        .header .navigation .climate-change ul { background-color: #325a0b; left: -645px }
        .header .navigation-has-hub .climate-change ul { left: -470px }     
        .header .navigation .climate-change ul a:hover,
        .header .navigation .climate-change ul a:focus { background-color: transparent; color: #d5ffab }
             

        .header .navigation .harden-up-kids { background-color: transparent; border: none }
        .header .navigation .harden-up-kids ul { background-color: #47721c; left: -807px }
        .header .navigation-has-hub .harden-up-kids ul { left: -632px }   
        .header .navigation .harden-up-kids ul a:hover,
        .header .navigation .harden-up-kids ul a:focus { background-color: transparent; color: #d5ffab }
        
        .header .navigation .climate-change ul,
        .header .navigation .harden-up-kids ul{ background-image: none }
				
  /* Page content */
  /* .page-content { overflow: hidden }*/
  .feature-image,
  .module-event img  { border: 1px solid #b6b5b5 }
  .border-top { border-top: 1px solid #323030; padding-top: 16px }  
	.bordered { border-bottom: 1px solid #323030; border-top: 1px solid #323030 }
  .bordered .inner { padding: 16px 0 }
  
  .page-content .borderless,
  .page-content .divided { border: none }
  
  .page-content .section { margin-top: 18px }
  .main-content .section { margin-top: 0}
  .page-content .first-section,
  .page-content .inner .section { margin-top: 0}
  .page-content .marginless { margin: 0}
  
	.beaware .page-content .first-section .column-left { width: 142px }
	.beaware .page-content .first-section .column-right { width: 810px }
	
  .page-content .column-left { width: 262px }
  .page-content .column-right { width: 664px }
	.page-content .column-right .section { margin-top: 0 }
  
	.section-heading { zoom: 1}
	.section-heading:after { content: ''; clear: both; display: block }
  .section-heading .heading,
  .section-heading .subheading { float: left; text-transform: uppercase }
  .section-heading .heading { font: normal 45px/45px 'League Gothic', Impact, sans-serif; margin: 0; width: 238px }
  .section-heading .subheading { color: #0b356c; font: normal 28px/28px 'League Gothic', Impact, sans-serif; display: block; margin: 0 }
  
  
  /* Breadcrumb */
  .breadcrumb { margin-bottom: 14px; overflow: hidden }
  .breadcrumb li,
  .breadcrumb li ul,
  .breadcrumb a { float: left }
  .breadcrumb a:hover,
  .breadcrumb a:focus  { color: #fff }
  
  .breadcrumb a,
  .breadcrumb li.current  { background-position: -350px -932px; color: #fff; font: normal 16px/23px 'League Gothic', Impact, sans-serif; height: 23px; line-height: 23px; margin-right: -13px; padding: 0 18px; text-transform: uppercase }  
	.breadcrumb li.first a   { background-position: -350px -524px; padding-left: 14px }
  .breadcrumb li.parent a { background-position: -350px -860px }
  .breadcrumb li.current  { background-position: -350px -692px; padding: 0 10px 0 14px }
	.breadcrumb a:hover,
	.breadcrumb a:focus,
  .breadcrumb li.first a:hover,
	.breadcrumb li.first a:focus { background-position: -350px -500px }
	.breadcrumb li.parent a:hover,
	.breadcrumb li.parent a:focus { background-position: -350px -956px }
  
  
  /* Introduction */
	.page-content .introduction { font-size: 14px; line-height: 18px; margin-bottom: 16px }    
	.page-content .feature-image { float: left; margin: 0; width: 100%}
	.page-content .feature-image-container { border: 1px solid #fff; height: 170px; margin-bottom: 8px; overflow: hidden; position: relative }
	.page-content .feature-image-container .circle-promo { position: absolute; right: 12px; top: 28px; z-index: 1 }
	.page-content .feature-image-container .feature-image {border: none; position: relative; z-index: 0 }
  
           
    /* Main content */
  .main-content p { margin-bottom: 1em }
  .main-content ul { list-style: disc; padding-left: 3em }
  .main-content .no-p-margin p { margin-top: 8px }
  .main-content .no-p-margin p:last-child { margin-top: 0; margin-bottom: 0}
    .main-content .divided { border-top: 1px solid #323030 }
    .main-content .divided .inner { overflow: hidden }
    .main-content .divided div.third { border-left: 1px solid #fff; padding-left: 12px; width: 150px }
    .main-content .divided div.two-thirds { width: 480px }
    .main-content div.half { width: 49.5%}
  .main-content .divided .row { overflow: hidden }
  .main-content .divided .row .heading { float: left }
  .main-content .divided .row .continue-link { float: right }
  
    .main-content .orange-continue-link a, 
    .orange-section .continue-link a { background-position: right -695px; font-size: 15px; height: 17px; line-height: 18px; padding: 0 11px 0 6px }
        .main-content .orange-continue-link a:hover,
        .main-content .orange-continue-link a:focus,
        .orange-section .continue-link a:hover,
        .orange-section .continue-link a:focus { background-position: right -719px }
   .main-content .module-event a { border-bottom: none }
  .main-content .module-event img { height: 110px; margin: 8px 0 3px; width: 145px }   
  .main-content .module-event .name { font: bold 12px sans-serif; text-transform: none }
  
  /* Video */
  .video-section,
  .region-map-section { margin: 12px 0; width: 265px }
  .video-section { overflow: hidden }
  
  /* Region map */
	.page-content .area-location-section { border-top: 1px solid #323030; margin-top: 16px; padding-top: 18px }
  .region-map-section { margin: 6px 0 0; width: 260px }
  #region-map { border: 1px solid #323030; height: 280px; margin-top: 6px }
  .main-content .event-map { background: #e5e5e5 url(/buildassets/loading.png) no-repeat 50% 50%; height:478px; margin: 16px 0; position: relative; width:958px }
  .event-map #map { color: #333; height:478px; left: 0; position: absolute; top: 0; width:958px }
  .event-map .search {
    background: #323030 url(/buildassets/bg-event-map-search.png) repeat-x 0 0;
		color: #fff;
    left: 420px;
    padding: 16px 12px;
    position: absolute;
    top: 0
  }
  .event-map .search p { margin: 0 0 4px }
  .event-map .search .text {
    width: 160px
  }
	.event-map .search .button {
		background-position: 100% -692px
	}
	.event-map .search .button:hover,
	.event-map .search .button:focus {
		background-position: 100% -716px
	}
  .event-map .search .go-button {
    background: transparent url(/buildassets/sprite.png) -236px -500px;
    border: none;
    cursor: pointer;
    height: 23px;
    text-indent: -999em;
    text-transform: capitalize;
    width: 31px
  }
  .event-map .search .go-button:hover,
  .event-map .search .go-button:focus { background-position: -236px -524px }
  
  .event-map .search .server-message strong {
    margin-bottom: 0
  }
  .circle-promo {
    background: url(/buildassets/event-map-sprite.png) no-repeat;
    float: left;
    height: 117px;
    position: absolute;
    text-indent: -999em;
    top: -14px
  }
  .see-weather-events {
    background-position: 0 0;
    border: none!important;
    right: 135px;
    width: 157px
  }
	.see-weather-events:hover,
	.see-weather-events:focus	{ 
		background-position: 0 -123px
	}
	.see-weather-events:active	{ 
		background-position: 0 -248px
	}
  .see-map {
    background-position: -167px 0;
    border: none!important;
    right: 12px;
    width: 113px
  }
  .see-map:hover,
	.see-map:focus	{ 
		background-position: -167px -123px
	}
	.see-map:active	{ 
		background-position: -167px -248px
	}
	
  .event-map .key {
    background: #323030 url(/buildassets/event-map-key.png) no-repeat 0 0;
    bottom: 22px;
    height: 67px;
    position: absolute;
    right: 16px;
    text-align: center;
    width: 356px;
  }
  
  .event-map .key a {
    background: transparent url(/buildassets/event-map-key-icons.png) no-repeat -425px 0;
    border: none;
		color: #acacac;
    float: left;
    font-size: 10px;
    padding-top: 29px;
    position: absolute;
    top: 16px;
  }
	.event-map .key a.visible { color: #323030 }
  .event-map .key a.visible:hover,
  .event-map .key a.visible:focus { color: #323030 }
  
  .event-map .key .flood {
    background-position: -421px 0;
    left: 75px;
    width: 32px
  }
  .event-map .key .flood.visible { background-position: -77px 0 }
  .event-map .key .flood.visible:hover,
	.event-map .key .flood.visible:focus { background-position: -77px -64px }
	
  .event-map .key .cyclone { 
    background-position: -413px 0;
    left: 114px;
    width: 46px
  }
  .event-map .key .cyclone.visible { background-position: 12px 0 }
  .event-map .key .cyclone.visible:hover,
	.event-map .key .cyclone.visible:focus { background-position: 12px -64px }
  
  .event-map .key .bushfire { 
    background-position: -416px 0;  
    left: 166px;
    width: 46px
  }
  .event-map .key .bushfire.visible {  background-position: -317px 0 }
  .event-map .key .bushfire.visible:hover,
	.event-map .key .bushfire.visible:focus { background-position: -317px -64px }
  
  .event-map .key .storm-surge {
    background-position: -405px 0;  
    left: 213px;
    width: 68px
  }
  .event-map .key .storm-surge.visible { background-position: -225px 0 }	
  .event-map .key .storm-surge.visible:hover,
	.event-map .key .storm-surge.visible:focus { background-position: -225px -64px }
  
  .event-map .key .severe-storm {
    background-position: -402px 0;
    left: 279px;
    width: 72px
  }
  .event-map .key .severe-storm.visible {  background-position: -140px 0 }	
  .event-map .key .severe-storm.visible:hover,
	.event-map .key .severe-storm.visible:focus { background-position: -140px -64px }
  
  
  .event-map .info-window {
    background-color: #ffffff;
    border-right: 6px solid #555 ;
    color: #323030;
    height: 100%;
    width: auto
  }
  
  .event-map .info-window .inner {
    overflow: hidden;
    padding: 10px
  }
  
  .event-map .info-window .column-left {
    overflow: hidden;
    width: auto
  }
  
  .event-map .info-window .column-right {
    width: 150px
  }
  
  .event-map .info-window img {
    float: left;
    width: 130px
  }
  
  .event-map .info-window .name {
    display: block;
    font-size: 15px
  }
  
  .event-map .info-window .description {
    background: url(/buildassets/1px-dotted-323030.png) repeat-x 0 100%;
    line-height: 1.5em;
    margin-bottom: 10px;
    padding-bottom: 6px
  }
  
  .event-map .info-window .description-not-divided {
		background: none;
    border: none;
    margin: 0;
    padding: 0
  }
  
  .event-map .info-window .continue-link a {
    background-position: 100% -693px;
    font-size: 15px;
    height: 20px;
    line-height: 21px;
    padding-right: 13px
  }
	.event-map .info-window .continue-link a:hover,
	.event-map .info-window .continue-link a:focus {
		background-position: 100% -717px
	}
  
    .event-map .info-window-flood { border-color: #1b59ac }
    .event-map .info-window-cyclone { border-color: #9a096a }
    .event-map .info-window-bushfire { border-color: #be400f }
    .event-map .info-window-storm-surge { border-color: #3f6e10 }
    .event-map .info-window-severe-storm { border-color: #7437b3 }
  
  /* Area statistics */
  .area-statistics { border-bottom: 1px solid #323030; overflow: hidden; padding-bottom: 16px }
  .area-statistics .multi-cell th { width: 110px }
  .area-statistics .divided { border: none; border-left: 1px dotted #fff }
  .area-statistics .inner { padding: 0}
  .area-statistics .divided .inner { padding-left: 14px }
  .main-content .area-statistics .column-left { width: 32.5% }
  .main-content .area-statistics .column-right { width: 67% }
  
  .area-statistics table { line-height: 16px }
  
	.yourarea h1 { color: #be400f; margin: 0 }
	.yourarea .button { 
    border: none;
    color: #fff;
    cursor: pointer!important;
    font: 16px/23px 'League Gothic', Impact, sans-serif;
    height: 23px;
    padding-right: 13px;
    text-decoration: none;
    text-transform: uppercase
  }
  
  .yourarea .button a {
    border: none;
		color: #fff
  }
  
  .yourarea .button a:hover,
  .yourarea .button a:focus {
    color: #fff
  }
  
  .yourarea .button-medium {
    background: transparent url(/plan/images/sprite.png) no-repeat 100% -226px;
    display: block;
    font-size: 22px;
    height: 32px;
    line-height: 32px
  }
  .yourarea a.button-medium {
    line-height: 34px
  }

  .yourarea .button-medium:hover,
  .yourarea .button-medium:focus {
    background-position: 100% -259px
  }
  
  
  .yourarea .button-medium-orange-right {
    background-position: 100% -160px;
    float: right;
    padding-left: 10px;
    padding-right: 18px
  }
	
	.firefox .yourarea .button-medium-orange-right { padding-bottom: 0 }

  .yourarea .button-medium-orange-right:hover,
  .yourarea .button-medium-orange-right:focus {
    background-position: 100% -193px
  }

.plan-module .button-large {
	background: url(../images/sprite.png) no-repeat 100% 0;
	float: left;
	font-size: 25px;
	height: 39px;
	line-height: 39px;
	padding-left: 12px;
	padding-right: 28px
}
  
  
  /* Scroller */
    .continue-link .next,
    .continue-link .prev { cursor: pointer }
    .continue-link .prev { background-position: -350px -500px; padding: 0 8px 0 13px }
        .continue-link .prev:hover,
        .continue-link .prev:focus { background-position: -350px -524px }
        
  .scroller {
    position:relative;
    overflow:hidden;
    width: 100%;
  }

  .scroller .items {
    /* this cannot be too large */
    width:20000em;
    position:relative;
  }
  

  .items div { overflow: hidden; float: left; z-index: 0 }
  .main-content .scroller .module,
	.main-content .case-studies .module { float: left; margin-right: 10px }
  .scroller .module .name { display: block }
  
  
  /* Resources */
	
  .resources-section { margin-top: 0}
  .resources-section .prev,
  .resources-section .next { border: none; cursor: pointer; float: left; height: 21px; margin-top: 55px; width: 18px }
  .resources-section .prev { background-position: -170px -120px }
      .resources-section .prev:hover, .resources-section .prev:focus { background-position: -170px -150px }
  .resources-section .next { background-position: -196px -120px }
      .resources-section .next:hover, .resources-section .next:focus { background-position: -196px -150px }
  .resources-section .resources { float: left; width: 610px }
  
  .resources-section .link-document { margin-bottom: 0}
  .resources .module { background-color: #d3d3d3; float: left; height: 165px; margin-right: 10px; width: 145px }
  .resources .fourth-module { margin-right: 0}
  .link-document .module { height: 135px }
  .resources .module .thumbnail { border: 1px solid #c7c7c7; height: 100px; margin: 0; width: 143px }
  .resources .module .thumbnail img { float: left; width: 100% }
  .link-document .module .thumbnail { height: 75px }
  .link-document .module .thumbnail img { height: 75px }
  .resources .module .description { float: left; font-size: 11px; line-height: 16px; padding: 6px 8px 8px; width: 129px }
  
  /* Before/after */
  #before-after-container {border: 1px solid #fff; margin-top: 8px}
  
  /* Past-present section */
  .page-content .main-content .past-present-section { margin-top: 18px; padding-top: 18px }
  .past-present-section .orange-heading { font-size: 24px }
    
  /* Events section */
	.event .bordered .event-content { padding-top: 6px }
  .page-content .inner .events { margin-top: 6px }
	.event-content .prev { margin-right: 6px }
	.event-content .next { margin-left: 6px }
  .events .heading span { color: #787676; font: bold 11px sans-serif; margin-left: 4px; text-transform: none }
  .events table { border-top: 1px solid #494747; margin-top: 6px; width: 665px }
	.events .items table { border-top: 0 }
  .events table th, .events table td { padding: 2px 0}
  .events table th { line-height: 1; padding: 8px 0 6px }
  .events table tr.odd { background-color: #d3d3d3}
  .events table colspan { display: block }
  /*.events table .date { padding-left: 8px; width: 112px }
  .events table .event { width: 247px }
  .events table .type { width: 117px }
  .events table .affected { width: 125px }
  .events table .more { width: 40px }*/
  .events table .continue-link { position: relative; top: 1px }
  
  .events table { float: left }
  .events table th {  }
  .events table .icon { overflow: hidden; padding-left: 8px; width: 24px }
  .events table .icon img { float: left; height: 20px; width: 20px }
  .events table .date { padding-left: 0; width: 108px }
  .events table .event { width: 125px }
  .events table .type { width: 243px }
  .events table .more { width: 40px }
  
  .all-events table { float: left }
  .all-events table th { padding: 6px 0 10px }
  .all-events table .icon { overflow: hidden; padding-left: 8px; width: 24px }
  .all-events table .icon img { float: left; height: 20px; width: 20px }
  .all-events table .date { padding-left: 0; width: 108px }
  .all-events table .event { width: 245px }
  .all-events table .type { width: 123px }
  .all-events table .more { width: 40px }
  
  
  .all-events .pagination { font-size: 11px }
  .all-events .pagination .continue-link a {
    font-size: 15px;
    height: 18px;
    line-height: 19px;
    padding: 0 12px 0 6px
  }
  .all-events .pagination .prev-link { float: left }
  .all-events .pagination .next-link { float: right }
  .all-events .pagination .prev-link a { background-position: -350px -502px; padding: 0 6px 0 12px }
  .all-events .pagination .prev-link a:hover,
  .all-events .pagination .prev-link a:focus { background-position: -350px -526px }
  .all-events .pagination .next-link a { background-position: 100% -502px }
  .all-events .pagination .next-link a:hover,
  .all-events .pagination .next-link a:focus { background-position: 100% -526px }
  
  .all-events .other-qld-events table .date { padding-left: 8px; width: 130px }
  
  .page-content .all-events .other-qld-events { margin-top: 32px }
  .page-content .all-events .pagination { margin-top: 8px; width: 100% }
  
  #all-events, #case-studies { overflow: hidden }
  
  
  .page-content .all-events .heading {
    position: relative;
    top: 4px
  }
  .page-content .all-events .other-qld-events .heading {
    top: 0
  }
  .page-content .events .column-right {
    float: right;
    width: 345px
  }
  .page-content .events .key {
    float: right;
    font-size: 11px;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    border-radius: 4px
  }
  .page-content .events .key .item {
    float: left;
    margin-right: 14px
  }
  .page-content .events .key .last {
    margin-right: 0
  }       
  .page-content .events .key img {
    float: left;
    margin-right: 4px
  }
  .page-content .events .key span {
    float: left;
    height: 20px;
    line-height: 20px
  }

  .area-events-table .scroller { float: left }
  .area-events-table .scroller-multi-page { padding-bottom: 36px }  
  .area-events-table .items { height: 175px }
  .area-events-table .navigation { border-bottom: 1px solid #323030; border-top: 1px solid #323030; bottom: 0; left: 0; *margin-top: 2px; padding: 8px 0; position: absolute; width: 100%}
  
  .area-events-table .navigation .disabled { display: none }
  .area-events-table .navigation .prev { float: left }
  .area-events-table .navigation .next { float: right; margin-right: 6px }
  
  /* Media content lightbox */
  .media-content { overflow: hidden; margin: 20px }
  .media-content object,
  .media-content img { display: block; margin: 0 auto; max-width: 100%; text-align: center }
  .media-content .description { float: left; width: 100% }
  .media-content .description p { line-height: 18px; margin: 0; padding: 14px 0 0 }
  .media-content .description cite { display: block; font: italic 11px sans-serif; margin-top: 4px }
  
  /* Specific event */
  .page-content .event-details .section { margin-top: 12px }
  .event-details h1 { color: #be400f }
  .event-details .date, .event-details .region { display: block; font: normal 16px/22px sans-serif }
  .event-details .date,
  .event-details .region { font: 22px/24px 'League Gothic', Impact, sans-serif; text-transform: uppercase }
  .event-details img { width: 225px }
  
  /* Quick stats */
  .quick-stats .heading { margin-bottom: 6px }
  .quick-stats .stats { border-top: 1px solid #494747; margin-top: 6px; padding-top: 6px }
  .quick-stats th { width: 105px }
  
  /* Graphie */
  .page-content .inner .graph-section { margin-top: 24px }
  .graph-section .heading { font-size: 24px }  
  .graph-section .graph { clear: both; position: relative; zoom: 1}  
  .page-content .disaster-timeline cite { margin-top: 0 }  
  .graph .legend { border: 1px solid #494747; font: normal 10px/24px sans-serif; overflow: hidden; padding: 0 8px; z-index: 0 }

      .graph .legend .item { float: left; margin-right: 10px }
      .graph .legend .last-item { margin-right: 0}
      .graph .legend .icon { float: left; height: 2px; margin: 11px 6px 0 0; width: 18px }
      .graph .thirty-year-mean .icon { background-position: 0 -165px }
      .graph .range-projection .icon { background-position: 0 -156px }
    .graph .flood .icon { background-position: 0 -159px }
    .graph .cyclone .icon { background-position: 0 -162px }
    .graph .bushfire .icon { background-position: 0 -165px }
    .graph .storm-surge .icon { background-position: 0 -168px }
    .graph .severe-storm .icon { background-position: 0 -171px }
    
  .beaware .page-content .disaster-timeline { margin-bottom: 12px; padding-top: 0 }
	.beaware .page-content .disaster-timeline .length { margin-bottom: 18px }
  .beaware .page-content .disaster-timeline .description { left: 0; padding: 0 0 20px 0; position: relative; width: auto }
  .beaware .graph-section .heading { font-size: 30px; width: 100% }
  .beaware .page-content .population-section { border-top: 1px solid #494747; padding-top: 20px }
  .beaware .page-content .population-section .heading { margin-bottom: 8px }
  .beaware .page-content .trends-group { padding-top: 20px }
  .beaware #disaster-timeline-graph .legend { top: 16px }  
  .beaware #disaster-timeline-graph .legend .icon { background-image: url(/buildassets/bg-disastertimeline-circles.png); height: 4px; margin-top: 10px; width: 20px }
  .beaware #disaster-timeline-graph .flood .icon { background-position: -1px -37px }
  .beaware #disaster-timeline-graph .cyclone .icon { background-position: -3px -66px }
  .beaware #disaster-timeline-graph .bushfire .icon { background-position: -1px -96px }
  .beaware #disaster-timeline-graph .storm-surge .icon { background-position: -1px -128px }
  .beaware #disaster-timeline-graph .severe-storm .icon { background-position: -1px -160px }  
  
  .beaware .graph label.future-projections { width: 290px }
	.projectionscience .bordered.main-content { border-bottom: 0 }
    
  .graph label { font: bold 11px/18px sans-serif; position: absolute; z-index: 10}
  .graph label.y-axis { left: 0; line-height:14px; padding: 15px 0 10px; top: 0 }
  .graph .description { font-size: 11px; line-height: 15px; margin-bottom: 4px; padding: 8px 0 12px }
  .graph .description a { border: none; font-weight: normal }
  .graph label.future-projections { display: block; font-weight: bold; height: 190px; padding: 15px 10px 5px; right: 6px; top: 5px; width: 150px; z-index: 2}
  .graph .unit { color: #666; font-size: 10px; font-weight: normal; }
  .graph cite { color: #323030; display: block; font: normal 12px/18px sans-serif; margin: 30px 35px 18px }
  .graph .buttons { left: 130px; overflow: hidden; position: absolute; top: 37px; z-index: 10}
  .graph .buttons .button { background: none; background-color: #5e5d5d; cursor: pointer; float: left; font: normal 11px/18px sans-serif; height: auto; margin-right: 3px; padding: 0 5px; text-transform: none; top: 0 }
  .graph .buttons .button:hover,
  .graph .buttons .button:focus { background-color: #6e6d6d; color: #fff }
  .graph .buttons .current-button,
  .graph .buttons .current-button:hover,
  .graph .buttons .current-button:focus { background-color: #974323; color: #fff }
  .graph .container { position: relative; top: 40px; z-index: 2}
  
  .disaster-timeline .legend { float: left; left: auto; right: 0 }
   #disaster-timeline-graph .y-axis { float: left; margin-right: 18px; position: relative }
	#disaster-timeline-graph .population-graph { margin-top: 0; position: relative }
  .population-graph label.y-axis { top: 0 }
  
  .disaster-timeline label.future-projections { width: 238px }
  #disaster-timeline-graph-container { background: url(/buildassets/bg-disastertimeline.png) no-repeat 0 100%; clear: both; height: auto; padding-top: 45px; position: relative; top: 0; z-index: 2}
  #disaster-timeline-graph-container .description { position: relative; left: 0; padding-bottom: 40px }
  .disaster-timeline table { left: 12px; min-height: 150px; position: relative; bottom: 45px; width: 869px; z-index: 3}  
	.beaware .disaster-timeline table { left: 34px }
  .disaster-timeline table td { padding-bottom: 4px; text-align: center; vertical-align: bottom; width: 42px }
  .disaster-timeline table td span { width: 42px }
  .disaster-timeline .circle { background: url(/buildassets/bg-disastertimeline-circles.png) no-repeat -2px -6px; display: block; height: 4px; margin: 0 auto 2px; text-indent: -999em; width: 15px }
  
  .yourarea #disaster-timeline-graph .legend { float: right; right: 0; top: 15px }
  .yourarea #disaster-timeline-graph-container { background-image: url(/buildassets/bg-disastertimeline-yourarea.png) }
  .yourarea .disaster-timeline table { width: 640px }  
  .yourarea .disaster-timeline label.y-axis { padding-bottom: 15px }
    
  .beaware .disaster-timeline .circle { height: 4px; margin-bottom: 2px; width: 20px }
  .disaster-timeline .affected-10-100 { background-position: 0 0}
  .disaster-timeline .affected-1-10 { background-position: -65px 0; height: 16px; width: 16px }
  .disaster-timeline .affected-0-1 { background-position: -120px 0; height: 9px; width: 9px }
  
  .disaster-timeline .legend-borderless { border: none; top: 32px; right: 270px }  
  .disaster-timeline .legend-borderless .circle { float: left; margin-right: 4px }
      
  .flood .circle { background-position: -2px -37px  }
  .cyclone .circle { background-position: -3px -66px }
  .bushfire .circle { background-position: -1px -96px }
  .storm-surge .circle { background-position: -1px -128px }
  .severe-storm .circle { background-position: -1px -160px }
  
  .beaware .flood .circle { background-position: -2px -34px }
  .beaware .cyclone .circle { background-position: -2px -64px }
  .beaware .bushfire .circle { background-position: -2px -91px }
  .beaware .storm-surge .circle { background-position: -2px -124px }
  .beaware .severe-storm .circle { background-position: -2px -157px }
  
  .yourarea .page-content .trends-group { border-bottom: 1px solid #323030; margin-top: 28px }
  .page-content .inner .population-section { margin-top: 18px }
  .trends-group .heading,
  .trends-group .navigation { float: left }
  .trends-group .navigation { border-bottom: 3px solid #888; padding-left: 0; width: 100% }  
  .beaware .trends-group .navigation { float: right; margin-right: 18px; width: 766px }
  .trends-group .navigation li { float: left; list-style: none; margin-right: 2px }
  .trends-group .navigation li.last-child { margin-right: 0}
  .trends-group .navigation a { background-color: #888; color: #fff; float: left; font: bold 10px/22px sans-serif; margin-bottom: 2px; outline: none; padding: 0 6px }
  .trends-group .navigation .rainfall a { background-color: #3b6524}
  .trends-group .navigation .temperature a { background-color: #be400f }
  .trends-group .navigation .sea-level a { background-color: #195c96}
  .trends-group .navigation .current-tab a { margin-bottom: 0; padding-bottom: 2px }
  .trends-group .navigation a:hover,
  .trends-group .navigation a:focus { color: #fff }
  .trends-group .navigation .temperature {}
  
  /* Offset graphs with big ugly descriptions */
  #rainfall-graph .y-axis,
  #temperature-graph .y-axis  { top: 55px }
	
	.yourarea #rainfall-graph .y-axis,
  .yourarea #temperature-graph .y-axis  { top: 95px }
  
  #rainfall-graph .legend,
  #temperature-graph .legend { top: 0; width: 230px }
	
	.yourarea #rainfall-graph .legend,
  .yourarea #temperature-graph .legend,
	.yourarea #sea-level-graph .legend	{ left: 0; position: relative }
	
	.yourarea #sea-level-graph .container { clear: left }
	.yourarea #sea-level-graph .legend { float: left; left: 90px; top: 10px }
	.yourarea .last-section { padding: 18px 0 }
  
  #rainfall-graph .future-projections,
  #temperature-graph .future-projections { top: 55px }
	
	.yourarea #rainfall-graph .future-projections,
  .yourarea #temperature-graph .future-projections { top: 95px }
  
  #rainfall-graph .container,
  #temperature-graph .container { top: 0 }
  .highcharts-container {clear:both;}
	
	.yourarea #rainfall-graph .container,
  .yourarea #temperature-graph .container { top: 45px }
  
  #rainfall-graph cite, 
  #temperature-graph cite { margin-top: 0 }  
	
	.yourarea #rainfall-graph cite, 
  .yourarea #temperature-graph cite { font-size: 11px; margin-top: 45px }
  
  .beaware .trends-group .description,
  .beaware .trends-group .legend { float: left; left: 175px; position: relative }
  .beaware .trends-group .description { width: 764px }
	
	
	.beaware #rainfall-graph cite,
	.beaware #temperature-graph cite { padding-top: 80px }
	.beaware #sea-level-graph .legend { top: 16px }
	.beaware #sea-level-graph cite { padding-top: 30px }	
	
	.data-source { padding: 28px 0 2px }
	.data-source .heading { font-size: 30px; margin-bottom: 4px }
  
  /* Media section */
	.media-section { padding-top: 22px }
	.media-section .superheading { margin-bottom: 22px }
	.media-section .subsection { border-top: 1px solid #323030; padding: 18px 0 22px }		
	.media-section .links-resources .heading { margin-bottom: 2px }
	.media-section .links-resources .module .icon { right: -6px; top: -6px }
	.media-section .photos-videos { *zoom: 1 }
	.media-section .photos-videos:after { content: ""; clear: both; display: block }
  .media-section .row { clear: both; *height: 242px; overflow: hidden; zoom: 1 }
    .media-section .row .module { float: left; margin: 0 17px 0 0; width: 210px }
		.media-section .module .description { color: #8d320f; line-height: 15px; width: 120px }
    .media-section .row .last-module { margin-right: 0}
    .media-section .last-row .module { margin-bottom: 0}
    .module .inner { padding: 8px 8px 0 ; *zoom: 1 }
		.module .inner:after { content: ""; clear: both; display: block }
    .module .thumbnail { border: 1px solid #323030; float: left; margin: 0 10px 6px 0; position: relative; width: 60px; *zoom: 1 }
    .module .thumbnail:after { content: ""; clear: both; display: block }
		
		
    .module .icon { height: 25px; position: absolute; right: 8px; top: 6px; width: 25px; z-index: 2}
    .module .video .icon { background-position: -60px -120px }
    .module .image .icon { background-position: -90px -120px }
    .module .link .icon { background-position: -120px -120px }
    .module .document .icon { background-position: -30px -120px }
		.module .thumbnail .cropper { height: 100%; float: left; overflow: hidden; width: 100% }
    .module .thumbnail img { float: left; width: 100%; z-index: 1}
    .module .description { float: left; margin: 0 }
		
		.photos-videos .media-section { padding-top: 8px }
		.photos-videos .hidden { display: none }
		.photos-videos .prev { margin-right: 8px }
		.photos-videos .next { margin-left: 8px }
		.photos-videos .module .description { color: #323030 }
	
  /* Trends table */
	.section .trends-inner { padding: 22px 0 }
  .trends { margin: 12px 0 0 }
  .trends th, .trends td { border: 1px solid #323030; padding: 6px 0; vertical-align: middle }
    .trends thead th { color: #fff; border-color: #fff; font: normal 22px/35px 'League Gothic', Impact, sans-serif; padding: 2px 0 0; text-align: center; text-transform: uppercase;  width: 190px }
      .trends thead th.one { background-color: #1b59ac}
      .trends thead th.two { background-color: #1f59a6}
      .trends thead th.three { background-color: #124589}
      .trends thead th.four { background-color: #c96d0a }
      .trends thead th.five { background-color: #c9520a }
      .trends thead th.six { background-color: #b24808}
  .trends tbody th { background-color: #d3d3d3;font-weight: normal; line-height: 16px; padding: 6px 12px; width: 150px }
    .trends tbody td { text-align: center }
  
  
    /* Weather Hub */
    .hub { background: transparent url(/buildassets/bg-hub.png) repeat-y 0 0; border: 1px solid #fff; overflow: hidden; position: relative }
    .hub h1.heading { color: #fff }
		.hub .module { color: #fff; float: left; padding: 13px 14px; width: 158px }
    .hub .wide-module { width: 335px }
    .hub .news-feed { background: url(/buildassets/sprite.png) no-repeat -600px -10px; float: left; height: 43px; margin: 0; padding: 20px 14px 16px 24px }
    .hub .news-feed .content { text-shadow: none }
		.hub .news-feed .title { color: #fff } 
		.hub .news-feed .feed-item { color: #fff!important }
		.hub .news-feed .feed-item:hover { color: #fff!important }
    .hub .module .heading { font-size: 40px; line-height: 36px; margin: 0 }
    .hub .module .heading span { color: #ccc; display: block; font-size: 18px; line-height: 16px }
    .hub .module .description { display: block; line-height: 1.33}
    .hub .navigation,
		.hub .navigation .inner,
		.hub .navigation li,
		.hub .navigation a { float: left }
    .hub .navigation li { background-position: -600px 0; height: 108px }
      .hub .navigation a { color: #fff; height: 100%}
        .hub .navigation a:hover, .hub .navigation a:focus { background: url(/buildassets/bg-hub-cell.png); background: rgba(0,0,0,.1); color: #fff }
      .hub .navigation a .inner { float: left; padding: 12px 10px 12px 18px; width: 165px }
      .hub .navigation img { border: 1px solid #88888a; display: block; height: 48px; margin-bottom: 4px; width: 163px }
      .hub .navigation .title { background-position: -600px -110px; display: block; font: bold 14px/1.1667em sans-serif; padding-left: 10px }
    .hub .continue-link {
      position: absolute;
      right: 10px;
      top: 10px
    }
    .hub .continue-link a { background-position: 100% -884px; color: #333 }
    .hub .continue-link a:hover,
    .hub .continue-link a:focus  { background-position: 100% -908px; color: #383838 }
    
    
    /* Weather Hub */
    .weatherhub  .heading { font-size: 24px; margin-bottom: 8px }
		.weatherhub .links.bordered { border-top: 0 }
    .weatherhub .page-content .column-left {
      width: 580px
    }    
    .weatherhub .page-content .column-right {
      width: 365px
    }
    .weatherhub .page-content .e-news-connect .column-right {
      width: 218px
    }    
    .weatherhub .page-content .column-right .inner {
      padding: 12px 0
    }
    .weatherhub .page-content .feature-image {
      height: 280px;
      margin: 0;
      overflow: hidden;
      position: relative
    }  
    .weatherhub .page-content .feature-image img {
      max-width: 100%
    }
    .weatherhub .page-content .feature-image .heading {
      background: url(/buildassets/shout-bg.png) repeat 0 0;
      bottom: 24px;
			color: #fff;
      font-size: 40px;
      padding: 8px 15px;
      position: absolute;
    }    
    .weatherhub .page-content .people-connecting .inner {
      overflow: hidden;
      padding-bottom: 6px;
    }
    .weatherhub .page-content .people-connecting .module {
      border: 1px solid #fff;
      float: left;
      margin: 0 10px 10px 0;
      width: 173px
    }
    .weatherhub .page-content .people-connecting .no-margin-right { margin-right: 0 }
    .weatherhub .page-content .people-connecting .no-margin-bottom { margin-bottom: 0 }
    .weatherhub .page-content .people-connecting .module .inner { padding: 8px }
    .weatherhub .page-content .people-connecting .module .thumbnail {
      height: 80px;
      width: 155px
    }
    .weatherhub .page-content .people-connecting .module .thumbnail img {
      position: relative;
      top: -20px
    }  
    .weatherhub .page-content .people-connecting .module .description {
      font-size: 11px;
      line-height: 15px
    }
    .weatherhub .latest-information .column-left,
    .weatherhub .latest-information .column-right {
      width: 173px
    }  
    
    .weatherhub .external-content-container { 
      border-top: 1px dotted #6c6969;
      height: 287px;
      margin-top: 8px;
      overflow: hidden;
      padding-top: 8px
    }
    
    .weatherhub .page-content .blogs .heading,
    .weatherhub .page-content .tweets .heading { margin-bottom: 2px }    
    
    .weatherhub .page-content .tweets { position: relative }
    .weatherhub .page-content .tweets .logo {
      background: url(/buildassets/sprite.png) no-repeat -236px -122px;
      bottom: 0;
      float: right;
      height: 19px;
      position: absolute;
      right: -4px;
      width: 83px
    }
    
    .weatherhub .tweet { font-size: 11px; line-height: 1.5em; margin-bottom: 16px  }
    .weatherhub .tweet a { color: #a0a0a0; font-style: italic }
    .weatherhub .tweet .user { color: #d84005; display: block; font-style: normal; font-weight: bold; margin-top: 4px }
    
    .weatherhub .links li {
      background:url(/buildassets/images/list_01.png) no-repeat 0 5px;
      margin-bottom: 2px;
      padding-left: 14px
    }
    
    .weatherhub .page-content .images .inner {
      padding-right: 8px
    }
    
    .weatherhub .page-content .images .logo {
      background: url(/buildassets/sprite.png) no-repeat -236px -152px;
      float: right;
      height: 24px;
      margin-right: 4px;
      width: 74px
    }
    
    #flickr-tags { display: none }
    #flickr { height: 162px; margin-top: 8px; overflow: hidden }
    #flickr li { float: left }
    #flickr li img { border: 1px solid #fff; float: left; margin: 0 8px 8px 0 }
    
    
    /* Homepage */
    .module-introduction p { color: #323030; font-size: 16px; line-height: 1.416; margin: 1px 0 .857em }
    .section-promos .alt-promo { float: left }
    .section-promos .alt-promo .continue-link { float: left; margin-top: 5px }
    .section-promos .last-alt-promo { float: right }
    
    /* Featured sections */
		.homepage .page-content h1 { color: #323030; margin: 0 0 4px }
    .homepage .page-content .column-left { width: 370px }
    .homepage .page-content .column-right { width: 570px }
    .featured-sections { border: 1px solid #fff; overflow: hidden; zoom: 1 }
    .featured-sections .module { background: transparent url(/buildassets/placeholder.png); float: left; width: 33.33%; height: 320px }
    .featured-sections .module .inner { background-position: -600px -155px; color: #fff; float: left; height: 100%; padding: 0; position: relative; width: 100%}
    .featured-sections .module .heading { float: left; margin: 190px 0 0}
    .featured-sections .module .description { float: left; font-size: 14px; line-height: 1.416; padding: 6px 16px; width: 80%}
    
    .featured-sections .module .heading a,
    .featured-sections .module .description { background-position: -600px -205px; margin: 0}  
    
    .featured-sections .first-module .inner,
    .featured-sections .first-module .heading a,
    .featured-sections .first-module .description { background: none }    

    .featured-sections .module .heading a { color: #fff; font-size: 56px; line-height: 64px; margin-bottom: 2px; padding: 2px 16px 0}
      .featured-sections .module:hover .heading a,
      .featured-sections .module .heading a:hover,
      .featured-sections .module .heading a:focus { color: #fff}
    
    
    .featured-sections .module .shout {
      position: absolute;
    }
    
    .featured-sections .module .shout .arrow {
      background: url(/buildassets/shout-arrow.png);
      bottom: -15px;
      height: 15px;
      position: absolute;
      right: 8px;
      width: 26px
    }
    
    .featured-sections .module .shout .arrow-wide {
      background: url(/buildassets/shout-arrow-wide.png);
      bottom: -32px;
      height: 32px;
      position: absolute;
      right: 65px;
      width: 56px
    }
    
    .featured-sections .module .shout .inner {
      background: #323030;
      padding: 0 8px;
      width: auto
    }
    .featured-sections .module .shout label {
      cursor: pointer;
      display: block;
      line-height: 12px;
      margin-bottom: 8px
    }
    .featured-sections .module .shout .action {
      font: 18px/28px 'League Gothic', Impact, sans-serif;
      text-transform: uppercase
    }
    .featured-sections .module .shout .server-message strong {
      margin-bottom: 0
    }
    
    .featured-sections .module .shout .text { margin-right: 2px; width: 163px }
    
    .featured-sections .be-aware { background: url(/buildassets/beaware.jpg) no-repeat 0 0; width: 380px }
    .featured-sections .prepare-yourself { background: url(/buildassets/prepareyourself.jpg) no-repeat 0 0; width: 325px }
    .featured-sections .help-others { background: url(/buildassets/helpothers.jpg) no-repeat 0 0; width: 253px }
    
    .featured-sections .be-aware .shout {
      right: 25px;
      top: 65px
    }
    
    .featured-sections .be-aware .shout .inner {
      padding: 16px 14px;
    }
		
		.featured-sections .be-aware .shout .button {
			background-position: 100% -692px; 
			height: 23px;
			width: 31px
		}
		
		.featured-sections .be-aware .shout .button:hover,
		.featured-sections .be-aware .shout .button:focus {
			background-position: 100% -716px
		}
    
    .featured-sections .prepare-yourself .shout {
      top: 112px;
      left: 125px;
      z-index: 1
    }
		.featured-sections .prepare-yourself .shout .inner {
			padding: 0 14px
		}
    .featured-sections .prepare-yourself .shout .arrow {
      background-image: url(/buildassets/shout-arrow-tall.png);
      bottom: -36px;
      height: 36px;
      right: 80px;
      width: 60px
    }
    
    .featured-sections .prepare-yourself .shout .action {
      font-size: 32px;
      line-height: 50px
    } 
    
    .featured-sections .prepare-yourself .shout-suppliment {
      bottom: 120px;
      height: 44px;
      position: absolute;
      right: 30px;
      width: 118px;
      z-index: 0
    }
    
    .featured-sections .help-others .shout {
      right: 28px;
      bottom: 137px
    }    
      
    .featured-sections .be-aware .heading a,
    .featured-sections .be-aware .description { background-color: #0b356c }      
    .featured-sections .prepare-yourself .heading a,
    .featured-sections .prepare-yourself .description { background-color: #124589}      
    .featured-sections .help-others .heading a,
    .featured-sections .help-others .description { background-color: #1b59ac}
      
  .module .heading { font: normal 30px/1 'League Gothic', Impact, sans-serif; text-transform: uppercase }
  
  /* Promo */
  .promo { background: transparent url(/buildassets/placeholder.png); height: 238px; width: 368px }
	.promo.bordered { border: 1px solid #323030 }
  .promo .heading,
  .promo .subheading,
  .alt-promo .heading,
  .alt-promo .subheading { background-color: #be400f; color: #fff; float: left; padding: 0 16px }
  .promo .heading,
  .alt-promo .heading  { font: normal 34px/34px 'League Gothic', Impact, sans-serif; margin: 14px 0 0; padding-top: 3px; padding-bottom: 3px }
  .promo .subheading,
  .alt-promo .subheading { clear: both; color: #a2a1a1; font: normal 24px/24px 'League Gothic', Impact, sans-serif; padding-bottom: 2px; padding-top: 2px; text-transform: uppercase }
  
  
  .homepage .happen-tomorrow { background-image: url(/buildassets/happentomorrow.jpg); margin-bottom: 4px }
  .homepage .king-tide { background-image: url(/buildassets/kingtide.jpg); height: 230px; margin-bottom: 18px }
  
	.promo .inner { padding: 0 }
  .promo .description { clear: both; zoom: 1}
  .promo .description .heading { background-color: transparent; color: #32333C; font: bold 19px/1.33em sans-serif; padding: 0 0 0 12px; text-transform: none;}
  .promo .description p { background: url(/buildassets/bg-promo-white.png); background: rgba(255,255,255,.79); font-size: 16px; line-height: 20px; margin-bottom: -10px; padding: 6px 12px 18px }
  .promo .continue-link { display: block; margin: 0 12px }
	.promo .continue-link a { background-position: 100% -692px }
	.promo .continue-link a:hover,
	.promo .continue-link a:focus { background-position: 100% -716px }
	
	.homepage .king-tide h3.heading { margin: 75px 0 0 }
  .homepage .king-tide h4.heading { margin-top: 0 }
	.homepage .king-tide p { background: url(/buildassets/bg-witness-king-tides-promo.png); background: rgba(255,255,255,0.79); font-size: 14px; line-height: 16px; padding: 12px 16px 16px; margin: 0 }
	.homepage .king-tide .continue-link { display: inline-block; margin: -6px 0 0 16px; *zoom: 1 }
  .promo-grey .heading,
  .promo-grey .subheading { background-color: #32333c }
  .promo-blue .heading,
  .promo-blue .subheading { background-color: #124589 }
  .promo-blue .subheading { color: #fff}
  .promo-blue .continue-link a { background-position: 100% -548px }
  .promo-blue .continue-link a:hover,
  .promo-blue .continue-link a:focus { background-position: 100% -572px }
	  
  .small-promos { margin-top: 14px }
  .small-promos .promo { height: 165px; width: 260px }
  
  .your-area-promo {
    background: none;
    height: auto;
    overflow: hidden;
    position: relative;
    width: 260px
  }  
  .your-area-promo img  {
    float: left
  }
  .your-area-promo .content {
    font-size: 16px;
    left: 0;
    line-height: 20px;
    position: absolute;
    top: 0
  }
  
  .homepage .alt-promo {
    float: left;
    margin-right: 18px
  }
  
  .homepage .last-alt-promo {
    margin-right: 0
  }
  
  .alt-promo {
    position: relative;
    width: 275px
  }
  
  .alt-promo .content {
    position: absolute;
    left: -8px;
    z-index: 1
  }
  
  .alt-promo p {
    clear: both;
    float: left;
    font-size: 14px;
    line-height: 18px;
    margin: 2px 0 6px;
  }
  
  .alt-promo .heading,
  .alt-promo .subheading { padding: 2px 4px 2px 8px }
  .alt-promo img { height: 115px; position: relative; width: 275px }
    
  .alt-promo-green .heading,
  .alt-promo-green .subheading { background-color: #325a0b}
  .alt-promo-green .subheading { color: #76a24a }

  
  .alt-promo .description p {
    color: #c7c5c5;
    font-size: 14px;
    line-height: 1.4em;
    margin: 6px 0 4px;
  }
  
  .alt-promo-green .continue-link a { background-position: 100% -596px }
  .alt-promo-green .continue-link a:hover,
  .alt-promo-green .continue-link a:focus { background-position: 100% -620px }
  
  
  /* Text Promo */
  .text-promo .heading { font-size: 40px }
  .text-promo .subheading { color: #4487cb; display: block; font-size: 22px }
  .text-promo .divided { border-bottom: 1px solid #424040; margin-bottom: 10px; padding-bottom: 10px }
  .text-promo ul { line-height: 1.416em }
  .text-promo ul .heading { font: bold 12px/18px sans-serif; text-transform: none }
  .text-promo ul p { margin-bottom: 6px }
  .text-promo ul .continue-link a { background-position: 100% -502px; font-size: 15px; height: 18px; line-height: 19px }
  .text-promo ul .continue-link a:hover,
  .text-promo ul .continue-link a:focus { background-position: 100% -526px;}
  .text-promo ul li { margin-bottom: 18px; overflow: hidden }
  .text-promo ul li.last-child { margin-bottom: 6px }
	
	.are-you-ready h5.heading { color: #be400f }
	.are-you-ready .subheading { color: #323030 }
	.are-you-ready .divided { margin-bottom: 12px; padding-bottom: 12px }
  
  /* Involvement map */
	.involvementmap .main-content { border-bottom: 0; padding-top: 24px }
  .map { position: relative; }
  .map .stats {
		color: #fff;
    font: 18px/18px 'League Gothic', Impact, sans-serif;
    position: absolute;
    right: 14px;
    text-transform: uppercase;
    top: 14px;
    z-index: 1
  }
  .map .stats span {
		background: #323030;
    float: left;
    padding: 6px 14px 6px 10px;
  }
  .map .stats span strong {
    display: block;
    font-size: 40px;
    font-weight: normal;
    line-height: 34px;
  }
  .map .stats .tip { background-color: #4d4e4b }
  #involvement-map { height: 490px; width: 680px; }
  
  /* Get involved */
  
  .get-involved-panel {
    height: 180px;
		overflow: hidden;
    position: relative
  }
    
  .get-involved-panel .heading {
		background-color: #cfcfcf;
    color: #333;
    font: 58px/58px 'League Gothic', Impact, sans-serif;
    left: 0;
    margin: 0;
		padding: 4px 0 2px 24px;
    position: absolute;
    text-transform: uppercase;
    top: 26px;
		width: 100%;
		z-index: 0
  }
  
  
  .get-involved-panel p {
    color: #333;
    left: 24px;
    position: absolute;
    top: 98px
  }

  .get-involved-panel p a {
	border: none;
    color: #333;
    font-weight: normal;
  }

  .get-involved-panel p a:hover {
    color: #555
  }
  
  .get-involved-panel ul {
    left: 24px;
		list-style: none;
    padding-left: 0;
    position: absolute;
    top: 123px
  }
  .get-involved-panel li { float: left; margin-right: 8px }
    
  .get-involved-panel .button-green { width: 135px }
  
  .get-involved-panel .thing {
    background: url(/plan/images/thing.png) no-repeat 0 0;
    display: block;
    height: 159px;
    position: absolute;
    right: 12px;
    top: 12px;
    width: 215px;
		z-index: 1
  }
  
  .get-involved-panel .button {  
    background: transparent url(/buildassets/sprite.png) no-repeat 100% -500px;  
    border: none;
    color: #fff;
    cursor: pointer;    
    font: 16px/23px 'League Gothic', Impact, sans-serif;
    height: 23px;
    padding-right: 13px;
    text-decoration: none;
    text-transform: uppercase;
  }  
  .get-involved-panel .button:hover,
  .get-involved-panel .button:focus {
    background-position: right -524px;
  }
  
  .get-involved-panel .button-large {
    background: url(/plan/images/sprite.png) no-repeat 100% 0;
    float: left;
    font-size: 25px;
    height: 39px;
    line-height: 39px;
    padding-left: 12px;
    padding-right: 25px
  }
  
  .get-involved-panel .button-large-orange {
    background-position: 100% -160px
  }
  
  .get-involved-panel .button-large-orange-gradient {
    background-position: 100% -80px }    
    
  .get-involved-panel .button-large-orange-gradient:hover,
  .get-involved-panel .button-large-orange-gradient:focus {
    background-position: 100% -120px }
  
  .get-involved-panel .button-large-green-gradient {
    background-position: 100% 0 }    
    
  .get-involved-panel .button-large-green-gradient:hover,
  .get-involved-panel .button-large-green-gradient:focus {
    background-position: 100% -40px }

    
  /* Weather Events */
  
  .main-content .event-type-possible-navigation {
    list-style: none;
    overflow: hidden;
    padding-left: 0
  }
  .event-type-possible-navigation li {
    margin-right: 2px;
    overflow: hidden
  }
  .event-type-possible-navigation li.last-child {
    margin-right: 0
  }
  .event-type-possible-navigation li,
  .event-type-possible-navigation a  {
    float: left;
    height: 150px;
    position: relative;
    width: 131px;
  }
  .event-type-possible-navigation li img,
  .event-type-possible-navigation li span  {
    position: absolute;
  }
  .event-type-possible-navigation li img {
    height: 150px;
    max-width: none
  }
  .event-type-possible-navigation li span {
    background: url(/buildassets/bg-event-type-possible-navigation.png) repeat 0 0;
    background: rgba(0,0,0,.5);
    bottom: 0;
		color: #fff;
    float: left;
    font: 24px/24px 'League Gothic', Impact, sans-serif;
    left: 0;
    padding: 10px 0;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
  }
  
  .event-type-summary {
    border-bottom: 1px dotted #595757;    
    padding: 16px 0
  }
  .event-type-summary .column-left {
    width: 425px;
  }
  
  .event-type-summary .heading {
    margin-bottom: 4px;
  }
  
  .page-content .event-type-summary .events {
    margin: 10px 0 14px;
  }
  
  .event-type-summary .events table {
		border-top: 0;
    margin: 6px 0 10px;
    width: 100%
  }
  .event-type-summary .events table .date {
    padding-left: 6px;
    width: 134px;
  }
  .event-type-summary .column-right {
    width: 206px;
  }
  .event-type-summary .column-right img {
    border: 1px solid #fff;
  }
  
  /* Weather Event Type */
	.page-content .last-resources-section {
		margin-bottom: 12px;
	}
  .page-content .event-type-resources-section {
    border: none;
    margin-top: 12px;
    padding: 0 5px;
  }
  .event-type-resources-section .resources {
    width: 210px;
  }
  .event-type-resources-section .resources .module {
    background-color: transparent;
    height: 200px;
    margin: 0;
    padding: 0 5px;
    width: 200px
  }
  .event-type-resources-section .resources .module .thumbnail {
    height: 147px;
    margin-top: 5px;
    width: 198px;
  }
  .event-type-resources-section .resources .module .description {
    font-size: 12px;
    padding-top: 10px;
    width: 184px;
  }
  
  /* Harden Up Plan */  
	.planSubNavContainer { margin-bottom: 28px }
  .planSubNav a { color: #323030; float: left; padding: 1px 16px }
  .planSubNav a:hover, 
  .planSubNav a:focus { color: #d84005}
  .planSubNav { padding: 12px 0; list-style-type:none;}
  .planSubNav li { background: url(/buildassets/images/list_01.png) no-repeat 0 6px; overflow: hidden }
  .planSubNav li.current { font-weight:bold }
  
  
  /* Category Banner */
  .category-banner { height: 128px; margin: 0 auto; overflow: hidden; position: relative; width: 958px }
  .category-banner li, .category-banner a { float: left }
	.category-banner li { position: absolute; top: 0 }
  .category-banner li a { background: url('/buildassets/bg-category-banner.png') no-repeat }
	.category-banner .be-aware { left: 0; z-index: 2 }
	.category-banner .be-aware a { background-position: 0 0; padding-right: 54px; width: 277px }
	.category-banner .be-aware a:hover,
	.category-banner .be-aware a:focus { background-position: 0 -134px }
	.category-banner .prepare-yourself { left: 270px; z-index: 1 }
	.category-banner .prepare-yourself a { background-position: -344px 0; padding-left: 90px; padding-right: 34px; width: 312px }
	.category-banner .prepare-yourself a:hover,
	.category-banner .prepare-yourself a:focus { background-position: -344px -134px }
	.category-banner .help-others { left: 635px; z-index: 0 }
	.category-banner .help-others a { background-position: -770px 0; padding-left: 82px }
	.category-banner .help-others a:hover,
	.category-banner .help-others a:focus { background-position: -770px -134px }
  .category-banner a { height: 104px; padding: 12px 16px }
  .category-banner a:hover,
  .category-banner a:focus { color: #fff }
  
  .category-banner .heading { color: #fff; display: block; font: normal 56px/1 'League Gothic', Impact, sans-serif; text-transform: uppercase }
  .category-banner .description { color: #fff; font: 14px/17px sans-serif }  
  
  .page-content .e-news-connect { margin-top: 0; overflow: hidden; position: relative; }
	.beaware .page-content .e-news-connect { margin-top: 12px }
  .e-news-connect .column-left,
  .homepage .e-news-connect .column-left { width: 560px }
  .e-news-connect .column-right,
  .homepage .e-news-connect .column-right { width: 218px }
  
  .e-news-connect .column-right {bottom: 0; position: absolute; right: 0;}
  .homepage .jargon-buster-promo {
    background: none;
    height: auto;
		margin-top: 18px;
    position: relative
  }  
  
  .homepage .jargon-buster-promo .inner {
    padding: 12px 16px 12px 0
  }
  
  .homepage .jargon-buster-promo .icon {
    background: url(/buildassets/images/ico_jbuster_header.png) no-repeat 0 0;
    float: left;
    height: 40px;
    position: absolute;
    right: 137px;
    text-indent: -999em;
    top: -4px;
    width: 40px;
		z-index: 0
  }
  
  .homepage .jargon-buster-promo .heading {
		background-color: transparent;
		color: #323030;
		font-size: 30px;
    line-height: 34px;
    margin: 0;
    padding: 0;
		position: relative;
    width: 100%;
		z-index: 1
  }
  
  .homepage .jargon-buster-promo p {
    line-height: 1.5em;
    margin-bottom: 6px
  }
	
	.homepage .jargon-buster-promo .continue-link {
		margin: 0
	}
	.homepage .happen-tomorrow .continue-link a,	
	.homepage .jargon-buster-promo .continue-link a {
		background-position: 100% -500px
	}

	.homepage .happen-tomorrow .continue-link a:hover, 
	.homepage .happen-tomorrow .continue-link a:focus,
	.homepage .jargon-buster-promo .continue-link a:hover, 
	.homepage .jargon-buster-promo .continue-link a:focus {
		background-position: 100% -524px
	}
	
	.underlined { background: url(/buildassets/images/jb_underline.png) repeat-x 0 100%; display: inline-block; *zoom: 1 }
  
  /* Weather Widget */
  .page-content .weather-widget { background-color: #fff;  border-bottom: 1px solid #323030; border-top: 1px solid #323030; margin-top: 18px; overflow: hidden; padding: 12px 0 }
  .weather-widget iframe { float: left; left: -14px; margin: 0; overflow: hidden; position: relative; top: 5px; width: 334px; height: 75px }  
	.column-left .weather-widget iframe { left: 0; width: 100% }
  
  /* eNews */
  .homepage .e-news { border-bottom: 1px solid #323030; border-top: 1px solid #323030; margin-bottom: 24px }
  .e-news { margin-top: 24px; width: 568px }
	.homepage .e-news .inner { padding: 16px 0 20px }
  .e-news .inner { overflow: hidden; padding: 0 }
  .e-news .description { font-size: 13px; line-height: 35px }
    .e-news .description .heading { float: left; font-size: 30px; margin-right: 0.9em }
  
  #divNewsletterSignup { margin-top: 4px; overflow: hidden; width: 100% }
  .e-news input.text, .e-news .button { float: left }
  .e-news input.text { font-size: 14px }
  .e-news input.third { margin-right: 6px; width: 100px }
  .e-news input.two-thirds { width: 175px }
  .e-news input.button { background-position: 100% -692px; height: 23px; float: left; height: 22px; left: 6px; position: relative }
  .e-news input.button:hover,
	.e-news input.button:focus { background-position: 100% -716px }
  
  /* Connect with us */
  .connect-with-us .heading { float: left; font-size: 26px }
  .connect-with-us ul { float: right }
  .connect-with-us li,
  .connect-with-us a { float: left }
  .connect-with-us li { margin-right: 4px }
  .connect-with-us a { height: 24px; width: 24px }
  
  .connect-with-us .facebook a { background-position: -470px -40px }
    .connect-with-us .facebook a:hover,
    .connect-with-us .facebook a:focus { background-position: -470px -66px }
  .connect-with-us .twitter a { background-position: -498px -40px }
    .connect-with-us .twitter a:hover,
    .connect-with-us .twitter a:focus { background-position: -498px -66px }
  .connect-with-us .flickr { margin-right: 0}
  .connect-with-us .flickr a { background-position: -525px -40px }
    .connect-with-us .flickr a:hover,
    .connect-with-us .flickr a:focus { background-position: -525px -66px }
    
  /* Footer */
  .footer { background-color: #fff; bottom: 0; color: #434141; width: 100%; z-index: 10}
  .footer .column-left {width:600px;}
  .footer a { color: #434141}
  .footer a:hover,
    .footer a:focus { color: #837878}
  
  .footer .funders { background: transparent url(/buildassets/bg-footer.png) repeat-x 0 0; border-top: 1px solid #d1cfcf; padding: 12px 0 10px;  }
    .footer .funders .heading { font-size: 16px; margin-bottom: 12px }
    .footer .funders .inner {position:relative;}
    .footer .funders .imaAward {position:absolute; right:0; top:-3px;}
    .footer .funders .imaAward img {border:none;width:auto; height:auto;}
    .footer .funders ul { overflow: hidden;}
    .footer .funders li { margin: 0 10px 8px 0 }
    .footer .funders li,
    .footer .funders a { float: left }
    
  .footer .action { background: #323030; bottom: 0; color: #ededed; font: 24px 'League Gothic', Impact, sans-serif; left: 0; position: fixed; text-transform: uppercase; width: 100%; z-index: 12}
  .footer .action .inner { line-height: 25px; overflow: hidden; padding: 6px 0 0; *padding-bottom: 3px}
    .action .count { float: left; overflow: hidden; padding: 1px .33em 0 0}
    .action .count span { background: url(/buildassets/bg-counter.png) no-repeat 0 0; color: #5e605e; float: left; font: bold 16px sans-serif; height: 22px; line-height: 23px; margin-right: 2px; text-align:center; text-shadow: 0 1px 0 #e5e5e5; width: 23px }
    
    .action .social-media { float: left; overflow: hidden }
    .action .social-media .heading,
    .action .social-media a { float: left }
    .action .heading { font-size: 24px; margin: 0 .416em 0 0}
    .action .icons { background-color: #030303; float: left; margin-right: 4px; padding: 3px 4px; position: relative; top: -1px }
    
      .action .icons a { height: 19px }
      .action .facebook,
      .action .twitter { margin-right: 4px; width: 19px }
      .action .icons .facebook { background-position: -400px -40px }
        .action .facebook:hover,
        .action .facebook:focus { background-position: -400px -65px }
      .action .icons .twitter { background-position: -420px -40px }
        .action .twitter:hover,
        .action .twitter:focus { background-position: -420px -65px }
      .action .icons .email { background-position: -440px -37px; width: 24px }
        .action .email:hover,
        .action .email:focus { background-position: -440px -62px }
  
    .footer-modals .modal {
	    background: #fff;
	    color: #333;
	    display: none;
	    left: 37%;
	    padding: 16px 0 0;
	    position: absolute;
	    top: 12.5%;
	    width: 440px;
	    z-index: 200
    }
    .footer-modals .modal .inner { padding: 0 16px 10px; }
    .footer-modals .error { color: #cc0000 }
    .footer-modals .row {
    	clear: both;
    	margin-bottom: 4px;
    	overflow: hidden;
    	zoom: 1
    }
    
    .footer-modals .section {
	    clear: both;
	    margin-top: 0;
	    overflow: hidden;
	    padding: 16px 0
    }
    #fancybox-content .modal {
	    background: #fff;
	    color: #333;
	    width: 440px;
	    z-index: 200
    }

    .modal-background {
	    background: url(/plan/images/bg-local-risk.png) repeat 0 0;
	    background: rgba(0,0,0,.625);
	    display: none;
	    height: 100%;
	    left: 0;
	    position: absolute;
	    top: 0;
	    width: 100%;
	    z-index: 13;
    }

    .footer-modals .modal-background {
	    z-index: 3;
    }

    .footer-modals .wide-modal {
	    left: 0;
	    width: 680px
    }

    .footer-modals .extrawide-modal {
	    left: -2.5%;
	    width: 715px
    }
    .footer-modals #terms-and-conditions {
	    padding-bottom: 16px
    }
    .footer-modals #terms-and-conditions .inner {
	    height: 100%;
	    margin-right: 8px;
	    overflow: auto
    }

    .footer-modals #terms-and-conditions pre {
	    font: 12px/1.625em  sans-serif
    }
    .footer-modals .modal .close {
	    background: url(/plan/images/sprite.png) no-repeat -83px -42px;
	    font-weight: 700;
	    height: 24px;
	    position: absolute;
	    right: -10px;
	    text-indent: -999em;
	    top: -10px;
	    width: 24px
    }

    .footer-modals .modal .close:hover {
	    background-position: -112px -42px
    }

    .footer-modals .modal .heading {
	    color: #c96d0a;
	    margin-bottom: 8px
    }

    .footer-modals .modal .heading-grey {
	    color: #484647;
	    font-size: 22px
    }

    .footer-modals .modal .submit {
	    background-color: #e3e0e0;
	    clear: both;
	    display: block;
	    overflow: hidden;
	    padding: 9px 12px 10px!important
    }

    .footer-modals .modal .divided {
	    border-bottom: 1px dotted #666
    }

    .footer-modals #facebook-modal-footer .wall-post {
	    background: #c3c3c3 url(/plan/images/bg-wall-post.png) repeat-x 0 0;
	    border: 1px solid #ddd;
	    font: 12px/16px sans-serif;
	    height: 78px;
	    resize: none;
	    width: 333px;
	    -webkit-border-radius: 3px;
	    -moz-border-radius: 3px;
	    border-radius: 3px;
	    behavior: url(/scripts/pie.htc)\9
    }

    .footer-modals #facebook-modal-footer .prefilled a {
	    color: #245db7;
	    font-weight: bold
    }

    .footer-modals #facebook-modal-footer .prefilled a:hover,
    .footer-modals #facebook-modal-footer .prefilled a:focus {
	    color: #447dd7
    }

    .footer-modals #facebook-modal-footer .prefilled {
	    width: 300px
    }

    .footer-modals #email-modal-footer {
	    right: -120px;
	    top: 40px
    }
    
    

#email-modal-footer .row .cell {
	float: left;
	line-height: 23px;
	margin-right: 8px;
	position: relative
}



#email-modal-footer .cell label {
	color: #605553;
	font: 12px/23px sans-serif;
	left: 6px;
	position: absolute;
	top: 1px
}


.footer-modals #email-modal-footer .cell .message {
	font-weight: 700;
	margin-bottom: 0
}
    
    .footer-modals .button,
.RadUpload .ruBrowse {
	background: transparent url(/buildassets/sprite.png) no-repeat 100% -500px;
	border: none;
	color: #fff;
	cursor: pointer!important;
	font: 16px/23px 'League Gothic', Impact, sans-serif;
	height: 23px;
	padding-right: 13px;
	text-decoration: none;
	text-transform: uppercase
}

.RadUpload .ruBrowse {
	background: transparent url(/buildassets/sprite.png) no-repeat 100% -500px!important;
	color: #fff!important;
	cursor: pointer!important;
	line-height: 22px!important;
	margin-left: 16px!important;
	width: auto!important
}
.RadUpload .ruBrowse:hover {
	background-position: right -524px!important;
}
.RadUpload_Default .ruFakeInput {
	width: 154px!important
}
.footer-modals .button:hover,
.footer-modals .button:focus {
	background-position: right -524px;
	color: #fff
}

.footer-modals .button-orange {
	background-position: right -692px
}

.footer-modals .button-orange:hover,
.footer-modals .button-orange:focus {
	background-position: 100% -716px
}

.footer-modals .button-medium {
	background: transparent url(/plan/images/sprite.png) no-repeat 100% -226px;
	display: block;
	font-size: 22px;
	height: 32px;
	line-height: 32px
}

.footer-modals a.button-medium {
	line-height: 34px
}

.footer-modals .button-medium:hover,
.footer-modals .button-medium:focus {
	background-position: 100% -259px
}

.footer-modals .button-medium-left {
	background-position: -243px -226px;
	float: left;
	padding-left: 18px;
	padding-right: 10px
}

.footer-modals .button-medium-left:hover,
.footer-modals .button-medium-left:focus {
	background-position: -243px -259px
}

.footer-modals .button-medium-orange-left {
	background-position: -243px -160px;
	float: left;
	padding-left: 18px;
	padding-right: 10px
}

.footer-modals .button-medium-orange-left:hover,
.footer-modals .button-medium-orange-left:focus {
	background-position: -243px -193px
}

.footer-modals .button-medium-orange-right {
	background-position: 100% -160px;
	float: right;
	padding-left: 10px;
	padding-right: 18px
}

.footer-modals .button-medium-orange-right:hover,
.footer-modals .button-medium-orange-right:focus {
	background-position: 100% -193px
}

.footer-modals .button-large {
	background: url(/plan/images/sprite.png) no-repeat 100% 0;
	float: left;
	font-size: 25px;
	height: 39px;
	line-height: 39px;
	padding-left: 12px;
	padding-right: 28px
}

.footer-modals .button-large-orange {
	background-position: 100% -160px
}

.footer-modals .button-large-orange-gradient {
	background-position: 100% -80px
}

.footer-modals .button-large-orange-gradient:hover,
.footer-modals .button-large-orange-gradient:focus {
	background-position: 100% -120px
}

.footer-modals .button-large-green-gradient:hover,
.footer-modals .button-large-green-gradient:focus {
	background-position: 100% -40px
}

.footer-modals input.text {
	background: transparent url(/plan/images/input-sprite.png) no-repeat 0 0;
	border: none;
	color: #605353;
	filter: none;
	font: 12px/23px sans-serif;
	height: 24px;
	margin: 0;
	padding: 0 5px;
	width: 160px;
	border-radius: none;
	-webkit-border-radis: none;
	-moz-border-radius: none
}

.footer-modals input.invalid-text {
	background-position: 0 -25px;
	border: none!important;
}

.footer-modals input.short-text {
	background-position: -171px 0;
	width: 102px
}

.footer-modals input.short-invalid-text {
	background-position: -171px -25px;
	width: 102px
}

.footer-modals input.long-text {
	background-position: -284px 0;
	width: 220px
}

.footer-modals input.long-invalid-text {
	background-position: -284px -25px;
	width: 220px
}
  
      
  .footer .legal { background-color: #fcfcfc; font-size: 11px; padding: 0 0 48px }
  .footer .legal .inner { overflow: hidden }
    
    

  
  
  
  /* CSS3 Vendor-prefixed properties */   
  a {-webkit-transition: color 133ms, background-color 133ms }
  body {-webkit-font-smoothing: antialiased }
  
  .gca-projects {
    background: -moz-linear-gradient(top, #ffffff 0%, #f1f0f0 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f1f0f0));
    background: -webkit-linear-gradient(top, #ffffff 0%,#f1f0f0 100%);
    background: -o-linear-gradient(top, #ffffff 0%,#f1f0f0 100%);
    background: -ms-linear-gradient(top, #ffffff 0%,#f1f0f0 100%);
    background: linear-gradient(top, #ffffff 0%,#f1f0f0 100%);
    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.25);
    -moz-box-shadow: 0 1px 4px rgba(0,0,0,.25);
    box-shadow: 0 1px 4px rgba(0,0,0,.25);
  }
  
  .hub {
    background: -moz-linear-gradient(left, rgba(62,60,60,1) 0%, rgba(18,69,137,1) 27%, rgba(201,109,10,1) 81%, rgba(117,62,4,1) 99%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(62,60,60,1)), color-stop(27%,rgba(18,69,137,1)), color-stop(81%,rgba(201,109,10,1)), color-stop(99%,rgba(117,62,4,1)));
    background: -webkit-linear-gradient(left, rgba(62,60,60,1) 0%,rgba(18,69,137,1) 27%,rgba(201,109,10,1) 81%,rgba(117,62,4,1) 99%);
    background: -o-linear-gradient(left, rgba(62,60,60,1) 0%,rgba(18,69,137,1) 27%,rgba(201,109,10,1) 81%,rgba(117,62,4,1) 99%);
    background: -ms-linear-gradient(left, rgba(62,60,60,1) 0%,rgba(18,69,137,1) 27%,rgba(201,109,10,1) 81%,rgba(117,62,4,1) 99%);
    background: linear-gradient(left, rgba(62,60,60,1) 0%,rgba(18,69,137,1) 27%,rgba(201,109,10,1) 81%,rgba(117,62,4,1) 99%);
  }
    
  .header .subnavigation ul, .hub {-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px }
  .header .navigation a {-webkit-transition: none }  
  
  input.text {
    background: #fff;
		border: 1px solid #494848
  }
  
  .hub,
  .header .another-subnavigation,
  .header .plan-navigation, 
  .action .social-media .icons {-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; position: relative; z-index: 0; behavior: url(/scripts/pie.htc)\9 }  
  
  .header .navigation li ul { border-radius: 0 0 6px 6px; position: relative; z-index: 0; behavior: url(/scripts/pie.htc)\9 }
  
  .graph .legend,
  .graph .buttons .button  {-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px }
  .graph .legend { z-index: 0\9; behavior: url(/scripts/pie.htc)\9  }
    
  .trends-group .navigation a {-webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0 }  
  
  
/* MDean additions 27-09-11 */
.fb-like { height:44px }
/* headings */
.column-left h3.sidebar { font-size:24px;font-family: 'League Gothic', Impact, sans-serif; font-weight: normal; line-height: 1; text-transform: uppercase;}

.categoryList .categoryContainer h4, 
.articleItem .articleItemContainer h4, 
.suppliersList h4, 
.projectsList h4, 
.topNeedToKnows h4, 
.jargonBusterIndex { font-size:24px;font-family: 'League Gothic', Impact, sans-serif; font-weight: normal; line-height: 1; text-transform: uppercase;margin-bottom:3px;}
.categoryList .categoryContainer h4 a, 
.articleItem .articleItemContainer h4 a, 
.suppliersList h4 a, 
.projectsList h4 a, 
.topNeedToKnows h4 a, 
.jargonBusterIndex a {
	color: #323030
}
.categoryList .categoryContainer h4 a:hover, 
.articleItem .articleItemContainer h4 a:hover, 
.suppliersList h4 a:hover, 
.projectsList h4 a:hover, 
.topNeedToKnows h4 a:hover, 
.jargonBusterIndex a:hover {
	color: #565656
}
.jargonBusterTitle h3 { font-size:30px;font-family: 'League Gothic', Impact, sans-serif; font-weight: normal; line-height: 1; text-transform: uppercase;margin-bottom:2px;}

/* Buttons */

.btnSprite { background:url(/buildassets/sprite_buttons.png) no-repeat;height:23px;text-indent:-9999px;display:block;}
a.btnSprite:focus { background-color: transparent;}
    .btnFindOutMoreGrey { width:84px;background-position: 0 0;}
    .btnFindOutMoreGrey:hover { background-position: 0 -23px;}
    .btnReadMoreGrey { width:68px;background-position: 0 -46px;}
    .btnReadMoreGrey:hover { background-position: 0 -69px;}
    .btnSeeAdviceBlue { width:69px;background-position: 0 -134px;margin-left:7px;}
    .btnSeeAdviceBlue:hover { background-position: 0 -157px;}
    
 .btnSubmit { width:53px;height:23px;float:right;margin-right:6px;margin-top:4px}
 
.page-content .feature-image-tall { height: 171px;} 

.categoryList { width:100%;}
.categoryList h4 a { color: #323030 }
.categoryList h4 a:hover,
.categoryList h4 a:focus { color: #4d4949 }
.categoryList a, .projectItem a, .articleItem a { border: none!important }
.categoryList a:focus { background-color: transparent;}

.categoryList .categoryContainer { width:209px;margin-right:10px;float:left;}
.categoryList .categoryContainer p { margin-bottom:8px }
.categoryList .categoryContainerLast { margin-right:0;}

.categoryList .categoryContainer img { border:1px solid #fff;width:208px;height:158px;margin-bottom:6px;}

/* Article list on category page */

.articleItem, .newsArticles { border-top: 1px dotted #6c6969}
.articleItem { margin-top:16px;}
.newsArticles, .articlesList { padding-bottom:24px;}
.newsArticles .articleItem { border-top:0;}
.newsArticles .pagination { margin-top: 16px }
.articleItemContainer { padding:16px 0 0 0;}
.articleItemContainer .column-left { width: 150px }
.articleItemContainer .column-right { width: 505px }
.articleItemContainer p { margin-bottom: 8px }
.articleItemContainer a span { color: #666; font-size: 16px; margin-left: 3px; }
.newsArticles .articleItemContainer { padding:0 16px;}
    .articleItemContainer .thumbnail { width:146px;height:112px;float:left;border:1px solid #fff;margin-right:16px;}
   /* .articleItemContainer .ifThumbContent { width:485px;float:left;} */
    .articleItemContainer .ifNoThumbContent { width:643px;float:left;}
    
.rightColumnImages { width:255px;float:right;margin-left:16px;margin-bottom:16px}   
.rightColumnImages img.articleImg, 
.rightColumnImages .rightVid { width:255px;border:1px solid #c9c9c9;}

.rightColumnImages .fb-like { margin-top:-10px;}

/* video popup */
#simplemodal-overlay { background-color:#777; cursor:wait;}
 
/* Container */
#simplemodal-container { background-color:#fff;padding:1px 1px 0 1px;}
#simplemodal-container a.modalCloseImg { background:url(/buildassets/sprite_buttons.png) no-repeat -85px 0; width:24px; height:24px; display:inline; z-index:3200; position:absolute; top:-12px; right:-12px; cursor:pointer;}
    #simplemodal-container a.modalCloseImg:hover { border:0;background-position:-85px -26px;}
     
#overlayContainer
{ display:none;}

.rightVid { height:165px;position:relative;}    
    .rightVid a.videoThumbOverlay {
        position:absolute;
        background:url(/buildassets/images/bg_video-play.png) no-repeat center center;
        top:0;
        left:0;
        text-indent:-99999px;
        display:block;
        width:255px;
        height:165px;
    }
    .rightVid a.videoThumbOverlay:hover { border:0; filter: alpha(opacity=75); opacity: 0.75}
    .rightVid .videoShadeOverlay {
        position:absolute;
        background:#000000;
        opacity:0.6;
        filter:alpha(opacity=60);
        top:0;
        left:0;
        width:255px;
        height:165px;
    }

.suppliersList { border-top: 1px dotted #6c6969;padding:16px;}
.suppliersList p { margin-bottom: 0;}
.suppliersList .disclaimer { width:235px;float:right;padding:5px 10px;background:#494747;}
.suppliersList .suppName, .suppliersList .suppName a { color:#c96d0a;font-weight:bold;}
.suppliersList .suppName a:hover { color:#dc9234;}
.suppliersList .suppUrl a, .suppliersList .suppPhone { color:#fff;}
.suppliersList .suppUrl a:hover { color: #bbc }

.page-content .linksAndResourcesColumn { background:url(/buildassets/bg_border01.png) repeat-y top left; border-bottom: 1px solid #323030 }
.page-content .bordered .linksAndResourcesColumn { border-bottom: 0 }
.linksResourcesList { border-top: 1px dotted #6c6969;padding:16px;}

.linksColumn, .resourcesColumn { width:325px;float:left;padding:16px 0;}
.linksColumn a, .resourcesColumn a { color: #8d320f }
.linksColumn a:hover, .linksColumn a:focus,
.resourcesColumn a:hover, .resourcesColumn a:focus { background-color: transparent; color: #bd724f }

.linksColumn { margin-right: 14px }
.linksColumn ul, .resourcesColumn ul { padding-left: 0 }
.linksColumn ul li, .resourcesColumn ul li {
   background:url(/buildassets/images/list_01.png) no-repeat 0 6px;
   list-style: none;
   padding: 1px 0 1px 14px
}
.articleSubNavContainer { margin-bottom: 18px }
.articleSubNav { list-style-type: none; padding: 12px 0 }
.articleSubNav a { color: #323030; display: block; padding: 1px 0 }
.articleSubNav a:hover, 
.articleSubNav a:focus { background-color: transparent; color: #8d320f}
.articleSubNav { list-style-type:none;}
.articleSubNav li { background:url(/buildassets/images/list_01.png) no-repeat 0 6px; padding-left:16px;}
.articleSubNav li.childPageOn { background:url(/buildassets/images/list_03.png) no-repeat 0 6px;padding-left:16px;font-weight:bold;}

.articleSubNav li ul li { background:url(/buildassets/images/list_02.png) no-repeat 0 6px;font-weight:normal;}
.articleSubNav li ul li.current a { color:#323030; font-weight:bold;}

.articleSubNav li ul li.childPageOn { background:url(/buildassets/images/list_04.png) no-repeat 0 6px;font-weight:bold;}
.articleSubNav li ul li.childPageOn li a {font-weight:normal;}
.articleSubNav li ul li.childPageOn li.current a {font-weight:bold;}

.inner p img { width:255px; height:auto;border:1px solid #fff;margin:0px 16px 16px 0;}
.main-content p img { margin: 0; max-width: 100%; width: auto }

/* pagination */

.pagination { border-top:1px solid #6c6969;border-bottom:1px solid #6c6969;margin:16px;margin-bottom:0;padding:5px 0;}
.pagination .prevAndNext { width:18px;height:21px;display:inline-block;text-indent:-9999px;background:url(/buildassets/sprite_buttons.png) no-repeat;}
    .pagination .prevLink, .pagination .prevLinkInactive { float:left;background-position:0 -92px;}
    .pagination .prevLink:hover { background-position:0 -113px;}
    .pagination .nextLink, .pagination .nextLinkInactive { float:right;background-position:-18px -92px;}
    .pagination .nextLink:hover { background-position:-18px -113px;}
.pagination .pageNumbers { text-align:center;display:block;width:615px;float:left;}
.pagination .pageNumbers .active { color:#c96d0a;}
.pagination .pageNumbers span { padding:0 1px;}

.main-content .about-harden-up-gallery{ border-top: 1px dotted #6c6969;padding-top:0;}
.about-harden-up-gallery .galleryThumbnail { width:145px;}

.module .galleryvideo .icon { background-position: -60px -120px }
.module .galleryimage .icon { background-position: -90px -120px }

.leftPromoPanels { position:relative;width:260px;height:163px;z-index:0;}
.leftPromoPanels .promoImg {border:1px solid #323030;float:left;width:260px;position:absolute;z-index:3;top:0;left:0}
.leftPromoPanels .promoImgOverlay { width:262px;height:163px;display:block;position:absolute;bottom:-1px;left:0;z-index:4;background:url(/buildassets/promo_overlay.png) no-repeat bottom center;}
.leftPromoPanels .promoContent { position:absolute;z-index:5;bottom:0;left:1px;margin:12px 0;width:100%;}
.leftPromoPanels .promoContent h3 { font-size:32px;float:left;background:#be400f;margin: 0;padding:5px 12px 3px 12px;}
.leftPromoPanels .promoContent h3 a { color: #fff }
.leftPromoPanels .promoContent p {background: url(/buildassets/bg-promo-white.png); background: rgba(255,255,255,.79); clear: both; color: #323030; padding:6px 12px 10px;font-weight:normal;font-size:16px;line-height:1.33em;margin: 0;}
.leftPromoPanels .promoContent p a { color: #323030 }
.leftPromoPanels .promoContent .continue-link { float: left; margin: 0 12px; position: relative; top: -6px }
.leftPromoPanels .promoContent .continue-link a { background-position: 100% -692px }
.leftPromoPanels .promoContent .continue-link a:hover,
.leftPromoPanels .promoContent .continue-link a:focus { background-position: 100% -716px }
.leftPromoPanels .overlayLink {width:260px;height:163px;display:block;position:absolute;top:0;left:0;z-index:6;}
.redPromoPanel .promoContent h3 { background-color: #cc0001 }
.lowercase { text-transform: lowercase!important }
.whats-your-tip-promo { clear: both; margin: 0 0 8px; *zoom: 1 }
.whats-your-tip-promo a {
  color: #323030;
}
.whats-your-tip-promo .promoImg { border: 1px solid #323030 }
.whats-your-tip-promo .promoContent h3 {
  background: transparent;
	color: #323030;
  margin-bottom: 11px;
  padding-left: 25px
}
.whats-your-tip-promo .promoContent h3 a,
.whats-your-tip-promo .promoContent p a { color: #323030 }
.whats-your-tip-promo .promoContent p {
	background-color: transparent;
  font-size: 14px;
  line-height: 18px;
  padding: 0 16px;
	margin-bottom: 8px;
}
.whats-your-tip-promo .promoContent .continue-link {  
  margin: 0 16px;
	top: 0
}
.whats-your-tip-promo .promoContent .continue-link a {
  background-position: 100% -500px;
  color: #fff
}
.whats-your-tip-promo .overlayLink:hover .continue-link a,
.whats-your-tip-promo .promoContent .continue-link a:hover,
.whats-your-tip-promo .promoContent .continue-link a:focus {
  background-position: 100% -692px
}


#sitemap ul li { background:url(/buildassets/images/list_01.png) no-repeat 0 5px;padding-left:16px;font-weight:bold;}
#sitemap ul a { color: #323030 }
#sitemap ul a:hover,
#sitemap ul a:focus { color: #8D320F }
#sitemap ul li ul li { background:url(/buildassets/images/list_01.png) no-repeat 0 5px;padding-left:16px;font-weight:normal;;}
#sitemap ul li ul li a { font-weight:bold;}
#sitemap ul li ul li ul li { background:url(/buildassets/images/list_01.png) no-repeat 0 5px;padding-left:16px;font-weight:normal;}
#sitemap ul li ul li ul li a { font-weight:normal }

.noPadTop { padding-top:0 !important;}
.noHeightClear {height:0;font-size:0;line-height:0;}
.noMarRight { margin-right:0;}
.noMarTop { margin-top:0;}
.noMarBot { margin-bottom:0;}
.marTop5 { margin-top:4px;}
.marTop7 { margin-top:7px;}
.marTop10 { margin-top:10px;}
.marTop15 { margin-top:15px !important;}
.marTop20 { margin-top:20px !important;}
.marBot5 { margin-bottom:5px;}
.marBot7 { margin-bottom:7px;}
.marBot10 { margin-bottom:10px !important;}
.marBot15 { margin-bottom:15px;}
.marBot20 { margin-bottom:20px;}

.contactus .main-content { border-bottom: 0; font-size: 14px }
.contactForm { width:380px;}
.contactForm label { float: left; margin-top: 3px }
.contactForm input.text { width: 170px }  
.contactForm textarea { width:360px;height:125px;max-width:360px;max-height:125px;resize:none}
.contactForm .formCol { width:190px;float:left;}
.contactForm .required { color:#c96d0a;}
.contactForm input.error { border-color: #c00 }
.contactForm p.error { color:#c00;font-weight:bold;line-height: 16px;margin: 2px 0 0}

.projectItem { width:184px;border:1px solid #fff;margin-right:15px;padding:10px;float:left;}

.greenCrossAustraliaBanner { width:680px;height:106px;display:block;text-indent:-9999px;background:url(/buildassets/gca_banner.png)no-repeat top left;margin-top:-1px;border:none!important}

.jargonbuster .column-right .bordered { border-bottom: 0 } 
.jargonBusterTitle { position:relative;z-index:2;overflow:visible;}
.jargonBusterTitleImg { background:url(/buildassets/images/ico_jbuster_header.png) no-repeat top left;width:40px;height:40px;display:block;text-indent:-9999px;position:absolute;z-index:-1;top:3px;right:30px;}
.page-content .topNeedToKnows { border-top: 0; margin-top: 0 }
.topNeedToKnows h4,
.topNeedToKnows strong { color: #be400f }
.topNeedToKnows h4 { font-size: 26px }
.bordered .jargonBusterIndex { border-bottom:1px solid #323030; margin-bottom: 18px; padding:8px 16px;text-align:center;}
.main-content .someJargon {margin-bottom: 0}
.bordered .jargonBusterIndex a.indexLetter {border:none;color:#323030;}
.bordered .jargonBusterIndex a.indexLetterOn { color:#c96d0a;}
.bordered .jargonBusterIndex a:hover { color:#c96d0a;}

.highlight, .dontClickHighlight { border:0;text-decoration:none;background:url(/buildassets/images/jb_underline.png) repeat-x bottom left;cursor:pointer;position:relative;display: inline-block; *display: inline;*zoom: 1}
.highlight a { border: none!important; color: #2f5e00 }
.highlight a:hover,
.highlight a:focus { color: #5f7e30 }
.jargon-underlined { background:url(/buildassets/images/jb_underline.png) repeat-x 0 100%; display: inline-block; *zoom: 1 }
.tooltip { position:absolute;z-index:10;background:#eaeea1;color:#323030;bottom:34px;left:10%;display:none;padding:7px 12px;border:1px solid #494747;width:258px;}
.tooltipArrow { display:block;text-indent:-9999px;background:url(/buildassets/images/tooltip_arrow.png) no-repeat top left;width:23px;height:27px;position:relative;bottom:-34px;left:4%;margin-top:-25px;}
.tooltipIcon { display:block;text-indent:-9999px;background:url(/buildassets/images/ico_jbuster.png) no-repeat top left;width:32px;height:32px;position:absolute;top:-15px;right:-18px;margin-top:0px;}
.ttipContainer { position:relative;z-index:50}
.hiddenJargon { display:none;}
.tooltip .popupJargonTitle { font-size: 12px; line-height: 1.5em; text-transform:capitalize }
.tooltip .popupJargonTitle strong { float: none; line-height: 1.5em; margin: 0 }
.tooltip p { font-size: 11px; line-height: 1.4em; margin-bottom: 0;}


.glossary { display: inline; border-bottom: 1px dotted #ffa; position: relative; }
.glossary .termDefinition { display: none; position: absolute; top: 15px; width: 150px; background: #333; }
.glossary:hover .termDefinition { display: block; }

.fixedPlanMenuContainer {color: #333; position: fixed; right: 0; top: 250px; width: 25px}

.fixedPlanMenu {position: absolute; right: -90px; top: 0; width: 90px; z-index: 12} 
.fixedPlanMenu .tab {background: transparent url(/buildassets/bg-fixed-plan-tab-closed.png) no-repeat 0 0; border: 1px solid #fff; border-right: none; cursor: pointer; float: left; height: 103px; left: -26px; text-indent: -999em; position: relative; width: 25px}
.fixedPlanMenuInner {background: #c5c3c6 url(/buildassets/bg-fixed-plan-menu.png) repeat-x 0 0; border: 1px solid #fff; border-right: none; font: bold 10px sans-serif; left: 0; padding: 8px; position: absolute; top: 0; width: 73px}
.fixedPlanMenuInner img {border: 1px solid #888; float: left; margin-bottom: 8px; box-shadow: 0 1px 0 #eee; width: 53px}
.fixedPlanMenuInner ul {
  clear: both;
  width: 55px;
  *position: relative;
  *left: -8px;
}
.fixedPlanMenuInner li {
  background: url(/buildassets/fixed-plan-bullet.png) no-repeat 0 3px;
  border-bottom: 1px dotted #222;
  margin-bottom: 6px;
  padding: 0 0 6px 8px;
  text-align: left;
  list-style: none
}
.fixedPlanMenuInner li.last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0  
}
.fixedPlanMenuInner a {
  color: #333;
  line-height: 1.2em
}
 
 
.server-message strong {
  border: 2px solid #378321;
  color: #378321;
  float: left;
  margin: 8px 0;
  padding: 4px 6px;
  border-radius: 6px
}
.server-message .failure {
  border-color: #fe300f;
  color: #fe300f
}


.pagination {
  border-bottom: 1px solid #6c6969;
  border-top: 1px solid #6c6969;
  clear: both;
  margin: 0;
  padding: 5px 0;
  text-align: center
}

.pagination a { border: none!important }

.pagination .prevAndNext {
  background: url(/buildassets/sprite_buttons.png) no-repeat;
  display: inline-block;
  height: 21px;
  text-indent: -9999px;
  width: 18px
}

.pagination .prevLink,
.pagination .prevLinkInactive {
  background-position: 0 -92px;
  float: left
}

.pagination .prevLink:hover {
  background-position: 0 -113px
}

.pagination .nextLink,
.pagination .nextLinkInactive {
  background-position: -18px -92px;
  float: right
}

.pagination .nextLink:hover {
  background-position: -18px -113px
}

.pagination .pageNumbers {
  display: block;
  float: left;
  text-align: center;
  width: 615px
}

.pagination .pageNumbers .active {
  color: #c96d0a
}

.pagination .pageNumbers span {
  padding: 0 1px
}
.pagination .item a:hover,
.pagination .item a:focus,
.pagination .item strong {
  color: #d84005;
  font-weight: normal
}
 
.page-content .plan-module { background-color: #fff; border: 1px solid #d4d4d4; position: relative }
 
 
.invalid-text { border: 1px solid #cc0000!important }

/* Container DIV - automatically generated */
.simply-scroll-container {
  clear: both;
  float: left;
  position: relative;
  z-index: 0
}

/* Clip DIV - automatically generated */
.simply-scroll-clip { 
  position: relative;
  overflow: hidden;
  z-index: 2;
}

/* UL/OL/DIV - the element that simplyScroll is inited on
Class name automatically added to element */
.simply-scroll-list { 
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  height: 20px;
  overflow: hidden;
  margin: 0;
  padding: 0;
  list-style: none;
}
  
.simply-scroll-list li {
  padding: 0;
  margin: 0;
  margin-right: 12px;
  list-style: none;
}

  

/* Custom class modifications - adds to / overrides above

.simply-scroll is default base class */

/* Container DIV */
.simply-scroll { 
  width: 400px;
  height: 20px;
}

/* Clip DIV */
.simply-scroll .simply-scroll-clip {
  width: 400px;
  height: 20px;
}
  
/* Explicitly set height/width of each list item */  
.simply-scroll .simply-scroll-list li {

}

#sitemap ul { list-style: none; padding-left: 0 }
#facebook-like-site { float: left }

.widget-codes textarea {
	background-color: #fff;
	border: 1px solid #DEDBDB;
	float: right;
	height: auto;
	line-height: 1.5em;
	overflow: hidden;
	padding: 12px 16px;
	resize: none;
	width: 354px
}
.page-content .widget-codes .divided { clear: both; margin-top: 12px; padding-top: 16px }
.widget-codes .iframe  iframe { float: left; width: 240px }
.widget-codes .iframe textarea { height: 38px }
.widget-codes .image img { float: left; width: 240px }
.widget-codes .image textarea { height: 55px }
.widget-codes a { border: none }
.widget-codes strong { float: left; line-height:12px; margin: 0 0 10px 20px }

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
	.footer .action { margin-bottom: 8px; position: relative }
}

@media only screen and (max-device-width: 480px) {
	.footer .action { margin-bottom: 8px; position: relative }
}




/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */