/* CSS FILE */

body {
  margin: 0px;
  padding: 0px;
  color: #000;
  background-color: #829997;
  font-family: Verdana, sans-serif;
  font-size: 9pt;
}

h1 {
  color: #663;
  font-size: 13pt;
  font-family: "Trebuchet MS",Verdana,sans-serif;
}

h2 {
  color: #600;
  font-size: 12pt;
  font-family: "Trebuchet MS",Verdana,sans-serif;
}

h3 {
  color: #C36;
  font-size: 12pt;
  font-family: "Trebuchet MS",Verdana,sans-serif;
}


h4 {
  color: #000;
  font-size: 9pt;
  margin-bottom: 4pt;
}

h4+p {
  margin-top: 2pt;
}

div#news {
  background-color: #FFF;
  color: #000;
  width: 170px;
  border: 1px solid #666;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  margin: auto;
  padding: 5px;
}

div#news h3, div#news h4 {
  text-align: center;
  margin: 5px 0px 5px 0px;
}

.itin {
  font-weight: bold;
  color: #036;
  font-size: larger;
}

.book {
  background-color: #FFF;
  text-align: center;
  width: 175px;
  border: 1px solid #666;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  margin: auto;
  padding-bottom: 5px;
}

.book h3 {
  margin-bottom: 0px;
}

.price {
  color: #036;
  font-size: 15pt;
  color: #390;
  padding: 2px;
  font-family: Impact, Tahoma;
  letter-spacing: 1pt;
}

img {
  margin: 0px;
  padding: 0px;
  border: 0px;
}

.iright {
  float: right;
  border: 1px solid #666;
  padding: 0px 0px 5px 0px;
  margin: 0px 0px 5px 5px;
  background-color: #DDA;
}

.ileft {
  float: left;
  border: 1px solid #666;
  padding: 0px 0px 5px 0px;
  margin: 0px 5px 5px 0px;
  background-color: #DDA;
}

.iright p, .ileft p {
  font-size: smaller;
  color: #000;
  text-align: center;
  margin: 1px;
}


.mpic {
  clear: both;
  border: 1px solid #666;
  padding: 0px;
  margin: 5px auto 5px auto;
  width: 400px;
}

.mpic p {
  color: #000;
  text-align: center;
  margin: 1px;
}

.crumb {
  font-size: 8pt;
  color: #333;
  padding: 5px 0px 0px 0px;
}

#super {
  margin: auto;
  padding: 0px;
  width: 800px;
}

#foot {
  padding: 3px;
  background-color: #FF0;
  color: #000;
  font-size: 8pt;
}


table#main {
  margin: auto;
  width: 800px;
  padding: 0px;
  border-collapse: collapse;
}

table#main td {
  text-align: left;
  vertical-align: top;
  padding: 0px;
  margin: 0px;
}

table#main td#logo {
  vertical-align: bottom;
  width: 200px;
  height: 200px;
  padding: 0px;
  margin: 0px;
  background-color: #DDA;
}

table#main td#pics {
  width: 600px;
  vertical-align: bottom;
  height: 200px;
  border: 0px dotted red;
  padding: 0px;
  margin: 0px;
  background-color: #FFF;
}

table#main td#top {
  padding: 0px;
  background-color: #FF0;
}

table#main td#over {
  padding: 0px;
  margin: 0px;
  height: 10px;
  vertical-align: bottom;
}

table#main td#footer {
  vertical-align: middle;
  color: #333;
  border-top: 0px dotted #333;
}

table#main td#left_col, table#main td#main_col {
  height: 300px;
}

table#main td#main_col {
  background-color: #FFF;
  padding-left: 20px;
  padding-right: 10px;
}

table#main td#left_col {
  background-color: #DDA;
  padding-left: 5px;
  padding-right: 5px;
}

#my_nav, .menu, .link {
  padding: 0px;
  margin: 0px;
  position: relative;
}

#my_nav, #ttop {
  background-color: #DDA;
}

#my_nav .menu .link {
  float: left;
  position: relative;
  padding: 5px 10px 5px 5px;
  margin: 0px;
}

#my_nav .menu .link:hover {
  background-color: #FF0;
}

#my_nav .menu .link a {
  text-decoration: none;
  color: #000;
  font-size: 11pt;
  font-family: "Trebuchet MS",Verdana,sans-serif;
}

#my_nav .submenu {
  position: absolute;
  top: 26px;
  left: 0px;
  display: block;
  z-index: 15;
  margin: 0px;
  width: 185px;
  border: 1px solid #000;
  background-color: #333;
  visibility: hidden;
  opacity: .9;
  filter: alpha(opacity=90);

}

#my_nav .submenu .link {
  display: block;
  padding: 3px 0px 3px 10px;
  margin: 0px;
  width: 175px;
  vertical-align: middle;
  position: relative;
  background-color: #99461A;
}

#my_nav .submenu .link:hover {
  background-color: #426656;
}

#my_nav .submenu .link a {

  color: #FFF;
}

#my_nav .submenu .submenu {
  z-index: 10;
  position: absolute;
  top: 0px;
  margin: 0px;
  left: 185px;
  width: 285px;
  display: block;
  background-color: #333;
}

#my_nav .submenu .submenu .link {
  width: 275px;
}

table.tform {
  border: 0px;
  width: 560px;
}
table.tform td {
  border: 0px;
  padding: 5px;
  vertical-align: middle;
}
table.tform td.tfield {
  font-size: 11pt;
  text-align: right;
  vertical-align: middle;
  font-family: Helvetica, sans-serif;
  white-space: nowrap;
}

table.guides {
  margin: auto;
}

table.guides td {
  vertical-align: top;
  text-align: center;
  padding: 5px;
}

table.guides td img {
  border: 1px solid #666;
}

/* Form Elements */

input[type=text],input[type=password] {
  width: 350px;
  border: 1px solid #666;
  background-color: #EEE;
  padding: 3px;
}
input[type=text]:focus,input[type=password]:focus {
  background-color: #FFC;
}
input[type=text]:hover,input[type=password]:hover {
  border: 1px solid #399;
}

textarea {
  width: 350px;
  height: 100px;
  background-color: #EEE;
  border: 1px solid #666;
  padding: 2px;
}
textarea:focus {
  background-color: #FFC;
}
textarea:hover {
  border: 1px solid #399;
}

.direction {
  padding: 5px;
  background-color: #FF0;
}

.error {
  position: absolute;
  top: 26px;
  left: 0px;
  z-index: 100;
  padding: 0px;
  margin: 0px;
  text-align: center;
  width: 100%;
}

.error p {
  background-color: #F99;
  color: #000;
  border: 1px solid #333;
  border-top: 0px;
  padding: 35px 15px 35px 15px;
  margin: auto;
  width: 300px;
  font-size: 10pt;
  opacity: .9;
  filter: alpha(opacity=90);
}

.field_error {
  font-weight: bold;
  color: #F00;
}

.friends {
  border: 1px dotted #333;
  padding: 5px;
  margin: 5px;
  clear: both;
}

@media print {
  #my_nav {
    display: none;
  }
}