/* CSS Reset: http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


/* ======================================================================== */

/* Basic tags */

html, body {
	font:									normal normal normal 12px/15px Tahoma, Arial, Helvetica, sans-serif;
}

h2 {
	font-size:						20px;
	line-height:					24px;
	font-weight:					normal;
}

h3 {
	font-size:						18px;
	line-height:					22px;
	font-weight:					normal;
}

p {
	color:								#3c3c3c;
	line-height:					17px;
	padding:							5px 0;
}

a {
	color:								#1458bc;
}

a:hover {
	color:								#0060a6;
}

/* Core layout elements*/

#banner_ad {
	background-color:			#9a9a9a;
	text-align:						center;
	height:								90px;
}

#container,
#footer_inner {
	width:								932px;
	margin:								10px auto;
	position:							relative;
}

#logo, #dnn_logo_imgLogo  {
	display:							block;
	padding-top:					33px;
	padding-bottom:				25px;

}


/* Search field */
#search, #dnn_dnnSEARCH_ClassicSearch {
	position:							absolute;
	top:									0;
	right:								0;
}

#search_field, #dnn_dnnSEARCH_txtSearch {
	margin:								0;
}

#search input, #dnn_dnnSEARCH_cmdSearch {
	vertical-align:				middle;
}


/* Updates */
#updates {
	position:							absolute;
	top:									0;
	right:								170px;
	width:								340px;
}

#updates li {
	float:								left;
	font-family:					Tahoma, Verdana, Arial, sans-serif;
	font-size:						10px;
	line-height:					14px;
	text-transform:				uppercase;
}

#updates li.rss a {
	display:							block;
	background-image:			url(../images/layout/rss_icon.gif);
	background-repeat:		no-repeat;
	padding:							2px 0 4px 30px;
	margin-right:					10px;
}

#updates li.email a {
	display:							block;
	background-image:			url(../images/layout/update_list_separator.gif);
	background-repeat:		no-repeat;
	background-position:	0 5px;
	padding:							2px 11px; 4px 11px;
}

#updates li.gifts a {
	display:							block;
	background-image:			url(../images/layout/update_list_separator.gif);
	background-repeat:		no-repeat;
	background-position:	0 5px;
	padding:							2px 11px; 4px 11px;
}

/* Weather widget */
#weather_widget {
	height:								34px;
	vertical-align:				middle;
	font-size:						11px;
	line-height:					14px;
	position:							absolute;
	top:									32px;
	right:								0;
}
#weather_widget strong {
	font-weight:					bold;
	font-size:						12px;
}
#weather_widget img {
	vertical-align:				middle;
	margin:								-2px 5px 0 5px;

}

/* Main navigation */

#main_navigation ul {
	clear:								both;
}

#main_navigation li {
	float:								left;
}


/* First level navigation, much of which is inherited by sub levels */

#main_navigation #level_1_nav li, main_navigation .txt {
	height:								27px;
	margin-bottom:				-3px;
	text-transform:				lowercase;
}

#main_navigation li a, #main_navigation a, #main_navigation .txt  {
	/*display:							block; */
	padding:							3px 10px 0 10px;
	color:								#3c3c3c;
	font-size:						14px;
	line-height:					16px;
	text-decoration:			none;
}
#main_navigation li a:hover, #main_navigation a:hover  {
	color:								#0060a6;
}

#main_navigation #level_1_nav li.current {
	background-color:			#0060a6;
	-moz-border-radius-topleft:				3px;
	-webkit-border-top-left-radius:		3px;
	background-image:			url(../images/layout/level_1_nav_angled_wedge.gif);
	background-repeat:		no-repeat;
	background-position: 	top right;
	padding-right:				15px;
	margin-right:					-10px;
}

#main_navigation #level_1_nav {
	height:								24px;
	border-bottom:				5px solid #0060a6;
}

#main_navigation #level_1_nav a {
	padding-top:					4px;	/* Overridden in IE6 and IE7 */
}

#main_navigation #level_1_nav li.current a {
	color:								#fff;
}

