body   {
       margin:0;
       padding:0;
       background-color:#000;
       font-family:arial,verdana, "Times New Roman", sans-serif;
       font-size:140%;
       }
#container {
       position:relative;
       top:10px;
       margin-right:auto;
       margin-left:auto;
       width:980px;
       height:auto;
       background-color:transparent;
       } 
#header  {
       position:relative;
       top:0;
       width:980px;
       height:120px;
       background-color:transparent;
       border-radius:20px;
       box-shadow: 0 0 10px 2px #aaa;              
       }
#headerpics {
       position:absolute;
       margin-top:20px;
       margin-left:757px;
       border:0px solid #fff;       
       }
#content {
       position:relative;
       margin-top:40px;
       margin-right:auto;
       margin-left:auto;
       margin-bottom:100px;
       width:980px;
       height:auto;
       padding-bottom:140px;
       border:1px solid #aaa;       
       background-color:#101010;
       border-radius:20px;
       box-shadow: 0 0 10px 2px #aaa;        
       }
#infobox {
      position:relative;
      top:40px;
      width:860px;
      height:120px;
      margin-left:auto;
      margin-right:auto;
      border:0px solid #fff;
      background-color:transparent;
      background-image:url("../header-titles/div4subheader.png");
      background-repeat:no-repeat;
      border-radius:10px;
      box-shadow: 0 0 10px 2px #aaa;     
      }       
.topnav {
     position:relative;
     margin-top:20px;
     width:150px;
     margin-right:auto;
     margin-bottom:30px;
     margin-left:430px;       
     background-color:transparent;
     }
.topnav li {
     display: inline;
     margin: 0;
     }
.topnav li a {
     font-size:54%;
     font-weight:bold;
     text-decoration: none;
     position: relative;
     z-index: 1;
     padding:4px 5px 4px 5px;
     border-top:1px solid #555;
     border-right:1px solid #aaa;
     border-bottom:1px solid #555;
     border-left:1px solid #555;
     color: #fff;
     background: url(../images/nav-off.jpg) top left repeat-x;
     }
.topnav li a:visited {
     color: #fff;
     }
.topnav li a:hover {
     text-decoration: none;
     color: #000;
     border-top:1px solid #888;
     border-right:1px solid #000;
     border-bottom:1px solid #000;
     border-left:1px solid #000;
     background: white url(../images/nav-on.jpg) top left repeat-x;
     }
.topnav li a.selected {
     position: relative;
     }
.topnav li a.selected {
     background-image: url(../images/indentbg2.gif);
     }
.topnav li a.selected:hover {
     text-decoration:none;
     }
h2    {
      font-size:85%;
      font-weight:bold;
      margin-left:0;
      color:#000;
      padding-top:5px;
      margin-bottom:1px;
      text-align:center;
      }
h3    {
      font-size:60%;
      font-weight:bold;
      margin-left:75px;
      color:#fff;
      }
h4    {
      font-size:60%;
      font-weight:bold;
      margin-top:35px;       
      color:#fff;
      text-align:center;
      }
h5    {
      font-size:58%;
      font-weight:bold;
      color:#0000f0;
      text-align:center;
      }
#leftbox {
      float:left;
      margin-top:145px;
      width:210px;
      height:auto;
      margin-left:15px;
      margin-right:auto;
      margin-bottom:20px;
      padding-top:25px;
      padding-bottom:2px;      
      background-color:#000;
      border:1px solid #000;       
      border-radius:10px;
      box-shadow: 0 0 10px 2px #19356f;      
      }       
.menu {
      list-style-type:none;
      margin-top:-20px;
      margin-left:-28px;
      padding-left:0px;
      width:205px;
      border-bottom:0px solid #fff;
      }
.menu a {
      display: block;
      text-decoration: none;	
      }
.menu li {
      margin-top:0px;
      line-height:1.9;
      list-style-type:none;      
      }
.menu li a {
      background:#000;
      color: #fff;	
      padding:2px 0 4px 4px;
      font-size:52%;
      font-weight:bold;
      }
.menu li a:hover {
      background: #204287;
     }
.menu li a.selected {
     position: relative;
     }
.menu li a.selected {
     color:#000;
     background-image: url("../images/nav-on.jpg");
     background-repeat:no-repeat;
     }
.menu li a.selected:hover {
     text-decoration:none;
     }
#rightboxheader {
     position:relative;
     top:25px;
     margin-left:260px;
     margin-right:auto;
     width:685px;
     height:50px;
     padding-bottom:0px;
     background:transparent;
     background-image:url("../images/div4details.png");
     background-position:center center;
     background-repeat:no-repeat;
     border:0px solid #ff0000;
     }
#rightbox {
     position:relative;
     margin-top:40px;
     width:695px;
     height:550px;
     margin-left:250px;
     margin-right:auto;
     margin-bottom:10px;
     overflow:auto;
     padding:5px 2px 0 4px;;
     border:1px solid #000;
     background-color:#000;
     text-align:center;
     z-index:10;
     }    
#rightbox p {
     font-size:58%;
     font-weight:normal;
     color:#fff;
     background:transparent;
     }
#rightbox h2 {
     font-size:100%;
     font-weight:bold;
     margin-left:0;
     color:#fff;
     background:#000;
     padding-top:2px;
     padding-bottom:5px;
     margin-bottom:10px;
     text-align:center;
     }
#episodetable {
     float:left;
     width:675px;
     margin-left:0px;
     background:transparent;
     border-collapse:collapse;
     line-height:2.0;
     padding-bottom:10px;      
     }
#episodetable th {
     font-size:60%;
     font-weight:bold;
     color:#fff;
     background:#204287;
     border:1px solid #000;
     border-collapse:collapse;      
     text-align:center;
     }
#episodetable tr {
     font-weight:bold;
     color:#fff;
     background:#303030;      
     text-align:center;
     }
#episodetable td {
     font-size:52%;
     padding:2px 0 2px 2px;
     border:1px solid #000;      
     border-collapse:collapse;       
     }
td.left {text-align:left;}      
#episodetable td.hilite {
     background:#91c8e5;
     text-align:left;
     }
#episodetable td.new {
     background:#fff2ab;
     text-align:left;
     }
#episodetable a:link {
     font-weight: bold;
     font-size: 60%;
     color: #fff; 
     background-color: transparent;
     padding-left:0;
     text-decoration: none;
     text-align: center;
     }
#episodetable a:visited {
     color: #fff;
     background-color: transparent;
     text-decoration: none;
     }
#episodetable a:hover {
     color:#0066FF;
     background-color: transparent;
     text-decoration: none;
     }
.clear {
     clear:both;
     }
.info {padding-top:2px; padding-left:10px;}
/* use for two info images that overlap and have a z-index problem */
a.tooltip {
     color:#FFCC00;
     }
a.tooltip b {
     display:none;
     }
a.tooltip:hover {
     position:relative; z-index:500; text-decoration:none;
     }
a.tooltip:hover b {
     display:block; position:absolute; top:18px; left:-25px; padding:10px; font-weight:bold; font-size:12px; color:#000080; border:2px solid #000080; background:#fff; width:350px;
     border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
	  box-shadow: 3px 3px 3px rgba(40, 40, 40, 0.5); -webkit-box-shadow: 3px 3px rgba(40, 40, 40, 0.5); -moz-box-shadow: 3px 3px rgba(40, 40, 40, 0.5);
     }