/************************************************************************
   																          
   DESIGNER:  		Derek Spurdle							                          
   DATE(dd-mm-yyy): 26-01-2007  											  
   DESCRIPTION: 	Controls the layout of the site and styles the menus  
            															  
																          
 ************************************************************************/
 
  
 /**********************************************************************************
   #wrapper: Sets width of site to 770px (works well down to 800x600 resolutions)
 **********************************************************************************/
 	

#wrapper {
	width: 770px;
	padding: 0;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/backgrounds/bodyBG.gif);
	background-repeat: repeat-y;
	background-position: center top;
	color: #666;
	font-size: 0.9em;
}


#wrapperInternal {
	width: 770px;
	padding: 0;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/backgrounds/bodyBGinner.gif);
	background-repeat: repeat-y;
	background-position: center top;
	color: #666;
	font-size: 0.9em;
}

#wrapperInternal2 {
	width: 770px;
	padding: 0;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/backgrounds/bodyBGinner2.gif);
	background-repeat: repeat-y;
	background-position: center top;
	color: #666;
	font-size: 0.9em;
	
}


#wrappersm {
	width: 770px;
	padding: 0;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/backgrounds/bodyBGsm.gif);
	background-repeat: repeat-y;
	background-position: center top;
	color: #666;
	font-size: 0.9em;
}




/******************************************************************************
   ID's for creating various column layouts as per required - Max 4 columns
 ******************************************************************************/
 
 #pageTop {
	height: 60px;
	position: relative;
	background-color: #E5E5E5;
	background-image: url(../images/logos/iso.jpg);
	background-repeat: no-repeat;
	background-position: right 10px;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #fff;
	padding: 0;
	width: 752px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	text-align: left;
}


#pageTop img {
	margin-left: 10px;
	margin-top: 10px;
}


#header{
	height: 170px;
	text-align: center;
	width: 752px;
	margin-right: auto;
	margin-left: auto;
	background-color: #999999;
	background-image: url(../images/backgrounds/header.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}

#headerInternal{
	height: 170px;
	text-align: center;
	width: 752px;
	margin-right: auto;
	margin-left: auto;
	background-color: #999999;
}


#content {
	margin: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 15px;
	padding-top: 0px;
}


#leftCol {
	width: 130px;
	color: #fff;
	float: left;
	padding: 0;
	margin-top: 0;
	margin-right: 8px;
	margin-bottom: 0;
	margin-left: 0;
}


#rightCol {
	float: left;
	width: 195px;
	padding: 0;
	margin: 0;
	font-size: 0.9em;
}


.centerSpan {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	display: block;
	margin-bottom: 20px;
	margin-top: 20px;
}


#centerCol1 {
	float: left;
	width: 195px;
	margin-top: 0;
	margin-right: 6px;
	margin-bottom: 0;
	margin-left: 0;
	padding: 0;
	font-size: 0.9em;
}


#centerCol2 {
	float: left;
	width: 195px;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 8px;
	font-size: 0.9em;
}


#threeCol {
	width: 600px;
	float: left;
	margin: 0px;
	padding: 0px;
	text-align: left;
}


#threeCol #sitemap {
	list-style-type: none;
}


#threeCol #sitemap li {
	list-style-type: none;
	font-weight: bold;
	text-transform: uppercase;
	padding-top: 5px;
	padding-bottom: 5px;
}
.contact {
	list-style-type: none;
}
.contact li {
	margin-bottom: 5px;
}



#threeCol #sitemap li ul li {
	font-weight: normal;
	text-transform: none;

}





#footerHome {
	background-image: url(../images/backgrounds/bgGifBottom.gif);
	background-repeat: no-repeat;
	background-position: center top;
	text-align: center;
	width: 770px;
	margin: 0 auto;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	height: 50px;
}


#footerHome ul {
	text-align: left;
	margin-left: 10px;
	padding: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	float: left;
}


#footerHome li {
	display: inline;
	list-style-type: none;
	margin-left: 20px;
	color: #9A9A9A;
	font-size: 0.7em;
}


#footerHome p {
	padding: 0;
	margin-top: 0;
	margin-right: 20px;
	margin-bottom: 0;
	margin-left: 0;
	float: right;
	color: #9A9A9A;
	font-size: 0.7em;
}


#footerHome a {
	color: #9A9A9A;
	text-decoration: none;
	margin: 0;
	padding: 0;
}


#footerHome  a:hover {
	color: #666;
	text-decoration: none;
}


#footerInternal {
	background-image: url(../images/backgrounds/bgGifBottomInner.gif);
	background-repeat: no-repeat;
	background-position: center top;
	text-align: center;
	width: 770px;
	margin: 0 auto;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	height: 50px;
}


#footerInternal ul {
	text-align: left;
	margin-left: 10px;
	padding: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	float: left;
	color: #9A9A9A;
	font-size: 0.7em;
}


#footerInternal li {
	display: inline;
	list-style-type: none;
	margin-left: 20px;
}


