/* Kent BAP - Designed by Pillory Barn Creative */

* {
 margin: 0;
 padding: 0; }

/* Core */

body {
 font: 13px Arial, Helvetica, Geneva, sans-serif;
 color: #333;
 background: #e6e6e6 url(../images/kbap-bg-all.png) repeat-x; }

a {
 font-weight: bold;
 color: #2885cb; }

a:hover {
 color: #1869a6; }

/* Formatting */

h1 {
 font-size: 33px;
 letter-spacing: -1px;
 margin: 0 0 15px 0; }

h2 {
 font-size: 24px;
 letter-spacing: -1px;
 margin: 0 0 12px 0; }

h3 {
 font-size: 18px;
 margin: 12px 0 6px 0; }

h4 {
 font-size: 14px;
 margin: 0 0 6px 0; }

p {
 margin: 0 0 9px 0; }

p:last-child {
 margin: 0; }

ul, ol {
 list-style-position: inside;
 margin: 0 0 12px 0; }

li {
 margin: 0 0 6px 0; }

/* Layout */

#container {
 width: 960px;
 margin: 0 auto;
 padding: 0 30px;
 background: #fff; }

#content {
width:960px;
overflow:auto; }

.item-divider {
 padding: 9px;
 -moz-border-radius-topleft: 9px;
 -webkit-border-top-left-radius: 9px;
 -moz-border-radius-bottomright: 9px;
 -webkit-border-bottom-right-radius: 9px;
 margin: 0 0 9px 0; }

.item-divider h3 {
 margin-top: 0; }

/* Masthead */

#header {
 margin: 0 0 30px 0; }

#logo {
 position: absolute;
 top: 27px;
 left: 27px; }

#event-map-box {
 width: 960px;
 background: #666;
 height: 350px;
 position: relative;
 margin: 0 0 30px 0;
 -moz-border-radius-bottomright: 11px;
 -webkit-border-bottom-right-radius: 11px; }

#masthead {
 width: 960px;
 height: 212px;
 position: relative;
 -moz-border-radius-bottomright: 11px;
 -webkit-border-bottom-right-radius: 11px; }

/* Images & Maps */

#event-map-box {
 width: 753px;
 background: #666;
 height: 350px; }

/* Search */

#search {
 position: absolute;
 top: 30px;
 right: 30px;
 width: 259px; }

.search-for, .search-go {
 font-size: 12px;
 font-family: arial, sans-serif; }

.search-for {
 border: 0;
 width: 170px;
 height: 28px;
 -moz-border-radius-topleft: 9px;
 -webkit-border-top-left-radius: 9px;
 padding: 0 0 0 9px;
 float: left; }

.search-go {
 background: #54c5e1;
 border: 0;
 width: 80px;
 height: 28px;
 color: #fff;
 font-weight: bold;
 -moz-border-radius-bottomright: 9px;
 -webkit-border-bottom-right-radius: 9px; }

/* Menu */

#menu {
 position: absolute;
 left: 0;
 bottom: 0; }

#menu a {
 height: 35px;
 padding: 15px 0 0 0;
 text-align: center;
 font-size: 15px;
 font-weight: bold;
 text-decoration: none;
 display: block;
 color: #fff;
 text-shadow: 0 0 3px #000; }

#menu a {
 -moz-border-radius-topleft: 9px;
 -webkit-border-top-left-radius: 9px;
 -moz-border-radius-bottomright: 9px;
 -webkit-border-bottom-right-radius: 9px; }

#menu-about {
 width: 192px;
 z-index: 5;
 position: absolute;
 left: 0;
 bottom: 0; }

#menu-about a {
 background: #54c5e1; }

#menu-about a:hover {
 background: #79d8ef; }

#menu-habitats {
 width: 202px;
 z-index: 4;
 position: absolute;
 left: 182px;
 bottom: 0; }

#menu-habitats a {
 background: #8cb42a; }

#menu-habitats a:hover {
 background: #a4cd3f; }

#menu-boas {
 width: 202px;
 z-index: 3;
 position: absolute;
 left: 374px;
 bottom: 0; }

#menu-boas a {
 background: #d6d026; }

#menu-boas a:hover {
 background: #e6e035; }

#menu-getinvolved {
 width: 202px;
 z-index: 2;
 position: absolute;
 left: 566px;
 bottom: 0; }

#menu-getinvolved a {
 background: #eca238; }

#menu-getinvolved a:hover {
 background: #ffb854; }

#menu-resources {
 width: 202px;
 z-index: 1;
 position: absolute;
 left: 758px;
 bottom: 0; }

