/* global */

site  {
	width: 999px;
	}

body {
	font: 12px Verdana,Helvetica,Sans-Serif; 
	width: 1000px;
	background-color: #fff; 
	text-align: center; 
	margin:0 auto;
	}

table	{
	border-collapse:collapse;
	border-spacing:0;
	}
	
td, th, caption	{
	vertical-align:top;
	text-align:left;
	border:0;
	margin:0;
	padding:0;
	}
	
a	{
	font-weight:bold;
	}	
	
div.spacer {
  clear: both;
  height:0;
  }
	
img	{
	padding:0; border:0;
	}
	
h1	{
	font-size:120%;
	font-weight:bold;
	margin:10px 25px 10px 25px;
	}

h2	{
	font-size:110%;
	font-weight:bold;
	margin:5px 25px 5px 25px;
	}
	
h3	{
	font-size:100%;
	font-weight:bold;
	margin:5px 25px 5px 25px;
	}
	
h4	{
	font-size:75%;
	font-weight:bold;
	margin:5px 25px 5px 25px;
	}
	
h5	{
	font-size:135%;
	font-weight:bold;
	margin:2px 2px 2px 2px;
	}
	
h6	{
	font-size:110%;
	font-weight:bold;
	color:#FF0099;
	margin:5px 25px 5px 25px;
	}

p	{
	margin:10px 25px 10px 25px;
	line-height:125%;
	}

#cap	{
	font-size:50px;
	color:#909;
	font-weight:bold;
	float:left;
	height:34px;
	line-height:34px;
	margin-top:2px;
	margin-right:1px
	}  
#cap	{
	margin-right:-2px;
	margin-top:3px
	}
	
form	{
	margin:0;
	padding:0;
	font-size:85%;
	}

input	{
	font-size:85%;
	voice-family: "\"}\"";   
  voice-family: inherit;   
  font-size: 100%; 
	}

hr {
 	border: 0;
  	width: 100%;
	color: #96c832;
	background-color: #96c832;
	height: 3px;
	margin:5px 25px 5px 25px;
	}


/*TV */

#container {width:224px; height:220px; margin:0 auto; position:relative;}
#case {width:200px; height:120px; border-top:4px solid #cecece; border-right:12px solid #9b9b9b; border-bottom:6px solid #969696; border-left:12px solid #cacaca; background:#e8e8e8; position:relative;}
#tvtop {width:120px; height:2px; border-left:10px solid #efefef; border-right:10px solid #efefef; background:#adadad; position:absolute; top:-3px; left:30px; overflow:hidden;}
#tvbot {width:50px; height:3px; border-left:45px solid #ddd; border-right:45px solid #ddd; background:#aaa; position:absolute; bottom:-4px; left:30px; overflow:hidden;}
#stand2 {width:100px; height:6px; border-bottom:6px solid #969696; border-right:1px solid #9b9b9b; border-left:1px solid #9b9b9b; background:#ddd; position:absolute; bottom:-30px; left:48px; overflow:hidden;}
#stand {width:50px; height:15px; background:#888; position:absolute; bottom:-21px; left:75px; overflow:hidden;}
#tvscreen {width:170px; height:100px; border:4px solid #666; background:#08c; position:absolute; top:6px; left:10px; overflow:hidden; text-align:center; line-height:100px; color:#ff0}


#tvmenu {position:absolute; top:170px; left:50px; width:200px; height:100px; font-family:"courier new", monospace;}
#tvmenu:hover {background:transparent;}
#tvmenu a:visited {color:#fff; text-decoration:none; font-size:14px; background:#000;}
#tvmenu a {color:#fff; text-decoration:none; font-size:14px; background:#000;}
#tvmenu a span {display:none; width:0; height:0; position:absolute; border:0;}
#tvmenu a div {display:none;}
#tvmenu a:hover {color:#fff; background:#c00; text-decoration:none;}
#tvmenu a img {display:block; position:absolute; top:-84px; left:38px; width:0; height:0; border:0;}
#tvmenu a:hover img {display:block; position:absolute; top:-155px; left:-24px; width:170px; height:100px; border:0;}
#tvmenu a:hover .line {display:block; position:absolute; top:25px; left:0px; width:15px; height:2px; overflow:hidden; background:#c00;}
#tvmenu a:hover .line1 {display:block; position:absolute; top:25px; left:0px; width:35px; height:2px; overflow:hidden; background:#c00;}
#tvmenu a:hover .line2 {display:block; position:absolute; top:25px; left:0px; width:60px; height:2px; overflow:hidden; background:#c00;}
#tvmenu a:hover .line3 {display:block; position:absolute; top:25px; left:0px; width:85px; height:2px; overflow:hidden; background:#c00;}
#tvmenu a:hover .line4 {display:block; position:absolute; top:25px; left:0px; width:110px; height:2px; overflow:hidden; background:#c00;}

