/* Kent Economic Board - by www.pillorybarn.co.uk */

* {
 margin: 0;
 padding: 0;
 font-weight: normal; }

body {
 font: 13px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
 background: #12517f url(/images/keb-bg-all-new.png) repeat fixed;
 color: #4f5858; }

/* Formatting */

a {
 text-decoration: none;
 color: #006dc0; }

a:hover {
 color: #00497e; }

h1 {
 color: #12517f;
 font-size: 24px;
 line-height: 28px;
 margin: 0 0 12px 0;
 font-family: Georgia, "Times New Roman", Times, serif; }

h2 {
 color: #12517f;
 font-size: 20px;
 margin: 0 0 12px 0;
 line-height: 24px;
 font-family: Georgia, "Times New Roman", Times, serif; }

h3 {
 color: #12517f;
 font-size: 16px;
 line-height: 20px;
 margin: 0 0 9px 0;
 font-family: Georgia, "Times New Roman", Times, serif; }

h4 {
	color: #12517f;
 font-weight: bold;
 margin: 0 0 6px 0; }

p {
 margin: 0 0 6px 0; }

.smaller-text {
 font-size: 12px; }

ul {
 list-style-position: inside;
 margin: 9px 0; }

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

/* Elements */

.cta-button a {
 background: #006cbe;
 padding: 9px;
 text-align: center;
 display: block;
 color: #fff; }

.cta-button a:hover {
 background: #12517f }

.item-divider {
 border-bottom: 1px solid #bac0c5;
 margin: 9px 0 0 0; }

.float-left {
 float: left;
 margin: 12px 12px 12px 0 }

.float-right {
 float: right;
 margin: 12px 0 12px 12px; }

.half-width-boxout {
 width: 380px;
 float: left; }

.half-width-boxout-end {
 width: 380px;
 float: right;
 margin: 0 0 0 21px; }

.boxout-image {
 margin: -9px -9px 9px -9px;
 border-bottom: 1px solid #bac0c5; }

.boxout {
 border: 1px solid #bac0c5;
 padding: 9px;
 margin: 9px 0 12px 0;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 overflow: auto;}

.fp-boxout {
 border: 1px solid #bac0c5;
 padding: 9px;
 margin: 9px 0 12px 0;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 overflow: auto; }

.boxout-title a {
 font-size: 18px;
 font-family: Georgia, "Times New Roman", Times, serif;
 padding: 9px;
 margin: -9px -9px 9px -9px;
 background: #006dc0;
 color: #fff;
 display: block;
 -moz-border-radius-topleft: 4px;
 -moz-border-radius-topright: 4px;
 -webkit-border-top-left-radius: 4px;
 -webkit-border-top-right-radius: 4px; }

.boxout-title a:hover {
 background: #00497e; }

/* Layout */

#container {
 width: 1060px;
 background: #fff;
 margin: 47px auto 15px;
 overflow: auto;
 padding: 24px;
 line-height: 18px;
 -moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 box-shadow: 0px 0px 15px #002038;
 -moz-box-shadow: 0px 0px 15px #002038;
 -webkit-box-shadow: 0px 0px 15px #002038; }

#header {
 width: 216px;
 float: left;
 margin: 0 24px 0 0; }

#logo {
 margin: 0 0 21px 0; }

#content {
 float: left;
 width: 820px; }

#content-main {
 width: 520px;
 float: left; }

#sidebar {
 float: right;
 width: 280px; }

#newsletters-sidebar {
 clear: both;
border-top: 1px solid #999; 
padding: 15px 0 0 0; }

#masthead, #fp-image, #fp-slides {
 width: 818px;
 height: 327px;
 border: 1px solid #fff;
 background: #333;
 margin: 0 0 21px 0;
 float: left; }

/* Menu */

#menu {
  }

#menu ul {
 list-style: none;
 margin: 0 0 6px 0; }

