/*
   This is a nice neat CSS setup that has some smaller fonts in it and
   tries to allow for having two columns with a background color and
   cell heights that take up the remaining space. This works correctly
   in firefox but not in IE (IE is probably wrong).

*/

body {                                 /* body globals                      */
  background-color: #bbbcc8;           /* - grayish background color        */
  font-family: verdana, helvetica, arial, sans-serif;
  font-size: 80%;                      /* - couple font settings            */
  margin: 0;                           /* - no margins at all               */
}


h1, h2, h3, h4, h5, h6, h7 {           /* all header types                  */
  background-image: url(pics/camo2.jpg); /* this is kinda spiffy...         */
  font-weight: bold;                   /* - i like bold better              */
  font-size: 80%;                      /* - body default size               */
  color: white;                        /* - white text...                   */
  background-color: #4c4a4e;           /* - colored 'container'             */
  padding-left: 1ex;                   /* - indent a bit                    */
  padding-right: 1ex;                  /* - and pad left                    */
  padding-top: 0.3ex;                  /* - space down to text              */
  padding-bottom: 0.3ex;               /* - space from font down            */
}

h1 { font-size: 100%; }                /* set h1's to full size             */
h2 { font-size: 90%; }                 /* set h2's a little smaller         */
h3 { font-size: 85%; }                 /* set h3's just minimally larger    */

a:link, a:visited, a:active {          /* general href settings             */
  text-decoration: none;               /* - no underline                    */
/*  color: #ffffff;                      /* - hrefs should be a color         */
}

img {                                  /* image properties                  */
  border: none;                        /* - we don't like borders           */
}

.smallcaps {                           /* class for "small-caps"            */
  font-variant: small-caps;            /* - useful for header-like text     */
  text-decoration: underline;               /* - no underline                    */
}

.headertext {                          /* Set some props for header text    */
  font-size: 85%;                      /* - slightly different font size    */
  font-weight: bold;                   /* - and bold to stand out           */
}

.border {                              /* border class                      */
  border: 2px solid #000000;           /* - gives us a border around stuff  */
  margin: 2mm;                         /* - elbow room around the border    */
}

.borderlight {                         /* border class                      */
  border: 2px solid #4c4a4e;           /* - gives us a border around stuff  */
}

p.boldfirst:first-line {               /* first-line class (not global)     */
  font-weight: bold;                   /* - boldface it                     */
}

#header {                              /* Header block, contains a table    */
  height: 93;                          /* - sync this to logo image height  */
  padding-left: 4mm;                   /* - indent just a little            */
  padding-top: 2mm;                    /* - give the logo some headroom     */
  padding-right: 2mm;                  /* - indent right-hand image/cell    */
  background-color: #bbbcc8;           /* - grey picked from firefox menu   */
}

#menubar {                             /* This is a right-aligned menubar   */
/*  background-color: #4c4a4e;           /* - set the background color        */
  background-image: url(pics/camo2.jpg); /* this is kinda spiffy...         */
  text-align: right;                   /* - align the text to the right     */
  padding-top: 0.3ex;                  /* - space down to text              */
  padding-bottom: 0.3ex;               /* - space from font down            */
  border-bottom-width: 1px;            /* - small border beneath us         */
  border-bottom-style: solid;          /*   - solid                         */
  border-bottom-color: #bbbcc8;        /*   - grey                          */
}

#menubar a {                           /* Set some defaults for menu hrefs  */
  color: #bbbcc8;                      /* - same color as header background */
  font-weight: bold;                   /* - boldface everything             */
  padding-left: 1ex;                   /* - give hrefs some elbow room      */
  padding-right: 1ex;                  /* - give hrefs some elbow room      */
}  

#menubar a:hover {                     /* onMouseOver activities            */
  color: #ffffff;                      /* - change active color             */
}


#content {                             /* 'content' describes textual data  */
/*  background-color: white;             /* - set the "cell" color            */
/*  padding: 2mm 3mm 2mm 2mm;            /* - apply some 'margin' padding     */
/*  border-left: 1px solid #4c4a4e;      /* - colored border (match body)     */
/*  border-right: 1px solid #4c4a4e;     /* -          ""                     */
/*  border-top: 2px solid #4c4a4e;       /* -          ""                     */
  height: 100%;                        /* - works in firefox but not IE     */
}

#content p {                           /* content paragraph specific        */
  text-align: justify;                 /* - justify all paragraphs          */
  text-indent: 1em;                    /* - indent the first line a bit     */
  font-family: verdana, helvetica, arial, sans-serif;
  font-size: 80%;                      /* - set font families and size      */
  padding: 0 3mm 2mm 2mm;              /* - apply some 'margin' padding     */
  margin: 0;
}

#content a {                           /* content href specific             */
  text-decoration: underline;          /* - no underlines here please kthx  */
}

#content img {                         /* content images right justified    */
  border: 2px outset #000000;          /* - gives us a border (raised)      */
  float: right;                        /* - allow text to wrap              */
  margin: 0 3mm 1mm 1mm;               /* - elbow room around the border    */
}


#list {
  margin-left: 0.5em;
  padding-left: 0;
  list-style: none;
}

#list li {
  background-image: url(pics/arrow.gif);
  background-repeat: no-repeat;
  background-position: 0 .5em;
  padding-left: 15px;
  font-size: 80%;                      /* - set font families and size      */
}


#gallery {                             /* gallery content specific        */
}

#gallery p {                           /* gallery paragraph specific        */
  text-align: justify;                 /* - justify all paragraphs          */
  text-indent: 1em;                    /* - indent the first line a bit     */
  font-family: verdana, helvetica, arial, sans-serif;
  font-size: 80%;                      /* - set font families and size      */
  padding: 0 3mm 2mm 2mm;              /* - apply some 'margin' padding     */
  margin: 0;
}

#gallery img {                         /* content images right justified    */
  border: 3px outset #000000;          /* - gives us a border (raised)      */
  margin: 2mm 2mm 2mm 2mm;               /* - elbow room around the border    */
}


#footer {                              /* footer settings                   */
  font-size: 80%;                      /* - smaller font size               */
  padding-right: 2mm;                  /* - pad the right side a bit        */
  padding-top: 2mm;                    /* - pad down from the above line    */
  clear: left;                         /* - no floating                     */
}

#footer a {                            /* for href's in our footer (small)  */
  text-decoration: none;               /* - no underlines here please kthx  */
}

#footer div {                          /* for non <p> tagged footer lines   */
  text-align: right;                   /* - right justified                 */
}