/*
-----------------------------------------------
Advertising Icon Museum.org Styles
Author:  Nathan Borror
Version: 23 September 2005
Updated: 22 August 2008 by Sean Berger
----------------------------------------------- */
#nav ul {
   list-style: none;
   overflow: hidden;
}
#nav li a {
   display: block;
   width: 25px;
}
#n0 a,#n1 a,#n2 a,
#n3 a,#n4 a,#n5 a,
#n6 a,#n7 a {
  height: 0px !important;
  overflow: hidden;
  background-repeat: no-repeat;
  background-image: url(/images/nav.gif);
}
#n0 a {                   /* education */
   padding-top: 88px;
   height /**/: 88px;
   background-position: 0 -24px;
}
#n1 a {                   /* links */
   padding-top: 51px;
   height /**/: 51px;
   background-position: 0 -339px;
}
#n2 a {                   /* board */
   padding-top: 63px;
   height /**/: 63px;
   background-position: 0 -424px;
}
#n3 a {                   /* join us */
   padding-top: 67px;
   height /**/: 67px;
   background-position: 0 -108px;
}
#n4 a {                   /* news */
   padding-top: 55px;
   height /**/: 55px;
   background-position: 0 -544px;
}
#n5 a {                   /* home */
   padding-top: 60px;
   height /**/: 60px;
   background-position: 0 -596px;
}
#n6 a {                   /* gallery */
   padding-top: 60px;
   height /**/: 60px;
   background-position: 0 -279px;
}
  /* hover states */
  #n0 a:hover {    background-position: -50px -24px;  } /* education */     
  #n1 a:hover {    background-position: -50px -339px; } /* links */
  #n2 a:hover {    background-position: -50px -424px; } /* board of directors */
  #n3 a:hover {    background-position: -50px -108px; } /* join us */
  #n4 a:hover {    background-position: -50px -544px; } /* news */
  #n5 a:hover {    background-position: -50px -596px; } /* home */
  #n6 a:hover {    background-position: -50px -279px; } /* gallery */
  /* select states */
  #education #n0 a { background-position: -25px -24px;  }
  #links #n1 a {     background-position: -25px -339px; }
  #board #n2 a {     background-position: -25px -424px; }
  #join-us #n3 a {   background-position: -25px -108px; }
  #news #n4 a {      background-position: -25px -544px; }
  #home #n5 a {      background-position: -25px -596px; }
  #gallery #n6 a {      background-position: -25px -279px; }
/*
-----------------------------------------------
Icon Museum Type Styles
----------------------------------------------- */
p,li,dt,dd,label {
  font-family: 'Lucida Grande', arial, sans-serif;
  font-size: 11px;
  line-height: 16px;
  color: #000;
}
#wrapper ul { margin: 10px 5px 15px 25px;}
#wrapper li { 
  margin: 5px 0 0 0;
  line-height: 16px;
}
h1,h2,h3,h4,h5,h6 {
  font-family: 'Lucida Grande', arial, sans-serif;
}
#news h5 { margin-bottom: 15px; }
a {
  color: #75b7cc;
}
a:hover {
  text-decoration: none;
}
strong {
  color: #333;
}
/* =Headers
----------------------------------------------- */
#header h1 {
   display: none;
}
h2.img-replace {
  display: block;
  background-repeat: no-repeat;
  background-position: top center;
  margin: 0 0 25px 0;
  padding-top: 47px;
  height /**/: 47px;
  height: 0 !important;
  overflow: hidden;
}
h3.img-replace {
  display: block;
  height: 30px;
  padding-top: 30px;
  margin-bottom: 8px;
  height /**/: 30px;
  height: 0 !important;
  overflow: hidden;
}
#home h2.img-replace {   background-image: url(/images/typography/coming-soon.gif); }
#home h3.img-replace {   background-image: url(/images/typography/kansas-city.gif); }
#board h2.img-replace {  background-image: url(/images/typography/board.gif); }
#news h2.img-replace {   background-image: url(/images/typography/news.gif); }
#events h2.img-replace { background-image: url(/images/typography/events.gif); }
#links h2.img-replace {  background-image: url(/images/typography/links.gif); }

