pre { font-family: monospace; }
 body { 
         font-family: "Verdana", "Century Gothic", "MS Sans Serif", "arial";
         font-size: 16px;
         margin-left: 10%; 
         margin-right: 10%; 
        /* background: #ffffcc; */
         background: #fff8e8;
         table-layout: inherit;
         text-align: left;
   }
 h1,h2,h3,h4,h5,h6 { 
      font-family: "Comic Sans","Comic Sans MS", "Verdana", "Century Gothic", "MS Sans Serif", "arial";
      color: #ffffff;
      background: #009966 url("hgrad3.png") repeat-x;
    
      /* http://tools.dynamicdrive.com/gradient/ */
       /*background: #009966; */
      table-layout: inherit;
      margin-top: 0.2em;

      margin-bottom: 0.2em;
      padding-left: 0.4em;


    }
h1{
text-align: center;
font-weight: bold;
background: #009966 url("hgrad2.png") repeat-x;
margin-left: -5%;
margin-right: -5%;
margin-bottom: 20px;
margin-top: 5px; 
padding: 20px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;

}
h2{
  margin-left: -4%;
  margin-right: -4%;

}
h3{
  margin-left: -2%;
  margin-right: -2%;


      -moz-border-radius-topright: 10px;
      -webkit-border-top-right-radius: 10px;
      border-top-right-radius: 10px;

      -moz-border-radius-topleft: 10px;
      -webkit-border-top-left-radius: 10px;
      border-top-left-radius: 10px;
}
h4{
  margin-left: -1%;
  margin-right: -1%;
}

#topbanner
{
background: #fff8e8;
width: 100%;
float: left;
margin: 0;
padding: 0;

}

#topbanner_col1
{
float: left;
width: 20%;
margin-left: 3%;
display: inline;
background: #fff8e8;
}

#topbanner_col2
{
float: left;
width: 51%;
margin-left: 3%;
background: #fff8e8;
display: inline;
}

#topbanner_col3
{
float: right;
width: 20%;
margin-left: 3%;
background: #fff8e8;
display: inline;
}



.align-clear{clear: both}
.align-left { float:left; } 
.align-right { float:right; } 
.align-center { text-align: center;}
.snug { margin: 0 0 0 0; padding: 0 0 0 0;}

.custquote{
  margin: 1em 2em 1em 2em;
   background-color: #ddddff;
   border: 0.2em solid #ffff77; 
   padding: .2em 2em .2em 2em;
}

.monoblock{
 margin: 1em 2em 1em 2em;
   background-color: #ddddff;
   border: 0.2em solid #ffff77; 
   padding: 0.2em 0.2em 0.2em 0.2em;
 font-family: monospace;
}

strong {font-weight: bold}
.alert{ color: red; }

img{
margin: 0px 10px 10px 10px;
}

a{font-weight: bold;}
a:link{font-weight: normal;}
a:link:hover { background:#ffff00;} 


/* adapted from www.alistapart.com/articles/cssdropshadows/ */
.screenshot {
  float:left;
  background: url(shadowAlpha.png) no-repeat bottom right !important;
  /*background: url(shadow.gif) no-repeat bottom right;*/
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  }
.screenshot img{
  display: block;
  position: relative;
  background-color: #fff;
 /* border: 1px solid #a9a9a9; */
  margin: -6px 6px 6px -6px;
 /* padding: 4px; */
  }

#prodintro{
  margin: 1em 2em 1em 2em; 
  /*padding: 0.2em 0.2em 0.2em 0.2em; */
}

#footer { 
text-align: center; 
}
#footer a:link, #footer a:visited { 
margin-right: 20px; 
}
 
       
/* adapted from listamatic */   
#navcontainer ul
{
display: inline-block;
padding: .2em 0;
margin: 0;
margin-bottom: 20px;
list-style-type: none;
background-color: #036;
color: #FFF;
width: 100%;
font: normal 90% arial, helvetica, sans-serif;
text-align: center;
overflow: auto; 

}

#navbar li { display: inline-block; white-space: nowrap;}

#navbar li a
{
text-decoration: none;
text-transform: capitalize; 
/*text-transform: uppercase;*/
background-color: #036;
color: #FFF;
padding: .2em 1em;
border-right: 1px solid #fff;
}

#navbar li a:hover
{
background-color: #369;
color: #fff;
}