/*================================================================
The MAIN stylesheet for the website.

Define SITE-WIDE styles:
  - General Typography
  - Header Content
  - Sidebar Content
  - Forms
  - Tables
  - Footer
  - Sitewide Custom Definitions
  
================================================================*/

@import url("base.css");
@import url("layout.css");
@import url("nav.css");


/* GENERAL TYPOGRAPHY (Standard HTML tags)
----------------------------------------------------------------*/
html, body {
  font-family: verdana, helvetica, sans-serif;
  color: black;
}

h1 {
	color: green;
	margin: 20px 0 16px 0;
	padding: 3px 0;
	font-size: 26px;
}

h2 {
  color: #666;
  margin: 26px 0 6px 0;
  font-size: 18px;
}

h5 {
  color: #000;
	margin: 0;
	padding: 0;
	font-size: small;
	font-weight: bold;
}

p {
  margin: 10px 0 6px 0;
  font-size: small;
}

li {
  font-size: small;
}

address { 
  margin: 20px 0 10px 20px;
}

/* SIDEBAR CONTENT
----------------------------------------------------------------*/
#sidebar h2 {
  color: #222;
  margin-top: 0;
}
#sidebar p {
  font-size: small;
}

/* FORMS
----------------------------------------------------------------*/
#form fieldset {
  border: 1px solid #aaa;
  margin: 10px 0;
}

#form legend {
  color: #999;
  font-weight: bold;
  font-size: 14px;
}

#form label {
  float: left;
  width: 80px;
  text-align: right;
  font-size: 14px;
  margin-right: 20px;
}

#form ul {
  list-style: none;
}

#form li {
  margin: 4px 0;
}

#form input {
  border: 1px solid #666;
}

#form textarea {
  border: 1px solid #666;
}

#form input.submit {
  float: right;
}


/* TABLES
----------------------------------------------------------------*/
table {
	clear: both;
	border-collapse: collapse;
	text-align: left;
	margin: 0px 5px;
	border-width: 0px 0px 0px 0px;
}

td {
  padding: 2px 12px;
  font-size: small;
  border: 1px solid #333;
}


/* FOOTER CONTENT
----------------------------------------------------------------*/
#footer p {
  text-align: right;
  color: #330;
  font-size: 10px;
  margin: 0;
  padding: 5px;
}


/* SITE-WIDE CUSTOM STYLES (Your own id's and classes)
----------------------------------------------------------------*/
p.error {
  color: red;
}