html, body, ul, ol, li, p, h1 , h2, h3, h4, h5, h6, form, fieldset, a, div, img, blockquote
{
	margin:				0;
	padding:			0;
	border:				0;
}

html
{
	font-family:		Arial, Helvetica, sans-serif;
}

body
{
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			76%; 
}

#main a
{
	color:				#fff;
}

/* --------------------------------------------- TYPOGRAPHY ------------------------------------------------ */

h1, h2, h3, h4
{
	text-align:			left;
	color:				#fff;
	margin:				10px 0;
	font-size:			1.9em;
	font-weight: 		normal;
}

h2, h3, h4
{
	text-align:			left;
	margin:				0;
	font-weight:		bold;
}

h2	
{
	font-size:			1.4em; 
}

h3	
{	
	font-size:			1.2em; 
}

p
{
	line-height:		1.3;
	margin-top:			6px;
	margin-bottom:		14px;
	font-size:			1em;
}

span.small
{
	font-size:			0.9em;
}

textarea, input, select
{
	font-size:			1em;
	font-family:		Arial, Helvetica, sans-serif;
}



/* --------------------------------------------- LAYOUT DIVS ------------------------------------------------ */

#siteWrapper
{
	width: 				908px;
	margin: 			0 auto;
	padding-bottom: 	20px;
}

#header
{
	width: 				888px;
	height: 			48px;
	margin: 			0 auto;
	padding: 			26px 0 0 0;
}

#navigation
{
	height: 			35px;
	margin: 			0px 0px 0px -30px;
}

#border
{
	width: 				908px;
	margin: 			0 auto;
	background: 		url(/images/common/main-lower-bg.gif) bottom no-repeat;
	padding-bottom: 	4px;
}

#main
{
	width: 				908px;
	margin: 			0 auto;
	background: 		#a99c82 url(/images/backgrounds/home-bg.jpg) no-repeat top;
	color: 				#fff;
	padding:			16px 0 0 0;	 
}

#divLeftColumn
{
	float: 				left;
	width:				430px;
	margin:				0 0 0 28px;
	display: 			inline;
}

#divRightColumn
{
	float: 				right;
	width:				402px;
}

#divLeftColumnContent
{
	float: 				left;
	width:				510px;
	margin:				0 0 0 28px;
	display: 			inline;
}

#divRightColumnContent
{
	float: 				right;
	width:				350px;
}

#libraryLeftColumn
{
	float: 				left;
	width:				500px;
	margin:				0 0 0 28px;
	display: 			inline;
}

#libraryRightColumn
{
	float: 				right;
	width:				320px;
	margin-right:		28px;
}

#libraryLeftColumn2
{
	float: 				left;
	width:				420px;
	margin:				0 0 0 28px;
	display: 			inline;
}

#libraryRightColumn2
{
	float: 				right;
	width:				400px;
	margin-right:		28px;
}

#libraryFullWidth
{
	float: 				left;
	width:				720px;
	margin:				0 28px;
	display: 			inline;
}

.clear
{
	clear:				both;
	font-size:			1%;
	height:				0;
}

/*CMBH 26/11/07*/
#footer
{
	float:				right;
	padding-right:		10px;
	padding-top:		5px;
}

#footer a
{
	color: 				#3c3b3b;
	text-decoration: 	none;
}

#footer a:hover
{
	color: 				#eb6427;
}


/* --------------------------------------------- BACKGROUND STYLES ------------------------------------------------ */

.testimonials #main
{
	background: 		#a99c82 url(/images/backgrounds/bg1.jpg) no-repeat top;
}

.email #main
{
	background: 		#a99c82 url(/images/backgrounds/bg2.jpg) no-repeat top;
}

.about #main
{
	background: 		#a99c82 url(/images/backgrounds/bg3.jpg) no-repeat top;
}

.services #main
{
	background: 		#a99c82 url(/images/backgrounds/bg4.jpg) no-repeat top;
}

.accuracy #main
{
	background: 		#a99c82 url(/images/backgrounds/bg6.jpg) no-repeat top;
}

.contact #main
{
	background: 		#a99c82 url(/images/backgrounds/bg5.jpg) no-repeat top;
}

#main.libraryMain
{
	background:			#a99c82 url(/images/backgrounds/library.gif) no-repeat top;	
	overflow:			hidden
}

/* --------------------------------------------- NAVIGATION STYLES ------------------------------------------------ */

.home #navigation
{
	background: 		url(/images/common/menu-arrow.gif) no-repeat 84px 28px;
}

