/* 

STYLE SHEET FOR STS Resources
Created by NuVolution Studios
www.nuvolution.co.uk

ToC

	1. defaults
	2. structure
	3. links and navigation
	4. fonts
	5. images
	6. tables
	7. forms
	
Notes:

*/



/* --------- 1. defaults  --------- */

* {
		margin: 0;
		border: none;
		padding: 0;
		}

html {
		margin: 0;
		padding: 0;
		border: none;
		height: 100%; /* IE */
		max-height: 100%; /* FF IE M O S */
		 
		}

body {
		margin: 0;
		padding: 0;
		border: none;
		height: 100%; /* IE */
		max-height: 100%; /* FF IE M O S */
		background-color: #996633;
		font-family: tahoma, arial, helvetica, verdana, sans-serif;
		font-size: 10pt;
		}
		
/*  --------- 2. structure  --------- */

/* main sections */

#master {
		border: none;
		padding: 0 12% 0 5%;
		background-color: #996633;
		clear: both;
		}

#wrapper {
		border: none;
		background-color: #996633;
		clear: both;
		}

#header {
		margin: 0 0 1em 0;
		border-bottom: solid 3px #000000;
		padding: 0.5em 0;
		background-color: #ffffff;
		width: 100%; /* width of 100% - which doesn't change the look - and a float: top to fix bug in IE. Header would disappear unless hover over logo?? */
		max-height: 195px;
		height: 210px;
		clear: both;
		}

#navbar {
		margin: 0 0 2em 0;
		padding: 0.2em 0;
		border: none;
		width: 100%;
		background-color: #996633;
		text-align: center;
		font-size: 12pt;
		font-weight: bold;
		clear: both;
		}

div#search {
		margin: 0 0 1em 0;
		border: none;
		text-align: left;
		color: #ffffff;
		clear: both;
		}
		
#main {
		margin: 0;
		border: none;
		color: #ffffff;
		clear: both;
		}

#footer {
		margin: 0;
		padding: 2em 0;
		border: none;
		text-align: center;
		font-size: 10pt;
		color: #000000;
		clear: both;
		}
		
/* content sections */

#logo {
		margin: 0 0 -2em 2.5em;
		text-align: left;
		}

#tag {
		margin: 0;
	 	padding: 0;
		width: 65%;
		text-align: center;
		float: right;
		}

#animation {
		border: solid 1px #000000;
		width: 75%;
		text-align: center;
		position: relative;
		left: 25%;
		}

#sidebar {
		margin: 0;
		padding: 1em 0 0 0;
		border: none;
		width: 30%;
		text-align: right;
		float: right;
		}

#sidebar a:hover {
		background-color: #56391d;
		}
	
#content {
		margin: 0;
		border: solid 2px #000000;
	 	padding: 1.5em 0 0 0;
		color: #000000;
		width: 100%; /* otherwise too narrow in IE. Max width for FF */
		max-width: 65%;
		background-color: #ffffff;
		text-align: right;
		}

div.signup {
		margin: 1.5em 0;
	 	padding: 0;
		border: solid 1px #000000;
		color: #000000;
		width: 80%;
		min-width: 100%;
		background-color: #99ff66;
		}

div.signupHead {
	 	margin: 0 0 0.3em 0;
		padding: 0.2em;
		border-bottom: solid 1px #000000;
	 	font-size: 10.5pt;
		font-family: verdana;
		font-weight: bold;
		text-align: center;
		color: #ffffff;
		background-color: #56391d;
		}

.topic {
	 	font-style: italic;
		}

div.signupBody {
		padding: 0 0.5em 0.3em 0.5em;
		text-align: left;
		}

div.signup input {
		margin: 0.5em 0 0 0;
		background-color: #ffffff;
		/*background-image: url(http://www.macromedia.com/ ...*/
		background-repeat: repeat-x;
		color: #000000;
		font-size: 100%;
		font-family: tahoma, arial, helvetica, verdana, sans-serif;
		}

div.signup select {
		border: solid 1px #000000;
		margin: 0.3em 0 0 0;
		}

input.radio {
		border: none;
		}

div.side {
		margin: 0 0 2em 0;
	 	padding: 0 0 0 5em;
		border: none;
		text-align: left;
		}

div.sideB {			/* bordered side */
		margin: 0 0 1em 0;
	 	padding: 0;
		border: none;
		text-align: left;
		}
		
div.cart {
		text-align: left;
		float: right;
		}
		
div.cart a:hover {
		background-color: #56391d;
		}
		
		
div.cart img {
		margin: 0 0 0 1em;
		border: none;
		width: 30px;
		}

div.featureL {
		margin: 0 0 2.5em 0;
	 	padding: 0 20px 10px 20px;
		border: none;
		text-align: left;
		}