#footerInternal p {
	padding: 0;
	margin-top: 0;
	margin-right: 20px;
	margin-bottom: 0;
	margin-left: 0;
	float: right;
	color: #9A9A9A;
	font-size: 0.7em;
}


#footerInternal a {
	color: #9A9A9A;
	text-decoration: none;
	margin: 0;
	padding: 0;
}


#footerInternal a:hover {
	color: #666;
	text-decoration: none;
}


#footerInternal2 {
	background-image: url(../images/backgrounds/bgGifBottomInner2.gif);
	background-repeat: no-repeat;
	background-position: center top;
	text-align: center;
	width: 770px;
	margin: 0 auto;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	height: 50px;
}


#footerInternal2 ul {
	text-align: left;
	margin-left: 10px;
	padding: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	float: left;
	color: #9A9A9A;
	font-size: 0.7em;
}


#footerInternal2 li {
	display: inline;
	list-style-type: none;
	margin-left: 20px;
}


#footerInternal2 p {
	padding: 0;
	margin-top: 0;
	margin-right: 20px;
	margin-bottom: 0;
	margin-left: 0;
	float: right;
	color: #9A9A9A;
	font-size: 0.7em;
}


#footerInternal2 a {
	color: #9A9A9A;
	text-decoration: none;
	margin: 0;
	padding: 0;
}


#footerInternal2 a:hover {
	color: #666;
	font-size: 0.7em;
	text-decoration: none;
}
.center img {
	margin-top: 10px;
	margin-bottom: 10px;
}




#footersm {
	background-image: url(../images/backgrounds/bgGifBottomSm.gif);
	background-repeat: no-repeat;
	background-position: center top;
	text-align: center;
	width: 770px;
	margin: 0 auto;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	height: 50px;
}


#footersm ul {
	text-align: left;
	margin-left: 10px;
	padding: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	float: left;
	color: #9A9A9A;
	font-size: 0.7em;
}


#footersm li {
	display: inline;
	list-style-type: none;
	margin-left: 20px;
}


#footersm p {
	padding: 0;
	margin-top: 0;
	margin-right: 20px;
	margin-bottom: 0;
	margin-left: 0;
	float: right;
	color: #9A9A9A;
	font-size: 0.7em;
}


#footersm a {
	color: #9A9A9A;
	text-decoration: none;
	margin: 0;
	padding: 0;
}


#footersm a:hover {
	color: #666;
	text-decoration: none;
}


/********************************************************************
   Used inside divs to create padding in stead of the box model hack
 ********************************************************************/

.internal {
	width: 95%;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	padding-top: 20px;
}
.center {
	text-align: center;
	display: block;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
}





/******************************************************************************
   								Main menu styles
 ******************************************************************************/


#leftCol ul {
	list-style-type: none;
	text-align: left;
	margin: 0;
	padding: 0;
}


#leftCol ul li {
	padding: 0;
	font-weight: bold;
	width: 120px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
}


#leftCol ul li ul {
	margin: 0;
	display: block;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}


#leftCol ul li ul li {
	font-weight: normal;
	width: 115px;
	padding: 0;
	margin-top: 4px;
	margin-right: 0;
	margin-bottom: 4px;
	margin-left: 0;
}


#leftCol ul li ul li a {
	padding-left: 15px;
	color: #eee;
	font-weight: bold;

}
.internal .block {
	display: block;
	clear: both;
	height: 150px;
	padding: 0px;
	margin-top: 0px;
}



#leftCol ul li ul li a:hover {
	padding-left: 15px;
}


#leftCol ul li ul li ul {
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
}


#leftCol ul li ul li ul li {
	padding: 0;
	width: 110px;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}


#leftCol ul li ul li ul li a {
	padding-left: 25px;
	font-weight: normal;
	color: #eee;
}


#leftCol ul li ul li ul li a:hover {
	padding-left: 25px;
}

#leftCol ul li ul li ul li ul li {
	width: 105px;
}


#leftCol ul li ul li ul li ul li a {
	padding-left: 35px;
	font-weight: normal;
	color: #eee;
}


#leftCol ul li ul li ul li ul li a:hover {
	padding-left: 35px;

}


#leftCol a {
	text-decoration: none;
	color: #fff;
	font-size: 0.9em;
	display: block;
	padding-left: 10px;
}


#leftCol a:hover {
	text-decoration: none;
	padding-left: 10px;
	background-image: url(../images/square.gif);
	background-repeat: no-repeat;
	background-position: left center;
}


#leftCol .current {
	text-decoration: none;
	background-image: url(../images/squarehover.gif);
	background-repeat: no-repeat;
	background-position: left center;
}


/******************************************************************************
   								Misc ID's
 ******************************************************************************/

/* Added just before the close of the content dive to stop colum overflow in Firefox */

 #buffer {
	width: 100%;
	clear: both;
	height: 1px;
}


