body {
/*background-image: url(images/bc-background.gif);
background-color: #313538;
*/
background-repeat: no-repeat;
background-color: #000000;
font-size: 13px;
font-family: "Copperplate Gothic Light",Georgia, "Times New Roman", Times, serif;
color:#ffcc00;
padding-top: 0px;
padding-right: 8px;
padding-bottom: 8px;
padding-left: 8px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
text-align: center;
}

.bodyWhite {color: #ffffff;}
.bodyDarkGrey {color: #333333;}
.bodyBlack {color: #000000;}
.bodyYellow {color: #ffcc00;}
.bodyGrey {color: #666666;}
	

a{
	color:#CC9933;
	text-decoration:underline;
}
a:visited{
	/*color:#CB4402;*/
}
a:hover{
	text-decoration:none;
}
a:active{

}
/* ---------------------------------------------------------
Basic text styles
 ---------------------------------------------------------*/
p{
	line-height:150%;
}
h1{

	font-size:32px;
	margin:0 0 0 0;
	padding:0;
	color:#ffcc00;
	font-family:Georgia, "Times New Roman", Times, serif;
}
h2{
	margin:0;
	padding:0;
	font:medium;
	color:#666666;
}
h3{
	margin:0;
	padding:0;
	font-size:22px;
	color:#666666;
}
h4{
	margin:0;
	padding:0;
	font-size:18px;
	color:#666666;
}

h2.homepage{
	padding: 3px 0px 3px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	line-height:90%;
	margin:0;
	padding:0;
	font:medium;
	color:#003366;
}


/* ---------------------------------------------------------
special text colors
 ---------------------------------------------------------*/
.black_text{
	color:#000000;
}
.lightgrey_text{
	color:#999999;
}

/* ---------------------------------------------------------
Header styles
 ---------------------------------------------------------*/
.PrimaryNav, .PrimaryNav a,.PrimaryNav a:visited{
	font-size:12px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	color:#003366;
}
.PrimaryNav a:hover{
	text-decoration:none;
	color:#336699;
}

.HomepageBottomNav, .HomepageBottomNav a,.HomepageBottomNav a:visited{
	font-size:11px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	color:#003366;
}
.HomepageBottomNav a:hover{
	text-decoration:none;
	color:#336699;
}


.PrimaryNavOn, .PrimaryNavOn a,.PrimaryNavOn a:visited{
	font-size:12px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	color:#ffffff;
}
.PrimaryNavOn a:hover{
	text-decoration:none;
	color:#336699;
}


.SubNav, .SubNav a,.SubNav a:visited{
	font-size:11px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	color:#ffffff;
	text-decoration:none;
	padding: 3px;
}
.SubNav a:hover{
	text-decoration:underline;
}



.headerwhitelink ,.headerwhitelink a,.headerwhitelink a:visited  {
	font-size:100%;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
}
.headerwhitelink a:hover {
	color: #efefef;
	text-decoration: underline;
	}

/* ---------------------------------------------------------
Footer styles
 --------------------------------------------------------- */
#Footer p{
	font-size:10px;
	color:#000000;
	text-align:right;
	margin:0 0 5px 0;
}
#Footer a{
	color:#ffcc00;
	margin:0 5px 0 5px;
}
#Footer a:hover{
	color:#F85D10;
}
hr.dotted {
	width: 100%;
	margin-top: 0px;
	margin-bottom: 0px;
	border-bottom: 2px dotted #ccc;
	padding: 0px 0px 0px 0px;
}

/* ---------------------------------------------------------
Images with Mouseovers
 --------------------------------------------------------- */

.gallerycontainer{
	position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
	border: 1px solid white;
	margin: 0 5px 5px 0;
}

.thumbnail:hover{
	background-color: transparent;
}

.thumbnail:hover img{
	 border: 1px dashed grey;
}

.thumbnail span{ /*CSS for enlarged image*/
	position: absolute;
	background-color: eeeeee;
	padding: 5px;
	left: -1000px;
	border: 1px dashed gray;
	visibility: hidden;
	color: black;
	text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
	border-width: 0;
	padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
	visibility: visible;
	top: 0;
	left: -530px; /*position where enlarged image should offset horizontally */
	z-index: 50;
}

/* ---------------------------------------------------------
Images with Mouseovers
 --------------------------------------------------------- */

.toggleopacity img{
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);-moz-opacity: 0.5;
}

.toggleopacity:hover img{
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);-moz-opacity: 1;
}

