
body
{
background-color:#000000;
font-size:12px;
  margin-bottom:0;
  margin-left:0;
  margin-right:0;
  margin-top:0;
  padding-bottom:0;
  padding-left:0;
  padding-right:0;
  padding-top:0;
  text-align:center;
}

#header{
display:block;
  background-color:#343434;
color:#e6ba1e;
  font-weight:bolder;
  text-align:center;
  height:70px;
}

footer{
text-align:center;
font-size:10px;
background-color:#343434;
width: 1000px;
clear:both;
}

#site
{
background-color: #121212;
width: 1000px;
margin: 0px auto;
color:#ffffff;
font-family:"Times New Roman", Times, serif;
}

#nav
{
width:180px;
min-height: 500px;
position:relative;
left:0px;
vertical-align:top;
background-color:#121212;

float:left;
}

#centered
{
clear:both;
}

.centreim
{
vertical-align:text-top;
clear:both;
}

#content
{
vertical-align:top;
background-color: #121212;
width:820px;
height:auto;
position:relative;
left:0px;
float:left;
}

.article {
text-align:justify;
margin: 12px 40px;
}

.left {
text-align:left;
margin: 0px 10px 0px 40px;
}

.divsino {
height:auto; 
min-height:400px; 
vertical-align:text-top;
width:390px;
margin: 0px 0px 20px 0px;
border-style:inset;
border-width:2px;
border-color:#FCA000;
text-align:center;
}

.divs {
height:auto; 
vertical-align:text-top;
width:390px;
margin: 10px auto;
text-align:center;
}

.divsin {
height:auto;  
vertical-align:text-top;
min-height:390px; 
width:800px;
margin: 0px 0px 20px 0px;
border-style:inset;
border-width:2px;
border-color:#FCA000;
clear:both;
}

.divmain3 {
height:auto;  
min-height:390px; 
width:800px;
margin: 50px 10px 20px 10px;
border-width:0px;
clear:both;
text-align:center;
}

.imgl {
float:left;
height:auto;
margin: 10px 10px 0px 40px;
}

.imgr {
float:right;
height:auto;
margin: 10px 40px 0px 10px;
}
.imgcr {

height:auto;
width:300px;
display:inline;
margin: 10px 50px;
vertical-align:text-top;
}
.imgcl {

height:auto;
width:300px;
display:inline;
margin: 10px 50px;
vertical-align:text-top;
}
.vidbox{
margin:50px 100px;
position:fixed;

}
.vid{
}

.divsinopsys{
width:500px;
margin:10px auto;
border-style:inset;
border-width:3px;
border-color:#FCA000;
padding: 5px 10px;
}

.bold{
font-size:1EM;font-weight:bold;
}

h1 {
display:inline-block;
font-size:40px;
color: #FCA000;
margin-top:10px;
margin-bottom:10px;
}
h2 {font-size:30px;
text-align:center;}

h3 {font-size:40px;}
h4 {font-size:30px;}

h5 {font-size:1.5EM; text-align:left; margin: 12px 40px;}
h6 {font-size:1.2EM;font-weight:bold;}

p {font-size:14px;}

a:visited {
	color: #FCA000;
	text-decoration: none;
}

a:link {
	color: #FCA000;
	text-decoration: none
}

a:hover {
	color: #ffffff;
	text-decoration: underline;
}

Div.navsplit{
align:center;
clear: both;
margin: 0 auto;
}

ul.navsplit
{
list-style-type:none;
margin:0;
padding:0;
overflow:hidden;
}
li.navsplit
{
float:left;
}
a.navsplit:link,a.navsplit:visited
{
display:block;
width:117px;
font-weight:bold;
color:#FFFFFF;
background-color: #232323;
text-align:center;
padding:4px;
text-decoration:none;
text-transform:uppercase;
}
a.navsplit:hover,a.navsplit:active
{
background-color: #FCA000;
color:#000000;
}




div.imgg
{
  margin: 2px;
  border: 1px solid #000000;
  height: 150px;
  width: 190px;
  float: left;
  text-align: center;
}
span.imggg
{ 
  position: absolute; top: 300px;
  display: inline;
  margin: 2px;
  border: 0px solid #000000;
  height: auto;
  width: auto;
  z-index: -1;
}
div.imggg
{ 
  margin: 2px;
  border: 5px solid #000000;
  height: auto;
  width: auto;
  z-index: -1;
}