div.featureR {
		margin: 0 0 2em 0;
	 	padding: 0 20px 10px 20px;
		border: none;
		text-align: right;
		}

.separator {
		clear: both;
		}

.separatorInvisible {
		clear: both;
		height: 1px;
		}

.clearFix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
		}

/* ---------- 3. links and navigation ---------- */

a {
		text-decoration: underline;
		color: #99ff66;
		font-weight: bold;
		}

a.top {
		font-size: 8pt;
		}
		
a:hover {
		text-decoration: none;
		}

#navbar a {
		text-decoration: none;
		}

#navbar a:hover {
		background-color: #56391d;
		}

#navbar ul {
	 	margin: 0;
		padding: 0.2em 0;
		}

#navbar li {
	 	padding: 0 1em;
		height: 100%;
		text-align: center;
		display: inline;
		}

#content a {
		text-decoration: underline;
		color: #996633;
		}

#content a:hover {
		text-decoration: none;
		background-color: #99ff66;
		}

#footer a {
		margin: 0 0.5em;
		}

#footer a:hover {
		text-decoration: none;
		background-color: #56391d;
		color: #99ff66;
		}
		
ul#links {
		list-style-type: none;
	 	list-style-position: outside;
}

div.validation {
		text-align: left;
}

div.validation a {
		text-decoration: none;
		background-color: #996633;
}

/* ---------- 4. fonts ---------- */

h1, h2, h3, h4, p, ul {
		}

h1 {
		}

h2 {
	 	margin: 0 0 1em 0;
		font-size: 15pt;
		font-weight: 600;
		}

h3 {
		}

h3.side {
	 	border: none;
    border-bottom: solid 1px #56391d;
		background-color: #996633;
		color: #99ff66;
	  text-align: center;
		}
		
h4 {
		margin: 0.5em 0 1.5em 20px;
		font-size: 12pt;
	 	text-align: left;
		}
		
h5 {
		text-decoration: underline;
		font-size: 10.5pt;
		display: inline;
		}
		
h5.title {
	  margin: 2em 0 0 0;
		font-size: 10.5pt;
		display: block;
		}

p {
	  margin: 1em 0 0 0;
	 	text-align: left;
		}
	 	
p.mission {
		margin: 1.5em 0 2.5em 0;
		border: none;
		padding: 0;
		font-family: arial, helvetica, tahoma, verdana, sans-serif;
		font-size: 15pt;
		font-weight: bold;
		text-align: center;
		color: #996633;
		}

span.signup {
		text-align: left;
		}

p.side {
	 	padding: 0.5em 1em 1em 1em;
		text-align: left;
		}
		
span.bold {
		font-weight: bold;
		}
		
span.price {
		font-size: 10.5pt;
		font-weight: bold;
		}
		
span.italic {
		font-size: 10pt;
		font-style: italic;
		font-weight: bold;
		}

ul {
	 	margin: 1em 0 2.5em 1.2em;
		list-style-position: outside;
		}

blockquote {
		}

/* ---------- 5. images ---------- */

img.logo {
		margin: 0;
		width: 200px;
		}
		
img.logo a:hover {
		background-color: #ffffff;
		text-decoration: none;
		}
		
img {
		margin: 0 2em 0 0;
		border: solid 2px #000000;
		}
		
a img {
		border: none;
		}

img.cart {
		margin: 0;
		}
		
/* ---------- 6. tables ---------- */

table#products {
		margin: 0;
		border-collapse: collapse;
		width: 90%;
		}
		
caption {
		}
		
table#products td {
		color: #000000;
		}
		
td.products {
    border: solid 1px #56391d;
		border-spacing: 0.2em;
		padding: 1em 1.5em 1.5em 1.5em;
		}
		
table#products div.h {
		width: 2em;
		}
		
table#products div.v1 {
		height: 0.5em;
		}
		
table#products div.v2 {
		height: 3em;
		}
		
table#products ul {
		margin: 10px 0;
		list-style-type: disc;
		list-style-position: inside;
		color: #000000;
		}

th, td {
		}
		
th {
		}
		
td {
		}

/* ---------- 7. forms ---------- */

input {
		border: 1px solid #000000;
		padding: 0 0.25em;
		background-color: #ffffff;
		/*background-image: url(http://www.macromedia.com/ ...*/
		background-repeat: repeat-x;
		color: #000000;
		font-size: 100%;
		font-family: tahoma, arial, helvetica, verdana, sans-serif;
		}
		
input.submit {
		border: none;
		padding: 0.25em 0 0 0;
		background-color: #996633;
		/*background-image: url(http://www.macromedia.com/ ...*/
		background-repeat: repeat-x;
		color: #000000;
		text-decoration: underline;
		font-size: 100%;
		font-family: tahoma, arial, helvetica, verdana, sans-serif;
		font-weight: bold;
		}
		
form#signup > submit {font-size:30%;}