/* 
    Document   : styles
    Created on : November 30, 2009, 11:23:30 AM
    Author     : Lee Averbeck
    Description:
        Purpose of the stylesheet follows.
*/


root { 
    display: block;
}

body {
  background: #efefef;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #000000;
  line-height: 18px;
  margin: 10px 10px 10px 10px;
  padding: 0px;
  }

h1 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #0871e7;
  line-height: 18px;
  margin: 10px 0px 10px 0px;
  }

h2 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #220090;
  line-height: 17px;
  margin: 10px 0px 0px 0px;
  }
h2.spaced {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #220090;
  line-height: 17px;
  margin: 20px 0px 0px 0px;
  }


p {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #000000;
  line-height: 18px;
  margin: 0px 0px 10px 0px;
  }
p.just {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #000000;
  line-height: 18px;
  margin: 0px 0px 10px 0px;
  text-align: justify; 
  }
p.squeez {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #000000;
  line-height: 18px;
  margin: 0px 10px 10px 10px;
  }

ul {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #000000;
  line-height: 18px;
  margin: 0px 0px 10px 10px;
  padding: 0px 0px 0px 10px;
  }

ul.Prod {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #000000;
  line-height: 18px;
  margin: 0px 0px 10px 10px;
  padding: 0px 0px 0px 15px;
  }
ul.Prod li {
  margin: 0px 0px 10px 0px;
  }

hr {
  margin: 5px 0px 5px 0px;
  border: 0px; 
  color: #000000; 
  background-color: #000000; 
  height: 1px; 
  clear: both;
  }


br.clr {
  clear: both;
  }

a {
  color: #0871e7;
  text-decoration: underline;
  }
a:hover {
  color: #ff9900;
  text-decoration: none;
  }

/* ********************************************* */
/* Layout Divs                                 */
/* ********************************************* */

#Enclose {
  margin: 0px auto 0px auto;
  padding: 0px;
  width: 975px;
  }


#Header {
  margin: 0px 0px 0px 0px;
  padding: 0px;
  }
#Header img {
  display: block;
  margin: 0px 0px 0px 0px;
  padding: 0px;
  border: 0px;
  }

#Nav {
  background: #0871e7;
  font-size: 14px;
  line-height: 28px;
  color: #ffffff;
  font-weight: bold;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  text-align: center;
  height: 30px;
  }
#Nav a {
  margin: 0px 0px 0px 0px;
  padding: 0px 30px 0px 30px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #ffffff;
  text-decoration: none;
  }
#Nav a:hover {
  color: #a9dc94;
  }

#SubNav {
  font-size: 11px;
  line-height: 14px;
  color: #000000;
  margin: 0px 0px 15px 0px;
  padding: 5px 10px 5px 10px;
  border-bottom: 1px solid #cccccc;
  }
#SubNav a {
  margin: 0px 20px 0px 0px;
  padding: 0px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #ff9900;
  text-decoration: none;
  }
#SubNav a:hover {
  color: #0871e7;
  text-decoration: underline;
  }

.spacit {
  margin: 0px 50px 0px 50px;
  }

#Content { 
  background: #ffffff;
  width: 800px; 
  margin: 0px auto 10px auto; 
  border: 1px solid #000000; 
  }

#Main { 
  margin: 0px 10px 10px 10px; 
  }


.ThreeCol { 
  float: left;
  background: #ffffff;
  width: 240px; 
  margin: 10px 0px 10px 20px; 
  }
.ThreeCol h1 {
  background: #00c5e4;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #ffffff;
  line-height: 18px;
  margin: 0px 0px 0px 0px;
  padding: 2px 0px 3px 0px;
  text-align: center;
  }
.ThreeCol img {
  display: block;
  margin: 0px 0px 10px 0px;
  padding: 0px;
  }
.ThreeCol ul {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #000000;
  line-height: 16px;
  margin: 10px 10px 10px 10px;
  padding: 0px 0px 0px 0px;
  list-style-type: none;
  }
.ThreeCol ul li {
  margin: 0px 0px 10px 0px;
  padding: 0px;
  }

.SideBorders {
  margin: 0px 0px 0px 0px;
  padding: 0px 10px 0px 10px;
  border-left: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  height: 280px;
  }

.FlashRight {
  float: right;
  margin: 0px 0px 20px 50px;
  padding: 0px;
  border: 1px solid #000000;
  }

#FlashCenter {
  width: 500px;
  float: right;
  margin: 0px 0px 20px 20px;
  padding: 0px;
  }


#Footer {
  margin: 20px 0px 10px 0px;
  padding: 10px 0px 0px 0px;
  clear: both;
  font-size: 12px;
  line-height: 20px;
  text-align: center;
  border-top: 10px solid #666666;
  }
#Footer p {
  margin: 0px 50px 0px 0px;
  padding: 0px;
  font-size: 12px;
  line-height: 20px;
  text-align: center;
  }
#Footer .SPdot {
  margin: 0px 20px 0px 20px;
  padding: 0px;
  }
#Footer a {
  display: block;
  color: #0871e7;
  text-decoration: underline;
  }
#Footer a:hover {
  color: #ff9900;
  text-decoration: none;
  }

#FlashVideo {
  width: 360px;
  margin: 0px auto 0px auto;
  }

/* ********************************************* */
/* Password Area                                 */
/* ********************************************* */

#PassForm {
  background: #efefef;
  border: 1px solid #000000;
  width: 400px;
  margin: 15px auto 50px auto;
  padding: 20px 10px 20px 10px;
  }
#PassForm label {
  float: left;
  clear: left;
  width: 80px;
  margin: 0px 10px 0px 0px;
  padding: 0px;
  text-align: right;
  }
#PassForm input {
  margin: 0px 0px 5px 0px;
  }

.ButtonPane {
  margin: 0px 0px 0px 90px;
  }