* { margin: 0; padding: 0; outline: none; }



body {

   font-family: Verdana, Helvetica, Arial, sans-serif;

   font-size: small;

   color: #000;

   background-color: #aaa;

   padding-top: 3px;

}



html {

   height: 101%;

}



h1 { padding: 5px; }

h2 { font-size: 120%; padding-bottom: 15px; }



a {

   text-decoration: none;

   color: #000;

}



p {

   margin: 5px 0;

}



em {

   font-size: 104%;

   font-style: normal;

   letter-spacing: 1px;

}



img {

   border: none;

}



#navi img {

   vertical-align: text-bottom;

   position: relative;

   top: 1px;

   right: 1px;

   width: 16px;

   height: 16px;

}



p#quote {

   text-decoration: none;

   margin: 5px 0 5px 1em;

   padding-left: 4px;

   border-left: 1px solid #8C8C8C;

}



#wrapper,

#topnavi {

   width: 700px;

   margin: 0 auto;

}



#wrapper {

   margin: 10px auto;

   border: 1px solid #606060;

}



#container {

   width: 750px;

   margin: 0 auto;

   border-top: 1px solid #666;

   background: url(../images/borders.gif) no-repeat top center;

}



#topnavi {

   width: 720px;

}



#flags {

   margin-left: 6px;

}





/* Navigation Styles */



#navi {

   color: #000;

   background: #FFE574 url(../images/header.back.png) repeat-y top left;

   text-align: right;

   padding: 5px 10px 4px 10px;

   border-bottom: 1px solid #606060;

}



   #navi li {

      list-style: none;

      display: inline;

   }



   #navi a {

      color: #000;

      background: #ffeda0 url(../images/nav.back.gif) no-repeat top left;

      padding: 4px 4px 4px 8px;

      border: 1px solid #606060;

   }



   #navi a:hover,

   #navi a:focus {

      border-bottom: 1px solid #fafafa;

   }



   #info #tab01 a,

   #download #tab02 a,

   #feedback #tab03 a,

   #author #tab04 a {

      background: #fafafa;

      border-bottom: 1px solid #fafafa;

   }



#topnavi {

   color: #000;

   background: none;

   padding: 5px 6px 4px 6px;

}



   #topnavi li {

      list-style: none;

      display: inline;

   }



   #topnavi a {

      color: #000;

      background: #bbb;

      padding: 4px 4px 4px 8px;

      border: 1px solid #666666;

   }



   #topnavi a:hover,

   #topnavi a:focus {

      background: #aaaaaa;

      border-bottom: 1px solid #aaaaaa;

   }



/* end navi */



#content {

   color: #000;

   background-color: #fafafa;

   padding: 10px;

}



#error {

   color: #A60000;

   border: 1px dashed #FF0000;

   padding: 3px;

   margin: 0 0 10px 0;

   background-color: #FEE8E8;

}



   #error li {

      list-style: none;

   }



form {

   background-color: #eee;

   width: 400px;

   padding: 15px;

   border: 1px solid #8c8c8c;

}



label {

   display: block;

   cursor: pointer;

}



input#submit {

   border: 1px solid #8c8c8c;

   padding: 1px 5px;

}



input#email,

textarea {

   width: 380px;

   border: 1px solid #8c8c8c;

   margin-bottom: 1em;

}

textarea {

   height: 7em;

}

input#email:focus,

textarea:focus {

   background-color: #ddd;

}



.error {

   border: 1px solid #f99 !important;

}



.download {

   margin: 20px 0;

}



   .download img {

      float: left;

   }



   .download a {

      font-weight: bold;

   }



.clearing {

   clear: both;

}



.small {

   font-size: 80%;

}



   .small img {

      vertical-align: bottom;

   }