/*
 * 
 * 
 * 
  */

/* Three general ones which enclose the page */

*
{border: none;
 font-size: 1em;
 margin-bottom: 0;
 margin-left: 0;
 margin-right: 0;
 margin-top: 0;
 padding-bottom: 0;
 padding-left: 0;
 padding-right: 0;
 padding-top: 0;}
body
{background-color: #FFF;
 font-family: "Trebuchet MS",arial,"bitstream vera sans",sans-serif; /* Third font makes it look decent in Linux. */
 font-size: 80%;}
#container
{}

/* The top header and it's cruddies */

#header
{background: #089 url(top-right.gif) top right no-repeat;
 color: #FFF;
 margin: 2% 2%;
 padding: 0px;}
#header h1
{background: url(top-left.gif) top left no-repeat;
 border-bottom: 0.67em solid #078;
 font-size: 1.5em;
 font-weight: 900;
 letter-spacing: 0.3em;
 line-height: 1.5em;
 text-align: center;}
#header ul
{background-color: #056;
 border-bottom: 1em solid #045;
 border-top: 1em solid #067;
 font-weight: bold;
 list-style: none;
 padding-left: 5px;
 text-align: center;}
#header li
{display: inline;
 line-height: 1em;
 list-style: none;}
#header ul a
{color: #DDD;
 padding: 15px 15px;
 text-decoration: none;}
#header ul a:hover
{background: #0cd url(button-gradient.gif) top repeat-x;
 border: 2px solid #FFF;
 color: #FFF;
 padding: 13px 13px;
 text-decoration: none;}
#header p
{background: #012 url(bottom-left.gif) bottom left no-repeat;
 border-top: 1em solid #034;
 color: #DDD;
 font-size: 0.8em;
 line-height: 1.5em;
 text-align: right;}
#header p a
{background: url(bottom-right.gif) bottom right no-repeat;
 border-top: 1em solid #023;
 color: #FFF;
 display: block;
 margin-bottom: -1px;
 padding-right: 10px;}

/* The Content */

#content
{color: #333;
 margin: 0 20%;
 text-align: justify;}

/* Breathing Room */

#content *
{line-height: 1.5em;
 margin-top: 0.5em;}

/* Headers */

h2,h3,h4,h5
{background: #DDD url(gradient.gif) top repeat-x;
 border-bottom: 1px solid #DDD;
 border-top: 1px solid #DDD;
 clear: both;
 color: #000;
 letter-spacing: 0.2em;
 line-height: 2em;
 font-weight: 900;
 text-align: center;}
h2
{font-size: 1.6em;}
h3
{font-size: 1.4em;}
h4
{font-size: 1.2em;}
h5
{font-size: 1em;}
h6
{background: #FFF url(footer-gradient.gif) center repeat-y;
 border-bottom: 1px solid #DDD;
 border-top: 1px solid #DDD;
 clear: both;
 color: #034;
 font-weight: 100;
 line-height: 3em;
 margin: 2%;
 text-align: center;}

/* Lists */

ul,li
{list-style: square inside;}
ul ul
{margin-left: 1em;}

/* Links */

a
{color: #09A;
 text-decoration: none;}
a:hover
{text-decoration: underline;}

/* Other Tags */

p
{text-indent: 1em;}
blockquote
{background-color: #DDD;
 border-left: 5px solid #CCC;
 color: #333;
 margin: 1em 0;
 padding: 5px;}
tt,pre
{font-family: "Courier New","Trebuchet MS",arial,"bitstream vera sans",sans-serif;
 font-size: 1em;}
/* Classes */

.box
{background: #FFF url(gradient.gif) bottom repeat-x;
 border: solid #333;
 border-width: 1px 1px 3px;
 padding: 5px;}
.left
{float: left;
 margin: 20px;}
.right
{float: right;
 margin: 20px;}
.clear
{clear: both;}
.line-under
{border-bottom: 2px solid #034;}
.line-over
{border-top: 2px solid #034;}
.text-blue
{color: #008;}
.text-red
{color: #800;}
.text-green
{color: #080;}