html, body 
{
 margin: 0;
 padding: 0;
}

body 
{
 font-size: 73%;
 font-family: "Trebuchet MS", Arial, Helvetica, Tahoma, sans-serif;
 background-color: #BFCFFF;
}

#container 
{
 width: 850px;
 margin-top: 0;
 margin-right: auto;
 margin-bottom: 0;
 margin-left: auto;
 border-color: #fff;
 border-width: 10px;
 border-style: solid;
 line-height: 2em;
 background-color: white;
 color: silver;
}

#top 
{
 padding: 0;
 height: 110px;
 background-color: #8FB8CC;
 color: #484500;
}

#top h1 
{
 padding-top: 0;
 padding-right: 0;
 padding-bottom: 0;
 padding-left: 25px;
 margin: 0;
 font-size: 140%;
 letter-spacing: 5px;
}

/*TOP NAVIGATION*/
#navcontainer 
{
 border-bottom-color: ButtonHighlight;
 border-bottom-width: 10px;
 border-bottom-style: solid;
}

#navcontainer ul 
{
 text-align: right;
 padding-bottom: thin;
 padding-left: 0;
 margin-top: thin;
 margin-bottom: 0%;
 margin-left: 0;
 background-color: #036;
 color: #003366;
 width: 100%;
 font-family: Arial, Helvetica, sans-serif;
 line-height: 15px;
}

#navcontainer ul li 
{
 display: inline;
 padding-left: 0;
 padding-right: 0;
 padding-bottom: 0;
 padding-top: 0;
}

#navcontainer ul li a 
{
 padding-left: 10px;
 padding-right: 10px;
 padding-bottom: 0;
 padding-top: 0;
 color: white;
 text-decoration: none;
 border-right-color: #fff;
 border-right-width: 1px;
 border-right-style: solid;
}

#navcontainer ul li a:hover 
{
 background-color: #369;
 color: white;
}

#navcontainer #active 
{
 border-left-color: white;
 border-left-width: 10px;
 border-left-style: solid;
}

/*LEFT SIDEBAR*/
#leftnav 
{
 float: left;
 width: 200px;
 margin: 5px;
 padding: 1em;
 background-color: #FFFFFF;
}

#leftnav p 
{
 margin-top: 1em;
 margin-right: 0;
 margin-bottom: 1em;
 margin-left: 0;
 background-color: white;
}

#leftnavmenu 
{
 list-style: none;
 float: left;
 width: 200px;
 margin-right: 0;
 margin-left: 0;
 padding: 0;
 font-size: 0.9em;
 margin: 0;
 margin-top: 0;
 padding-top: 0;
}

#leftnavmenu ul 
{
 list-style: none;
 width: 100%;
 margin-right: 0;
 margin-bottom: 20px;
 margin-left: 0;
 padding: 0;
 font-size: 1.1em;
}

#leftnavmenu li 
{
 margin-bottom: 2px;
}

#leftnavmenu li a 
{
 font-weight: bold;
 height: 20px;
 text-decoration: none;
 color: #003063;
 background-image: url(images/up.gif);
 background-color: #A3CCFA;
 background-repeat: no-repeat;
 background-position: left center;
 display: block;
 padding-top: 0;
 padding-right: 0;
 padding-bottom: 0;
 padding-left: 30px;
 border-left-color: white;
 border-left-width: 0;
 border-left-style: solid;
}

#leftnavmenu li a:hover 
{
 background-image: url(images/right.gif);
 background-color: #036;
 background-repeat: no-repeat;
 background-position: left center;
 color: white;
 border-left-color: #651501;
 border-left-width: 0;
 border-left-style: solid;
}

/*MAIN CONTENT*/
#content 
{
 margin-left: 240px;
 border-left-color: #fff;
 border-left-width: 10px;
 border-left-style: solid;
 padding: 1em;
}

#content p 
{
 padding-top: 0;
 padding-right: 2em;
 padding-bottom: 0;
 padding-left: 2em;
 border-color: #55A0FF;
 background-color: #FFFFFF;
}

/*FOOTER*/
#footer 
{
 clear: both;
 margin: 0;
 padding: 0;
 font-size: 0.9em;
 border-top-color: white;
 border-top-width: 0;
 border-top-style: solid;
 color: #fff;
 background-color: #003063;
}

* > html #footer img 
{
 margin: 0;
}

#footer p 
{
 padding-top: 0;
 padding-right: 0;
 padding-bottom: 0;
 padding-left: 5px;
}

/*TYPOGRAPHY*/
h2 
{
 margin-top: 1em;
 margin-right: 0;
 margin-bottom: 0.5em;
 margin-left: 0;
 font-size: 130%;
 letter-spacing: 5px;
}

blockquote 
{
 padding: 5px;
 font-weight: bold;
 font-style: italic;
 color: #b29b35;
}

.quote 
{
 border-top-color: #8fb8cc;
 border-top-width: 1px;
 border-top-style: solid;
 padding: 10px;
 color: #036;
}

/*SEARH BAR*/
form 
{
 float: right;
 margin-bottom: 1px;
 margin-right: 0px;
 margin-top: -3px;
}

input.search 
{
 width: 100px;
 border-style: none;
 background-image: url(images/input.gif);
 padding: 4px;
}

input.login 
{
 width: 75px;
 border-style: none;
 background-image: url(images/logininput.gif);
 padding: 4px;
}

/*LINKS*/
a:link, a:visited 
{
 color: #2480ad;
 background-color: transparent;
 text-decoration: none;
}

a:hover 
{
 color: #036;
 background-color: #8fb8cc;
 text-decoration: none;
}

a img 
{
 border-style: none;
}

/*IMAGESS*/
.imgleft 
{
 float: left;
 padding: 0;
 margin-right: 10px;
}

/*CLASS*/
.post 
{
 background-color: #eee;
 padding: 0;
 margin-top: 0;
 margin-right: 0;
 margin-bottom: 0;
 margin-left: 5px;
 border-color: white;
 border-width: 0;
 border-style: dashed;
 font-size: 80%;
}

.post .date 
{
 background-image: url(images/clock.gif);
 background-repeat: no-repeat;
 background-position: left center;
 padding-left: 15px;
 margin-top: 0;
 margin-right: 15px;
 margin-bottom: 0;
 margin-left: 5px;
}

.post .comments 
{
 background-image: url(images/comment.gif);
 background-repeat: no-repeat;
 background-position: left center;
 padding-left: 15px;
 margin-top: 0;
 margin-right: 15px;
 margin-bottom: 0;
 margin-left: 5px;
}

.post .readmore 
{
 background-image: url(images/document.gif);
 background-repeat: no-repeat;
 background-position: left center;
 padding-left: 15px;
 margin-top: 0;
 margin-right: 15px;
 margin-bottom: 0;
 margin-left: 5px;
}