body, html
{
 padding: 0px;
 margin: 0px;
 background: #2ac12a url("../images/back.jpg") center repeat-y;
 font-family: "comic sans ms", verdana, tahoma, arial, helvetica, sans-serif;
}

h1, h2, h3
{
 line-height: 1em;
 font-variant: small-caps;
 color: red;
}

h1 {font-size: 1.7em;}
h2 {font-size: 1.5em;}
h3 {font-size: 1.3em;}

a
{
 color: #5a5aff;
}

a img
{
 border: none;
}

a:visited
{
 color: #4040ff;
}

a:hover
{
 color: #ff5353;
 text-decoration: none;
}

.datetime
{
 font-size: .8em;
}

#centerer
{
 background: none;
 width: 800px;
 margin: 0px auto;
}

#header
{
 background: #4effae url("../images/header.jpg") top no-repeat;
 width: 790px;
 height: 165px;
 padding: 10px 0px 0px 10px;
 display: block;
}

#header a
{
 border: none;
}

#navigation
{
 background: #4effae url("../images/nav.jpg") center no-repeat;
 position: relative;
 width: 580px;
 height: 34px;
 top: 0px;
 left: 107px;
 padding: 20px 0px 10px 24px;
 font: normal normal normal 15px verdana, tahoma, arial, helvetica, sans-serif;
}

#navigation ul
{
 list-style-type: none;
 height: 2em;
 padding: 0px 0px 0px 35px;
 margin: 0px;
}

#navigation li
{
 float: left;
 padding-right: 7px;
 position: relative;
 top: -5px;
}

#navigation li a 
{
 background: url("../images/navbutton.jpg") 100% 0;
 padding: 0px 10px 10px 0px;
 text-decoration: none;
 color: #206a48;
 display: block;
 height: 24px;
}

#navigation li a span
{
 line-height: 2em;
 background: url("../images/navbutton.jpg");
 float: left;
 padding: 1px 0px 0px 10px;
 display: block;
 height: 33px;
}

#navigation li a:hover, #navigation li a.active
{
 /*border: 1px solid #2f9968;
 background: #d6e0ae;*/
 background-position: 100% 34px;
}

#navigation li a:hover span, #navigation li a.active span 
{
 background: url("../images/navbutton.jpg") 0 34px;
 cursor: pointer;
}

#navigation span
{
 background: url("../images/navbutton.jpg") 0 -34px;
 display: block;
 line-height: 2em;
 padding-right: 10px;
}

#leftRight
{
 position: relative; /* Not absolutely necessary. Just here in case I need it in the future */
 margin: 30px 0px 0px 0px;
}

#left
{
 float: left;
 width: 100%;
 margin-right: -210px;
}

#content
{
 margin: 0px 225px 0px 10px;
}

.highlight
{
 background: #46e69c;
 border: 1px solid #3ecc8b;
 padding: 10px;
 margin-left: 0px;
 margin-bottom: 10px;
}

.entry
{
 padding: 0px 0px 10px 30px;
 background: #46e69c;
 margin-bottom: 10px;
}

.entry .title
{
 color: #007300;
 background: #42d994;;
 border-top: 1px solid #3ecc8b;
 font-weight: normal;
 padding: 5px 0px 3px 10px;
 margin-left: -30px;
}

.entry p
{
 padding-right: 5px;
}

.entry h2
{
 font-weight: bold;
}

.entry h2, .entry .title p, .comm h3, .comm .datetime
{
 margin: 0px 0px 0px 0px;
}

.comm
{
 margin: 0px 0px 20px 30px;
 padding: 5px;
 background: #4af2a5;
 border: 1px solid #42d994;
}

.comm .title
{
 margin: -5px;
 padding: 3px 0px 3px 5px;
 background: #42d994;
}

.comm p
{
 margin: 10px 0px 0px 10px;
}

.comm .title h3 div
{
 margin-top: .25em;
}

.comm .title h3
{
 font-size: 1.025em;
}

#right
{
 float: left;
 width: 198px;
 margin-right: 10px;
}

#right div
{
 padding: 5px;
 background: #4af2a5;
 border: 1px solid #42d994;
}

.shadow, #right div.shadow
{
 background: url("../images/shadow.gif") no-repeat bottom right;
 border: none;
}

#right h1
{
 padding: 5px 0px 5px 0px;
 margin: -5px;
 background: #42d994;
 font-weight: normal;
 font-size: 1.3em;
 text-align: center;
}

#footer
{
 clear: both;
 background-color: #ecf7c0;
 border-top: 1px solid #32a470;
 border-bottom: 1px solid #32a470;
 padding: 20px;
 margin: 0px 0px 20px 0px;
}

/* CSS Drop Shadows */
.shadow
{
 /* For background, look under #right */
 padding: 5px;
 margin: 5px 0 10px 5px;
}

.shadow div
{
 margin: -10px 0 0 -10px;
}

/* Transparency */
.transparent
{
 opacity: .8;
 filter: alpha(opacity = 80);
 zoom: 1;
}

/* The Big Announcement on the front page that are too big to be in the news section. */
#bigAnnouncement div
{
 position: absolute; 
 height: 40%; 
 width: 80%; 
 left: 10%; 
 top: 30%; 
 padding: 0px 10px 0px 10px; 
 background: #46e69c; 
 overflow-y: auto;
}