.pyramid #navigation
{
	background: 		url(/images/common/menu-arrow.gif) no-repeat 164px 28px;
}

.testimonials #navigation
{
	background: 		url(/images/common/menu-arrow.gif) no-repeat 261px 28px;
}

.email #navigation
{
	background: 		url(/images/common/menu-arrow.gif) no-repeat 355px 28px;
}

.accuracy #navigation
{
	background: 		url(/images/common/menu-arrow.gif) no-repeat 439px 28px;
}

.services #navigation
{
	background: 		url(/images/common/menu-arrow.gif) no-repeat 504px 28px;
}

.about #navigation
{
	background: 		url(/images/common/menu-arrow.gif) no-repeat 570px 28px;
}

.contact #navigation
{
	background: 		url(/images/common/menu-arrow.gif) no-repeat 641px 28px;
}

.sitemap #navigation
{
	background: 		url(/images/common/menu-arrow.gif) no-repeat 713px 28px;
}

.privacy #navigation
{
	background: 		url(/images/common/menu-arrow.gif) no-repeat 768px 28px;
}

.library #navigation
{
	background: 		url(/images/common/menu-arrow.gif) no-repeat 768px 28px;
}

#navigation ul#menu
{
	margin: 			0 0 0 64px;
	list-style: 		none;	
	padding: 			0;
}

#navigation ul#menu li
{
	display: 			inline;
	padding-right: 		9px;
	padding-left: 		9px;
	border-right: 		1px solid #978a6f;
	padding-top: 		10px;
	vertical-align: 	text-bottom;
	float: 				left;
}

#navigation ul#menu li.last
{
	display: 			inline;
	padding-right: 		10px;
	border-right: 		0;
	padding-top: 		10px;
	vertical-align: 	text-bottom;
	float: 				left;
}

#navigation ul#menu li a
{
	color: 				#3c3b3b;
	text-decoration: 	none;
}

#navigation ul#menu li a:hover
{
	color: 				#eb6427;
}

/* --------------------------------------------- HOME STYLES ------------------------------------------------ */

#divLeftColumn img.buttonClick
{
	float: 				right;
	margin-bottom:		12px;
}

#testimonials 
{
	padding: 			0 0 18px 0;
	clear:				both;
	overflow:			hidden;
}

#testimonials p
{
	line-height:		1.3;
	margin:				0;
	font-size:			1em;
}

#testimonials #testTop
{
	background: 		url(/images/common/testimonials-top.gif) no-repeat;
	width: 				430px;
	height: 			7px;
	font-size: 			1%;
}

#testimonials #testContent
{
	background: 		url(/images/common/testimonials-mid.gif) repeat-y;
	width: 				394px;
	color:				#645c4a;
	padding:			10px 18px;
}

#testimonials #testBot
{
	background: 		url(/images/common/testimonials-bot.gif) no-repeat;
	width: 				430px;
	height: 			7px;
	font-size: 			1%;
}

#testimonials .largeWhite
{
	font-size:			1.9em;
	padding-left: 		16px;
}

#testimonials .medWhite
{
	font-size:			1.4em;
}

#testimonials #leftQuote
{
	float:				left;
	margin:				-3px 0 0 0;
}

#testimonials #rightQuote
{
	margin:				0 0 0 5px;
	vertical-align: 	text-top;
}

#testimonials #quote
{
	float:				right;
	width: 				374px;
	line-height:		1.5;
}

#testimonials a
{
	margin-top: 		4px;
	float:				right;
	color:				#645c4a;
	font-weight:		bold;
	font-size:			1.1em;
}

#divRightColumn #flashPyramid
{
	margin:			20px 0 20px 10px;
}

#divRightColumn #loginSignupBox
{                
	margin:			70px 0px 0px 37px;
}

/* --------------------------------------------- CONTENT STYLES ------------------------------------------------ */

#divLeftColumnContent h1
{
	margin-top:			30px;
}

#divLeftColumnContent h2
{
	margin-top:			30px;
}

#divLeftColumnContent h3
{
	margin-top:			30px;
}

#divLeftColumnContent h1#topHeader
{
	margin-top:			10px;
}

#divLeftColumnContent #boxContent ul
{
	margin:				22px 0 10px 15px;
}

#divLeftColumnContent #boxContent li
{
	margin:				0 0 3px 0;
	padding-left:		38px;
	padding-top:		6px;
	height:				26px;
	background:			url(/images/common/tick.gif) no-repeat;
	list-style:			none;
}

#divLeftColumnContent #boxContent h3
{
	margin-top:			0;
	padding-top:		4px;
	color:				#4c4536;
}

