@charset "utf-8";
/* CSS Document */

div, ul, li, a, p, h1, h2, h3, h4, h5, h6, span, input, iframe {float: left; font: normal 14px Arial, Helvetica, sans-serif; text-align: left; text-decoration: none; color: #666;}

body {background-color: #EEE; margin: 0; text-align: center;}

#centre {float: none; margin: 0 auto; width: 975px;}

#header {width: 975px; background-color: #FFF; margin: 0 auto;}

#header img {float: left; margin: 40px 10px;}
#header p {float: right; margin: 49px 10px 0 0; font: bold 24px Arial, Helvetica, sans-serif; color: #009900;}
#header ul {clear: left; width: 875px; margin: 10px 0 0 0; padding: 0 50px;; border-top: #EEE 2px solid; height: 48px; background-color: #416271;}
#header ul li {display: inline; margin: 14px 30px; list-style: none;}
#header ul li a {color: #FFF; font-size: 16px; text-decoration: none;}

#content {width: 975px; background-color: #FFF;	margin: 0 auto; padding-bottom: 10px;}

#content .banner {width: 975px; height: 248px; margin: 0; background-image: url(images/bannerImage.jpg);}
#content .banner .bannerText {display: inline; height: 240px; width: 300px; color: #FFF; margin: 0 0 0 300px;}
#content .banner .bannerText h1 {font: normal 24px arial black, arial; margin: 12px 0; color: #FFF;}
#content .banner .bannerText p {font-size: 12px; width: 290px; color: #FFF;}
#content .banner .bannerText a {height: 22px; width: 159px; font-size: 13px; color: #FFF; padding: 6px 0 0 15px; margin: 25px 0 0 110px; background-image:url(images/button.jpg); font-weight: bold;}
#content .banner ul {margin: 20px 0 0 60px; padding: 0;}
#content .banner ul li {clear: left; width: 280px; height: 30px; background-color: #5ebe5b; color: #FFF; margin: 1px 0; border: 0; list-style: none;}
#content .banner ul li a {height: 16px; width: 270px; font-size: 12px; margin: 7px 8px; background: url(images/bullet.jpg) no-repeat left;}
#content .banner ul li:hover {background-color: #6ec46b;}
#content .banner ul li a p {margin: 0 0 0 15px; color: #FFF; font-size: 12px;}

#content ul {display: inline; margin: 20px 10px; padding: 0;}
#content ul li a {display: inline; font-size: 12px; color: #666;}
#content ul li {display: inline; width: 190px; height: 200px; border-right: #000033 1px solid; margin: 5px 10px; font-size: 12px; list-style: none;}
#content ul li img {border: none; margin-top: -8px;}
#content ul li.noBorder {border: 0;}
#content ul li p {font-size: 12px;}
#content ul li a {}
#content ul li a h2  {font: bold 16px arial; color: #1ca618; margin: 5px 0;}
#content ul a li h2  {font: bold 16px arial; color: #1ca618; margin: 5px 0; cursor: pointer;}
#content ul p {cursor: pointer;}
#content ul li ul {display: inline; padding: 0; margin: 5px 5px;}
#content ul li ul li {width: 150px; height: auto; border: 0; background: url(images/bulletsWhite.jpg) no-repeat left;}
#content ul li ul li p {margin: 0 0 0 15px;}

#content .descrip {display: inline; width: 280px; height: 235px; margin: 10px; background: url(images/textBg.jpg) bottom; padding: 0 10px;}
#content .descrip h2 {font: normal 20px Arial, Helvetica, sans-serif; width: 280px; color: #00285d; border-bottom: #CCC 1px solid; padding-bottom: 10px; margin-top: 20px;}
#content .descrip p {clear: left; width: 280px; height: auto; margin: 10px 0; color: #666; font-size: 12px;} 

#content .titleBanner {height: 50px; width: 975px; background-image: url(images/pageBanner.jpg);}
#content .titleBanner h1 {margin: 10px; color: #FFF; font: bold 22px Arial, Helvetica, sans-serif;}
#content .pageContent {height: auto; width: 975px; background: url(images/pageBg.jpg) repeat top; padding-bottom: 15px;}
#content .pageContent .colOne {height: 350px; width: 240px; margin-top: 30px; background: url(images/computer.jpg) no-repeat;}
#content .pageContent .colTwo {height: auto; width: 370px; margin-top: 10px; padding: 10px; background: url(images/windowBg.jpg) repeat-x;}
#content .pageContent .colTwo p {font-size: 12px;}
#content .pageContent .colTwo h1 {width: 270px; font-weight: bold;}
#content .pageContent .colTwo table {clear: left; width: 370px;}
#content .pageContent .colTwo ul li {height: 90px; width: 340px; border: 0;}
#content .pageContent .colTwo ul li p {clear: left;}
#txtPostcode {clear: left; margin: 10px 0;}
#mapButton {margin: 9px 5px;}
#content .pageContent .colTwoFaq #ifrMap {display: inline;}
#content .pageContent .colTwoFaq table, #content .pageContent .colTwoFaq table img {margin: 5px 0;}

#content .pageContent .colThree {height: 280px; width: 300px;}
#content .pageContent .colThree ul li {clear: left; height: 110px; width: 290px; border: 0; background: url(images/windowBg.jpg) top;}
#content .pageContent .colThree ul li h2 {font: bold 14px Arial, Helvetica, sans-serif; margin: 10px;}
#content .pageContent .colThree ul li p {margin: 10px;}

#content .pageContent .colTwoFaq {height: auto; width: 700px; margin-top: 10px; padding: 10px; background: url(images/windowBg.jpg) repeat-x;}
#content .pageContent .colTwoFaq h2 {clear: left; width: auto; margin: 5px 0;}
#content .pageContent .colTwoFaq p {clear: left; width: auto; font-size: 12px;}



#footer {height: 30px; width: 975px; background-color: #416271;}