.toggleopacity img{
	border: 1px solid #ccc;
}

.toggleborder:hover img{
	border: 1px solid navy;
}

.toggleborder:hover{
	color: red; /* Dummy definition to overcome IE bug */
}

/* ---------------------------------------------------------
FORM values
 --------------------------------------------------------- */
.form_header { font-weight: bold; color: #FFFFFF;font-size:1.1em; padding: 6 6 6 6 ;}
.form_header a {font-weight: bold; color: #FFFFFF; text-decoration: none;}
.form_header a:hover { text-decoration: none;}
.form_header {filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#6699cc', endColorStr='#336699', gradientType='0');}




/* ---------------------------------------------------------
TV values
 --------------------------------------------------------- */

.tvplayer {
background-image:url(static.jpg);
}
.tvplayerOn {
background: #000000;
}

#tvplayerOn {
background: #000000;
}

#mediaplayer {
width: 308px;
height: 231px;
/*background: #000000;
color: white;
*/
color: #666666;
border: 2px solid 000000;
text-align: center;
font-family: Verdana, Arial; 
font-weight: bold; 
font-size: 12pt; 

}



.channelButton{color: #ffffff;font-family: Verdana, Arial; font-weight: bold; font-size: 9px;text-decoration:none;}
.channelButton:hover{text-decoration:underline;}
.answer {padding-left:35px;padding-right:35px;color:#999999;}


/* ---------------------------------------------------------
Image Shadow
 --------------------------------------------------------- */

.img-shadow {
  float:left;
  background: url(images/shadowAlpha.png) no-repeat bottom right !important;
  background: url(images/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 15px 0 0 5px;
  }
 
.img-shadow img {
  display: block;
  position: relative;
  background-color: #ffffff;
  border: 1px solid #eeeeee;
  margin: -6px 6px 6px -6px;
  padding: 4px 4px 4px 4px;
  } 
 
 .img-shadow-right {
  float:right;
  background: url(images/shadowAlpha.png) no-repeat bottom right !important;
  background: url(images/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0  10px !important;
  margin: 10px 0 0 15px;
  }
 
.img-shadow-right img {
  display: block;
  position: relative;
   background-color: #fff;
  border: 1px solid #eeeeee;
  margin: -6px 6px 6px -6px;
  padding: 4px;
  } 
  
  .img-shadow-center {
  float:none;
  background: url(images/shadowAlpha.png) no-repeat bottom right !important;
  background: url(images/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0  10px !important;
  margin: 10px 0 0 15px;
  }
 
.img-shadow-center img {
  display: block;
  position: relative;
    background-color: #fff;
  border: 1px solid #eeeeee;
  margin: -6px 6px 6px -6px;
  padding: 4px;
  } 

	.centre {
width: 1000px;
margin-right: auto;
margin-left: auto;
position: relative;
}
/*bigbio*/
#sec1 {
    position: absolute;
    visibility:hidden;
    z-index: 400; 
    left:222px;
    top:143px;
	cursor:default;
}
/*bigdesign*/
#sec2 {
    position: absolute;
    visibility:hidden; 
    z-index: 400; 
    left:167px;
    top:219px;
	cursor:default;
}
/*bigmail*/
#sec3 {
    position: absolute;
    visibility:hidden; 
    z-index: 400; 
    left:126px;
    top:370px;
	cursor:default;
}
/*bigracing*/
#sec4 {
    position: absolute;
    visibility:hidden; 
    z-index: 400; 
    top:475px;
    left:249px;
	cursor:default;
}
/*bigphotos*/
#sec5 {
    position: absolute;
    visibility:hidden; 
    z-index: 400; 
    left:424px;
    top:496px;
	cursor:default;
}
/*bigpress*/
#sec6 {
    position: absolute;
    visibility:hidden; 
    z-index: 400; 
    left:554px;
    top:466px;
	cursor:default;
}
/*bigtv*/
#sec7  {
    position: absolute;
    visibility:hidden; 
    z-index: 400; 
    left:643px;
    top:329px;
	cursor:default;
}
/*bigspeaking*/
#sec8  {
    position: absolute;
    visibility:hidden; 
    z-index: 400; 
    left:611px;
    top:227px;
	cursor:default;
}
/*bigblog*/
#sec9
 {
    position: absolute;
    visibility:hidden; 
    z-index: 400; 
    left:548px;
    top:149px;
	cursor:default;
}