* {	margin:0px;
	padding:0px;
}

/* Structure */
html, body {
	height: 100%;
}

body {
	color: #474344;
	font-weight: normal;
	font-size: 11px;
	line-height: 24px;
	font-family:verdana,helvetica,arial,sans-serif;
	background-color: #ececec;
}
a {
	color: #474344;
	text-decoration: underline;
}
#centreAll {
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;
	height: 100%;
}
#header {
	padding-top: 25px;
}

#logo {
	width: 244px;
	height: 56px;
	float: left;
	padding-left: 25px;
}

#menu{
	width: 559px;
	height: 62px;
	float: right;
	background-color: #ECECEC;
}
#contentPanel {
	clear: both;
	padding-top: 25px;
	background-color: #FFFFFF;
}
#contentLeft {
	float: left;
	width: 325px;
}

#contentRight {
	width: 550px;
	padding-right: 25px;
	float: right;
}
#contentMiddle {
	width: 850px;
	padding-right: 25px;
	padding-left: 25px;
}
#contentBottomIndex {
	clear:both;
	width: 850px;
	background-color: #9bb513;
	height: 150px;
	padding-left: 25px;
	padding-right: 25px;
	margin-top: -50px;
}
#contentBottom {
	clear:both;
	width: 850px;
	background-color: #9bb513;
	height: 150px;
	padding-left: 25px;
	padding-right: 25px;
}
#contentBottomLeft {
	clear: both;
	float: left;
	width: 280px;
}
#contentBottomRight {
	padding-top: 20px;
	width: 550px;
	float: right;
}
#greyBoxTop{
	background-color: #474344;
	width: 255px;
	color: #c8c9c9;
	margin-left: 25px;
	padding: 10px 10px 10px 10px;
	height: 458px;
}
#greyBoxTopHow{
	background-color: #474344;
	width: 255px;
	color: #c8c9c9;
	margin-left: 25px;
	padding: 10px 10px 10px 10px;
	height: 520px;
}
#greyBoxTopWho{
	background-color: #474344;
	width: 255px;
	color: #c8c9c9;
	margin-left: 25px;
	padding: 10px 10px 10px 10px;
	height: 323px;
}
#greyBoxTopWhy{
	background-color: #474344;
	width: 255px;
	color: #c8c9c9;
	margin-left: 25px;
	padding: 10px 10px 10px 10px;
	height: 360px;
}
#greyBoxBottom {
	background-color: #474344;
	width: 255px;
	color: #c8c9c9;
	padding: 10px 10px 10px 10px;
	height: 100px;
}
#greyBoxBottom a{
	color: #c8c9c9;
}
.greyBoxContainer {
	clear: both;
	padding-top: 5px;
}
.greyBoxLeft {
	float: left;
	width: 42px;
}
.greyBoxRight {
	float: right;
	width: 205px;
	padding-top: 5px;
}
.greyBoxRight a { 
	color: #FFFFFF;
	text-decoration: none
}
.whiteBoxContainer {
	clear: both;
	width: 855px;
}
.whiteBoxLeft {
	float: left;
	width: 42px;
}
.whiteBoxRight {
	float: right;
	width: 810px;
	padding-top: 5px;
}

#footer {
	clear: both;
	font-size: 9px;
	line-height: 15px;
	padding-top: 25px;
}


/* Style */

p {
	padding-bottom: 15px;
}
img {
	border: none;
}
.small {
	font-size: 9px;
}
.centre {
	text-align: center;
}
.imgCentre {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
/* Menu */
a .alt {
	display: none;
}
a#rollOverWhat {
   display: block;
    width: 116px;
    height: 62px;
    float: right;
    background-image: url(images/menu/MenuOffWhat.png);
}
a#rollOverWhat:hover {
    background-image: url(images/menu/MenuOnWhat.png);
}
a#rollOverWhere {
    display: block;
    width: 145px;
    height: 62px;
    float: right;
    background-image: url(images/menu/MenuOffWhere.png);
}
a#rollOverWhere:hover {
    background-image: url(images/menu/MenuOnWhere.png);
}
a#rollOverHow {
    display: block;
    width: 106px;
    height: 62px;
    float: right;
    background-image: url(images/menu/MenuOffHow.png);
}
a#rollOverHow:hover {
    background-image: url(images/menu/MenuOnHow.png);
}
a#rollOverWho {
    display: block;
    width: 109px;
    height: 62px;
    float: right;
    background-image: url(images/menu/MenuOffWho.png);
}
a#rollOverWho:hover {
    background-image: url(images/menu/MenuOnWho.png);
}
a#rollOverWhy {
    display: block;
    width: 83px;
    height: 62px;
    float: right;
    background-image: url(images/menu/MenuOffWhy.png);
}
a#rollOverWhy:hover {
    background-image: url(images/menu/MenuOnWhy.png);
}