#divLeftColumnContent #boxTop
{
	background: 		url(/images/common/small-box-top.gif) no-repeat;
	width: 				530px;
	height: 			7px;
	font-size: 			1%;
	margin-top:			30px;
}

#divLeftColumnContent #boxContent
{
	background: 		url(/images/common/small-box-mid.gif) repeat-y;
	width: 				510px;
	color:				#524b3c;
	padding:			10px 18px;
}

#divLeftColumnContent #boxBot
{
	background: 		url(/images/common/small-box-bot.gif) no-repeat;
	width: 				530px;
	height: 			7px;
	font-size: 			1%;
	margin-bottom:		20px;
}

#divLeftColumnContent img#diploma
{
	float:				left;
	margin:				0 10px 20px 0;
}

#divLeftColumnContent img#mglass
{
	vertical-align:		middle;
	margin:				0 4px 0 0;	
}

#divLeftColumnContent hr
{
	color:				#d8cdba; 
	background:			#d8cdba; 
	border:				0; 
	height:				1px;
}

#divLeftColumnContent img#rolf
{
	float:				left;
	margin:				3px 16px 0 0;
	border:				1px solid #776b54;
	display:			inline;
}

#divLeftColumnContent h2.services
{
	margin-top:			0;	
}

#divLeftColumnContent ul.services
{
	margin:				22px 0 20px 30px;
}

#divLeftColumnContent ul.services li
{
	margin:				0 0 10px 0;
	padding-left:		10px;
	list-style:			disc;
}

ul.site-map 
{
	margin:				22px 0 40px 20px;	
}

ul.site-map li 
{
	margin:				0 0 15px 0;
	padding-left:		18px;
	list-style:			none;
	background:			url(/images/site-map-link.gif) left 0.05em no-repeat
}

ul.site-map li ul 
{
	margin-top: 15px
}

p.registered
{
	font-size:			0.9em;	
	padding-top:		30px;
}

/* --------------------------------------------- SERVICES ROLLOVER ------------------------------------------------ */

#divLeftColumnContent a { position: relative; }
#divLeftColumnContent a span { display: none; }
#divLeftColumnContent a:hover { display: inline; } /* Needed to make it work in IE6 */
#divLeftColumnContent a:hover span {
  display: block;
  position: absolute;
  top: 1.5em;
  left: 0;
  max-width: 30em;
  font: normal 1em Arial, sans-serif;
  color: #3c3b3b;
  border: 1px solid #60584a;
  padding: 10px 15px;
  cursor: default;
  z-index: 10;
  background-color: #d9ccb2;
  text-decoration: none;
  width: 30em;
}

#divLeftColumnContent a h2
{
	color: #000000;
	margin-top:0px;
	
}

/* --------------------------------------------- FORM STYLING ------------------------------------------------ */

p.red, span.red
{
	color:				#b61f1f;
}

.textareaRequired
{
	position:			absolute;
	top:				646px;
	left:				50%;
	margin-left:		82px;
}

textarea
{
	width:				370px;
	height:				130px;
	margin:				0;
	padding:			0;
}

div#contact-form label
{
	display:			block;
	float:				left;
	width:				130px;
	margin-top:			4px;
	clear:				left;
}

div#contact-form input, div#contact-form select
{
	vertical-align:		middle;
	margin-bottom:		6px;
}

div#contact-form input.long
{
	width:				240px;
}

div#contact-form input
{
	width:				156px;
}

div#contact-form input.button
{
	display:			block;
	float:				right;
	margin:				6px 8px 18px 0;
	padding:			0;
	width:				100px;
}

table tr.total-row td
{
	border-top: solid 1px #d8cdba;
}

/* --------------------------------------------- ADMIN FORMS ------------------------------------------------ */
div.form
{
	display:			block;
	float:				left;
	margin-bottom:		15px;
	clear:				left;
	overflow:			hidden
}

div.form .form-item
{
	margin-left:		20px;
}

div.form label
{
	display:			block;
	float:				left;
	width:				130px;
	margin-top:			4px;
	clear:				left;
}

div.form span.red
{
	clear: none;
	display: inline;
	float: none;
}

div.form span
{
	display:			block;
	float:				left;
	margin-top:			4px;
	width:				130px;
}

div.form input.button
{
	display:			block;
	float:				right;
	clear:				left;
	width:				100px;
}

div.form input
{
	width:				160px;
	vertical-align:		middle;
	margin-bottom:		6px;
}

