/* GLOBAL STYLES */

body	{	margin: 0; padding: 0;
			background-image: url(images/bodyBG.png); }



/* LAYOUT STYLES */

#page	{	width: 802px; margin: 0 auto 0 auto;
			border: 1px solid #7f7f7f; border-top: none;
			background-color: #000000; z-index: 0; position: relative; }

#header	{	width: 786px; height: 142px;
			margin: 0 auto 0 auto;
			background-image: url(images/header.png);
			background-position: center; background-repeat: no-repeat; }
			
#feature	{	width: 786px; height: 238px;
				margin: 0 auto 0 auto;
				background-color: #d7d7d7; 
}
	
#featureUnder	{	width: 786px; height: 238px; z-index: 0; position: absolute; }
			
#featureOver	{	width: 786px; height: 238px; z-index: 2; position: absolute; }

#menu	{	width: 786px; height: 80px;
			background-image: url(images/navBG.png);
			margin: 0 auto 0 auto;
			background-position: center;
			background-repeat: no-repeat; }

#pagecontent	{	width: 786px;
				margin: 0 auto 0 auto;
				background-color: #FFFFFF;	}

#footer	{	width: 786px; height: 30px;
			margin: 0 auto 0 auto;
			background-image: url(images/footerBG.png);
			background-repeat: repeat-x;
			clear: both; margin-bottom: 9px;	}
			
.ie6 #footer	{	margin-bottom: 2px; }
			
.clear	{	clear: both; }

				
#contentLeft	{	float: left; width: 360px; margin: 0 0 0 40px; }

.ie6 #contentLeft	{	float: left; width: 340px; margin: 0 0 0 17px; }

#contentWide	{	float: left; width: 706px; margin: 0 0 0 40px; }

.ie6 #contentWide	{	float: left; width: 706px; margin: 0 0 0 17px; }

#contentRight	{	float: left; width: 386px; min-height: 350px; }

#sticker	{	width: 380px; height: 415px; z-index: 1; position: absolute;
				margin: -40px 0 0 34px; }
				
#loginButton	{	width: 178px; height: 29px; z-index: 1; position: absolute; margin-top: 75px; margin-left: 10px;
					background-image: url(images/tabBG.png); background-position: center; background-repeat: no-repeat; }

.ie #loginButton	{ z-index: 0; padding-left: 25px;  }
										
#loginButton a img {	border: none; }

#loginButton a { font-family: Helvetica, sans-serif; color: #811517; font-size: 14px; text-decoration: none; font-weight: bold; }



/* MENU STYLE */

#menu ul	{	margin: 0 0 0 26px; padding: 0;	}

.ie6 #menu ul	{	margin: 0 0 0 10px; padding: 0;	}


#menu ul li	{	float: left; list-style-image: url(images/menuItemBG.png); margin: 19px 13px 0 13px; padding: 0; }

#menu ul li:first-child	{	list-style-image: none; list-style-type: none; }

#menu ul li a	{	font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 12px;
					text-decoration: none;	}

#menu ul li a:visited	{	color: #FFFFFF; }



/* FOOTER STYLE */

#footerLeft, #footerRight		{	width: 50%; float: left;	}

#footerRight	{	text-align: right; }

#footer p	{	margin: 0 10px 0 10px; line-height: 37px;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 12px; color: #000000;	}

#footer p a	{	color: #000000; text-decoration: none; font-weight: bold; }

#footer p a:visited	{	color: #000000; }



/* GENERAL STYLE */

#pagecontent h1	{	font-family: Arial, Helvetica, sans-serif;
					font-size: 32px; color: #a10000;
					margin: 10px 0 0 0; padding: 0;
					letter-spacing: -2px;}

#pagecontent h2	{	font-family: Arial, Helvetica, sans-serif;
					font-size: 16px; color: #454545;
					font-style: italic;
					margin: 0 0 15px 0; padding: 0;	}
					
#pagecontent h3	{	font-family: Arial, Helvetica, sans-serif;
					font-size: 12px; font-style: italic;
					color: #333333; margin: 0 0 10px 0; padding: 0; }
					
#pagecontent h4	{	font-family: Arial, Helvetica, sans-serif;
					font-size: 14px; color: #990000;
					margin: 20pt 0 5px 0; padding: 0;	}

#pagecontent p, #pagecontent ul, #pagecontent ol	{	font-family: Arial, Helvetica, sans-serif;
					font-size: 11px; color: #1d1d1d;
					line-height: 18px;
					margin: 0 0 15px 0;
					text-align: justify;	}
					
#pagecontent p a	{ color: #990000; text-decoration: none; font-weight: bold; }
					
					
#featureBox h1	{	font-family: Helvetica, Arial, sans-serif;
					font-size: 48px; color: #a10000;
					margin: 17px 0 0 17px; padding: 0; }
					
#featureBox	p	{	font-family: Helvetica, Arial, sans-serif;
					font-size: 15px; color: #000000;
					margin: 10px 15px 0 15px; padding: 0;
				}
				
#featureBox a img	{	border: none; }



.threeMinute	{	font-family: Arial, Helvetica, sans-serif; font-size: 11px;
					color: #333333; text-align: justify; }
					
					
.threeMinute .field_radio	{	padding-bottom: 25px; }


table.contactForm	{	font-family: Helvetica, Arial, sans-serif; color: #333333;
						font-size: 11px; }
						
						
#loginFeature	{	background-image: url(images/loginFeatureBG.jpg); background-position: center;
					width: 100%; height: 100%; }
					
#loginFeatureButton	{ padding-top: 165px; padding-left: 50px; }

#loginFeatureButton a img	{	border: none; }

.field_title	{	text-align: left; }


/* 3 MINUTE TEST STYLE */
.survey_title	{	font-family: Helvetica, Arial, sans-serif;
					color: #333333;
					font-size: 11px;
					padding-top: 10px; }
					
.field_title	{	font-family: Helvetica, Arial, sans-serif; font-size: 11px; }

.radio_label	{	font-family: Helvetica, Arial, sans-serif; color: #333333; font-size: 11px; }

.field_heading	{	font-family: Helvetica, Arial, sans-serif; color: #333333; border-bottom: none; font-size: 11px; text-align: justify; }



.bookingForm	{	margin: 20px 0 0 15px; padding: 0 0 0 0; }



.required {
	color: #FF0000;
}
.field_title {
	font-size: 12px;
	width: 150px;
	vertical-align: top;
	text-align:left;
	color: #990000;
	font-weight: bold;
	padding-top: 10px;
}
.textfield {
	font-size: 12px;
	width: 150px;
}
.textarea {
	font-size: 12px;
	width: 150px;
	height: 100px;
}
.select {
	font-size: 12px;
}
.checkbox_label {
	font-size: 11px;
	cursor: pointer;
}
.radio_label {
	font-size: 11px;
	cursor: pointer;
}
.email {
	font-size: 12px;
	width: 150px;
}

.catchpa	{	width: 40px; }

