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

/* Body and Layout */
body {text-align: center; background: #d6d6d6 url(images/site/bg.gif);}
#container {background: url(images/site/bg2.gif) repeat-y; width: 800px; margin:auto; text-align:justify;}
#header {height: 154px; background: url(images/site/main.gif) no-repeat;}
#footer {background: url(images/site/footer.gif) no-repeat; height: 66px; clear: both;}
div#footer span#a {position:relative; left:275px; top:15px; color:#444333;}
div#footer span#b {position:relative; left:260px; top:24px; color:#444333;}
#content {width: 427px; float: left; margin: -30px 0 20px 180px !important; margin: -55px 0 0 185px; }
#navigation {width: 120px;  margin: 25px 0 0 624px;}

body, p, td, div, a {
color: #444333; 
font-size: 10px; 
font-family: verdana, sans-serif; 
line-height: 11px;
}

p{ 
margin: 0 0 12px 0; 
}

/* Custom Tags */
code,pre{
background: #fff; 
font: 10px "Verdana", sans-serif;
color: #444333;
text-align: justify;
padding: 5px 0 3px 5px;
margin: 10px auto 10px auto;
display: block;
width: 80%;
}

strong {
font: 10px "Georgia", serif;
color: #444333;
font-weight: bold;
}

em {
font: 11px "georgia", serif;
color: #444333;
font-style: italic;
}

ol, ul{
margin: 0 0 10px 20px;
}

li{
padding: 2px;
margin:2px;
}

img{ border-width: 0px; }

/* Links */
a:link{
color:#794889;
font-weight: normal;
font-size: 10px;
font-family: Verdana,sans-serif;
font-style:italic;
text-decoration:none;
}

a:visited{
color:#794889;
font-weight: normal;
font-size: 10px;
font-family: Verdana,sans-serif;
font-style:italic;
text-decoration:none;
}

a:active{
color:#794889;
font-weight: normal;
font-size: 10px;
font-family: Verdana,sans-serif;
font-style:italic;
text-decoration:none;
}

a:hover{
color:#444333;
background-color: #e8e3ac;
font-weight: normal;
font-size: 10px;
font-style:normal;
font-family: verdana,sans-serif;
text-decoration:none;
}

a.menu {
display:block; 
padding: 0px 0px 3px 5px; 
text-decoration: none; 
width:100%;
color:#444333; 
font-family: "Arial", sans-serif;
font-size: 11px;
font-style:normal;
}

a.menu:visited {
display:block; 
padding: 0px 0px 3px 5px; 
text-decoration: none; 
width:100%;
color:#444333; 
font-family: "Arial", sans-serif;
font-size: 11px;
font-style:normal;
}

a.menu:hover{
display: block; 
text-decoration: none; 
background-color:#f3f1d5; 
padding: 0px 0px 3px 5px; 
color:#444333; 
margin: 0 -5px 0 0;
font-family: "Century Gothic", sans-serif;
font-size: 11px;
font-style: italic;
width: 96% !important;
width: 100%;
}

div#navigation p{
font-size:10px;
font-style:normal;
text-align:center;
margin: -15px auto 5px auto;
color: #444333;
position:relative;
z-index:1;
}

div#navigation p a{
font-family: "Tahoma", sans-serif;
font-size:10px;
font-style:normal;
color: #444333;
}

/* Content */
h1{
color:#444333;
font: normal 18px Georgia, serif;
text-transform: lowercase;
letter-spacing: 0px;
text-align: left; 
background-color:inherit;
border-bottom: 1px #e8e3ac dotted;
width:100%;
margin: 10px 0px 0px 0px;
padding: 0px;
display:block;
}

h2{
color:#807d60;
font: normal 12px "Verdana", sans-serif;
font-style: italic;
letter-spacing: 0px;
text-transform: capitalize;
text-align:center;
background-color:#fefcdf;
width:50%;
margin: 15px auto 3px auto;
padding: 0px 0px 0px 0px;
display:block;
}

/* Updates */
div.UpdateHead{
border-bottom: 2px #e8e3ac solid;
width: 84%;
text-align:center;
margin: 25px auto 0 auto;
display:block;
color:#000;
line-height: 17px;
font-size:15px;
font-weight: normal;
font-family: "Verdana", serif;
font-style: normal;
text-transform: lowercase;
}

div.UpdateHead:first-letter{
color:#444333;
font-size:20px;
font-weight: bold;
font-family: "Georgia", sans-serif;
font-style: normal;
text-transform: uppercase;
background-color: #f2e6d7;
padding: 3px 3px 4px 7px;
margin:0;
display:block;
}

