/* 
------------------------------------------
Document Title: 	Document Structure CSS
File Name: 		nopage.css                   
Author: 		Perry A. Simpson         
Email: 		ps151061@googlemail.com  
Created: 		04-Nov-2008              
Last Updated: 	18-Nov-2008              
------------------------------------------

Copyright Notice -------------------------------------------------------------------------
This website and its content is copyright of "Surgan Professional Limited."
- � "Perry A. Simpson" 2007. All rights reserved.

Any redistribution or reproduction of part or all of the contents in any form is prohibited 
other than the following:                                                                                                                                           

"you may print or download to a local hard disk extracts for your personal and non-commercial 
use only
"you may copy the content to individual third parties for their personal use, but only if you 
acknowledge the website as the source of the material.

You may not, except with our express written permission, distribute or commercially exploit 
the content.

Nor may you transmit it or store it in any other website or other form of electronic 
retrieval system.
*/
/*
======================================================================================
 BODY, HTML, * STRUCTURE AND STYLING                                     
======================================================================================
*/
html,body {
	margin:0;
	padding:0;
}
body {
	background: #fff;
	text-align: left;
	border-top: 0px solid #8BC159;
	border-bottom: 0px solid #8BC159;
	font:62.5% georgia, times, serif; /* This sets the resolution for the site, currently 1em = 10px. */
	color:red; /*Set to red to highlight unstyled text in the docucment*/
}
* {
	padding:0;
	margin:0;	
}
/*
======================================================================================
 #HEADER structure and styling
======================================================================================
*/
div#header {
	padding-bottom: 5px;
	border-bottom: 1px solid #EEE;
	text-align: left;
}
p.slogan{ /* The COMPANY SLOGAN */
	margin: 0;
	padding: 0;
	font-size: 11px;
	font-weight: normal;
	color: #999;
	padding-left: 20px;
	margin-top: 10px;
	text-align: left;
}

/*
======================================================================================
 #WRAPPER structure and styling
======================================================================================
*/
#wrapper {
	background:#ffffff url(../images/bg.gif) repeat-x;
	padding:1em 1em 1em 1em;
}

/*
======================================================================================
 #CONTENT structure and styling
======================================================================================
*/
#content {
	background:#FFF;
	width:74em;
	margin:2em auto 0;
	padding:1em;
}

/*
======================================================================================
 #MAIN structure and styling
======================================================================================
*/
#main {
	clear:both;	
	padding:1em 1.5em;
}

/*

.spacer{
	font-size:0; 
	line-height:0; 
	clear:both;}

/*
=======================================================================================
 STANDARD PAGE AND TEXT PROPERTIES AND STYLING
=======================================================================================
*/
p {
	font-family: "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-align: justify;
	color: #444;
	line-height:1.8em;
	margin-bottom:1em;
}
p.beta {
	font-size: 16px;
	font-weight: normal;
	color: #f90;
	text-decoration: none;
	text-align: right;
	padding: 0; 
}
p.beta span{
	color:#b10000; 
	background-color:#fff;
}
h1 {
	font-size: 16px;
	font-weight: normal;
	color: #f90;
	text-decoration: none;
	text-align: left;
	padding: 5px 0px 10px; 
}
h1 span{
	color:#b10000; 
	background-color:#fff;
}
h2 {
	font-size: 36px;
	font-weight: normal;
	color: #72a12d;
	text-decoration: none;
	text-align: left;
	padding: 5px 0px 10px; 
}
h2 span{
	color:#b10000; 
	background-color:#fff;
}
a {	text-decoration:none;
	color: #72a12d; /*Set the default navigation text colour for the document [green]*/
	border-bottom:0px solid #dbe6be;
	text-align: left;
}
a:hover{
	color: #39581f; /*Set the default hover text colour for the document [green]*/
	background-color: #fcfded; /*Set the default hover background */
	border-bottom:1px solid #aecb6e; /*Underline the text on hover*/
}
blockquote {
	margin-left:1.5em;
	padding-left:2em;
	border-left:0.3em solid #F90;
	font-size:0.9em;
	color:#333;
}
/*
======================================================================================
 LISTS <ol>, <li>, <ul>, <dl>, <dt>, <dd>
======================================================================================
*/
ul {
	margin: 0.8em 0 0.8em 0; 
	padding: 0; 
	font-size: 1.8em;
	text-align: left;
}
======================================================================================
 FORMS <form>, <fieldset>, <legend>, <label>, <input />, <select>, <optgroup>
<option>, <textarea>, <button>, <button>
======================================================================================
*/
form{
	background:#FCFAF3;
	border: 1px solid #EEE;
/*	width: 285px; 			*/
	padding: 5px; 
	float: left;
}
form input{
	background-color: #EFEBDE;
	color: #0B0B0B; 
	border: #C3BCA4 1px solid;
	width: 200px; 
	height: 22px; 
	padding: 2px; 
	margin:0 0 8px 15px; 
	float: right;
}
form textarea{
	background-color: #EFEBDE; 
	color: #0B0B0B; 
	border: #C3BCA4 1px solid;
	width: 200px; 
	height: 66px; 
	padding: 2px; 
	margin: 0 0 8px 15px; 
	float: right;
}