/* CSS Document */

html, body { margin: 0; padding: 0; 
  font: small Verdana, Arial, sans-serif;
  background: #FFF;
  text-align: center; }


#header { margin: 10px auto 0; padding: 0;
  width: 890px;
  background: url(/thecenter/acttt/images/top.gif) no-repeat;
  height: 104px;   }
  
#main { 
margin: 0 auto; padding: 0; 
  width: 890px;
  background: url(/thecenter/acttt/images/main.gif) repeat-y;
  min-height: 500px;
  height: auto !important;
  height: 500px;
  text-align: left; }   

#nav  { margin: 0 0 0 20px; float: left; width: 200px; }

#nav img { margin: 40px 0  0 5px;}

#nav ul {margin: 0 0 10px; padding: 0; list-style: none; }

#nav li { list-style: none; margin: 0; border-bottom: 1px solid #222;  }

#nav a {font-size: small;
        text-decoration: none;   
        color: #fff;
        padding: 0 0 0 1px;
        line-height: 2em;
        display: block; }

#nav a:hover { color: #f00; background: #000;}	

#content {
  float: right;
  display: block;
  width: 595px;
  margin: 0;
  padding: 0 40px 20px 20px;  } 

#content h1 { text-align: center; border-bottom: 1px dashed black; padding: 10px 0 10px; margin: 0 0 10px ; }

#content h2 { margin-top: 30px; color: #666; }

#content p { margin: 0; padding: 5px 0 10px; }

#content ul { margin: 0; padding-left: 20px; }

#content ol { margin: 0; padding: 5px 0 10px 20px; }

#disclaimer { text-align: left; font-size: .7em; margin: 0 auto; padding: 0; background: url(/thecenter/acttt/images/main.gif) repeat-y; width: 890px;  }

#disclaimer p { margin: 0; padding: 5px 20px 5px 235px; }

#bottom {  clear: left;
  width: 890px; margin: 0 auto;
  text-align: center; letter-spacing: .1em; 
  line-height: 1.8em; padding: 2px 0;
  background: url(/thecenter/acttt/images/bottom.gif) repeat-y;
  color: #fff; } 
  
.left { float: left; }

.right { float: right; }

.clear { clear: left; }

#content img { padding: 10px; }

#affiliations img { padding: 20px 0 0 100px; }

.products { margin-left: 42px;  }

.comments { margin: 15px 0 0 0;  }

#content a { color: #000; text-decoration: none; border-bottom: 1px solid black; }

#content a:hover { border-bottom: 2px solid black; }

#softnav, #technav { float: left; margin: 5px 0; padding: 0 0 10px 0; list-style: none; font-size: .9em;   }

#softnav a, #technav a { text-decoration: none; color: #000; border-bottom: 1px solid black; }

#softnav a:hover, #technav a:hover {border-bottom: 2px solid black; }

#softnav li, #technav  li { float: left; padding: 0 5px 2px; }

#green { color: green; }

#red {color: red; }

table { margin: 0 auto; padding: 20px 0;  width: 500px; }

td, th { background: #DDD; text-align: center; padding-bottom: 5px;  }

/* hides the second object from all versions of IE */
* html object.mov {
    display: none;
}

/* displays the second object in all versions of IE apart from 5 on PC */
* html object.mov/**/ {
    display: inline;
}

/* hides the second object from all versions of IE >= 5.5 */
* html object.mov {
    display/**/: none;
}

#movie { padding: 20px 0 0 135px; }

#movies ul { list-style: none; margin: 0; padding: 20px 0 0; }

#movies li { margin: 0; list-style: none; height: 240px; width:180px; background: url(/thecenter/acttt/images/clapper.gif) no-repeat;  float: left; padding-right: 10px; position: relative; }

#movies a { padding: 200px 0 0 65px; display: block;  border-width: 0px; }

#movies a:hover { border-width: 0px; }

#movies a.sample1 { background: url(/thecenter/acttt/images/sample1.gif) 43px 93px no-repeat;}

#movies a.sample2 { background: url(/thecenter/acttt/images/sample2.gif) 43px 93px no-repeat;}

#movies a.sample3 { background: url(/thecenter/acttt/images/sample3.gif) 43px 93px no-repeat;} 

#books { padding: 20px 0 0 0; }

#books ul { list-style: none; margin: 0; padding: 20px 0 0; }

#books li { margin: 0; list-style: none; height: 240px; width:180px; float: left; padding-right: 10px; position: relative; }

#books li.one { background: url(/thecenter/acttt/images/Yearbook.gif) no-repeat; }

#books li.two { background: url(/thecenter/acttt/images/Yearbook2.gif) no-repeat; }

#books li.three { background: url(/thecenter/acttt/images/Yearbook3.gif) no-repeat; }

#books a { padding: 50px 10px 0 20px; display: block;  border-width: 0px; color: #FFF; text-align: center; height: 155px;}

#prods { padding: 20px 0 0 0;   }

#prods ul { list-style: none; margin: 0; padding: 20px 0 0; }

#prods li { margin: 0; list-style: none; height: 240px; width:122px; float: left; padding-right: 20px; position: relative; }

#prods li.books { background: url(/thecenter/acttt/images/book.gif) no-repeat; }

#prods li.movies { background: url(/thecenter/acttt/images/movie.gif) 0 10px no-repeat; }

#prods li.slideshows { background: url(/thecenter/acttt/images/slideshow.gif) 0 30px no-repeat; }

#prods li.vft { background: url(/thecenter/acttt/images/vft.gif) 0 30px  no-repeat; }

#prods li.cm { background: url(/thecenter/acttt/images/cm.gif) 0 30px no-repeat;; }

#prods li.ir { background: url(/thecenter/acttt/images/ir.gif) 0 30px no-repeat; }

#prods li.podcasts { background: url(/thecenter/acttt/images/podcasts.gif) no-repeat; }

#prods a { padding: 150px 0 0 0; display: block;  border-width: 0px; width:120px; text-align: center;  }

#books a:hover, #movies a:hover, #prods a:hover {border-width: 0; text-decoration: underline;  }

#center { text-align: center; display: block; float: left; width: 595px;  }

#back  { float: left; width: 595px; text-align: center; display: block;  margin-top:  30px; }

#podcasts { background: url(/thecenter/acttt/images/podcasts.gif) 50% 0 no-repeat; height: 200px; margin-top: 10px; }

#centerlink { text-align: center; display: block; float: left; width: 595px;  padding-top: 155px; }

#pad { padding: 0 140px; }

#back a.none { border-width: 0; font-size: x-large; font-weight: bolder;}

#back a.none:hover {border-bottom: 1px solid black; }

#back a.spacer {margin-right: 4em;}