/* -----------BASICS----------- */
#html, body 
{ font: 13px trebuchet ms, Arial; margin: 0; padding: 0; color: #666; height: 100%; }

#banner 
{ width: 780px; background: url('images/headeraug066.jpg') top left no-repeat;
  margin: 0 0 0px 0; position: relative; 
  height: 150px; color: #fff; }
  
#banner h1 { position: absolute; letter-spacing: -2px; font-size: 28px; color: #FFFFFF; top: 35px; left: 20px; }
#toptitle h1 { margin: 0 0 3px 0; padding: 0; }


/* top nav */
#nav 
{ background: #fff; width: 760px; background: #fff; 
text-align: right; padding: 5px; margin: 0 0 5px 0; }

/* ---------------------- */

/* MAIN */
#content 
{ height: 100%; float: left; background: #fff;
padding: 5px; width: 610px; margin-bottom: 20px;  }

blockquote { background: url('images/appalforblock2.jpg') repeat-x; color: #666; 
padding: 5px; border: 1px solid #ccc; margin: 5px 0 15px 0px; }
strong { color: #87af7b; background: inherit; }


/* ---------------------- */


/* SIDEBAR */
#sidebar 
{ float: right; width: 133px; 
border-left: 1px dotted #ccc; padding: 5px 0 0 10px; margin: 10px 2px 10px 11px; }

.sideimage { border: 1px solid #ccc; padding: 4px; margin: 4px; margin: 10px 5px 5px 15px; } 
.sideimage:hover { border: 1px solid #666; }


/* ---------------------- */



/* POSITIONING */
#container
{ background: #fff; width: 780px; margin: 10px auto; padding: 2px; }

/* banner links not used */
#toptitle 
{ text-align: right; color: #666; padding: 5px; margin-right: 55px; }

/* FOOTER stuff */
#footer 
{ clear: both; background: url('images/lastlines2.jpg') repeat; 
border-top: 4px solid #666;  text-align: center; padding-bottom: 5px;  }  

/* ---------------------- */


/* "a href=" LINK STYLES */
#content a 
{ color: #5F9E42; text-decoration: none; } 
#content a:hover { text-decoration: underline; }

#topbar a 
{ color: #87af7b; text-decoration: none; } 
#topbar a:hover { text-decoration: underline; }

#nav a 
{ color: #666; font-weight: bold; text-decoration: none; } 
#nav a:hover { text-decoration: underline; }
#topbar a 
{ color: #666; font-weight: bold; text-decoration: none; } 
#topbar a:hover { text-decoration: underline; }
#footer a 
{ color: #666; font-weight: bold; text-decoration: none; } 
#footer a:hover { text-decoration: underline; }
#sidebar a 
{ display: block; color: #666; text-decoration: none; padding: 5px 0 5px 0;} 
#sidebar a:hover { background: #9DCC86; color: #666; }


/* ---------------------- */


/* extra stuff */
.imageright { float: right; border: 1px solid #ccc; padding: 3px; margin: 3px 3px 0 7px; } 
.imageright:hover { border: 1px solid #666; }
.imageleft { float: left; border: 1px solid #ccc; padding: 3px; margin: 3px 10px 0 0px; }  
.imageleft:hover { border: 1px solid #666; }

.headline { font-size: 18px; margin: 3px 0 3px 0; }
.meta { background: url('images/bg.gif'); border-top: 1px solid #666; text-align: right; color: #666; 
text-transform: uppercase; letter-spacing: 2px; }

#topbar ul { margin: 0; padding: 0; } #topbar li { list-style: none;  width: auto;  }
#sidebar ul { margin: 5px 0 15px 10px; padding: 0; border-top: 1px solid #ccc; } 
#sidebar li { margin: 0; padding: 0; text-align: center; list-style-type: none;  border-bottom: 1px solid #ccc; }
#content ul { margin: 5px 0 10px 30px; padding: 0; border-top: 1px solid #ccc; width: 320px; } 
#content li { display: block; text-align: left; margin: 0; padding: 0 0 0 10px; list-style-type: none; border-bottom: 1px solid #ccc; }