@charset "utf-8";
/* CSS Document */

/*--------------------RESET-----------------------*/

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: normal;
	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: "" "";
}

/*--------------------END RESET-----------------------*/

body{
font:normal 10pt Verdana, Arial, Helvetica, sans-serif;
line-height:140%;
background:#FFF url('http://www.newstest.co.uk/_newsStyles/body_bg.png') repeat-x top left;
}

#wrapper{
position:relative;
width:910px;
margin:0 auto;
height:700px;
}

#header{
position:absolute;
top:0;
left:0;
width:910px;
height:150px;
background:#FFF url('http://www.newstest.co.uk/_newsStyles/body_bg.png') repeat-x top left;
}

#header img{
border:none;
}

#headerPromo{
position:absolute;
top:0;
right:0;
border:none;
margin:5px -5px 0 0;
}

#navigation{
position:absolute;
top:150px;
left:0;
width:777px;
margin:5px;
height:68px;
background-color:#F5F5F5;
border:1px solid #CCC;
font:normal 9pt Verdana, Arial, Helvetica, sans-serif;
}

#navigation ul{
margin-left:5px;
padding-top:1px;
}

#navigation li{
display:inline;
margin:5px;
line-height:160%;
}

#navigation li a{
color:#6C1513;
text-decoration:none;
}

#navigation li a:hover{
color:#6C1513;
text-decoration:underline;
}

#inHouse{
position:absolute;
top:225px;
left:0;
width:120px;
margin:5px;
}

#otherEditorial{
position:absolute;
top:225px;
left:130px;
width:120px;
margin:5px;
background-color:#F5F5F5;
}

#mainEditorial{
position:absolute;
top:225px;
left:260px;
width:510px;
margin:5px;
}

#mainEditorialWide{
position:absolute;
top:225px;
left:130px;
width:640px;
margin:5px;
}

#iia{
position:absolute;
top:150px;
right:0;
width:120px;
margin:5px;
}

/*-------------------------MAIN NEWS ITEM BITS-------*/

#mainEditorialWide li{
display:block;
}

#mainEditorial li{
display:block;
}

.sectionHeader{
position:relative;
float:left;
font:14pt/150% Arial, Helvetica, sans-serif;
width:500px;
padding-left:10px;
background-color:#F5F5F5;
}

.sectionHeader select{
position:absolute;
right:10px;
top:3px;
font-size:8pt;
}

.BreakingStory{
position:relative;
width:510px;
padding:35px 0px 0px 0px;
background-color:#FFF;
float:left;
border-bottom:1px solid #CCC;
}

.MainStory{
position:relative;
width:510px;
padding:0px 0px 0px 0px;
background-color:#FFF;
float:left;
border-bottom:1px solid #CCC;
}

.BreakingBannerTitle{
position:absolute;
top:0;
left:0;
width:501px;
font:bold 1.8em/120% Arial, Helvetica, sans-serif;
color:#FFF;
height:25px;
padding:5px;
background-color:#CC0000;
}

.storyDate{
line-height:120%;
width:500px;
margin:0px 0px 5px 10px;
text-decoration:none;
color:#000;
float:left;
}

#mainEditorial .catalogue{
margin:5px 20px 5px 0px;
padding:5px;
width:200px;
border:1px solid #CCC;
float:left;
}

#mainEditorial .thumbnail{
margin:5px 5px 5px 0px;
/*width:250px;*/
border:1px solid #CCC;
float:left;
}

#mainEditorial h1{
font-size:18pt;
font-weight:bold;
line-height:120%;
width:500px;
margin:5px 5px 5px 0px;
padding-top:5px;
text-decoration:none;
color:#000;
}

#mainEditorial h1 a{
font-weight:bold;
text-decoration:none;
color:#000;
}

#mainEditorial h1 a:hover{
font-weight:bold;
text-decoration:none;
color:#6C1513;
}

#mainEditorial p{
margin:5px;
float:left;
width:auto;
}

#mainEditorial p a{
text-decoration:none;
}

