body {
 background-color: #222222;
 background-image: url(images/wallpaperbg.png);
 background-repeat: repeat;
 background-attachment: fixed;
 font-family: Verdana;
 font-size: 12px;
 font-weight: 500; 
 color: #fff;
 scrollbar-face-color: #000000;
 scrollbar-highlight-color: #000000;
 scrollbar-3dlight-color: #000000;
 scrollbar-darkshadow-color: #000000;
 scrollbar-shadow-color: #222222;
 scrollbar-arrow-color: #7FADCF;
 scrollbar-track-color: #000000;
 }

i, em {color:  #46c2c3;}

#container { width: 800px; margin: 0px; margin-left: auto; margin-right: auto; margin-top: 0px;  background-color: rgba(0, 0, 0, 0.5) ; height: 100%; }	

#maincontainer { width: 800px; margin: 0px; margin-left: -8px; margin-right: auto; margin-top: -10px; background-color: transparent !important; height: 100%; align: center; }	

#headercontainer { width: 800px; margin: 0px; margin-left: auto; margin-right: auto; margin-top: 0px; background-color: #000000; height: 100%; align: center; }	

#footercontainer { width: 800px; margin: 0px; margin-left: auto; margin-right: auto; margin-top: 0px; background-color: #000000; height: 100%; align: center;  }	

img {border:none;}

A:link  { color: #7FADCF; font-weight: bold; font-size: 12px; text-decoration: none; } 
A:Hover  { POSITION: relative; TOP: 1.5px; LEFT: 1.5px; color: #ffffff; text-decoration : none; font-weight: bold; font-style: none; }
A:visited { color: #7FADCF; font-weight: bold; font-size: 12px; text-decoration : none; }


.divScroll-1 { height: 500px; padding: 5px; overflow-x: hidden; overflow-y: scroll; } /*Episode Guide, Airtimes*/
.divScroll-2 { height: 75px; padding: 5px; overflow-x: hidden; overflow-y: scroll; } /*Index*/


/*Episodes*/
td.round {
 font-size: 12px;
 font-family: Verdana;
 font-weight: 550;
 color: #FFFFFF;
 text-align: left;
 vertical-align: top;
 padding: 10px;
 background-color: #222222;
 -moz-border-radius: 4%;
 }

td.blog{            /*Index*/
font-size: 12px;
font-family: Verdana;
font-weight: normal;
color: #ffffff;
text-align: left;
vertical-align: top;
padding: 5px;
border-color: #323232;
border-style: dashed;
border-width: 0px 0px 1px 0px;
}


H1  { font-color: #7F8E91; font-size: 14px; font-weight: normal; line-height: 14px; text-align: center;  text-transform: lowercase; }  /*Index Blog Previous*/

H2  { font-family: OCR A Extended; color: #8bd8eb; font-size: 16px; font-weight: normal; line-height: 17px; text-align: center; } /*Centre Projects*/

H3  { font-family: OCR A Extended; color: #8bd8eb; font-size: 20px; font-weight: normal; line-height: 21px; text-align: center; } /*Family Tree*/

H4  { font-family: Violation; color: #8bd8eb; font-size: 20px; font-weight: normal; line-height: 20px; text-align: center; }

H5  { font-family: Arial; color: #ffffff; font-size: 9px; font-weight: normal; line-height: 10px; text-align: center; }

H6  { font-family: ColdCoffee, OCR A Extended; color: #ffffff; font-size: 16px; font-weight: normal; line-height: 14px; text-align: center; } /*Index*/

H7  { font-family: Valerie; color: #8bd8eb; font-size: 30px; font-weight: normal; line-height: 30px; text-align: center; } /*Guest Spots*/

H8  { font-family: OCR A Extended; color: silver; font-size: 15px; font-weight: 500; line-height: 16px; text-align: left; } /*Centre Personnel, Episode Guide Lists, Media Index*/

H9  { font-family: OCR A Extended; color: silver; font-size: 18px; font-weight: bold; line-height: 19px; text-align: center !important; } /*Episode Guide, Photo Galleries, Streaming Pages, Centre Locations,  */

H10  { font-family: OCR A Extended; color: silver; font-size: 15px; font-weight: 500; line-height: 17px; text-align: center; } /*Airtime Guides, Cast List*/

H11  { font-family: Arial; color: #f1b000; font-size: 12px; font-weight: bold; line-height: 13px; text-align: left; }

H12  { font-family: Arial; font-size: 9px; font-weight: normal; font-style: italic; line-height: 11px; text-align: right; }

H13  { font-family: OCR A Extended; color: steelblue; font-size: 15px; font-weight: 500; line-height: 16px; text-align: left; } /*Season Pages*/





/* ------------------
 styling for the tables 
   ------------------   */

#table  {
	font-family: Arial;
        color: #ffffff;
        font-size: 12px;
        line-height: 14px;
	padding: 5px 5px 5px 5px;
        align: center;
}

#table.full  {
	width: 90%;
	font-family: Arial;
        color: #ffffff;
        font-size: 12px;
        line-height: 14px;
	padding: 5px 5px 5px 5px;
        align: center;
}


#table.bordered  {
          font-family: Arial;
          color: #ffffff;
          font-size: 12px;
          line-height: 14px;
	  padding: 5px 5px 5px 5px;
          align: center;
}
#table.nobottom  {
          font-family: Arial;
          color: #ffffff;
          font-size: 12px;
          line-height: 14px;
	  padding: 5px 5px 5px 5px;
          align: center;
}
#table.notop  {
          font-family: Arial;
          color: #ffffff;
          font-size: 12px;
          line-height: 14px;
	  padding: 5px 5px 5px 5px;
          align: center;
}


td.noborder {
         font-size: 12px;
         font-family: Verdana;
         font-weight: 500;
         color: #ffffff;
         text-align: left;
         vertical-align: top;
         padding: 5px 5px 5px 5px;
}

td.hoverbox {
         font-size: 12px;
         font-family: Verdana;
         font-weight: normal;
         color: #ffffff;
         align: center;
         vertical-align: top;
         padding: 5px 5px 5px 60px;
}

td.noborderv {
         font-size: 12px;
         font-family: Verdana;
         font-weight: normal;
         color: #ffffff;
         text-align: left;
         vertical-align: center;
         padding: 5px 5px 5px 5px;
}
td.noborderc { /*Footer*/
         font-size: 12px;
         font-family: Verdana;
         font-weight: normal;
         color: #ffffff;
         text-align: center;
         vertical-align: top;
         padding: 5px 5px 5px 5px;
}        


td.noborderr {
         font-size: 12px;
         font-family: Verdana;
         font-weight: normal;
         color: #ffffff;
         text-align: right;
         vertical-align: top;
         padding: 5px 5px 5px 5px;
}            
td.left {
         font-size: 12px;
         font-family: Verdana;
         font-weight: normal;
         color: #ffffff;
         text-align: left;
         vertical-align: top;
         padding: 5px 5px 5px 5px;
         border-color: #222222;
         border-style: solid;
	 border-width: 1px 1px 1px 1px;
}    

td.leftv {
         font-size: 12px;
         font-family: Verdana;
         font-weight: normal;
         color: #ffffff;
         text-align: left;
         vertical-align: center;
         padding: 5px 5px 5px 5px;
         border-color: #222222;
         border-style: solid;
	 border-width: 1px 1px 1px 1px;
}    

td.nobordergrey {
         font-size: 12px;
         font-family: Verdana;
         font-weight: normal;
         color: #ffffff;
         text-align: center;
         vertical-align: top;
         padding: 0px 5px 2px 5px;
         background-color: #222222;
}    
td.nobordergreyl {
         font-size: 12px;
         font-family: Verdana;
         font-weight: normal;
         color: #ffffff;
         text-align: left;
         vertical-align: top;
         padding: 0px 5px 0px 5px;
         background-color: #222222;
}    

td.right {
         font-size: 12px;
         font-family: Verdana;
         font-weight: normal;
         color: #ffffff;
         text-align: right;
         vertical-align: top;
         padding: 5px 5px 5px 5px;
         border-color: #222222;
         border-style: solid;
	 border-width: 1px 1px 1px 1px;

}
td.rightv {
         font-size: 12px;
         font-family: Verdana;
         font-weight: normal;
         color: #ffffff;
         text-align: right;
         vertical-align: center;
         padding: 5px 5px 5px 5px;
         border-color: #222222;
         border-style: solid;
	 border-width: 1px 1px 1px 1px;

}
td.center {
         font-size: 12px;
         font-family: Verdana;
         font-weight: normal;
         color: #ffffff;
         text-align: center;
         vertical-align: top;
         padding: 5px 5px 5px 5px;
         border-color: #222222;
         border-style: solid;
	 border-width: 1px 1px 1px 1px;

}

td.center1 {
         font-size: 12px;
         font-family: ORCA A Extended;
         font-weight: normal;
         color: #59a4db;
         text-align: center;
         vertical-align: top;
         padding: 5px 5px 5px 5px;
 background-color: #111111;        
 border-color: #222222;
 border-style: solid;
 border-width: 0px 1px 1px 0px;

}

td.center1 a:hover {
         font-size: 12px;
         font-family: ORCA A Extended;
         font-weight: normal;
         color: #333333;
         text-align: center;
         vertical-align: top;
         padding: 5px 5px 5px 5px;
 border-color: #111111;
 border-style: solid;
 border-width: 0px 1px 1px 0px;

}

td.centerv {
         font-size: 12px;
         font-family: Verdana;
         font-weight: normal;
         color: #ffffff;
         text-align: center;
         vertical-align: center;
         padding: 5px 5px 5px 5px;
         border-color: #222222;
         border-style: solid;
	 border-width: 1px;
}


td.steelblue {
 font-size: 12px;
 font-family: Verdana;
 font-weight: normal;
 color: steelblue;
 text-align: center;
 vertical-align: top;
 padding: 5px 5px 5px 5px;
 border-color: steelblue;
 border-style: solid;
 border-width: 1px 1px 1px 1px;
}

td.green {
         font-size: 12px;
         font-family: Verdana;
         font-weight: normal;
         color: #58986c;
         text-align: center;
         vertical-align: top;
         padding: 5px 5px 5px 5px;
         border-color: #58986c;
         border-style: solid;
	 border-width: 1px 1px 1px 1px;
}

td.blue {
         font-size: 12px;
         font-family: Verdana;
         font-weight: normal;
         color: #ffffff;
         text-align: center;
         vertical-align: top;
         padding: 5px 5px 5px 5px;
         border-color: #59a4db;
         border-style: solid;
	 border-width: 1px 1px 1px 1px;

}
td.#59a4dbl {
         font-size: 12px;
         font-family: Verdana;
         font-weight: normal;
         color: #ffffff;
         text-align: left;
         vertical-align: top;
         padding: 5px 5px 5px 5px;
         border-color: #59a4db;
         border-style: solid;
	 border-width: 1px 1px 1px 1px;

}
          
td.header {
         font-size: 12px;
         font-family: Verdana;
         font-weight: normal;
         color: #59a4db;
         text-align: center;
         vertical-align: top;
         padding: 5px 5px 5px 5px;
         border-color: #222222;
         border-style: solid;
	 border-width: 1px 1px 1px 1px;

}

td.headerno {
         font-size: 12px;
         font-family: Verdana;
         font-weight: normal;
         color: #59a4db;
         text-align: center;
         vertical-align: top;
         padding: 5px 5px 5px 5px;
         border-color: #222222;
         border-style: solid;
	 border-width: 0px;

}

td.quotes {
         text-align: center;
         vertical-align: top;
         padding: 5px 5px 5px 5px;
         border-color: #59a4db;
         border-style: dashed;
	 border-width: 1px 1px 1px 1px;
}

td.dashed{ 
         font-size: 12px;
         font-family: Verdana;
         font-weight: normal;
         color: #ffffff;
         text-align: left;
         vertical-align: top;
         padding: 5px;
         border-color: #59a4db;
         border-style: dashed;
	 border-width: 1px 1px 1px 1px;
}

p {
         font-size: 12px;
         font-family: Verdana;
         font-weight: normal;
         color: #f7f6f0;
         text-align: left;
}    

p.index{ 
 background: #222222;
 font-size: 12px;
 font-family: Verdana;
 font-weight: normal;
 color: #ffffff;
 text-align: left;
 padding: 0px 0px 10px 0px;
 -moz-border-radius:2%;
}

p.dashed{ 
 font-size: 12px;
 font-family: Verdana;
 font-weight: normal;
 color: #ffffff;
 text-align: left;
 vertical-align: top;
 padding: 5px;
 border-color: #59a4db;
 border-style: dashed;
 border-width: 1px 1px 1px 1px;
}


ul      { 
        background-color: transparent;
        overflow: auto;
        font-family: Verdana;
        margin:0;
        padding: 0em 5em 1em 1.1em;
        color: #fffff;
        width: 90%;
}
ul li   {
        background: transparent;
        font-size: 12px;
}
ul code {
        color:#ffffff;
}

.qt {
color: #FFFFF;
font-weight: none;
text-align: center;
}

.qt1 {
color: #ffffff;
font-weight: bold;
text-align: center;
font-style: italic;
margin-top:-10px;
}


/* =Hoverbox Code
----------------------------------------------------------------------*/

.hoverbox
{
	cursor: default;
	list-style: none;
}

.hoverbox a
{
	cursor: default;
}

.hoverbox a .preview
{
	display: none;
}

.hoverbox a:hover .preview
{
	display: block;
	position: absolute;
	top: -33px;
	left: -45px;
	z-index: 1;
}

.hoverbox img
{
	background: #000;
	border-color: #333;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 2px;
	vertical-align: top;
	width: 100px;
	height: 75px;
}

.hoverbox li
{
	background: #000;
	border-color: #333;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;
	margin: 3px;
	padding: 5px;
	position: relative;
        align: center;
}


.hoverbox .preview
{
	border-color: #000;
	width: 200px;
	height: 150px;
}


/* =RSS FEED
----------------------------------------------------------------------*/

<style type="text/css">
<!--
td.rssFeedTitle {
padding: 3px;
background-color: #000000;
}
.rssFeedDescription {
font-size: 10;
font-weight: italic;
font-family: arial;
font-style: normal;
color: #ffffff;
} 
td.rssFeedListings {
font-size: 10;
font-weight: normal;
font-family: arial;
font-style: normal;
padding: 3px;
} 
-->
</style>