
	body {
		margin:0;
		padding:0;
		border:0;			/* This removes the border around the viewport in old versions of IE */
		width:100%;
		background:#747474;
		font-size:77%;
		font-family:verdana, arial;
	}
	a {
		color:#084a6a;
	}
	a:hover {
		color:#9b1919;
		text-decoration:none;
	}
	h1, h2, h3 {
		margin:.8em 0 .2em 0;
		padding:0;
	}
	p {
		margin:.4em 0 .8em 0;
		padding:0;
		font-size:1.1em;
	}
	img {
		margin:10px 0 5px;
	}
	/* Header styles */
	#header {
		clear:both;
		float:left;
		width:100%;
		background-color:#fff;
	}

	#header p,
	#header h1,
	#header h2 {
		padding:.4em 15px 0 15px;
		margin:0;
		font-size:0.7em;
		
	}
	#header ul {
		clear:left;
		float:left;
		width:100%;
		list-style:none;
		margin:0px 0 0 0;
		padding:0;
	}
	#header ul li {
		display:inline;
		list-style:none;
		margin:0;
		padding:0;
	}
	#header ul li a {
		display:block;
		float:left;
		margin:0 0 0 1px;
		padding:3px 10px;
		text-align:center;
		background:#26246a;
		color:#fff;
		text-decoration:none;
		position:relative;
		left:0px;
		line-height:1.7em;
	}
	#header ul li a:hover {
		background:#9b1919;
		color:#fff;
	}
	#header ul li a.active,
	#header ul li a.active:hover {
		color:#fff;
		background:#000;
		font-weight:bold;
	}
	#header ul li a span {
		display:block;
	}
    .bluenav{background:#cecece; width:100%;}
/* 'widths' sub menu */



	#container{
	width: 970px;
	margin: 0 auto;
	background: #fff;
}
	#layoutdims {
		clear:both;
		background:#eee;
		border-top:4px solid #000;
		margin:0;
		padding:6px 15px !important;
		text-align:right;
	}
	/* column container */
	.colmask {
		position:relative;	/* This fixes the IE7 overflow hidden bug */
		clear:both;
		float:left;
		width:100%;			/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
		border-left:1px solid #000;
		border-right:1px solid #000;
		
	}
		.colmaskfoot {
		position:relative;	/* This fixes the IE7 overflow hidden bug */
		clear:both;
		float:left;
		width:100%;			/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
		text-align:left;
	}
	/* common column settings */
	.colleft,
	.colmid,
	.colright {
		float:left;
		width:100%;
		position:relative;
	}
	.col1,
	.col2,
	.col3 {
		float:left;
		position:relative;
		padding:0 0 1em 0;
		overflow:hidden;
	}
	/* 3 Column settings */
	.threecol {
		background:#eee;		/* right column background colour */
	}
	.threecol .colmid {
		right:25%;			/* width of the right column */
		background:#fff;		/* center column background colour */
	}
	.threecol .colleft {
		right:50%;			/* width of the middle column */
		background:#f4f4f4;	/* left column background colour */
	}
	.threecol .col1 {
		width:46%;			/* width of center column content (column width minus padding on either side) */
		left:102%;			/* 100% plus left padding of center column */
	}
		.threecol .col1 h2 {
		font-size:1.2em;		
	}
			.threecol .col1 P {
		font-size:0.9em;		
	}
	.threecol .col2 {
		width:21%;			/* Width of left column content (column width minus padding on either side) */
		left:31%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	}
	.threecol .col2 .small {font-size:75%;
	}
	.threecol .col2 h2 {font-size:140%;
	color:#ff6600;
	}



	.threecol .col3 {
		width:21%;			/* Width of right column content (column width minus padding on either side) */
		left:85%;			/* Please make note of the brackets here:
						(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
	}
	
		.threecol .col3 .small {font-size:75%;
	}
	.threecol .col3 h2 {font-size:140%;
	color:#ff6600;
	}
	/* 3 Column blog style settings */
	.blogstyle {
		background:#fff;		/* right column background colour */
	}
	.blogstyle .colmid {
	right: 245px; /* width of the right column */
	background: #fff; /* center column background colour */

}
	.blogstyle .colleft {
		right:310px;			/* width of the middle column */
		background:#fff;		/* left column background colour */
	}
	.blogstyle .col1 {
		width:405px;			/* width of center column content (column width minus padding on either side) */
		left:560px;			/* 100% plus left padding of center column */
	}
	.blogstyle .col1 h2 {font-size:120%;
	color:#000;
	}
	.blogstyle .col2 {
		width:305px;			/* Width of left column content (column width minus padding on either side) */
		left:570px;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
		
	}
	.blogstyle .col2 a {
font-size:0.9em;
	}
.blogstyle .col2 ul {
	margin: 1.5em;
	list-style-type: circle;
}


.blogstyle .col2 ul li {
	padding-left: 1em;
	margin-bottom: .2em;
}

	.blogstyle .col2 h2 {font-size:100%;
	color:#000;
	}
	.blogstyle .col3 {
		width:240px;			/* Width of right column content (column width minus padding on either side) */
		left:570px;			/* Please make note of the brackets here:
						(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
	}
	/* 2 Column (left menu) settings */
	.leftmenu {
		background:#fff;		/* right column background colour */
	}
	.leftmenu .colleft {
		right:75%;			/* right column width */
		background:#f4f4f4;	/* left column background colour */
	}
	.leftmenu .colleft h2 {
font-size:1.2em;
font-weight:bold;
font-color:#000;
padding:5px;
margin:7px;
background-color:#f7f7f7;
border:1px solid #dedede;
	}
	.leftmenu .col1 {
		width:71%;			/* right column content width */
		left:102%;			/* 100% plus left column left padding */
	}

	.leftmenu .col2 {
		width:21%;			/* left column content width (column width minus left and right padding) */
		left:6%;			/* (right column left and right padding) plus (left column left padding) */
	}
	/* 2 Column (right menu) settings */
	.rightmenu {
		background:#fff;		/* right column background colour */
	}
	.rightmenu .colleft {
		right:300px;			/* right column width */
		background:#fff;		/* left column background colour */
	}
	.rightmenu .col1 {
		width:640px;			/* left column content width (left column width minus left and right padding) */
		left:310px;			/* (right column width) plus (left column left padding) */
	}
	.rightmenu .col2 {
		width:300px;			/* right column content width (right column width minus left and right padding) */
		left:320px;			/* (right column width) plus (left column left and right padding) plus (right column left padding) */
	}
	/* 2 Column (double page) settings */
	.doublepage {
		background:#fff;		/* right column background colour */
	}
	.doublepage .colleft {
		right:50%;			/* right column width */
		background:#fff;		/* left column background colour */
	}
	.doublepage .col1 {
		width:46%;			/* left column content width (column width minus left and right padding) */
		left:52%;			/* right column width plus left column left padding */
	}	.doublepage .col1 p {
margin-left:5px;
	}
	
	.doublepage .col2 {
		width:46%;			/* right column content width (column width minus left and right padding) */
		left:56%;			/* (right column width) plus (left column left and right padding) plus (right column left padding) */
	}

	/* Full page settings */
	.fullpage {
		background:#fff;		/* page background colour */
		
	}
	.fullpage a {
		color:#747474;
		text-decoration:none;
	}
	.fullpage .col1 {
		width:96%;			/* page width minus left and right padding */
		left:2%;			/* page left padding */
		font-size:1.0em;
		text-align:center;
	}
	
	
	/* Footer styles */
	#footer {
		clear:both;
		float:left;
		width:100%;
		border-top:1px solid #000;
		font-size:0.8em;
		background-color:#858585;
	}
	p.small {
		padding:0.8em;
		margin:0;
	}
.bl {background: url(images/bl.gif) 0 100% no-repeat #e68200; width: 25em} 
.br {background: url(images/br.gif) 100% 100% no-repeat} 
.tl {background: url(images/tl.gif) 0 0 no-repeat} 
.tr {background: url(images/tr.gif) 100% 0 no-repeat; padding:5px} 
.clear {font-size: 1px; height: 1px}
.right{
text-align:right;
background-color:#dedede;
font-size:0.9em;
font-weight:bold;
padding:2px;
}
.pad{
padding:20px;
}
.heading{
font-size:0.9em;
font-weight:bold;
color:#fff;
padding:5px;
margin-top:0px;
background-color:#9b1919;
border:1px solid #dedede;
}
.headinggrey{
font-size:0.9em;
font-weight:bold;
color:#000;
padding:5px;
margin:3px;
background-color:#cecece;
border:1px solid #dedede;
}
.box{
padding:7px; 
}

.box p{
font-size:1.0em;
}

.boxright{
padding:4px;
border:2px solid #dedede;
margin-left:7px;
background-color:#fff;
text-align:center;
width:220px;
margin-top:2px;
}

.boxright p{
font-size:0.9em;
font-color:#fff;
}
.boxright a{
font-size:1.0em;
font-color:#747474;
}
.promo{
padding:5px;
border:5px solid #ffff66;
margin-left:3px;
background-color:#ffff99;
}
.promogrey{
padding:3px;
border:3px solid #cecece;
margin-left:3px;
background-color:#dedede;
margin-top:3px;
}
.ad{
margin-top:10px;
text-align:center;
}
.boxleft{
padding:5px;
margin-top:7px;
background-color:#f7f7f7;
color:#084a6a;
width:430px;
font-weight:bold;
border:1px solid #dedede;
}
.boxmid{
padding:5px;
margin-top:4px;
background-color:#f7f7f7;
color:#084a6a;
width:285px;
border-top:3px ridge #084a6a;

}
.boxfoot{
padding:4px;
background-color:#fff;
width:950px;
}
.promobook{
font-size:1.0em;
color:#505050;
}

.blogstyle .col3 ul {
	margin: 1.5em;
}
.blogstyle .col3 ul li {
	list-style-image: url(images/uncheck.gif);
	border-bottom: 1px solid #ccc;
	padding: .2em 0 .2em .5em;
	font-weight: normal;
	font-size:0.8em;
	color: #666;
}
.blogstyle .col3 ul li:hover {
	cursor: pointer;
	list-style-image: url(images/check.gif);
	background-color: #f2f2f2;
	color: #000;
}


.colleft .col1 ul {
	margin: 1.5em;
}
.colleft .col1 ul li {

	border-bottom: 1px solid #ccc;
	padding: .2em 0 .2em .5em;
	font-weight: normal;
	font-size:1.0em;
	color: #666;
	width:400px;
}
.colleft .col1 ul li:hover {

	background-color: #f2f2f2;
	color: #000;
}
.colleft .col2 ul {
	margin: 0.3em;
}
.colleft .col2 ul li {

	border-bottom: 1px solid #ccc;
	padding: .2em 0 .2em .2em;
	font-weight: normal;
	font-size:1.0em;
	color: #666;
	width:400px;
}
.colleft .col2 ul li:hover {

	background-color: #f2f2f2;
	color: #000;
}

table.chart{
width:640px;
}

.article p{
font-size:1.1em;
}
.advert{background:#ececff;
border:1px solid #dedede;padding:5px;}
#blockframe {

	border:0; 

	display: none; 

	position: absolute;

	z-Index: 0;

}

.sportscat
{border:1px solid #dedede;
padding:5px;}
.sportscatheading{
font-weight:bold;
}
.trends
{padding:0px;}
.trendsheading{
font-weight:bold;
font-size:1.0em;
background-color:#f7f7f7;
border:1px solid #dedede;
padding:2px;
margin:2px;
}
.trends ul {
	margin: 1.0em;
	border-top: 1px;
	border-top-color: Navy;
}
.trends ul li {
	border-bottom: 1px solid #ccc;
	padding: 0;
	font-weight: normal;
	font-size: 0.6em;
	color: #666;
	width: inherit;
	list-style-type: none;
}
.breaking
{padding:0px;
font-size:0.8em;}
.breakingheading{
font-weight:bold;
font-size:1.0em;
background-color:#f7f7f7;
border:1px solid #dedede;
padding:2px;
}
.howto{
font-size:0.8em;
padding:5px;
}

.trends table{
border:2px solid #f7f7f7;
width:300px;
}

.even{
background:#f7f7f7;
}
.odd
{background:#ececec;
}
.small{
font-size:0.7em
}
.series
{padding:0px;}
.seriesheading{
font-weight:bold;
font-size:1.0em;
background-color:#f7f7f7;
border:1px solid #dedede;
padding:2px;
margin:2px;
}
.yellow{
padding:5px;
border:5px solid #ffff66;
margin-left:3px;
background-color:#ffff99;

}