div.UpdateBod{
font-size:11px;
font-weight: normal;
font-family: arial,serif;
background: #f8f2eb;
text-align:justify;
padding: 10px 10px 7px 10px;
display:block;
margin: 0 auto 0 auto;
width: 80%;
}

div.UpdateBot{
text-align:right;
margin:0 34px 10px 0;
display:block;
}

div.UpdateBod img{
margin: 0 0px 5px 5px;
}

div.UpdateBot span{
font-size:9px;
font-weight: normal;
font-family: verdana, sans-serif;
text-transform:lowercase;
background-color: #fff;
padding: 0px 2px 2px 5px !important;
padding: 0px 2px 2px 5px;
display: inline;
}

/* Layouts */
div.LayHead{
color:#444333;
font-size:14px;
font-weight: normal;
font-style:italic;
font-family: "verdana",sans-serif;
letter-spacing: -1px;
text-transform:lowercase;
background-color: inherit;
text-align:right;
padding: 2px 0 0px 0;
margin:10px 60px 0px 0px;
display:block;
width: 60%;
}

div.LayBod{
margin: 0 auto 0 auto;
display:block;
width:79%;
}

div.LayBod img{
background-color: transparent;
margin: 0px 7px 20px 5px;
display:block;
}

div.LayBod span{
color: #000000;
font-size:10px;
font-weight:normal;
font-family: "Century Gothic",sans-serif;
background-color: #f2e6d7;
border: 0;
padding:5px 2px 5px 2px;
float: left;
dispaly:inline;
width: 100%;
}

div.LayBot{
clear: left;
color:#222;
font-size: 12px;
font-weight: bold;
font-family:arial,sans-serif;
background-color: inherit;
text-align:center;
padding: 0px 0px 2px 0px;
margin: 0px 15px 10px 0;
display:block;
}

/* Comments */
div.ComHead{
color:#444333;
font-size:10px;
font-weight: normal;
font-family: "Century Gothic", sans-serif;
background-color: inherit;
text-align:left;
padding: 2px 5px 0px 5px;
margin:0px auto 0 auto;
display:block;
width: 70%;
}

div.ComHead a{
color:#794889;
font-family: "Century Gothic", sans-serif;
background-color:inherit;
}

div.ComBod{
color: #444333;
font-size:10px;
font-weight:normal;
font-family: verdana,sans-serif;
background-color: #fff;
border-top: 1px #444333 dotted;
padding:5px;
margin: 1px auto 15px auto;
display:block;
width:70%;
}

/* Navagation */

ul.nav{
list-style: none;
margin:0 0 10px 0;
padding:0;
}

ul.nav li{
margin:0;
padding:0;
}

ul.nav li ul.subnav{
list-style: none;
display:none;
margin:0;
padding:0;
}

ul.nav li:hover ul.subnav{
list-style: none;
display:block;
margin:0;
padding:0;
}

div.navl {
color:#fff;
width:100%;
background-color: #fff;
margin:0 0 0 10px;
padding: 5px 0 5px 0;
display:block;
}

div.navh { 
width:100%; 
background-color: #fff;
font-size: 15px; 
color: #444333; 
font-family: Georgia, serif; 
text-align: right;  
padding:4px 10px 4px 0;
margin:0;
font-weight:normal;
text-transform:lowercase;
display:block;
}

div.navh:first-letter {
font-weight:normal; 
color:#444333; 
font-family: "Century Gothic", sans-serif; 
text-transform:uppercase; 
font-size:17px;
}

/* Form */
textarea, input, select {
border: 1px #444333 solid;
color:#807d60; 
font: 10px "Century Gothic", sans-serif; 
background-color: #f3f1d5;
padding: 2px;
}

textarea:focus, input:focus {
color:#444333; 
font: 10px "Century Gothic", sans-serif; 
background-color: #f2e6d7;
padding: 2px;
}

fieldset{
border:1px solid #807d60;
background-color: #e8e3ac;
text-align: left;
margin: 0 auto 0 auto;
width: 90%;
padding: 5px;
display:block;
}

legend{
background-color: #e8e3ac;
padding: 2px;
font: bold 11px "verdana",sans-serif;
margin: 15px 0;
}

/* Generated Pages */
div#navigationBar{
text-align: center;
margin-top: 25px;
font:14px "Century Gothic",sans-serif;
color: #000;
}

span#navigationPages{
margin: 0 15px 0 15px;
}

span#navCurrent{
color: #444333;
font-weight: bold;
}

a.nav{
line-height: 17px;
color: #807d60;
font: 14px "Century Gothic";
}

a.nav:hover{
color: #444333;
text-decoration: none;
font: normal 14px "Century Gothic";
font-style: italic;
}