#menu-resources a {
 background: #ce5e37; }

#menu-resources a:hover {
 background: #e46e45; }

/* COLUMNS */

#main-column {
 width: 753px;
 padding: 0 15px 0 0;
 float: left;
 display: inline; }

#sidebar {
 display:inline;
 font-size: 11px;
 width: 192px;
 float: right;
 overflow:auto;}

* html #sidebar{
float:right;
margin: 0 0 0 -192px;
}

/* Newsletter Subscribe */

#newsletter {
	margin: 12px 0;
 padding: 9px;
 -moz-border-radius-topleft: 9px;
 -webkit-border-top-left-radius: 9px;
 -moz-border-radius-bottomright: 9px;
 -webkit-border-bottom-right-radius: 9px;}

#newsletter h3 {
 margin: 0  }

#newsletter input {
 margin: 9px 0 0 0; }

#newsletter label {
 margin: 0 0 6px 0; }

/* Main Images */

#main-image {
 margin: 0 0 12px 0; }

#main-image img {
 -moz-border-radius-bottomright: 9px;
 -webkit-border-bottom-right-radius: 9px; }

#main-titles {
 -moz-border-radius-topleft: 9px;
 -webkit-border-top-left-radius: 9px;
 padding: 9px 9px 9px 12px; }

#main-titles h1 {
 color: #fff;
 margin: 0;
 padding: 0; }

/* Page Elements */

/* Tables */

table {
 margin: 12px 0 0 0;}

table thead td {
 color: #999;
 font-size: 11px; }

table td {
 padding: 9px 6px;}


/* Download Labels */

.hs-download-thumbnail {
 margin: 0 0 15px 0; }

.hs-download-label {
 width: 186px;
 padding: 6px 0 6px 6px;
 margin: 0 0 12px 0;
 color: #fff;
 text-decoration: none;
 -moz-border-radius-topleft: 9px;
 -webkit-border-top-left-radius: 9px;
 -moz-border-radius-bottomright: 9px;
 -webkit-border-bottom-right-radius: 9px; }

.hs-download-label a {
 color: #fff; }

.hs-download-label a:hover {
 color: #000; }

/* CTAS */

/* Inline */

.cta-inline {
 padding: 12px;
 margin: 0 0 15px 0;
 }

.cta-inline:last-child {
 margin: 0; }
 
.cta-inline h2 {
 margin: 0 0 6px 0; }

/* Blocks */

#ctas-group {
	margin:0 0 20px 0;
	width: 960px;
 height: 200px;}

.ctas {
 width: 320px;
 float: left;
 height: 200px; }

.cta1, .cta1 img {
 -moz-border-radius-topleft: 9px;
 -webkit-border-top-left-radius: 9px; }

.cta2, .cta2 img {
  }

.cta3, .cta3 img {
 -moz-border-radius-bottomright: 9px;
 -webkit-border-bottom-right-radius: 9px; }

/* IYB - Front Page */

#fp-iyb {}

#iyb-logo {
 float: left; margin: 0 21px 0; }

#fp-iyb h2 {
 font-size: 33px;
 color: #02944d; }

#fp-iyb h3 a {
 color: #014339; 
 text-decoration: none;}

#fp-iyb h3 a:hover {
 color: #01954d; }


/* Page CTAs */

.hs-cta-row {
 clear: both;
 margin: 30px 0 0 0; }

.hs-cta-left, .hs-cta-right {
 float: left;
 width: 351px;
 margin: 0 0 25px 0; }

.hs-cta-left {
 margin: 0 25px 0 0; }

.hs-cta-left .accordionButton, .hs-cta-right .accordionButton, .cta-mini-link {
 background: #a4cd3f;
 padding: 9px;
 -moz-border-radius-topleft: 9px;
 -webkit-border-top-left-radius: 9px; }

.cta-mini-link a {
 color: #fff;
 text-decoration: none; }

.cta-mini-link a:hover {
 color: #000; }

/* Tabs Formatting */

#tabbed {
 margin: 0; }

.ui-tabs-nav {
 list-style: none;
 margin: 0; }

@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
 .ui-tabs-hide {
display: none !important;
 }	}

.ui-tabs-nav li {
 display: inline; }


.ui-tabs-nav li a {
 float: left;
 margin: 0 15px 15px 0;
 padding: 9px 12px;
 color: #fff;
 text-decoration: none;
 -moz-border-radius-topleft: 9px;
 -webkit-border-top-left-radius: 9px;
 -moz-border-radius-bottomright: 9px;
 -webkit-border-bottom-right-radius: 9px; }

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav {
 /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline;}