#tvmenu a:hover .point {display:block; position:absolute; top:20px; left:5px; width:0; height:0; overflow:hidden; border-left:5px solid #fff; border-right:5px solid #fff; border-bottom:5px solid #f00;}
#tvmenu a:hover .point1 {display:block; position:absolute; top:20px; left:25px; width:0; height:0; overflow:hidden; border-left:5px solid #fff; border-right:5px solid #fff; border-bottom:5px solid #f00;}
#tvmenu a:hover .point2 {display:block; position:absolute; top:20px; left:50px; width:0; height:0; overflow:hidden; border-left:5px solid #fff; border-right:5px solid #fff; border-bottom:5px solid #f00;}
#tvmenu a:hover .point3 {display:block; position:absolute; top:20px; left:75px; width:0; height:0; overflow:hidden; border-left:5px solid #fff; border-right:5px solid #fff; border-bottom:5px solid #f00;}
#tvmenu a:hover .point4 {display:block; position:absolute; top:20px; left:100px; width:0; height:0; overflow:hidden; border-left:5px solid #fff; border-right:5px solid #fff; border-bottom:5px solid #f00;}

.channel {position:absolute;top:200px; left:52px; font-size:14px; font-weight:bold; color:#0000ff; letter-spacing:10px;}


/*Left Menu */

/* common styling */
.menu {font-family: verdana,tahoma,arial,helvetica,sans-serif; width:171px; height:150px; position:relative; margin:0; font-size:11px;}
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; color:#fff; width:169px; height:20px; text-align:center; border:1px solid #96c832; border-width:1px 1px 0 0; background:#96c832; line-height:19px; font-size:11px;}
.menu ul {padding:0; margin:0;list-style-type: none; }
.menu ul li {float:left; margin-right:1px; position:relative;}
.menu ul li ul {display: none;}


.menu a.t,
.menu a.t:visited{color:#fff;background:#000;width:170px;}
.menu a.t:hover{color:#fff;background:#000}
.menu a.t:active{color:#fff;background:#000}

/* specific to non IE browsers */
.menu ul li:hover a {color:#fff; background:#0000ff;}
.menu ul li:hover ul {display:block; position:absolute; top:0; left:170px; width:170px;}
.menu ul li:hover ul li a.hide {background:#0000ff; color:#fff;}
.menu ul li:hover ul li:hover a.hide {width:170px;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:#96c832; color:#fff; width:170px;}
.menu ul li:hover ul li a:hover {background:#0000ff; color:#fff;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:170px; top:0; color:#000;}
.menu ul li:hover ul li:hover ul li a {display:block; width:200px; background:#96c832; color:#fff;}
.menu ul li:hover ul li:hover ul li a:hover {background:#0000ff; color:#fff;}



/* down menu */
.downmenu {font-family: verdana,tahoma,arial,helvetica,sans-serif; width:100%; position:relative; font-size:11px; z-index:100;}
.downmenu ul li a, .menu ul li a:visited {display:block; text-decoration:none; color:#000;width:164px; height:20px; text-align:center; color:#fff; border:1px solid #000; background:#000; line-height:20px; font-size:11px; overflow:hidden;}
.downmenu ul {padding:0; margin:0; list-style: none;}
.downmenu ul li {float:left; position:relative;}
.downmenu ul li ul {display: none;}

/* specific to non IE browsers */
.downmenu ul li:hover a {color:#fff; background:#0000ff;}
.downmenu ul li:hover ul {display:block; position:absolute; top:21px; left:0; width:164px;}
.downmenu ul li:hover ul li a.hide {background:#6a3; color:#fff;}
.downmenu ul li:hover ul li:hover a.hide {background:#000; color:#fff;}
.downmenu ul li:hover ul li ul {display: none;}
.downmenu ul li:hover ul li a {display:block; background:#ddd; color:#000;}
.downmenu ul li:hover ul li a:hover {background:#0000ff; color:#fff;}
.downmenu ul li:hover ul li:hover ul {display:block; position:absolute; left:164px; top:0;}
.downmenu ul li:hover ul li:hover ul.left {left:-164px;}



#leftbox {
float: left;
border: 1px dotted #ccc; 
width: 150px; 
padding: 2px; 
margin: 5px 5px 5px 25px;
}

#leftbox300 {
float: left;
border: 1px dotted #ccc; 
width: 300px; 
padding: 2px; 
margin: 5px 5px 5px 25px;
}

#leftbox200 {
float: left;
border: 1px dotted #ccc; 
width: 200px; 
padding: 2px; 
margin: 5px 5px 5px 25px;
}

#leftbox100 {
float: left;
border: 1px dotted #ccc; 
width: 100px; 
padding: 2px; 
margin: 5px 5px 5px 25px;
}

#midbox {
float: centre;
border: 1px #ccc; 
width: 740px; 
padding: 2px; 
margin: 15px 25px 15px 25px;
}

#blocks {
float: centre;
border: 1px dotted #ccc; 
width: 468px; 
padding: 2px; 
margin: 5px 5px 5px 15px;
}

#leftboxindex {
float: left;
border: 1px  #ccc; 
width: 200px; 
padding: 2px; 
margin: 5px 5px 5px 15px;
}


#rightbox {
float: right;
border: 1px  #ccc; 
width: 150px; 
padding: 2px; 
margin: 5px 25px 5px 15px;
}

#rightbox300 {
float: right;
border: 1px dotted #ccc; 
width: 300px; 
padding: 2px; 
margin: 5px 25px 5px 15px;
}

#rightbox200 {
float: right;
border: 1px dotted #ccc; 
width: 200px; 
padding: 2px; 
margin: 5px 25px 5px 15px;
}

#rightbox150 {
float: right;
border: 1px dotted #ccc; 
width: 150px; 
padding: 2px; 
margin: 5px 25px 5px 15px;
}

/* site */

#site	{
	width:100%;
	
	}

/* header */
	

	
#header	img #	{
	padding:0 0 0 1px;
	}

#header banner	{
	padding:0 0 0 1px;
	}
	
/* header navigation */
	
#headnav1	{
	background:#96c832;
	padding:5px 0 2px 0;
	}

#headnav1	ul			{
	margin:0 0 3px 0;
	padding:0 0 3px 0;
	text-align:center;
	font-size:95%;
	}
	
