body {

 margin:0px;

 padding:0px;

 font-family: Arial;

 background-color: #222222;
 
 background-image: url(images/wallpaperbg.png);

 background-repeat: repeat;

 background-attachment: fixed;

 font-size: 12px;

 color: #fff;

 
}


#container {

	width: 800px;

	margin: 0px;

	margin-left: auto;

	margin-right: auto;

	margin-top: 0px;

	background-color: #000000;

	height: 100%;

        border-color: #000000;

        border-style: solid;

	border-width: 0px;

 }	

#maincontainer {

	width: 800px;

	margin: 0px;

	margin-left: -8px;

	margin-right: auto;

	margin-top: -10px;

	background-color: #000000;

	height: 100%;

        border-color: #000000;

        border-style: solid;

	border-width: 0px;

        align: center;

 }	

#headercontainer {

	width: 800px;

	margin: 0px;

	margin-left: auto;

	margin-right: auto;

	margin-top: 0px;

	background-color: #000000;

	height: 100%;

        border-color: #000000;

        border-style: solid;

	border-width: 0px;

        align: center;

 }	

#footercontainer {

	width: 800px;

	margin: 0px;

	margin-left: auto;

	margin-right: auto;

	margin-top: 0px;

	background-color: #000000;

	height: 100%;

        border-color: #000000;

        border-style: solid;

	border-width: 0px;

        align: center;

 }	

img {border:none;}


H1  {
          font-family: Arial;
          color: #ffffff;
          font-size: 14px;
          font-weight: normal;
          line-height: 15px;
          text-align: center;
}
          
 H2  {
          font-family: OCR A Extended;
          color: #006699;
          font-size: 16px;
          font-weight: normal;
          line-height: 17px;
          text-align: center;
}
 H3  {
          font-family: Violation;
          color: #006699;
          font-size: 20px;
          font-weight: normal;
          line-height: 21px;
          text-align: center;
}
 H4  {
          font-family: Violation;
          color: #006699;
          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: OCR A Extended;
          color: silver;
          font-size: 12px;
          font-weight: normal;
          line-height: 12px;
          text-align: center;
}
 H7  {
          font-family: Valerie;
          color: #006699;
          font-size: 30px;
          font-weight: normal;
          line-height: 30px;
          text-align: center;
}
 H8  {
          font-family: OCR A Extended;
          color: silver;
          font-size: 15px;
          font-weight: 500;
          line-height: 16px;
          text-align: left;
}

 H9  {
          font-family: OCR A Extended;
          color: silver;
          font-size: 18px;
          font-weight: 500;
          line-height: 19px;
          text-align: center;
}

 H10  {
          font-family: OCR A Extended;
          color: silver;
          font-size: 15px;
          font-weight: 500;
          line-height: 17px;
          text-align: center;
}

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; /*Season Pages*/
          color: steelblue;
          font-size: 15px;
          font-weight: 500;
          line-height: 16px;
          text-align: left;
}



 A:link  {
 	color: #5898c6;
        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: #59a4db;
        font-weight: bold;
        font-size: 12px;
        text-decoration : none;
}



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

#table  {
	font-family: Arial;
        color: #ffffff;
        font-size: 12px;
        line-height: 14px;
        background-color: #000000;
        border-color: #000000;
        border-style: solid;
	border-width: 1px;
	padding: 5px 5px 5px 5px;
        align: center;
}

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


#table.bordered  {
          font-family: Arial;
          color: #ffffff;
          font-size: 12px;
          line-height: 14px;
          background-color: #000000;
          border-color: #222222;
          border-style: solid;
	  border-width: 1px 1px 1px 1px;
	  padding: 5px 5px 5px 5px;
          align: center;
}
#table.nobottom  {
          font-family: Arial;
          color: #ffffff;
          font-size: 12px;
          line-height: 14px;
          background-color: #000000;
          border-color: #222222;
          border-style: solid;
	  border-width: 1px 1px 0px 1px;
	  padding: 5px 5px 5px 5px;
          align: center;
}
#table.notop  {
          font-family: Arial;
          color: #ffffff;
          font-size: 12px;
          line-height: 14px;
          background-color: #000000;
          border-color: #222222;
          border-style: solid;
	  border-width: 0px 1px 1px 1px;
	  padding: 5px 5px 5px 5px;
          align: center;
}


td.noborder {
         font-size: 12px;
         font-family: Arial;
         font-weight: normal;
         color: #ffffff;
         text-align: left;
         vertical-align: top;
         padding: 5px 5px 5px 5px;
         border-color: #000000;
         border-style: none;
	 border-width: 1px 1px 1px 1px;

}

td.hoverbox {
         font-size: 12px;
         font-family: Arial;
         font-weight: normal;
         color: #ffffff;
         align: center;
         vertical-align: top;
         padding: 5px 5px 5px 60px;
         border-color: #000000;
         border-style: none;
	 border-width: 1px 1px 1px 1px;

}

td.noborderv {
         font-size: 12px;
         font-family: Arial;
         font-weight: normal;
         color: #ffffff;
         text-align: left;
         vertical-align: center;
         padding: 5px 5px 5px 5px;
         border-color: #000000;
         border-style: none;
	 border-width: 1px 1px 1px 1px;

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

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

}            
td.left {
         font-size: 12px;
         font-family: Arial;
         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: Arial;
         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: Arial;
         font-weight: normal;
         color: #ffffff;
         text-align: center;
         vertical-align: top;
         padding: 0px 5px 2px 5px;
         border-color: #222222;
         border-style: solid;
	 border-width: 1px 1px 1px 1px;
         background-color: #222222;
}    
td.nobordergreyl {
         font-size: 12px;
         font-family: Arial;
         font-weight: normal;
         color: #ffffff;
         text-align: left;
         vertical-align: top;
         padding: 0px 5px 0px 5px;
         border-color: #222222;
         border-style: solid;
	 border-width: 1px 1px 1px 1px;
         background-color: #222222;
}    

td.right {
         font-size: 12px;
         font-family: Arial;
         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: Arial;
         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: Arial;
         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.centerv {
         font-size: 12px;
         font-family: Arial;
         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: Arial;
         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: Arial;
         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.#59a4db {
         font-size: 12px;
         font-family: Arial;
         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: Arial;
         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: Arial;
         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: Arial;
         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: Arial;
         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: Arial;
         font-weight: normal;
         color: #f7f6f0;
         text-align: left;
}    

p.dashed{ 
         font-size: 12px;
         font-family: Arial;
         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: Arial;
        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;
}