#main_navigation li.secondary_links {
	float:								right;
	margin-left:					25px;
}

#main_navigation #level_1_nav li.secondary_links a {
	text-transform:				uppercase;
	font-size:						11px;
	line-height:					13px;
	font-weight:					bold;
	color:								#0060a6;
	padding-left:					0;
	padding-right:				0;
	margin-top:						3px;	/* Overridden in IE6 and IE7 */
}

#main_navigation #level_1_nav li.secondary_links {
	padding-left:					0;
}


/* Second level navigation */

#main_navigation #level_2_nav {
	margin-top:						5px; 
	height:								25px;
	background-color:			#0060a6;
	-moz-border-radius:			3px;
	-webkit-border-radius:	3px;
}

#main_navigation #level_2_nav li, #main_navigation #level_2_nav  .txt{
	float:								left;
	height:								24px;
}

#main_navigation #level_2_nav li a, #main_navigation #level_2_nav  .txt {
	/* display:							block; */
	padding:							4px 10px 0 10px;
	color:								#fff;
	font-size:						12px;
	text-decoration:			none;
}
#main_navigation #level_2_nav li a:hover {
	text-decoration:			underline;
}

#main_navigation #level_2_nav li.current {
	background-color:			#0060a6;
}

#main_navigation #level_2_nav li.current a {
	color:								#fff;
}


/* Basic columns */
#left_col,
#centre_col,
#right_col {
	margin-top:						22px;
	float:								left;
}

#left_col {
	clear:								left;
	width:								454px;
	margin-right:					27px;
}

#centre_col {
	width:								300px;
	margin-right:					27px;
}

#digital_edition {
	width:								296px;
	margin-right:					20px;
	padding-top:					30px;
	padding-bottom:				50px;
	float:								left;
	clear:								left;
}

#sister_titles {
	width:								612px;
	float:								left;
	padding-top:					30px;
	padding-bottom:				50px;
}

/* News list */
.news_list {
	position:							relative;
	clear:								both;
}


#digital_edition h2,
#sister_titles h2
/*,.news_list h2 */, containerSimpleTop h2

{
	color:								#fff;
	background-color:			#0060a6;
	border-bottom:				5px solid #e1dcd9;
	padding-bottom:				2px;
	padding-left:					15px;
	clear:								both;
	margin-top:						24px;
	-moz-border-radius-topright:			3px;
	-webkit-border-top-right-radius:	3px;
	-moz-border-radius-topleft:				3px;
	-webkit-border-top-left-radius:		3px;
}

.news_list .news_item {
	border-top:						1px solid #cecece;
	padding-top:					9px;
	padding-bottom:				9px;
	clear:								both;
	min-height:						71px;
}

.news_list .news_item.no_border {
	/* This is applied via jQuery to remove the top border from the first 
		 news item in a news list */
	border:								none	;
}

.news_item h3,
.news_item p {
	/* This is not restricted to 'news_items' within 'news_lists' as it is used
	   for box outs as well  */
	padding-left:					10px;
}

.news_list .news_item h3 a {
	text-decoration:			none;
}

.news_list .news_item h3 a:hover {
	text-decoration:				underline;
}

.news_item img {
	display:							block;
	float:								left;
	margin:								0 20px 0 10px; /* the left margin is overridden in IE6 to 5px because of weird doubling of margin */
	/* TEMP... */
	width:								90px;
	height:								70px;
}

.news_list .more {
	color:								#fff;
	font-size:						11px;
	text-transform:				uppercase;
	text-decoration:			underline;
	position:							absolute;
	top:									5px;
	right:								10px;
	background-image:			url(../images/layout/more_arrows_on_red.gif);
	background-repeat:		no-repeat;
	background-position: 	center right;
	padding-right:				15px;
}

/* Lead story */
#lead_story {
	border-bottom:				1px solid #cecece;
}

.news_list #lead_story .news_item {
	padding-top:					0;
}

.news_list #lead_story .news_item h3 a {
	font-size:						24px;
	line-height:					28px;
}

