<!------ Colors ------>

Black #000200
DarkGray #1C1D1F
MidGray #4A525C
LightGray #9BA2A6
White #F3F2F0
Yellow 	#DFEA36
Earthenware #734335

<!------ End Note ------>

<div id="wrap">
<div id="header"></div>
<div id="nav"></div>
<div id="nav2"></div>
<div id="main"></div>
<div id="sidebar"></div>
<div id="footer"></div>
</div>

{
width:100%;
margin:0 auto;
}

#wrap {
background-color: #F3F2F0;
}

#header {
border: 1px; 
border-style:solid;
border-width:1px;
border-color:#;
padding:5px 10px;
}

#nav {
padding:5px;
}

#main {
float:left;
width:75%;
}

#sidebar {
float:right;
width:180px;
border: 1px; 
border-style:solid;
border-color: #020203;
padding:10px;
}

#footer {
clear:both;
border: 1px; 
border-style:solid;
border-color: #020203;
padding:5px 10px;
margin:0;
}

#navigation{
   width:100%;
   height:30px;
   background-color:#4A525C;
border-style:solid;
border-width:1px;
border-color:#1d3f1c;
}

#navigation ul
{
  list-style-type:none;
margin:0;
padding:0;
overflow:hidden;
}

#navigation ul li
{
   display:inline; 
   height:2em; 
   float:left; 
   list-style:none; 
   margin-left:15px;
   width:7em;

}

#navigation li a
{

display:block;
width:120px;
font-weight:bold;
color:#DFEA36;
background-color:#4A525C;
border-style:solid;
border-width:1px;
border-color:#1C1D1F;
text-align:center;
padding:4px;
text-decoration:none;


}

#navigation li a:hover
{
   display:block;
   color:#DFEA36; 
   background-color:#9BA2A6;
   text-decoration:none;
}

body
{
background-color: #F3F2F0;
font-family:"Times New Roman",Times,serif;
color:#020203;
}

p
{
font-family:"Times New Roman",Times,serif;
background-color:#F3F2F0;
text-indent:50px;
color:#000200;
margin-bottom:2px;
margin-top:2px;
padding:10px;
}
h1, h2, h3
   {
   clear: both;
   }

blockquote
{
font-style:italic;
background-color:#eeffee;
color:#020203;
margin-bottom:2px;
margin-top:2px;
padding:10px;
}

blockquote:before {
    display: block;
    float: left;
    margin: 10px 15px 0 0;
    font-size: 50px;
    content: open-quote; 
    color: #499f48;
}

blockquote:after {
    display: block;
    float: right;
    margin: 10px 15px 0 0;
    font-size: 50px; 
    color: #499f48;
    content: none;
  
}

img.floatLeft { 
    float: left; 
    margin: 4px; 
}
img.floatRight { 
    float: right; 
    margin: 4px; 
}

.picture 
{ 
background-color: #F3F2F0; 
border: 1px solid #000200; padding: 3px; 
font: 16px ; 
font-family: Times New Roman, Georgia, Serif; 
font-color: #DFEA36;
} 
.picture img 
{ 
border: 1px solid #000200; 
vertical-align:middle; margin-bottom: 3px; 
} 
.right 
{ 
margin: 0.5em 0pt 0.5em 0.8em; float:right; 
} 
.left 
{ 
margin: 0.5em 0.8em 0.5em 0; float:left; 
} 

 ol.split { 
    list-style-type: none; 
    }
    ol.split li:before
    {
      counter-increment: mycounter;
      content: counter(mycounter) ".\00A0\00A0";
    }
    ol.split li
    {
      text-indent: -1.3em;
    }
    ol.start { counter-reset: mycounter; }

dl {
    width: 100%;
    padding: 5;
   }

dt {
    width: 25%;
    clear: both;
    float: left;
    padding: 8;
    font-weight: bold;
   }
dd {
    float: left;
    padding: 8;
   }