.subheadline{
position:relative;
width:380px;
padding-left:130px;
margin:5px 0 0 0;
border-bottom:1px solid #CCC;
background-color:#FFF;
height:auto;
float:left;
}

.subheadline .info{
position:absolute;
top:0;
left:0;
width:120px;
}

.subheadline .info img{
width:80px;
}

subheadGroup{
position:absolute;
top:0;
left:130px;
width:260px;
margin-bottom:5px;
}

.subheadline h2 a{
position:absolute;
line-height:120%;
color:#333333;
font:bold 10pt Arial, Helvetica, sans-serif;
text-decoration:none;
}

.subheadline h2 a:hover{
text-decoration:none;
color:#6C1513;
}

.subheadline p{
width:auto;
margin:0;
padding:15px 0 0 0;
color:#333333;
font:8pt Arial, Helvetica, sans-serif;
}



.vcard{
position:relative;
float:left;
width:480px;
background-color:#F5F5F5;
border:1px solid #CCC;
margin:10px 0;
padding:10px;
}

#mainEditorial .street-address{
font:normal 10pt Verdana, Arial, Helvetica, sans-serif;
color:#000;
}

/*----------SPORT FROM WORCESTERSHIRE SPORT------------*/

.minorHeadlines{
position:relative;
width:510px;
min-height:220px;
height:auto !important;
height:220px;
/*background-color:#CCC;*/
}

li.minorHeadlines{
margin:10px 0;
}

.minorHeadlines h3 a{
font-size:10pt;
font-weight:bold;
text-decoration:none;
color:#6c1513;
}

.minorHeadlines h3 a:hover{
color:#ccc;
text-decoration:underline;
}

.minorHeadlines p{
line-height:140%;
font-size:8pt;
}

.minorHeadlines img.thumb{
margin:3px;
padding:2px;
border:solid 1px #FFF;
background-color:#000;
}

li.storyTease{
width:508px;
margin:0 0 2px 0;
}

span.crumb a{
font:normal 8pt verdana, arial, helvetica, sans-serif;
text-decoration:none;
color:#666;
}

span.crumb a:hover{
text-decoration:underline;
}

/*------------------------END NEWS STUFF---------*/

/*-------------------OTHER EDITORIAL CONTENT-------------*/

#otherEditorial li{
margin-bottom:15px;
padding-bottom:5px;
border-bottom:1px solid #CCC;
}

#otherEditorial h1{
font:bold 12pt/120% Arial, Helvetica, sans-serif;
margin:3px;
}

#otherEditorial h2 a{
font:bold 10pt/140% Arial, Helvetica, sans-serif;
color:#6C1513;
text-decoration:none;
margin:3px;
}

#otherEditorial p{
font:8pt/140% Verdana, Arial, Helvetica, sans-serif;
margin:3px;
}

#otherEditorial img{
border:0;
}

#otherEditorial .info{
font:8pt/140% Verdana, Arial, Helvetica, sans-serif;
margin:5px;
}


/*--OTHER EDITORIAL CONTENT--*/
#inHouse li img{
border:none;
margin:2px 0;
}

.options{
width:500px;
float:left;
background-color:#F5F5F5;
border-top:1px solid #CCC;
}

.bigPicture{
width:500px;
float:left;
border-top:1px solid #CCC;
}

.bigPicture img{
width:480px;
margin:10px;
}


/*CONTACT PAGE ELEMENTS*/

.contactList{
float:left;
}

.contactList li{
width:80%;
float:left;
clear:left;
padding:5px 5px 5px 10px;
margin:10px;
}

.contactList h3{
line-height:120%;
margin:0px 0 0 0;
padding:0;
}

.contactList p{
line-height:120%;
margin:0 0 10px 0;
padding:0;
}

.linkList{
float:left;
clear:left;
}

.linkList li{
margin:5px 10px;
}

.bannerBox{
padding:0;
margin:0;
text-align:center;
}

#sportPromo{
position:relative;
padding-left:10px;
margin:5px 0 5px 0;
height:auto;
float:left;
}

.largePromo{
position:relative;
padding-left:0;
margin:5px 0 5px 0;
height:auto;
float:left;
}

