* { padding: 0; }

body { color: #cccccc;
       background-color: #333399;
       background-image: url("bgpic2.jpg");
       background-attachment: fixed;
       margin: 15px;
       min-width: 700px;
       font-family: "Times New Roman", serif;
       text-align: center; }

div { color: #000033;
      background: #cccccc; 
      width: 700px;
      font-size: 1em;
      font-weight: normal;
      padding: 3px 0;
      text-align: left; }

h1 { margin: 5px 15px;
     margin-bottom: 10px;
     padding: 5px 0;
     font-size: 1.5em;
     font-weight: bold;
     text-align: center;
     border: solid 2px;
     color: #666699; }

p { margin: 0 25px;
    text-align: justify; }

/* link styles */

a { color: #cccccc; }
a:hover { color: #ffffff; }

a.text { color: #0066cc; text-decoration: none; font-weight:bold; }
a.text:hover { color: #ffffff; text-decoration: underline; }

a.thumb { cursor: pointer; }

a img { border: none; }

/* update page sections */

div#banner { background: none;
       padding: 0;
       margin: 0; }

div#topnav { margin: 0;
       background: #000033;
       padding: 3px 0;
       border: none; }
div#topnav ul { float: right;
       padding: 0;
       margin: 0;
       width: 60%;
       list-style-type: none; }
div#topnav a { float: right;
       width: 100px;
       text-decoration:none;
       color: #cccccc;
       font-size: 18px;
       font-weight: normal;
       text-align: center;
       background-color: #000066;
       padding: 0;
       border-right:3px solid #000033;
       overflow: hidden; }
div#topnav a:hover { color: #000066; background-color: #cccccc; }
div#topnav li { display: inline; }
div#topnav p { font-size: 18px;
       color: #cccccc;
       margin: 0;
       margin-left: 10px;
       padding: 0; }

div#smallmail { color: #cccccc;
       background: none;
       font-size: 0.8em;
       border: none;
       padding: 0;
       margin: 0;
       text-align: justify; }

/* layout classes */

div.empty { color: #cccccc;
       padding: 0;
       margin: 0;
       border: none; }

/* image table classes */

.imgtable { padding: 3px 0; }

.imgtable h1, .imgtable p, .imgtable h2 { margin: 5px 170px;
          margin-right: 185px;
          padding: 0;
          border: none; }

.imgtable h1, .imgtable h2 { color: #666699;
          font-size: 24px;
          font-weight: bold;
          text-align: left;
          border-bottom: solid 2px; }

.imgtable h2 { border: none;
          border-top: solid 2px;
          text-align: right;
          font-size: 20px; }

.imgtable h2 span { font-weight: normal;
          font-size: 18px; }

.imgtable h2 a { color: #666699; text-decoration: none; }

.imgtable h2 a:hover { text-decoration: underline; }

.imgtable p { color: #000033;
          font-size: 15px;
          font-weight: normal;
          text-align: justify; }

.imgtable p img { margin: 7px;
          margin-left: 0;
          width: 180px;
          border: none;
          float: left; }

/* features table */

.features { margin: 0;
       padding: 0;
       width: 165px;
       border: none;
       background: none;
       float: left; }

.features ul, .features div { list-style-type: none;
       width: 155px;
       background: none;
       border: solid 2px #000066;
       display: block;
       padding: 0;
       margin: 0;
       margin-left: 3px;
       margin-right: 3px;
       margin-top: 1px;
       margin-bottom: 5px;
       text-align: left;
       overflow: hidden; }

.features ul { list-style-type: none;
       background: none; }

.features h2, .features h3 { font-size: 18px;
       font-weight: bold;
       text-align: left;
       border: none;
       color: #cccccc;
       background-color: #000066;
       margin: 0;
       padding: 0;
       padding-left: 5px; }

.features h3 { text-align: right;
       padding: 0;
       padding-right: 5px; }

.features p, .features a, .features p.here, .features p.top, .features div p
     { font-size: 15px;
       font-weight: normal;
       color: #000033;
       background-color: #9999cc;
       margin: 0;
       padding: 0;
       text-align: left; }

.features p, .features p.here, .features p.top
     { margin: 1px 0;
       padding: 1px 0;
       padding-left: 7px; }

.features div p { padding: 1px 5px;
       text-align: justify; }

.features p.here { color: #ffffff;
       font-weight: bold; }

.features p.top { padding-left: 5px; }

.features p.top a { font-weight: bold; }

.features p.top a:hover { color: #ffffff; text-decoration: none; }

.features a { text-decoration: none; }

.features a:hover { color: #ffffff;
       text-decoration: underline; }

.features div a { color: #0066cc; 
       text-decoration: none; 
       font-weight:bold; }

.features div a:hover { color: #ffffff; text-decoration: underline; }

/* image gallery */

.gallery { text-align: center;
       width: 535px;
       float: right;
       margin: 0;
       padding: 5px 0; }

.gallery ul { list-style-type: none;
       margin: 0 10px;
       margin-top: 3px;
       margin-bottom: 7px;
       padding: 0;
       display: block; }

.gallery li { display: inline; }

.gallery ul a { cursor: pointer; }

.gallery h3 { color: #666666;
       text-align: center;
       font-size: 13px;
       font-weight: bold;
       margin: 0;
       padding: 0; }

/* updates */

.update2 { text-align: center;
       width: 520px;
       float: left;
       margin: 0;
       padding: 5px 0; }

.update2 ul { list-style-type: none;
       margin: 0 5px;
       margin-top: 3px;
       margin-bottom: 7px;
       padding: 0;
       display: block; }

.update2 li { display: inline; }

.update2 img { margin: 0;
       margin-top: 0px; }

.update2 a { cursor: pointer;
       text-decoration: none; }

.update2 h3 { color: #666666;
       text-align: center;
       font-size: 13px;
       font-weight: bold;
       margin: 0;
       padding: 0; }

.update2 p { text-align: justify;
       padding: 0;
       padding-bottom: 20px;
       margin: 0 25px; }

.update2 span { text-align: center; }

.update2 span img { width: 232; height: 174; margin: 0 2px;
       margin-bottom: 15px; }

#it_caption { display: block;
       width: 200px;
       margin: 0;
       margin-left: 5px;
       margin-top: 5px;
       padding: 5px;
       font-size: 15px;
       text-align: justify;
       color: #000000;
       border: 1px solid;
       background-color: #ffffcc;
       position: absolute;
       visibility: hidden; }