#headnav1	li	{
	display:inline;
	list-style-type:none;
	color:#fff;
	padding:0;
	}
	
#headnav1 a	{
	color:#fff;
	font-weight:bold;
	}

#headnav2	{
	background:#fff;
	padding:5px 0 2px 0;
	}


/* header navigation */
	
#footnav1	{
	background:#96c832;
	padding:5px 0 2px 0;
	}

#footnav1	ul			{
	margin:0 0 3px 0;
	padding:0 0 3px 0;
	text-align:center;
	font-size:95%;
	}
	
#footnav1	li	{
	display:inline;
	list-style-type:none;
	color:#fff;
	padding:0;
	}
	
#footnav1 a	{
	color:#fff;
	font-weight:bold;
	}

#footnav2	{
	background:#fff;
	padding:5px 0 2px 0;
	}




/* content */
	
#contcol1of3	{
	width:220px;
	background:#96c832;
	font-weight:bold;
	color:#000; 
	}
	
	#contcol1of3 a	{
	color:#fff;
	font-weight:bold;
	}
	
#contcol2of3	{
	width:100%;
	background:#fff;
    padding:5px 10px 10px 15px;
    background-image: url(../images/);
	background-repeat: no-repeat;
	background-position: 100% 10%;
	}

	
#contcol2of3	p	{

font-weight:normal;
}
	
#contcol3of3	{
	width:218px;
	background:#96c832;
	color:#fff;
	}
	
	#contcol3of3 a	{
	color:#fff;
	font-weight:bold;
	}
	
#contcol3of3	h2	{
	font-size:80%;
	margin:15px 10px 10px 10px;
	}

 #contcol3of3	p	{
	margin:0 10px 10px 10px;
	line-height:100%;
	} 
	