#newsPromo img{
margin-top:5px;
padding-top:0px;
}

#hiddenLinks{
visibility:hidden;
}

/*404 Features*/

#navigation404{
position:absolute;
top:150px;
left:10px;
width:180px;
margin:5px;
height:auto;
background-color:#F5F5F5;
border:1px solid #CCC;
font:normal 9pt Verdana, Arial, Helvetica, sans-serif;
}

#navigation404 ul{
margin-left:5px;
padding-top:1px;
}

#navigation404 li{
margin:5px;
line-height:160%;
}

#navigation404 li a{
color:#6C1513;
text-decoration:none;
}

#navigation404 li a:hover{
color:#6C1513;
text-decoration:underline;
}

#mainEditorial404{
position:absolute;
top:150px;
left:210px;
width:510px;
margin:5px;
}

/*WIDE VERSION EDITORIAL SETTINGS*/

#mainEditorialWide li{
display:block;
}

#mainEditorialWide .catalogue{
margin:10px 5px 5px 0px;
padding:2px;
width:200px;
border:1px solid #CCC;
float:left;
}

#mainEditorialWide .thumbnail{
margin:5px 5px 5px 0px;
/*width:250px;*/
border:1px solid #CCC;
float:left;
}

#mainEditorialWide h1{
font-size:24pt;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
letter-spacing:-1px;
line-height:120%;
width:640px;
margin:5px 5px 5px 0px;
padding-top:5px;
text-decoration:none;
color:#000;
}

#mainEditorialWide h2{
font-size:14pt;
font-weight:bold;
line-height:120%;
width:600px;
margin:5px 5px 5px 0px;
padding-top:5px;
text-decoration:none;
color:#000;
float:left;
clear:left;
}

#mainEditorialWide h3{
font-family:Arial, Helvetica, sans-serif;
font-size:12pt;
font-weight:bold;
line-height:100%;
width:600px;
margin:10px 5px 0 30px;
padding:5px 0 0 0;
text-decoration:none;
color:#000;
float:left;
clear:left;
}

#mainEditorialWide h1 a{
font-weight:bold;
text-decoration:none;
color:#000;
}

#mainEditorialWide h1 a:hover{
font-weight:bold;
text-decoration:none;
color:#6C1513;
}

#mainEditorialWide h3 a{
margin:10px 5px 0 30px;
font-weight:bold;
text-decoration:none;
color:#000;
}

#mainEditorialWide h3 a:hover{
margin:10px 5px 0 30px;
font-weight:bold;
text-decoration:none;
color:#6C1513;
}

#mainEditorialWide p{
margin:5px 5px 5px 50px;
float:left;
clear:left;
width:550px;
}

#mainEditorialWide p a{
text-decoration:none;
}

p.teaser{
margin:5px;
}

/*--ADS 234--*/

.ads234{
width:590px;
padding:0 5px 0 5px;
}

.ads234 li{
display:inline;
float:left;
width:234px;
height:60px;
margin:10px;
border:solid 1px #ccc;
}

.ads234 img{
border:none;
}

#cinemaList{
position:absolute;
top:225px;
left:0;
width:120px;
margin:5px;
}

#cinemaList h1{
font:bold 12pt Arial, Helvetica, sans-serif;
line-height:120%;
margin:3px;
}

#cinemaList h2{
font:bold 10pt Arial, Helvetica, sans-serif;
line-height:120%;
margin:3px;
}

#cinemaList p{
font:normal 8pt verdana, Arial, Helvetica, sans-serif;
line-height:120%;
margin:3px;
}

#jobFeed{
text-align:center;
}

#jobFeed li{
display:inline;
float:left;
height:60px;
width:120px;
margin:10px 25px 10px 25px;
text-align:center;
}

#jobFeed h2 a{
font: bold 8pt Verdana, Arial, Helvetica, sans-serif;
color:#002c5a;
text-decoration:none;
}

#jobFeed p{
font:8pt Verdana, Arial, Helvetica, sans-serif;
color:#666;
width:110px;
}

#jobFeed h2 a:hover{
text-decoration:underline;
}