span.imggt
{ 
  position: absolute; top: 200px; left: 1;
  display: inline;
  margin: 2px;
  border: 0px solid #000000;
  height: auto;
  width: auto;
  z-index:0;
}	
span.imggi
{ 
  position: relative; top: 50px; left: 30; 
  display: inline;
  margin: 2px;
  border: 1px solid #000000;
  height: auto;
  width: auto;
  z-index:1;
}	

div.imgg a:hover img {border: 1px solid #000000;}
div.descm
{
  text-align: center;
  font-weight: normal;
  width: 150px;
  margin: 2px;
}div.desc
{
  text-align: center;
  font-weight: normal;
  width: 120px;
  margin: 2px;
}
.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}
.thumbnail2{
position: relative;
z-index: 0;
}

.thumbnail2:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #0088dd;
padding: 5px;
left: -1000px;
border: 1px solid;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 1px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 20px; /*position where enlarged image should offset horizontally */

}.thumbnail2 span{ /*CSS for enlarged image*/
position: absolute;
background-color: #0088dd;
padding: 5px;
top: -450px;
left: -1000px;
border: 1px solid;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail2 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 1px;
}

.thumbnail2:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -450px;
left: -200px; /*position where enlarged image should offset horizontally */

}

.tdleft {
text-align: left;
}

.tdright {
text-align: right;
}

table.stats {
	border: 1px solid #FCA000;
	padding: 3px;
	margin: 0px 10px 0px 20px;
	width: 300px;
	background-color: #121212;
	text-align: left;
}

table.stats2 {
	border: 1px solid #000000;
	padding: 3px;
	background-color: #ffffff;
	text-align: left;
}

table.stats3 {
	border: 1px solid #FCA000
	padding: 3px;
	background-color: #121212;
	text-align: center;
	width:90%;
	margin:0px 10px 0px 40px;
}
table.stats3a {
	width: 60%;
	border: 1px solid #FCA000;
	padding: 3px;
	background-color: #121212;
	text-align: center;
}

td.statd3{
	border: 0px solid #000000;
	padding: 3px;
	background-color: #121212;
	text-align: left;
}

table.recor{
	width: 90%;
	border: 1px solid #FCA000;
	padding: 3px;
	background-color: #121212;
	text-align: center;
	Margin: 10px auto;
	border-collapse:collapse;
}

table.recor td
{
	border: 1px solid #FCA000;
	text-align: center;
	border-collapse:collapse;
}


.gfx {
width:635px; 
text-align:left; 
position:relative; 
margin:0 auto;
}

.gfx ul.topic {
padding:0 50px 0 50px; 
margin:0; 
list-style:none; 
width:635px; 
height:auto; position:relative; 
z-index:10;
}

.gfx ul.topic li {
display:block; 
width:150px; 
height:31px; 
float:left;
margin: 0 0 0 25px;
}

.gfx ul.topic li a.set {
display:block; 
font-size:11px; 
width:124px; 
height:30px; text-align:center; 
line-height:30px; 
color:#FFF; 
text-decoration:none; 
border:1px solid #FCA000; 
border-width:1px 1px 1px 1px; 
background:#121212; 
font-family:verdana, arial, sans-serif;
}

.gfx ul.topic li a ul, 
.gfx ul.topic li ul 
{display:none;}

.gfx ul.topic li.active a
{color:#FFF; background:#121212;}

.gfx ul.topic li a:hover,
.gfx ul.topic li:hover a
{color:#fff; background:#232323;}

.gfx ul.topic li.active ul
{display:block; position:absolute; left:0; top:31px; list-style:none; padding:0; margin:0; height:375px; background:#121212; width:464px; padding:40px 60px; border:20px solid #121212; z-index:1;}

.gfx ul.topic li a:hover ul, 
.gfx ul.topic li:hover ul
{display:block; position:absolute; left:0; top:31px; list-style:none; padding:0; margin:0; height:375px; background:#121212; width:464px; padding:40px 60px; border:20px solid #121212; z-index:100;}

.gfx ul.topic li ul li
{display:inline; width:112px; height:87px; float:left; border:1px solid #fff; margin:1px;}

.gfx ul.topic li ul li a
{display:block; width:110px; height:85px; cursor:default; float:left; text-decoration:none; background:#121212; border:1px solid #FCA000;}

.gfx ul.topic li ul li a img
{display:block; width:100px; height:75px; border:5px solid #121212;}

.gfx ul.topic li a:hover ul li a:hover, 
.gfx ul.topic li:hover ul li a:hover 
{white-space:normal; position:relative;}

.gfx ul.topic li a:hover ul li a:hover img, 
.gfx ul.topic li:hover ul li a:hover img 
{position:absolute; left:-50px; top:-32px; width:200px; height:150px; border-color:#FCA000;}