/* new sections added 22 August 2008 */
#education h2.img-replace {  background-image: url(/images/typography/education.gif); }
#sign-up h2.img-replace {  background-image: url(/images/typography/sign-up.gif); }
#join-us h2.img-replace {  background-image: url(/images/typography/join-us.gif); }

h4 {
   margin: 30px 0 10px 0;
   font-size: 14px;
}
p {
   margin: 0 0 20px 0;
}
p.caption {
   margin: 0 5px 20px 5px;
   color: #ccc;
   font-size: 11px;
   line-height: 13px;
}
hr.line {
  display: block;
  border: none;
  border-top: 1px solid #ddd;
  width: 267px;
  height: 1px;
  margin: 15px 0;
}
dl {
   margin: 0 0 20px 0;
}
dt {
   margin: 5px 0 0 0;
   color: #666;
   font-size: 11px;
   font-weight: bold;
}
dt a {
   font-size: 13px;
   font-weight: normal;
}
dd {
   line-height: 16px;
   font-size: 11px;
}
/*
-----------------------------------------------
Icon Museum Base Styles
----------------------------------------------- */
* {
  margin: 0;
  padding: 0;
}
body {
   background: #333 url(/images/bg.gif) repeat-y top center;
   text-align: center;
}
img {
  border: none;
}
hr,.hide {
  display: none;
}
/* =Structure
----------------------------------------------- */
#page {
   position: relative;
   margin: 0 auto;
   width: 380px;
   text-align: left;
}
#mast {
   float: left;
   width: 25px;
}
#wrapper {
   float: left;
   width: 335px;
}
.group1 {
   padding: 20px 20px 0 30px;
}
#flash {
   padding: 20px 0 0 30px;
}
#posters {
   margin: 0 5px 5px 5px;
   padding: 15px 0 13px 0;
   background: #EAEAEA;
   border-right: 1px solid #ccc;
   border-bottom: 1px solid #ccc;
   text-align: center;
}

/*** 04 LEAD-ACQUISITION FORM ***/
fieldset {
  border: none;
  margin: 15px 0 0 0;
}
div.form-height {
  padding: 3px 4px;
  height: 277px !important;
}
form p,
label {
  display: block;
}
.height-18 {
  height: 18px;
}
  form p { margin: 0 0 0 -8px; font-weight: bold; }
input.check { }
textarea,
input.text-field,
input.text-field-state,
select.text-field {
  font-size: 0.90em;
  color: #222;
  background-image: url(/images/gradient.gif);
  background-repeat: repeat-x;
  border: 1px solid #c7c7c7;
  font-family: Helvetica, Tahoma, Verdana, Arial, sans-serif;
  letter-spacing: -0.005em;
  padding: 3px 4px;
  margin: 0;
}
textarea {
  width: 310px;
  height: 70px;
  padding: 5px;
  background-position: 0 50px;
}
input.text-field,
input.text-field-state,
select.text-field {
  line-height: 1.00em;
  width: 190px;
  padding: 6px 6px 3px 6px;
  margin: 0 0 4px 0;
  background-position: 0 0;
}
  input.text-field-state { width: 40px; }
input.button {
  clear: both;
  padding: 9px 16px;
  margin: 20px 0 0 0;
  font-size: 0.80em;
  color: #222;
  font-weight: bold;
  font-family: "Lucida Grande", Tahoma, Verdana, Arial, sans-serif !important;
}
form .errorExplanation h2 {
  margin: 0;
  padding: 0;
  font-weight: bold;
  line-height: 1.00em;
}
form .errorExplanation p {
  margin-top: -20px;
  padding: 0;
  line-height: 1.00em;
}
form .errorExplanation ul { margin-bottom: 20px; }