body
  {   text-align: center;
       min-width: 720px;
       width:auto;
       font-family:  Tahoma, Helvetica, Arial;

        font-size:10pt; 
  }

//h1{ color: #990000; font-size: 1.4em }
//h2{ color: #990000; font-size: 1.25em }
//h3{ color: #339999; font-size: 1.25em }
//h4{ color: #000000; font-size: 1.25em }
//h5{ color: #990000; font-size: 1em }
//h6{ color: #000000; font-size: 1em }

//p { font-size:1em;}
// p { font-size:8px;}

  #wrapper {
     width: 720px;
     margin: 0 auto;
     text-align: left;
     position:relative;
     z-index:255;
  }
 
  .mainContent {
    width: 710px;
    float: left;
    margin-top:10px;
    padding-top:10px;
  }

  #sideBar {
   width: 206px;
   float: right;
   border-left: 1px dotted  #AAA;
   padding-left: 3px;
  }
  
  
  

   .branding {
    display: block;
    width: 100%; 
    color: #000;
    text-align: center;
   }

  
     
    .box {
      width: 20em;
      background: #effce7 url(bottom-left.gif) no-repeat left bottom;
   }   

  .box-outer {
    background: url(bottom-right.gif) no-repeat right bottom;
    padding-bottom: 5%; 
 }

 .box-inner {
    background: url(top-left.gif) no-repeat left top;
 }  

.box h2{
   background: url(top-right.gif) no-repeat right top;
   padding-top: 5%; 
}

.box h2, .box p {
  padding-left: 20px;
  padding-right: 20px;
}

.navbar { 
   margin: 0;
   padding: 0px;
   list-style: none;
   width: 720px; 
   float: left;
   background: #FAA819 url(mainNavBg.gif) repeat-x;
    font-size:small;
 }

.navbar  li{ 
   float: right;
   
}

.navbar a {
 display: block;
 float: left;
 padding: 0 2em;
 line-height: 2.1em;
 background: url(MainNavBorder.gif) repeat-y left top;
 text-decoration: none;
 color: #fff;
 font-weight:bold;
}

ul .first a {
  background: none;
  margin-left:100px;
}

.navbar a:hover
{ color: #333;
}


.button {
 list-style-type: none;
}

.button li {
   float: left;
   text-decoration: none;
 }

//.button a {
//   display: block;
//   float: left;
//   width: 6em;
//   padding: 0.2em;
//   margin: 0 1em;
//   line-height: 1.4; 
//   background-color: #94B8E9;
//   border: 1px solid black;
//   color: #000;
//   text-decoration: none;
//   text-align: center;
//}

.button a:hover {
  background-color: #639;
  color: #fff;
}


.mainlink {
  text-decoration:none;
  color: black;
}

.mainlink a:hover
{
  background:GrayText;
}



.screenshot {
   float: left;
   width: 120px;
 
}

#screenshot img {
   border:0px;
   width:  120px;
   vertical-align:top; 
}  

#contentleft
{ float:  left;
  width: 360px;
  padding-left: 30px;
  padding-right: 130px;
}

.content 
{ float:  right;
  width: 360px;
  padding-right:130px;
}
   

.clear
{ clear: both;
}

.small
{ font-size: 1;
}