*:first-child+html .ui-tabs-nav {
 /*

@ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline;}

/* Tabbed Area */

.tabbed-content h2 {
 padding: 9px;
 -moz-border-radius-topleft: 9px;
 -webkit-border-top-left-radius: 9px;
 margin: 0 -15px 15px;
 color: #fff; }

.tabbed-content {
 padding: 0 15px 15px;
 margin: 15px 0 0 0;
 -moz-border-radius-bottomright: 9px;
 -webkit-border-bottom-right-radius: 9px;
 clear: both; }

/* Accordion Formatting */

.accordionButton {
 cursor: pointer;
 color: #fff; }

.accordionContent {
 font-size: 12px; }

.hs-cta-left .accordionContent, .hs-cta-right .accordionContent {
 background: #e5f2c3;
 padding: 9px;
 -moz-border-radius-bottomright: 9px;
 -webkit-border-bottom-right-radius: 9px; }

.accordionContent img {
 margin: -9px 0 9px -9px; }
 
/* Steering Group */

.steering-member {
 float: left;
 padding: 15px;
 }
 
.steering-row {
 clear: both;
 margin: 0 0 0 0; 
 overflow: auto;}

/* Footer */

/* Footer - Links */

.about a {
 color: #54c5e1; }

.about a:hover {
 color: #79d8ef; }

.habitats a {
 color: #8cb42a; }

.habitats a:hover {
 color: #a4cd3f; }

.boas a {
 color: #d6d026; }

.boas a:hover {
 color: #e6e035; }

.involved a {
 color: #eca238; }

.involved a:hover {
 color: #ffb854; }

.resources a {
 color: #ce5e37; }

.resources a:hover {
 color: #e46e45; }

.iyb a {
 color: #80c9a6; }

.iyb a:hover {
 color: #91dcb8; }

#footer {
 clear: both;
 margin: 30px 0 0 0;
 padding: 30px 0;
 background: url(../images/kbap-footer-colourbar.png) no-repeat 0 0;
 color: #aaa; }

#footer-sitemap {
 padding: 30px;
 background: #505050;
 margin: 0 -30px -30px;
 overflow: auto; }

#footer a {
 text-decoration: none;
 font-weight: normal; }

#footer ul {
 list-style: none;
 margin: 0 0 15px 0; }

#footer li {
 margin: 6px 0 0 0; }

.footer-column, .footer-column-iyb {
 width: 192px;
 float: left;
 font-size: 12px; }

#footer-credits {
 clear: both;
 margin: 0px 0 0 0;
 overflow: auto; 
  width: 1016px;
 margin: 0 auto;}


.footer-column-triple {
 float: left;
 font-size: 12px;
 clear: both;
 width: 960px; }

.footer-column-triple a {
 color: #ccc;
 margin: 0 18px 0 0; }

.footer-column-triple a:hover {
 color: #fff; }

.footer-small-text {
 font-size: 11px;
 margin: 21px 0 0 0; }

/* IYB EVENT FORM */

#event-form {
 margin: 21px 0 0 0;
 padding: 12px;
 border: 1px solid #ccc; }

#event-form h3 {
 margin: 0 0 9px 0; }

#event-form p {
 border-bottom: 1px dotted #ccc;
 padding: 0 0 9px 0;}

#event-form label {
 float: left;
 width: 130px;
 
  }

#event-form input, #event-form textarea {
 width: 570px;}


#event-form .ff-ft {
	
padding: 0 0 0 8px;
margin: 0 0 9px 0;
border-bottom: 1px dotted #ccc;}

#event-form .ff-ft th.tableHeading {
 border: none;
 padding: 0 0 9px 0; }

#event-form .ff_matrix_text.td, #event-form .ff_matrix_text.td.first, #event-form .ff_matrix_text.td.last {
 width: 33%; }


#event-form td.gutter {
 display: none; }


/* Fixes */

/* IE PNG Fix */

img, div { behavior: url(../iepngfix.htc) }


/* FRONT PAGE */

#fp-boxes {
margin: 30px 0 0 0;
overflow: auto; }

#fp-box-image {
 float: left;
 margin: 0 30px 0 0;
 width: 384px; }

#fp-box-text {
 float: left; 
 width: 540px;}

#fp-box-text h2 {
 font-size: 43px; 
 color:#8cb42a;
 margin: 0 0 15px;}

#fp-box-text h2 a{
 text-decoration: none; }

#fp-box-text p {
 font-size: 21px; }

.fp-button a {
 background: #8cb42a;
 padding: 9px;
 color: #fff;
 text-decoration: none;}