#lead_story .news_item img {
	float:								none;
	width:								auto;
	height:								auto;
	margin:								0;
	margin-bottom:				10px;
	border:									3px solid #e1dcd9;
	-moz-border-radius:			3px;
	-webkit-border-radius:	3px;
	
}

#lead_story .news_item.bl-hover img {
	border-color:					#1458bc;
}


/* News lists showing just the link and category name for each name */
.news_list.link_and_category {
	border-bottom:				1px solid #cecece;
}

.news_list.link_and_category .news_item {
	position:							relative;
	min-height:						0;
}

.news_list.link_and_category .news_item h3 {
	position:							absolute;
	left:									0;
	text-transform: 			uppercase;
	font-size:						11px;
	line-height:					16px;
	width:								100px;
	text-align:						right;
	float:								left;
	padding-left:					0;
	padding-top:					1px;
	padding-bottom:				6px;
	color:								#3c3c3c; /* to match paragraph colour */
}

.news_list.link_and_category .news_item p {
	margin-left:					120px;
	width:								334px;
	padding-bottom:				0px;
	padding-top:					0; /* to match the H3 */
	padding-left:					0;
}

.news_list.link_and_category p a {
	text-decoration:			none;
}

.news_list.link_and_category .bl-hover a {
	text-decoration:				underline;
}


/* Get in touch */
#get_in_touch {
	padding-top:					29px;
	padding-bottom:				30px;
}

#get_in_touch li {
	display:							inline;
}

#get_in_touch li#got_a_story img {
	margin-right:					15px;
}


/* Boxout */
.boxout {
	background-color:				#faf9f8;
	border:									3px solid #e1dcd9;
	-moz-border-radius:			3px;
	-webkit-border-radius:	3px;
	margin-top:							20px;
}

.boxout h2 {
	color:									#3c3c3c;
	font-size:							16px;
	line-height:						20px;
	font-weight:						bold;
	margin:									8px 10px 10px 10px;
}

.boxout h3 {
	font-size:							13px;
	line-height:						15px;
	padding-bottom:					0;
	margin-bottom:					0;
}

.boxout h3 a {
	text-decoration:				none;
}

.boxout .bl-hover h3 a,
.news_list .news_item.bl-hover h3 a {
	text-decoration:				underline;
}

.boxout h3 a span {
	color:									#808080;
	font-size:							11px;
}

.boxout p {
	padding-top:						0;
	padding-bottom:					15px;
}

.boxout .more {
	display:								block;
	padding:								0 10px 10px 10px;
	text-transform:					uppercase;
	font-size:							10px;
}

.boxout.most_viewed h2 {
	font-size:							11px;
	line-height:						14px;
	font-weight:						normal;
	text-transform:					uppercase;
}

.boxout.most_viewed ul {
	padding-bottom:					5px;
}

.boxout.most_viewed li {
	padding:								0 10px 5px 10px;
}

.boxout.most_viewed li a {
	text-decoration:				none;
}


#footer {
	clear:									both;
	background-color:				#e1dcd9;
	padding-top:						20px;
	padding-bottom:					20px;
	/* The padding-bottom is taken off #footer and added to #footer_inner in IE6 and IE7 */
}

#footer_inner {
	background-image:				url(../images/layout/tch_footer_logo.gif);
	background-repeat:			no-repeat;
}

#footer_navigation {
	margin-left:						200px;
}

#footer_navigation a {
	font-size:							11px;
	line-height:						14px;
	text-decoration:				none;
	font-weight:						bold;
	color:									#3c3c3c;
}

#footer_navigation a:hover {
	color:									#0060a6;
	text-decoration:				underline;
}

#footer_navigation ul ul a {
	font-weight:						normal;
}

#footer_navigation ul {
	float:									left;
	width:									135px;
}


/* Clear both hack / fix */
.clearboth {
	clear:								both;
}


/* Hover effect for jQuery biglink */
.bl-hover {
	background-color:			#e7eef8;
}