br, .pin
{
	display: block;
	float: none;
	clear: both;
	height: 0px;
	overflow: hidden;
}

#pageHolder
{
	display: block;
	position: relative;
	overflow: hidden;
	background: #fff;
		
	
	width: 995px;
	margin: 0px auto;
}
#innerPage
{
	display: block;
	padding: 0px 0px 0px 10px;
}

/*components.css*/

/*Kill the bullets*/
#navMain ul
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

/*Set out the sub level items*/
#navMain li ul
{
	display: none;
	position: absolute;
	width: 100%;
	height: 2.3em;
	left: 0px; /*10px;*/
	z-index: 10;
}

/*Active/rolled items*/

#navMain li ul.unfold
{
	display: block;
}

#navMain li ul li a
{
	display: block;
	width: auto;
	font-weight: normal;
	text-transform: none;
	
	/*Tweak padding and line height to adjust border size*/
	/*
padding: 2px 7px 2px 7px;
	margin: 5px 0px 6px 0px;
	line-height: 90%;
*/
	padding: 2px 7px 2px 7px;
	margin: 5px 0px 2px 0px;
	line-height: 80%;
	border-right: 1px solid #FFFFFF;
	
	min-width: 0px;
	
	/*background-color: #2F6E91;*/
	color: #FFFFFF;
}
#navMain li ul li a:hover.active
{
	text-decoration: none;
}
/*Tidy up*/
#navMain a.last
{
	border-right: none;
}

#navBar1, #navBar2
{
	display: block;
	float: none;
	clear: both;
}
#navBar1 .content, #navBar2 .content
{
	padding: 5px 7px;
}
#navBar2 .content
{
	padding: 5px 7px 5px 7px;
}

#menuPlaceholder
{
	display: block;
	float: left;
	width: 55%;
}

#news a
{
	/*Set the borders arround the tab*/
	min-width: 75px;
}

#advertorial a
{
	background-color: #ec008c;
	color: #ffffff;
}


/*Breadcrumb*/
#breadcrumb, #hotTopics
{
	display: block;
	float: left;
	margin: 0px;
	padding: 0px;
}
#breadcrumb li, #hotTopics li
{
	display: block;
	float: left;
	margin: 0px;
	padding: 0px;
	color: #000000;
}
#breadcrumb li
{
	/*Add padding to balance text with icons*/
	padding: 2px 0px 0px 0px;
}
#breadcrumb li a
{
	color: #000000;
	background: url(../img/arrow.right.magenta.gif) no-repeat left;
	padding: 0px 0px 0px 8px;
	margin-left: 5px;
	text-decoration: none;
}
#breadcrumb li a.active
{
	/*text-decoration: underline;*/
}
#breadcrumb li a:hover {
	text-decoration: underline;
}



/*Hot topics*/
#hotTopics
{
	float: right;
	color: #FFFFFF;
	
	/*Ensure is visible and active above menu*/
	position: relative;
	z-index: 11;
	
	white-space: nowrap;
	height: 20px;
	line-height: 20px;
}
#hotTopics li.head
{
	font-weight: bold;
	color: #ffffff;
	margin: -1px;
	text-transform: uppercase;
	padding-left: 25px;
	background: url(../img/icon.hottopic.gif) no-repeat;
}

#hotTopics li a
{
	display: block;
	width: auto;

	color: #FFFFFF;
	border-right: solid 1px #fff;
	font-weight: normal;
	text-transform: none;
	
	line-height: 15px;
	margin: 1px 0px 3px 0px;
	padding: 0px 7px 0px 7px;
	/*border-right: 1px solid #FFFFFF;*/
	
	background: none;
}

	#hotTopics li a.last {
		border: none;
		}









/*Classes.css*/




.keyBlue, .keyMagenta, .keyGrey, .maskWhite, .maskBlue, .maskGrey, .maskWhiteOnGrey, .maskMagenta
{
	display: block;
	/*Relative positioning required to coax IE into layering in the correct order*/
	position: relative;
}



.solidBlue
{
	background-color: #2F6E91;
	color: #FFFFFF;
}
.solidBlue a, .solidBlue a:hover, .solidBlue ul li a
{
	color: #FFFFFF;
}

.solidBlueNews
{
	background-color: #017dc5;
	color: #FFFFFF;
}
.solidBlueNews a, .solidBlueNews a:hover, .solidBlueNews ul li a
{
	color: #FFFFFF;
}

.solidGrey
{
	background-color: #DBDBDB;
}
.solidMagenta
{
	background-color: #ec008c;
	color: #FFF;
}
.solidWhite a, .keyBlue a, .keyMagenta a
{
	color: #666;
}
.solidWhite a:hover, .keyBlue a:hover, .keyMagenta a:hover, .solidWhite h4 a, .keyBlue h4 a, .keyMagenta h4 a, .keyBlue h3 a
{
	color: #3393C8;
}
.solidWhite .content
{
	padding: 0px;
}
.solidBrightBlue
{
	background-color: #3393C8;
	color: #FFFFFF;
}