div.form input.long
{
	width:				240px;
}

div.form input.short
{
	width:				100px;
}


div.form span.checkbox
{
	width: 100%;
	height: 60px;
	clear: both;
}

div.form span.checkbox input
{
	float: right;
	text-align: left;
	width: 20px;
	margin-right: 30px;
}

div.form span.checkbox label
{
	text-align: left;
	float: left;
	width: 330px;
}



div.form select.countryStyle
{
	margin-bottom:		6px;
	clear: right;
}



div.form .form-item table th
{
	border-bottom:		solid 1px #d8cdba;
	padding-bottom:		2px;
	margin-bottom:		1px;
}
div.form .form-item table td
{
	padding-bottom:		1px;
}

div.form hr
{
	color:				#d8cdba; 
	background:			#d8cdba; 
	border:				0; 
	height:				1px;
}

div.form hr.wideRule
{
	color:				#d8cdba; 
	background:			#d8cdba; 
	border:				0; 
	height:				1px;
	width:				390px;
}

div.form h2
{
	width:				300px;	
}

div.form h2.feedback
{
	width:				500px;	
}

div.form div.form-item h3
{
	border-bottom:		solid 1px #d8cdba;
	width:				300px;
	padding-top:		5px;
}

.feedback
{
	font-weight:		bold;
}

div.form-details span.feedback2
{
	width: 375px;
}


div.submit-doc
{
	width:				500px;	
}

div.submit-doc span
{
	clear: none;
	display: inline;
	float: none;
}

div.submit-doc label
{
	width:				160px;	
	float:				left;
}

div.submit-doc input
{
	width:				200px;	
	float: left;
	margin-top: 2px;
}

div.submit-doc div
{
	clear: both;
	margin: 20px 0;
}

div.submit-doc table span.radio, div.submit-doc table input, div.submit-doc table label
{
	clear: both;
	display: inline;
	float: none;	
}

div.submit-doc table td span.radio, div.submit-doc table td input
{
	width: 40px;	
	padding-left: 5px;
}

div.submit-doc table td span.radio label
 {
	width: 500px;	
	top: 0;
}

div.submit-doc table
{
	clear: both;
	display: inline;
	float: none;	
}

div.change-password
{
	width:				400px;	
	margin-bottom:		30px;
}

div.change-password span
{
	width:				20px;	
	padding-left:		5px;
}

div.change-password label
{
	width:				140px;	
	float:				left;
}

div.change-password input
{
	width:				150px;	
	float:				left;
	margin-top:			5px;
}

div.form-register
{
	width:				500px;	
}

div.form-register span.required
{
	width:				60px;	
	padding-left: 5px;
}

div.form-register label
{
	width:				160px;	
	float: left;
}

div.form-register input
{
	width:				200px;	
	float: left;
	margin-top: 2px;
}

div.form-register select
{
	width:				200px;	
	float: left;
	margin-top: 2px;
}

div.form-register span.checkbox
{
	width: 100%;
	height: 60px;
	clear: both;
}

div.form-register span.checkbox input
{
	float: right;
	text-align: left;
	width: 20px;
	margin-right: 138px;
}

div.form-register span.checkbox label
{
	text-align: left;
	float: left;
	width: 335px;
}

div.form-register2
{
	width:				500px;	
}

div.form-register2 span.required
{
	width:				60px;	
	padding-left: 5px;
}

div.form-register2 label
{
	width:				160px;	
	float: left;
}

div.form-register2 input
{
	width:				200px;	
	float: left;
	margin-top: 2px;
}

div.form-register2 select
{
	width:				200px;	
	float: left;
	margin-top: 2px;
}

div.form-register2 span.checkbox
{
	width: 100%;
	height: 60px;
	clear: both;
}

div.form-register2 span.checkbox input
{
	float: right;
	text-align: left;
	width: 20px;
	margin-right: 138px;
}

div.form-register2 span.checkbox label
{
	text-align: left;
	float: left;
	width: 335px;
}

div.form-register2 input.button
{
	float: right;
	margin: 0 134px 0 0;
}

div.form-register2 .feedback
{
	padding-bottom: 10px;
}

div.form-details
{
	width:				390px;	
}

div.form-details span.errormsg     /* error message e.g. change password error */
{
	width: 100%
}

div.form-details td span, div.form-details span
{
	width:				10px;
	clear:				left;
	text-align:			right;
	margin-left: 4px;
}

div.form-details label
{
	width:				200px;
}

div.form-details td label
{
	padding-bottom: 20px;
	width:				200px;
}

