/* 
 *
 * Copyright (c) 1999-2004 James Byers <jbyers@jbyers.com>
 * http://jbyers.com
 *
 */

body {
   font-family: verdana, arial, helvetica, sans-serif;
   font-size: 12px;
   background-color: #E8E8CF;
}

/* layout *******************************************************************/

#container {
   margin: 0;
   padding: 0;
}

#head {
   background: #BB8;
   font-size: 18px;
   font: arial, sans-serif;
   color: #000;
   padding: 10px 0px 10px 0px;
   text-align: left;
   vertical-align: middle;
   border-bottom: 1px solid #885;
}

#main_leftmenu {
   background: #FFF;
   position: absolute;
   top: 76px;
   left: 0;
   right: 0;
   margin: 0;
   padding: 0;
}

#main_topmenu {
   background: #FFF;
   position: absolute;
   top: 96px;
   left: 0;
   right: 0;
   margin: 0;
   padding: 0;
}

#top_menu {
   background: #E8E8CF;
   padding: 4px 10px 4px 10px;
   text-align: left;
   font: arial, sans-serif;
   font-size: 0.9em;
   border-bottom: 1px solid #AA7;
}

#left_menu {
   background: #EEF;
   position: absolute;
   left: 0;
   top: 0;
   padding: 10px 0px 0px 10px;
   width: 150px;
}

#content_leftmenu {
   background: #FFF;
   line-height: 1.3;
   margin-left: 170px;
   padding: 5px 10px 5px 10px;
   border-left: 1px solid #CCF;
}

#content_topmenu {
   background: #FFF;
   line-height: 1.3;
   padding: 5px 10px 5px 10px;
   border-left: 1px solid #CCF;
}

.section {
   margin: 10px 30px 0px 0px;
}

#footer {
   background: #E8E8CF;
   padding: 4px 10px 4px 10px;
   text-align: left;
   font: arial, sans-serif;
   font-size: 0.9em;
   border-top: 1px solid #AA7;
}

/* links ********************************************************************/

#content a {
   color: #333;
   font-weight: bold;
   text-decoration: underline;
}

#left_menu a {
   color: #333;
   text-decoration: underline;
}

#content :link:hover {
   color: #996;
}

#left_menu :link:hover {
   color: #68A;
}

#top_menu a, #footer a {
   color: #333;
   text-decoration: none;
}

#top_menu :link:hover, #top_menu :visited:hover {
   border-bottom: solid 1px #333;
}

/* misc *********************************************************************/

#title_image {
   padding-left: 10px;
   padding-right: 10px;
}

#left_menu li {
   marker-offset: 1px;
   padding-left: 0px;
   margin: 2px 0px;
}

#left_menu ul {
   padding: 3px 0px 0px 10px;
   margin: 0px 0px 0px 10px;
}

#left_menu .nolist {
   padding: 3px;
}

.section h1 {
   color: #333;
   padding: 3px 0px 3px 10px;
   border-bottom: 1px solid #DDA;
   margin-bottom: 15px;
   margin-right: 10px;
   font-size: 16px;
}

.section h2 {
   color: #333;
   padding: 3px 0px 3px 10px;
   border-bottom: 1px solid #DDA;
   margin-bottom: 5px;
   margin-right: 10px;
   font-size: 13px;
}

.section p {
   margin-top: 5px;
   margin-left: 20px;
}

.image {
   padding: 3px;
   border: 1px solid #000;
}

ul {
  padding-top: 5px;
  margin-top: 0px;
  list-style: square;
  margin-left: 20px;
}

ol {
  padding-top: 5px;
  margin-top: 0px;
  margin-left: 20px;
}

ul li {
   list-style-type: square;
   list-style-image: url(/images/gdot.gif);
}

code {
   background-color: #EEE;
   padding-left: 3px;
   padding-right: 3px;
}