#contcol3of3	p.label	{
	margin:0 10px 0 10px;
	font-weight:bold;
	}
	
#contcol3of3	p.input	{
	margin:0 10px 5px 10px;
	}
	
#contcol3of3	p.subnav	a	{
	font-size:85%;
	color:#fff;
	}

/* footer */
	
#footcol1of3	{
	width:200px;
	background:#96c832;
	vertical-align:middle;
	text-align:center;
	}
	
#footcol2of3	{
	width:100%;
	background:#96c832;
	text-align:center;
	}
	
#footcol2of3	h2	{
	margin:0;
	padding:3px;
	font-size:120%;
	background:#96c832;
	color:#fff;
	}
	
#footcol2of3	p	{
	margin:0;
	font-weight:bold;
	}
	
#footcol2of3	td	{
	padding:2px;
	}
	
#footcol2of3	form	{
	margin:0 0 10px 0;
	}
	
#footcol3of3	{
	width:200px;
	background:#96c832;
	color:#fff;
	vertical-align:middle;
	text-align:center;
	}
	
#footcol3of3	a	{
	color:#fff;
	}
	
/* footer navigation */
	
#footnav1	{
	clear:both;
	text-align:center;
	font-size:85%;
	}

#footnav1	ul	{
	margin:0;
	padding:0;
	}
	
#footnav1	p	{
	margin:15px 0 5px 0;
	}
	
#footnav1	li	{
	display:inline;
	list-style-type:none;
	margin:0 10px 0 0;
	}
	
/* google adverts */
	
#googleads	{
	padding:10px;
	}

	
/* ---------------------------------------------------------------------------------------------------------------------------------------------- */

/* ---- alternative colours and sizes for background and text ---- */
/* status */
#coloursizeoptions	{
	margin:0 25px 0 25px;
	}
#coloursizeoptions	h2	{
	font-size:100%;
	font-weight:normal;
	}
#coloursizeoptions	h2	a	{
	text-decoration:none; 
	color:#000;
	} 
#coloursizeoptions	fieldset	{
	border:1px solid #000; 
	margin:0 0 20px 0;
	}
#coloursizeoptions	legend	{
	font-weight:bold;
	color:#000; 
	margin:0 0 0 5px;
	} 
#coloursizeoptions	a	{
	text-decoration:underline;
	}
#coloursizeoptions	ul	{
	padding-top:15px; 
	padding-bottom:10px;
	}
#coloursizeoptions	li	{
	display:inline; 
	vertical-align:top;   
	border:1px solid #000;
	white-space:nowrap;
	padding:10px; 
	margin:5px;
	}	
#coloursizeoptions	li.small	{
	font-size:100%;
	}  
#coloursizeoptions	li.medium	{
	font-size:110%;
	}  
#coloursizeoptions	li.large	{
	font-size:130%;
	}  
	
/* accesskeytable */
#accesskeytable	{
	margin:0 25px 25px 25px; 
	}
#accesskeytable	h2	{
	font-size:100%;
	font-weight:normal;
	}
#accesskeytable	td	{
	vertical-align: middle;
	padding:0 0 0 5px; 
	}
#accesskeytable	p	{
	margin:0 0 3px 0;
	}

/* bw - black on white */
#standard a		{
	}
#standard	li	{
	background-color:#fff;
	}

/* bw - black on pale blue */
#bbl	a	{
	color:#000;
	}
#bbl li	{
	background-color:#EEEEFF;
	}

/* bw - black on pale pink */
#bp	a		{
	color:#000;
	}
#bp li	{
	background-color:#FFDDDD;
	}

/* bw - black on cream */
#bc	a		{
	color:#000;
	}
#bc li	{
	background-color:#FBFFBF;
	}

/* bw - black on yellow */
#by	a		{
	color:#000;
	}
#by li	{
	background-color:#FFF000;
	}

/* bw - green on black */
#gb	a		{
	color:#00FF12;
	}
#gb li	{
	background-color:#000;
	}

/* bw - yellow on black */
#yb	a		{
	color:#FFF000;
	}
#yb li	{
	background-color:#000;
	}

/* bw - white on blue */
#wbl	a	{
	color:#fff;
	}
#wbl li	{
	background-color:#0000C4;
	}