/**************************************\
|------------COLOR SCHEME--------------|
- black		#000
- olive         #880
- sage          #575
- mid sage      #676
- pale sage     #8a8
- white		#fff
\**************************************/

/**************************************/
/*              GLOBALS               */
/**************************************/

body {
    background: #ddd ;
    color: #222;
    font-family: Georgia, 'Times New Roman', serif;
    font-family: Arial, Verdana, Helvetica, sans-serif;
}

h1 { width: 100%; color: #573; border-bottom: 1px solid #367; padding-bottom: 5px; }
h2 { width: 100%; color: #573; border-bottom: 1px solid #367; padding-bottom: 5px; }
h3 { width: 100%; color: #367; border-bottom: 1px solid #367; padding-bottom: 2px; }
h4 { color: #574;  padding-bottom: 0px; }
h5 { color: #565;  padding-bottom: 0px; }

.container { margin-top: -23px; background: #fff; }

.container a[href^="http:"] { padding-right: 0px; }
.container a:link    { color: #353; text-decoration:none; }
.container a:visited { color: #575; text-decoration:none; } 
.container a:hover   { color: #880; text-decoration: underline; }

blockquote { border-color: #367; color: #ABA; }

.showgrid {background:url(img/grid.png);}
div.border {padding-right:4px;margin-right:5px;border-right:1px solid #eee;}
div.colborder {padding-right:24px;margin-right:25px;border-right:1px solid #900;}


/**************************************/
/*              HEADER                */
/**************************************/

#header { height: 150px; background-image: url(../pics/chc.jpg); }
#header img { float: left ; }

/**************************************/
/*             NAVIGATION             */
/**************************************/

.nav { height: 25px; 
       width: 950px ;
       padding-top: 6px;
       background: #898 ; 
       font-weight: lighter ; 
       font-size: 156% ; 
       text-align: left ; }

.nav a:link    { color: #fff; text-decoration:none; }
.nav a:visited { color: #ded; text-decoration:none; } 
.nav a:hover   { color: #573; background: #fff ; padding-bottom: 5px; }


/**************************************/
/*            MAIN CONTENT            */
/**************************************/

#content { padding-top: 15px; 
           padding-left: 50px ;
           width: 860px ;
           font-size: 110% ; 
         }

#content hr { background: #367; }
#content table { border-top: 5px solid #fff;  border-left: 5px solid #fff; }
#content th, #content td { vertical-align: middle; border-bottom: 5px solid #fff; 
                          border-right: 5px solid #fff; }

#content table a:link    { color: #fff; text-decoration:none; }
#content table a:visited { color: #ded; text-decoration:none; } 
#content table a:hover   { color: #bb6; text-decoration:underline;  }

blockquote { border-top: 1px solid #cc8; border-bottom: 1px solid #cc8; color: #555; }
blockquote *:first-child:before { content: ""; }
blockquote *:first-child:after { content: ""; }

#content ul { list-style-image: url(../pics/nut.jpg) }

#content textarea { overflow: auto; }
#content form input { border: 1px solid #367; color: white; }
#content form textarea { border: 1px solid #367; color: white; }
#content form input:hover { border: 1px solid #743; color: white }
#content form textarea:hover { border: 1px solid #743; color: white }

/**************************************/
/*               Column 1             */
/**************************************/

#col1 { padding-top: 5px; 
           padding-left: 60px ;
           width: 690px ;
           font-size: 110% ; 
           float: left ;
         }

#col1 ul { list-style-image: url(../pics/nut.jpg) }

#col1 img { padding-top: 15px ; 
            padding-right: 20px ;
            padding-bottom: 4px ;
          }

#logo img { padding-top: 0px ; 
            padding-right: 0px ;
            padding-bottom: 0px ;
          }


/**************************************/
/*               Column 2             */
/**************************************/

#col2 { padding-top: 5px; 
           padding-left: 15px ;
           padding-right: 40px ;
           font-size: 110% ; 
           float: right ;
         }

#col2 img { padding-bottom: 4px ;
          }


/**************************************/
/*               FOOTER               */
/**************************************/

#footer { height: 25px; 
       width: 950px ;
       padding-top: 4px;
       background: #898 ; 
       font-weight: lighter ; 
       font-size: 148% ; 
       color: #343 ;
           float: left ;
       text-align: right ; }

#footer a:link    { color: #fff; text-decoration:none; }
#footer a:visited { color: #ded; text-decoration:none; } 
#footer a:hover   { color: #573; background: #fff ; padding-top: 4px; padding-bottom: 6px; }