div.form-details tr 
{
	height:				26px;
}

label#email-label 
{
	width: 130px
}
	

div.form-item table input, div.form-details input
{
	float:				left;
}

div.form-item table tr
{
	height:				26px;
}

div.form-item table.administrator tr td, div.form-item table.administrator tr th     /* users table under Administrator > View Users */
{
	padding-right: 30px
}

div.form-item span
{
	width:				295px;
	margin:				0 0 6px 0;
	padding-top:		0;
	text-align:			right;
}

div.form-login table input
{
	float:				left;
}

div.form-login table tr
{
	height:				26px;
}


div.form-item ul.documents-list /* documents list on user details page */
{
	margin: 10px 10px 10px 20px;
	width: 330px;
	line-height: 1.6em;
}

div.form-item ul.documents-list li
{
	list-style: inside disc
}

div.form-item ul.documents-list li span
{
	padding: 0; margin: 0; float: none; display: inline
}


/* UPLOAD DOCUMENTS PAGE */
table tr td span.radio
{
	width: 400px
}

table tr td span.radio input 
{
	width: 30px;
}

table tr td span.radio label
{
	position: relative; left: 5px; top: -25px
} 


/* USER DETAILS */

table.payments-made tbody tr th   /* PAYMENTS MADE TABLE */
{
	width: 150px important!;
}


/* --------------------------------------------- AJAX CONTROLS ------------------------------------------------ */

.accordianHeader
{
	margin-top:			3px;
	text-decoration:	underline;	
	font-weight:		bold;
	cursor:				pointer;
	color:				#d4cdc0;
}

.accordianHeaderSelected
{
	margin-top:			3px;
	border-bottom:		solid 1px #d8cdba;
	font-weight:		bold;
	font-size:			1.4em;
	cursor:				pointer;
	padding:			3px 0px 3px 0px;
}

.accordianContent
{
	margin:				2px 5px 10px 5px;
	width:				95%;
	border-bottom:		solid 1px #d8cdba;
	padding-bottom:		5px;
}


.accordianContent .stage-controls
{
}

.ratingEmpty
{
    background-image:	url('/images/EmptyStar.png');
}

.ratingFilled
{
    background-image:	url('/images/FilledStar.png');
}

.ratingWaiting
{
    background-image:	url('/images/SavedStar.png');
}

.ratingStar img {
    float: left;
}

.ratingStar 
{
    font-size:			0pt;
    width:				13px;
    height:				12px;
    margin:				0px;
    padding:			0px;
    cursor:				pointer;
    background-repeat:	no-repeat;
    background-color:	#A99B81;
}

.flashPopupBackground
{
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

div.form-feedback 
{
	width: 760px;
}


div.form-feedback h3
{
	padding: 20px 0 15px 0;
}


div.form-feedback p
{
	width: 350px;
	float: left;
}

div.form-feedback span
{
	width: 13px;
}

div.form-feedback textarea
{
	margin-bottom: 6px;
}

div.form-feedback input.button
{
	margin: 10px 0;
}

div.form-new hr
{
	color:				#d8cdba; 
	background:			#d8cdba; 
	border:				0; 
	height:				1px;
}

div.form-new h2
{
	width:				300px;	
}

div.form-new h2.feedback
{
	width:				500px;	
}


/* ------------------------------------------------- FLASH PAGES ----------------------------------------------------- */

body#flash-container-body 
{
	background: #999
}

div#flash-container 
{
	margin: 50px auto; 
	width: 890px; 
}


/* --------------------------------------------- LIBRARY MENU STYLES ------------------------------------------------ */

#header img
{
	float:				left;
}

table.libraryNav
{
	float:				right;
}

table.libraryNav a
{
	color:				#3c3b3b;
	padding-right:		10px;
	padding-left:		6px;
	border-right:		1px solid #978a6f;	
}

table.libraryNav td
{
	height:				25px;	
}


/* --------------------------------------------- CHECKBOX ------------------------------------------------ */	

td span.chkbox {width: 250px; position: relative; overflow: hidden}
td span.chkbox label {float: right; width: 220px; text-align: left}   /* makes checkboxes wider */
td span.chkbox input {position: absolute; left: 0; top: 0; z-index: 10; width: 25px}





/* --------------------------------------------- CHECKBOX ------------------------------------------------ */	
div.footer
{
	float: right;
	padding: 10px;	
}

div.footer a:link,
div.footer a:visited
{
	color: #999;
	text-decoration: none;
}

div.footer a:active,
div.footer a:hover
{	
	text-decoration: underline;
}