.tl, .tr, .br, .bl
{
	display: block;
	/*Relative positioning required to coax IE into layering in the correct order*/
	position: relative;
	background-repeat: no-repeat;
}

.tl
{
	background-position: top left;
}
.tr
{
	background-position: top right;
}
.br
{
	background-position: bottom right;
}
.bl
{
	background-position: bottom left;
}




/*TABS*/

.articleTabs
{
	border-bottom: 1px solid #2F6E91;
	margin: 0px 0px 10px 0px;
	padding-top: 10px;
}

ul.tabs
{
	display: block;
	list-style: none;
	margin: 0px;
	padding: 0px;
}

.tabs li
{
	float: left;
	margin: 0px;
	padding: 0px;
}

.tabs li a
{
	text-transform: uppercase;
	text-align: center;
	
	background-color: #DBDBDB;
	color: #000000;
	
	white-space: nowrap;
	margin-right: 4px;
	
	/*Min width to aproximate original design*/
	min-width: 84px;
}


	
/* To remove margin of 3rd tab */

.tabs li#d015_3_tab a {
	margin-right: 0;

	min-width: 134px;
}
.tabs li#d030_3_tab a {
	margin-right: 0;

	min-width: 134px;
}

.tabs li a:hover
{
	background-color: #808284;
	color: #FFFFFF;
}

.tabs li.active a
{
	font-weight: bold;
	background-color: #2F6E91;
	color: #FFFFFF;
}

.tabs li.activenews a
{
	font-weight: bold;
	background-color: #017dc5;
	color: #FFFFFF;
}

.tabs li.activelife a
{
	font-weight: bold;
	background-color: #8d3e8d;
	color: #FFFFFF;
}

.tabs li.activebusiness a
{
	font-weight: bold;
	background-color: #01a5ed;
	color: #FFFFFF;
}


.tabs li.activesports a
{
	font-weight: bold;
	background-color: #ff1a21;
	color: #FFFFFF;
}

.tabs li.activearoundtown a
{
	font-weight: bold;
	background-color: #017dc5;
	color: #FFFFFF;
}

.tabs li.activeopinionviews a
{
	font-weight: bold;
	background-color: #9E9E9E;
	color: #FFFFFF;
}

.tabs li.grey a
{
	color: #808284;
}
.tabs li.grey a:hover
{
	color: #808284;
	background-color: #DBDBDB;
}

.tabs li a .tr
{
	/*Set the borders arround the tab*/
	padding: 8px 5px 8px 6px;
}

.tabs .content
{
	padding: 0px;
	margin: 0px;
}

.tabs .icon
{
	float: left;
	position: static;
	
	/*-3px bottom margin for IE7*/
	margin: -2px 4px -3px -2px;
}


.tabs a .off, .tabs a:hover .over, .tabs .active a .on
{
	display: block;
}

.tabs a:hover .off, .tabs a .over, .tabs a .on, .tabs .active a .off, .tabs .active a .over
{
	display: none;
}

a .off, a:hover .over, .active a .on
{
	display: block;
}

a:hover .off, a .over, a .on, .active a .off, .active a .over
{
	display: none;
}

/*Tabbed box showing and hiding*/
.fold
{
	display: none;
}

.unfold
{
	display: block;
}

/*Set the top left corner of the box*/
.tabbedBox .keyBlue .tl, .tabbedBox .keyBlue .tr
{
	/*This would have to change coloer as the leftmost tab is rolled over. Too time consuming now, so have removed...*/
	/*background-image: url(../img/cnr.key.blueOnGrey.tl.png);*/
	background-image: none;
}






body
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#pageHolder
{
	/*Most, if not all fonts appear to be 90% of small*/
	/*font-size: 100%;*/
}

a
{
	text-decoration: none;
	color: #3393C8;
}
a:hover
{
	text-decoration: underline;
}
a:visited
{
	color: #88ccf3;
}

a img
{
	border: 0px;
}

.tiny
{
	color: #666;
	font-size: 85%;
	margin: 0px;
}

.tiny.black
{
	color: #000000;
}

h3.withUnderline
{
	background: url(../img/line.hor.blue.gif) bottom repeat-x;
	padding:0px 0px 7px 0px;
	margin: 20px 0px 7px 0px;
	font-size: 160%;
}


#navMain li ul.unfoldnews
{
	background-color:#017dc5;
    color:White;
    display: block;
}

#navMain li ul.unfoldbusiness
{
	background-color:#01a5ed;
    color:White;
    display: block;
}

#navMain li ul.unfoldlife
{
	background-color:#8d3e8d;
    color:White;
    display: block;
}

#navMain li ul.unfoldsports
{
	background-color:#ff1a21;
    color:White;
    display: block;
}

#navMain li ul.unfoldaroundtown
{
	background-color:#017dc5;
    color:White;
    display: block;
}

#navMain li ul.unfoldopinionviews
{
	background-color:#9E9E9E;
    color:White;
    display: block;
}