/* author: Al McRorie  email: allenmcrorie (at) gmail (dot) com  */

  html {overflow: -moz-scrollbars-vertical;}
  body {width: 900px; background: #CCFFFF; color: black; margin: 0 auto; margin-top: 0px;}

  h1 {font-size: 2em;}
  h2 {font-size: 1.5em;}
  h3 {font-size: 1.17em;}
  .pad {padding-left: 20px; padding-right: 20px;}
  .pad50 {padding-left: 50px; padding-right: 50px;}
  .padleft75 {padding-left: 75px;}
  .bold {font-weight: bold;}
  .clear {clear: both;}
  .center {text-align: center;}
  .right {text-align: right; padding-right: 100px;} 
  .img {border: 0;}
  .floatleft {float: left;}
  .floatright {float: right;}
  .design {color: #808080;}
  .hidden {display: none;}

  #hdr {width: 900px; height: 84px; background: #FFFFFF; border: 1px solid black; 
     font-size: 60px; font-weight: bold;}
  #hdr img {float: left; border: 0;}

  #menu {font-size: 0.85em; padding-left: 135px;}

  #nav, #nav ul {margin: 0; padding: 0; list-style-type: none; list-style-position: outside; 
     position: relative; line-height: 1.6em;}
  #nav a {display: block; padding: 0px 5px; text-decoration: none; border-bottom: 1px solid #333;
     color: #333; background-color: #C6D6EF; font-weight: bold;}
  #nav a:hover {background-color: #00f; color: #fff;} 
  #nav li {float: left; position: relative; margin-right: 20px;}
  #nav ul {position: absolute; display: none; width: 9em; top: 1.6em;}
  #nav li ul a {width: 9em; height: auto; float: left;}
  #nav ul ul {top: auto;}	
  #nav li ul ul {left: 9em; margin: 0px 0 0 10px;}
  #nav li:hover ul ul, 
  #nav li:hover ul ul ul, 
  #nav li:hover ul ul ul ul {display:none;}
  #nav li:hover ul, 
  #nav li li:hover ul, 
  #nav li li li:hover ul, 
  #nav li li li li:hover ul {display:block;}

  #content {width: 900px; background: white; overflow: auto; border: 1px solid black;
     background: url(images/bkgd.gif) no-repeat white top right;}

  .sub_container1 {float: left; width: 110px; padding-left: 35px;}
  .sub_container2 {float: left; width: 500px;}
  .sub_container3 {float: left; width: 255px; position: relative;}
  .sub_container3 img {border: 5px solid black;}
  .sub_container3a {position: absolute; top: 7px; left: 60px; width: 150px;}
  .sub_container3a p {text-align: center; margin: 0; 
     font-family: "Tahoma Bold", sans-serif; font-size: 20px; font-weight: bold; letter-spacing: 3px;}     
  .sub_container4 {float: left; width: 750px;}

  #equip {width: 700px; margin: 0 auto; font-size: 17px; font-family: Georgia, sans-serif;}
  #equip #left {float: left; width: 350px;}
  #equip #right {float: right; width: 345px;}
  #equip img {float: left; padding-right: 50px; padding-bottom: 30px;} 
  #equip_style {font-size: 17px; font-family: Georgia, sans-serif;}

  #main-container {text-align: center;}
  #container {position: relative; width: 770px; height: 396px; margin: 20px auto 0 auto; 
     background: #fff url(images/back.jpg) 75px 10px no-repeat; border: 1px solid #aaa;}
  #container h2 {margin: 5px 0; padding: 0;}
  #container ul {width: 198px; height: 386px; padding: 0; margin: 5px; list-style-type: none; float: right;}
  #container li {float:left;}
  #container a.gallery, #container a.gallery:visited {display: block; color: #000; text-decoration: none; 
     border: 1px solid #000; margin: 1px 2px 1px 2px; text-align: left; cursor: default;}
  #container a.slidea {background: url(images/p1_t.jpg); height: 93px; width: 60px;}
  #container a.slideb {background: url(images/p2_t.jpg); height: 93px; width: 60px;}
  #container a.slidec {background: url(images/p3_t.jpg); height: 93px; width: 60px;}
  #container a.slided {background: url(images/p4_t.jpg); height: 60px; width: 93px;}
  * html #container a.slided {width: 91px; w\idth: 93px;}
  #container a.slidee {background: url(images/p5_t.jpg); height: 60px; width: 93px;}  
  #container a.slidef {background: url(images/p6_t.jpg); height: 60px; width: 93px;}
  * html #container a.slidef {width: 91px; w\idth: 93px;}
  #container a.slideg {background: url(images/p7_t.jpg); height: 60px; width: 93px;}
  #container a.slideh {background: url(images/p8_t.jpg); height: 93px; width: 60px;}
  #container a.slidei {background: url(images/p9_t.jpg); height: 93px; width: 60px;}
  #container a.slidej {background: url(images/p10_t.jpg); height: 93px; width: 60px;}
  #container a.slidek {background: url(images/p11_t.jpg); height: 60px; width: 93px;}
  * html #container a.slidek {width: 91px; w\idth: 93px;}
  #container a.slidel {background: url(images/p12_t.jpg); height: 60px; width: 93px;}
  #container a.gallery span {position: absolute; width: 1px; height: 1px; top: 5px; left: 5px;background: #fff;
     overflow: hidden;}
  #container a.gallery:hover {border: 1px solid #fff;}
  #container a.gallery:hover img {border: 1px solid #fff; float: left; margin-right: 5px;}
  #container a.slideb:hover img, #container a.slidei:hover img {float: right;}
  #container a.gallery:hover span {position: absolute; width: 372px; height: 372px; top: 10px; left: 75px;           color: #000;}