/* *** Generated by www.csscreator.com *** */
html, body{
	margin:20;
	padding:20;
	text-align:center;
} 
 
#pagewidth{ 
 width:740px; 
 text-align:left; 
 min-width: 500px;margin-left:auto; 
 margin-right:auto; 
  
} 
 
#header{
	height:325px;
	width:100%;
 } 
 
#leftcol{
 width:195px; 
 float:left; 
 position:relative; 
 margin-left:-195px; 
 margin-right:1px; 
 }
 
#outer{
	border:solid white 0px;
	border-left-width: 195px;
	border-left-style: solid;
	border-right-width: 195px;
	border-right-style: solid;
	width: auto;
	border-left-color: #E5E5E5;
	border-right-color: #E5E5E5;
	background-image:  url(../TMM/images/backgrounds/mc-e5e5e5-ffffff-centre.gif);
 } 
 
* html #outer{
	background-repeat: repeat-y;
	background-image:  url(../TMM/images/backgrounds/mc-e5e5e5-ffffff-full.gif);
}
 
#rightcol{
 /*/*/ width:195px; /* hack keeps NN4 right column right? */ 
 float:right; 
position:relative; 
  margin-right:-195px; 
 margin-left:1px; 
} 
 
#footer{
	height:80px;
	width:100%;
	background-color:#FFFFFF;
	background-repeat: repeat-x;
	background-image:  url(../TMM/images/footer/dkgrey-midgrey.jpg);
} 
 
#inner{margin:0; width:100%;}
 
#maincol{
	float: left;
	width: 100%;
	position: relative;
	margin: 0 -8px 0 -2px;
 }
 
#outer>#inner { border-bottom: 1px solid #ffffcc;  }
 
.clr{clear:both;}
 
.content{padding:5px;} /*padding for content */ 
 
#header .content{padding-bottom:0;} /*padding bottom 0 to remove space in IE5 Mac*/ 
 

 
 /*printer styles*/ 
@media print{ 
/*hide the left column when printing*/
#leftcol{display:none;} 
#outer{border-left:0;} 

/*hide the right column when printing*/
#rightcol{display:none;} 
#outer{border-right:0;} 
}
div#top {
	height: 100px;
	width: 740px;
	top: 0px;
	position: relative;
	left: 0px;
	background-color: #CCCCCC;
	background-image:  url(../TMM/images/header/dkgrey-ltgrey-vertical.jpg);
	background-repeat: repeat-x;
}
div#feature {
	position: relative;
	height: 205px;
	width: 740px;
	background-color: #FFFFFF;
	top: 0px;
	background-image:  url(../TMM/images/feature/autumn04.jpg);
}
/*div#featureLeft {
	background-image: url(../TMM/images/feature/bongo-grey.jpg);
	background-repeat: no-repeat;
	height: 195px;
	width: 195px;
	position: absolute;
	left: 0px;
	top: 0px;
}
div#featureCentre {
	background-image: url(../TMM/images/feature/diving.jpg);
	position: absolute;
	left: 195px;
	width: 350px;
	height: 195px;
}
div#featureRight {
	background-image: url(../TMM/images/feature/clothes-sitting-grey.jpg);
	background-repeat: no-repeat;
	position: absolute;
	height: 195px;
	width: 195px;
	left: 545px;
	top: 0px;
} */
.contentRight {
	font-size: 70%;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 140%;
	margin-top: 20px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
}
.contentMain {
	padding:0px 15px 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 70%;
	margin-top: 20px;
	line-height: 140%;
}

body {
	background-color: #99FF99;
}
div#logo {
	position: relative;
	top: 40px;
	width: 451px;
	left: 280px;
	background-image:  url(../TMM/images/header/qt-dartingtonperson_blktxt.gif);
	background-repeat: no-repeat;
	height: 29px;
}
.mainHeader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 120%;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #7DAEC2;
}
.mainSubheader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	text-transform: uppercase;
	font-weight: normal;
	color: #7DAEC2;
}
div#rightcol .contentRight a {
	color: #333333;
	text-decoration: none;
}
div#rightcol .contentRight a:hover {
	color: ;
	text-decoration: underline;
}
div#rightcol .contentRight a:active {
	color: #FFFFFF;
}
.mainEmphasisedText {
	font-weight: bold;
	font-size: 100%;
}
.mainSubSubhead {
	font-size: 100%;
	text-transform: uppercase;
	margin-bottom: 20px;
	line-height: 25px;
}
div #rightcol .heading {
	text-transform: uppercase;
	text-decoration: underline;
}
.mainParaHeading {
	color: #7DAEC2;
	font-weight: bold;
	letter-spacing: 1px;
}
.contentMain a:link {
	font-weight: bold;
	color: #333333;
	text-decoration: none;
}
.contentMain a:visited {
	font-weight: bold;
	color: #666666;
	text-decoration: none;
}
.contentMain a:hover {
	font-weight: bold;
	color: #7DAEC2;
	text-decoration: underline;
}
div#mainFeat1 {
	width: 100%;
	margin-bottom: 20px;
}