/******************************************************************************
   								Misc Classes
 ******************************************************************************/


.greyBoxPad {
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #fff;
	margin: 0;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.greyBoxPad h3 {
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}





.more {
	color: #3F9916;
	font-weight: bold;
	font-size: 0.9em;
	text-align: right;
	margin-right: 10px;
	display: block;
}



.pill {
	background-image: url(../images/backgrounds/pill.gif);
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	height: 30px;
	text-align: center;
	line-height: 2.2em;
	color: #fff;
	font-weight: normal;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-left: 0;
}


.pill a {
	display: block;
	color: #eee;
	text-decoration: none;
}


.pillinner {
	background-image: url(../images/backgrounds/pillinternal.gif);
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	height: 30px;
	text-align: center;
	padding: 0;
	line-height: 2.2em;
	color: #fff;
	font-weight: normal;
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
}

.pillinner a {
	display: block;
	color: #FDFDFD;
	text-decoration: none;

}


.imgPadTop {
	margin-top: 90px;
}




.tick {
	list-style-image: url(../images/bullet.gif);
	text-align: left;
}
.tick li {
	padding-bottom: 5px;
	
}

.tick ul {
	padding: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
	background-image: none;

}
.tick ul li {
	padding-bottom: 5px;
	background-image: none;
	list-style-type: square;
}



.tickwhite {
	text-align: left;
}
.tickwhite li {
	padding-bottom: 5px;
	list-style-image: url(../images/bulletwhite.gif);
	
}
.tickwhite li ul li {
	padding-bottom: 10px;
	background-image: none;
	list-style-type: none;
	list-style-image: none;
	padding-top: 5px;
}



.imgRight {
	float: right;
	margin-right: 0px;
	margin-left: 10px;
	margin-bottom: 10px;
	clear: right;
}
.clear {
	clear: both;
	margin: 0px;
	padding: 0px;
}

.imgLeft {
	float: left;
	margin-bottom: 30px;
	margin-right: 20px;
	margin-top: 20px;
}


.tt {
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	margin-bottom: 30px;
	padding: 0px;
	width: 90%;
	clear: both;
}
.tt td {
	vertical-align: top;
	padding-top: 8px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	border: 1px solid #E5E5E5;
	margin: 0px;
}
.tt th {
	color: #3F9916;
	text-align: center;
	vertical-align: top;
	padding-top: 8px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	border: 1px solid #E5E5E5;
	margin: 0px;
}


#sitemap li {
	list-style-image: url(../images/bulletwhite.gif);
	list-style-type: none;
}

#sitemap li ul li {
	list-style-image: none;
	list-style-type: none;
}


.top {
	display: block;
	text-align: right;
	padding-right: 20px;
}
.button {
	border: none;
	background-image: url(../images/backgrounds/angle.gif);
	background-repeat: no-repeat;
	background-position: 24px 6px;
	color: #3F9916;
	cursor:pointer;
	width: 100px;
}

.buttonGrey {
	border: none;
	background-image: url(../images/backgrounds/anglegrey.gif);
	background-repeat: no-repeat;
	background-position: 28px 6px;
	cursor:pointer;
	float: right;
	background-color: #E7E7E7;
	margin-top: 5px;
	color: #3F9916;
	width: 100px;
}



#newsletter label {
	font-weight: bolder;
	color: #3F9916;
	text-align: right;
}
#newsletter th {
	text-align: right;
}
#newsletter input {
	color: #3f9916;
}


.colour {
	width: 150px;
	text-align: center;
	font-weight: bold;
	font-size: 1.1em;
	float: left;
	margin-bottom: 20px;
}

.colour img {
	width: 150px;
	margin-bottom: 5px;
}


.captionRight {
	padding: 0px;
	text-align: center;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 20px;
	margin-bottom: 20px;
	float: right;
}
.captionRight img {
	margin-bottom: 5px;
}
.captionRight span {
	font-weight: bolder;
	text-align: center;
}


.captionLeft {
	text-align: center;
	margin-top: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 0px;
	padding-left: 0px;
	padding-right: 20px;
	padding-bottom: 20px;
	float: left;
}
.captionLeft img {
	margin-bottom: 5px;
}
.captionLeft span {
	font-weight: bold;
	text-align: center;
}


.blockRight {
	padding: 0px;
	text-align: center;
	margin: 0px;
	float: right;
}
.blockRight img {
	margin-bottom: 5px;
}
.blockRight span {
	font-weight: bolder;
	text-align: center;
}


.blockLeft {
	text-align: center;
	margin: 0px;
	padding: 0px;
	float: left;
}
.blockLeft img {
	margin-bottom: 5px;
}
.blockLeft span {
	font-weight: bolder;
	text-align: center;
}


.onehundred {
	display: block;
	float: left;
}
.lightboxImages {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	width: 500px;
}
.lightboxImages img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding: 5px;
}
.astrix {
	color: #0099CC;
	font-weight: bold;
	font-size: 1.4em;
}