#menu li {
 border-top: 1px solid #bac0c5;
 border-bottom: 1px solid #bac0c5;
 margin: 0 0 -1px 0;
 font-size: 15px; }

#menu li a {
 text-decoration: none;
 display: block;
 padding: 9px 0 9px 0; }

#menu li a:hover, #members-login a:hover {
 display: block; }

.menu-bullet {
 float: right; }

/* Members' Login */

#search-box, #members-login {
 border-bottom: 1px solid #bac0c5; }

#search-box {
 padding: 5px 0 3px 0; }

#members-login {
 margin: 9px 0 0 0;
 padding: 0 0 9px 0; }

#members-login input, #search-box input {
 margin: 0 3px 9px 0;
 padding: 3px;
 background: #fff;
 border: 1px solid #bac0c5;
 color: #84919a; }

/* Columns */

#fp-columns {
 clear: left;
 width: 820px;
 overflow: auto; }

#column-1, #column-2 {
 float: left;
 width: 257px;
 margin: 0 24px 0 0; }

#column-12 {
 float: left;
 width: 538px; }

#column-3 {
 width: 257px;
 float: left;
 margin: 0; }

/* Twitter */

#social-twitter {
 margin: 0 0 21px 0;
 overflow: auto; }

.tweet {
 border-bottom: 1px solid #ccc;
 padding: 0 0 6px 0;
 float: left;
 margin: 9px 0 0 0;
 font-size: 12px; }

.icon {
 float: left;
 margin: 0 9px 9px 0;
  }

.status {
 width: 215px;
 float: right; }

#social-twitter p  {
float: left; margin: 12px 0 0 0; }

/* Footer */

#footer-container {
 
 }

#footer {
 	
 width:1108px;
 margin: 18px auto;
 	
 clear: both;
 font-size: 11px;
 color: #bac0c5; }

#footer a {
 color: #84919a;
 text-decoration: none;
 border-bottom: 1px dotted #999 }

/* Front Page */

#fp-cta-1, #fp-cta-2 {
 float: left;
 width: 236px;
 height: 240px;
 margin: 9px 21px 0 0; }

#fp-cta-3 {
 width: 236px;
 height: 240px;
 float: left;
 margin: 9px 0 0 0; }

/* File Library */

.document-thumbnail {
 float: left;
 margin: 0 15px 0 0;
 clear: right; }

.file {
 border-bottom: 1px solid #bac0c5;
 border-top: 1px solid #bac0c5;
 padding: 6px 0;
 margin: 0 0 -1px 0;
 overflow: auto;}

.file-download {
 float: left;
 width: 30%;
 border-right: 1px dotted #bac0c5;
 display: block; }

.file-download img {
 margin: 0 6px 0 0;
 float: left; }

.file-desc {
 float: left;
 padding: 0 0 0 6px;
 width: 60%; }

/* Q&As */

.qandas {
 width: 802px;
 border: 1px solid #bac0c5;
 padding: 9px;
 margin: 9px 0 12px 0;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px; }

.question {
 font: 16px Georgia, "Times New Roman", Times, serif;
 color: #12517f; 
 margin: 0;
 cursor: pointer;}

.answer {
 border-top: 1px solid #ccc;
 padding: 6px 0 0 0;
 margin: 9px 0 0 0; }

.answer-comments {
 font-size: 12px;
 border-top: 1px solid #ccc;
 display: block;
 padding: 6px 0 0 0; }

/* Q&As Comments */

.comment-form {
 border-top: 1px solid #ccc;
 padding: 12px 0 0 0;
 margin: 12px 0 0 0; }

.comment-form label {
 width: 50px;
 float: left; }

.comment-divider {
 border-top: 1px solid #ccc;
 margin: 12px 0 0 0;
 padding: 9px 0 0 0; }

.comment-credit {
 font: italic 12px Georgia, "Times New Roman", Times, serif;
 color: #999; }
