/*
* -------------------------------------
* basic.css
* -------------------------------------
* This file provides the basic styles
* used in the website. It is meant to
* be generic enough to work in most
* any browser. Any tricky items should
* be placed in complex.css
* -------------------------------------
* It should be noted that the look and
* feel for this site is based upon the
* WordPress phpWiki theme, which is in
* turn based on the look and feel of
* the WordPress site. That being said
* the css is completely my own, and
* was written without even so much as
* a glance to the WordPress theme .css
* file in phpWiki.
* -------------------------------------
*/


/* 
* -----------------------------------------
*          General HTML tag styles
* -----------------------------------------
*/

body {
   color: #000;
   background: #FFF;
   font-family: sans-serif;
   font-variant: normal;
   font-style: normal;
   font-size: medium;
   padding: 0;
   margin: 0;
}
   
h1,h2,h3,h4,h5,h6 {
   font-weight: normal;
}
   
h1 {
   font-size: 180%;
}
   
h2 {
   font-size: 165%;
}
   
h3 {
   font-size: 145%;
}
   
h4 {
   font-size: 135%;
}
   
h5 {
   font-size: 120%;
}
   
h6 {
   font-size: 110%;
}
   
hr {
   width: 100%;
   border: 1px solid #568;
}

ul li {
   list-style-type: square;
   margin-top: 3px;
   margin-bottom: 3px;
}

ol li {
   list-style-type: decimal-leading-zero;
   margin-top: 3px;
   margin-bottom: 3px;
}

pre {
   font-family: monospace;
   border: 1px solid #CCC;
   background-color: #EEE;
   color: #777;
   padding: 5px;
   margin-top: 5px;
   margin-bottom: 5px;
}

img {
   border: none;
}

a: link, a: visited {
   color: #47A;
   text-decoration: none;
}

a: hover, a: active {
   color: #ABC;
   text-decoration: underline;
}


/* 
* -----------------------------------------
*            Class Specific styles
* -----------------------------------------
*/
#header {
   position: absolute;
   top: 0;
   width: 100%;
   text-align: center;
   font-size: 400%;
   font-weight: bold;
   height: 100px;
   background-color: #4791B6;
   color: #FFF;
   padding-top: 5px;
}
#banner {
   position: absolute;
   top: 100px;
   width: 100%;
   text-align: center;
   /*font-size: 200%;
   font-weight: bold;*/
   border-top: 2px solid #333;
   border-bottom: 1px solid #666;
   padding-bottom: 10px;
   margin-top: 0;
   background-color: #DDD;
}
#content {
   position: absolute;
   top: 145px;
   width: 95%;
   margin-left:10px;
   margin-top:10px;
}

#footer {
   position: absolute;
   top: 98%;
   width: 100%;
   font-size: small;
   font-weight: bold;
   text-align: center;
   padding-bottom: 10px;
}
