body {
 background: white;
 color: black;
 font: 12px verdana, arial, helvetica, sans-serif;
 margin:0px;
 }
 
 a { color: #339933; }
 a:hover { color: #cc0000; }
 
 /* ================== COlOR PALETTE =============== 
 
 Saddle brown #8b4513
 Banner green #99cc99
 Med green #339933
 Dark green #006400
 Tan #eee8aa
 red #cc0000
 Gold #ffcc00 

 /* ==================== BANNER ==================== */

#banner  { background: #99CC99 url(/images/tile.gif); }
#banner .siteLink { margin: 10px 0; }
#banner a { color: #fff; font-weight: bold; }
#banner .siteLink a:hover { color: #fff !important; background: #99CC99 !important; }


#topNavBar { background: black; color: white; padding: 1px 10px 3px 10px; }
#topNavBar a { color: white; text-decoration: none; font-size: 10px; font-weight: bold; text-transform:uppercase; }
#topNavBar a:hover { color: white; text-decoration: underline; }


/* =================== LEFT COLUMN & NAV ============== */

#leftCol { 
    padding: 10px;
    padding-right: 5px;
    width: 125px; 
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    background:#548854; 
    }

.navLink { font-size: 10px; font-weight: bold; }
.navLink a { display: block; padding: 4px; color: #ffffff; text-decoration: underline; margin-bottom: 6px; }
.navLink a:hover { color: #fff !important; background: #99CC99; }

#leftCol h2 { border-style: none; color: #99CC99; }


/* ================== RIGHT COLUMN ======================= */

#sideBar { 
    width: 220px;
    padding: 15px 10px; 
    background:#eee8aa;
    color: #8b4513;
    border-left: 1px solid #339933;
    border-bottom: 1px solid #339933;
    font-size: 11px;
    }
    
.quote { font: italic 14px/18px "Times New Roman", Times, Palatino, serif;  margin-bottom: 4px; }
.author { font-size: 10px; line-height: 125%; color: #006400; text-transform: uppercase; margin-top: 4px; margin-bottom: 20px; }
.caption { font-size: 11px; margin-bottom: 4px; }
.caption img { margin-bottom: 4px; }
.homeCaption { margin: 5px 0; font-size: 11px; font-weight: bold; }

#homeNews {   }
#homeNews h2 { font-size: 18px; }

#sideBar hr { height: 1px; color: #8b4513; }

/* ======================= CONTENT ======================= */

#content { padding: 15px; }

h1, h2, h3, h4 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }
h1 { color: #339933; font-size: 18px; margin-top: 0; margin-bottom: 10px; }
h2 { color: #339933; font-size: 14px; margin-bottom: 6px; }
h3 { color: #8b4513; font-size: 14px; margin-bottom: 6px; }

ul { list-style: square; margin-top: 10px; }
ol { margin-top: 10px; }
li { margin-bottom: 8px; }
hr { height: 1px; color: #8b4513; }

.xsmallText { font-size: 10px; }
.smallText { font-size: 11px; }
.regText { font-size: 12px; }
.largeText { font-size: 15px; }
.xlargetText { font-size: 18px; }
 
.moreLink { font-weight: bold; font-size: 10px; color:#8b4513; }
.moreLink a { color:#8b4513; }
.caption { font-size: 10px; }
.caption img { margin-bottom: 4px; }
.clear { clear:both; }

.closeUp, .closeAll { margin-top: 4px; }
.closeDown, .closeAll { margin-bottom: 4px; }

#stepsTable { border: 1px solid #339933; border-collapse: collapse; }
#stepsTable th { text-align: left; background: #eee8aa; border: 1px solid #339933; border-collapse: collapse; }
#stepsTable td { text-align: left; border: 1px solid #339933; border-collapse: collapse; }

.downloadLink { text-align: right; font-size: 11px; margin-top: 0px; margin-bottom: 10px; }


/* ================== FOOTER ========================== */

#footer { margin-top: 25px; margin-right: 60px; text-align: center; clear: all; padding-bottom: 15px; }
#footer p { font-size: 11px; line-height: 125%; margin: 4px 0px; color:#8b4513; }

.thisPage { color: #ffcc00 !important; text-decoration: none !important; }
.thisPage:hover, #leftCol .thisPage { color: #ffcc00 !important; text-decoration: none !important; background: transparent !important; }
#topNavBar .thisPage { color: #ffcc00 !important; }