﻿body             {  font-family:arial,helvetica,sans-serif; background: #000}
#head            { font-size: 1.2em; position: relative; }
#view            { width: 767px; z-index:9999; margin: 0 auto; clear:both;}
#centercontent   { width: 767px; z-index:99999;clear:both;}
#logo            { position: relative; overflow: hidden; height:260px; }
.hidden          { display: none; }

#mainMenu a          { padding-top:5px; font-weight: bold; font-size:10pt; padding-right:10px; padding-left:10px; text-decoration: none; }
#menuBlock .subMenu  { color: #666;	font-weight: bold; width:190%; text-decoration: none; }
#mainMenu a:hover    {	color: #ccc; font-weight: bold; text-decoration: none; }
#mainMenu            {  z-index:20; height:20px; text-decoration:none; }


#nav, #nav ul                        { /* all lists */ padding: 0; margin: 0;	list-style: none; }
#nav a                               { display: block;color:#fff;  clear:both;}
#nav li                               { /* all list items */  float:right; height:23px; /*width: 10em;  width needed or else Opera goes nuts */ }
.borderiser { border-left: 2px solid #fff;}
#nav li ul li a                       
{
	 width:68px; 
	 font-weight:bold; 
     font-size:7.5pt;	 
	 border-right: 2px solid #fff;
	 border-left: 2px solid #fff;
	 border-bottom: 2px solid #fff;
	 height:20px; 
	 background:#000; 
	 color:#fff; 
}
#nav li ul                           { /* second-level lists */ position: absolute; left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */ }
#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items  
	 left: auto;*/
	 left:571px; 
	 width:90px;
	 top: 281px;  
	 float:left;
	}


#nav li ul li {float:none; margin-top:-1px; width:100px;}

H1 {font-size: 100%; color: #000;}
H2 {font-size: 90%; color: #000;}
H3 {font-size: 87%; color: #000;}
H4 {font-size: 85%; color: #000;}
H5 {font-size: 80%; color: #000;}
H6 {font-size: 75%; color: #000;}
p {font-size:80%;color: #fff;}

#whatsonText  { padding-left:10px; padding-right:10px;}
#newsText     {padding-left:10px; padding-right:10px;}
#whatsonBox   { float:left; width: 316px; margin-top:20px; margin-left:40px; height: 100%;}
#newsBox      { float:right; z-index:999; width: 316px; margin-top:20px; margin-right:40px; height: 100%;}
#whiteBox     { margin-top:20px; margin-right:40px; width:370px; float:right; height:100%; }
#loginButton  {float:right; text-decoration:none; color:Black; }
#contentWide  {margin-top:20px; margin-right:40px; margin-left:40px; }
.r            { float:right;margin-bottom:10px;}
.l            { float:left;margin-bottom:10px;}
#footer       { margin-right:40px; margin-left:40px; width:687px; vertical-align:bottom; padding-top:40px; clear:both;font-size:70%;}
#footer .neocom {color: blue;text-decoration:none;}
#footer .grow {color: red;text-decoration:none;}
#footer a {text-decoration:none;}
#footer a:hover {text-decoration:underline;}