div#newsTease {
	width: 100%;
	margin-bottom: 20px;
}

.newsTeaseImage {
	float: left;
	margin-right: 10px;
}

.featImage {
	float: left;
	margin-right: 10px;
}
div#rightFeat {
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
.quoteRight {
	width: 150px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 70%;
	line-height: 130%;
	margin-left: 16px;
	padding: 5px;
	border: 1px dotted #666666;
	margin-top: 20px;
	background-color: #CCCCCC;
}
.quoteRightBold {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-weight: bold;
	text-align: right;
}
div#ccepContact {
	position: relative;
	padding: 5px;
	width: 180px;
	border: 1px dotted #999999;
	margin: 5px;
	background-color: #CCCCCC;
	left: 5px;
	top: -10px;
	float: left;
}
div#ccepEnquiry {
	position: relative;
	border: 1px dotted #666666;
	float: right;
	width: 100px;
	background-color: #CCCCCC;
	right: 5px;
	top: -10px;
	margin: 5px;
	padding: 5px;



}
.breadcrumbStyle {
	color: #FFFFFF;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 60%;
	padding: 5px 5px 5px 20px;
}
div#breadcrumbs {
	background-color: #000000;
}
.breadcrumbStyle a:link {
	color: #FFFFFF;
	text-decoration: underline;
}
.breadcrumbStyle a:visited {
	color: #CCCCCC;
	text-decoration: underline;
	}	
.breadcrumbStyle a:hover {
	color: #7DAEC2;
	text-decoration: none;
	}
	
div#formWrapper {
	margin: 10px;
	position: relative;
	}
	
.formRow {
	padding-top: 1px;
	padding-bottom: 5px;
	background-color: #999999;
}

.formRow span.label {
	float: left;
	width: 25%;
	text-align: right;
}

.formRow span.formw {
	float: right;
	width: 70%;
	text-align: left;
	padding-left: 5px;
}

.formStyle {
	border: 1px solid #CC9900;
	padding: 5px;
}
.formRow2 {
	padding-top: 1px;
	padding-bottom: 5px;
	background-color: #CCCCCC;
}
div#previewlogo {
	position: absolute;
	height: 64px;
	width: 85px;
	background-image:  url(../TMM/images/logos/previewlogo.gif);
	left: 18px;
	top: 18px;
}

fieldset {
	width: 90%;
	border: 1px solid;
	padding: 10px;
	margin-right: auto;
	margin-left: auto;
}

legend {
	font-family:"Trebuchet MS", Arial, Helvetica, "san serif";
	colour: #CCCCCC;
	padding: 4px;
}

label {
	float: left;
	width: 80px;
	margin: 5px 0px 0px;
	text-align: right;
	colour: #333333;
	/*letter-spacing: 2px;*/
	padding-top: 4px;
}

input, select {
	margin-top: 5px;
	margin-left: 5px;
	padding-left: 3px;
	/*colour: #333333;
	background: #CCCCCC;
	width: 180px;*/
	border: 1px solid #333333;
	/*letter-spacing: 1px;*/
}
	
.btn {
	width: 80px;
	border-top: #BBBBBB;
	border-right: #999999;
	border-bottom: #999999;
	border-left: #BBBBBB;
	margin-right: 10px;
}
div#formSelectors label {
	width: 220px;
}
div#formSelectors input {
	border: 0;
}
div#hatchwrapper {
	background-color: #F1F8F9;
	border: 1px solid #000000;
	padding: 5px;
	margin-right: 5px;
	float: none;
}
div#hatchimage {
	margin-right: 10px;
	float: left;
	width: 100px;
}
div#hatchtext {
	width: 200px;
	position: relative;
}
div#fullsizedImageHolder {
	margin: auto;
}
th {
	text-align: left;
	padding-top: 20px;
}
.feeCol {
	text-align: right;
	vertical-align: text-top;
}
div#quickNav {
	text-align: center;
	font-weight: bold;
}
.copyrightText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 60%;
	color: #FFFFFF;
	margin: auto;
	text-align: center;
	padding-top: 20px;
}
.formSelector {
	border: 0px;
}
.tableedge {
	border: 1;
}