/*CSS3 file.
This version edited for the HTML HELP package.
Colours:	Dark grey,		100,100,100;	#646464
			Mid grey,		200,200,200;	#c8c8c8
			Medium grey,	220,220,220;	#dcdcdc
			Pale grey, 		240,240,240;	#8c8c8c
			Dark brown, 	100,70,20;		#644614
			Mid brown,		204,194,182;	#cccb26
			Beige,			234,224,182;	#eae0d4
			The colour variables are defined in the :root section of the main CSS file.
Updated for 'border-radius', 18/7/12
Updated for CSS3, starting 14/11/12
*/

html, body, h1, form, fieldset, legend, ol, li {
	margin: 0;
	padding: 0;
	}

div.wraper 
	{
	background: var(--col2);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	padding: 20px;
	width: 60%;
	margin-left:20%;
	}
		
form#contact fieldset 
	{
	border: none;
	margin-bottom: 10px;
	}
		
form#contact fieldset:last-of-type 
	{
	margin-bottom: 0;
		}
			
form#contact legend 
	{
	color: var(--col1);/*#462828; */
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 10px;
	text-shadow: 0 1px 1px #c0d576;
	}
					
form#contact fieldset fieldset legend 
	{
	color: #111111;
	font-size: 13px;
	font-weight: normal;
	padding-bottom: 0;
	}
			
form#contact ol li  
	{
	background: #b48c64;
	background: rgba(255,255,255,.3);
	border-color: #e3ebc3;
	border-color: rgba(255,255,255,.6);
	border-style: solid;
	border-width: 2px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	line-height: 30px;
	list-style: none;
	padding: 5px 10px;
	margin-bottom: 2px;
	}
							
form#contact ol ol li 
	{
	background: none;
	border: none;
	float: left;
	}
			
form#contact label 
	{
	float: left;
	font-size: 13px;
	width: 110px;
	}
				
form#contact fieldset fieldset label 
	{
	background:none no-repeat left 50%;
	line-height: 20px;
	padding: 0 0 0 30px;
	width: auto;
	}
					
form#contact fieldset fieldset label:hover 
	{
	cursor: pointer;
	}
				
form#contact input:not([type=checkbox]), form#contact textarea
	{
	background: #ffffff;
	border: none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	font: italic 13px Georgia, "Times New Roman", Times, serif;
	outline: none;
	padding: 5px;
	width: 300px;
	}
						
form#contact input:not([type=submit]):focus,form#contact textarea:focus 
	{
	background: #eaeaea;
	}
					
form#contact input[type=checkbox] ,div.upld input[type=radio]
	{
	float: left;
	margin-right: 5px;
	}
							
button 
	{
	border: none;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-khtml-border-radius: 20px;
	border-radius: 20px;
	color: #ffffff;
	display: block;
	font: 1.2em  "Century Gothic",Arial, serif;
	letter-spacing: 1px;
	margin: auto;
	padding: 7px 25px;
	text-shadow: 0 1px 1px #000000;
	text-transform: uppercase;
	background: #8b8b8b; /* for non-css3 browsers */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#a9a9a9', endColorstr='#7a7a7a'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#a9a9a9), to(#7a7a7a)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #a9a9a9,  #7a7a7a); /* for firefox 3.6+ */
	border: solid 1px #6d6d6d;
	}
					
button:hover
	{
	background: #d1d1d1; /* for non-css3 browsers */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebebeb', endColorstr='#a1a1a1'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#a1a1a1)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #ebebeb,  #a1a1a1); /* for firefox 3.6+ */
	cursor: pointer;
	}
				
span.r_f
	{font-size:1.2em;
	color:red;
	}
	
div.cont li	
	{
	background: #b48c64;
	background: rgba(255,255,255,.3);
	border-color: #e3ebc3;
	border-color: rgba(255,255,255,.6);
	border-style: solid;
	border-width: 2px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	line-height: 30px;
	padding: 5px 10px;
	margin-bottom: 2px;
	}
		
div.cont ol
	{
	list-style: none;
	}
		
div.cont  label 
	{
	float: left;
	font-size: 13px;
	width: 110px;
	}
				
		
div.cont	textarea , div.cont input
	{
	background: #ffffff;
	border: none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	font: italic 13px Georgia, "Times New Roman", Times, serif;
	outline: none;
	padding: 5px;
	width: 300px;
	}

form#contact select
	{ 	
	border:0; 
	color:#EEE; 
	background:transparent;
	font-size:20px; 
	font-weight:bold; 
	padding:2px 10px; 
	width:378px;
	/**width:350px;
	*background:#58B14C; */
	}

#mainselection 
	{
	overflow:hidden; 
	width:350px;			
	-moz-border-radius: 9px 9px 9px 9px;
	-webkit-border-radius: 9px 9px 9px 9px;
	border-radius: 9px 9px 9px 9px;
	box-shadow: 1px 1px 11px #330033;
	background: url(“arrow.gif”) no-repeat scroll 319px 5px #58B14C; }