* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 background:url(images/background-drop.gif) repeat top center white;

}

img.png {
    background-image: expression(
        this.runtimeStyle.backgroundImage = "none",
        this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
        this.src = "transparent.gif"
    );
}

p { margin-bottom: 0.3em; }

#wrapper { 
 margin: 0 auto;
 width: 924px;
 
}


.breakingnews {
 font-size: 18px;
 color: white;
 font-weight: bold;
margin: 0px;
background:url(colour/cyan/poll.jpg) top left repeat-x;
background-color: #063243;
padding: 0 2px 0 2px;

}
 



#subheader {
	width: 924px;
	float: left;
	height: 35px;
	margin: 0 auto;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
	margin-bottom: 0px;
	color: white;
}

/* main columns continued */
#leftcolumn { 
 margin: 0px 5px 5px 0px;
 padding-right: 0px;
 height: 100%;
 width: 105px;
 float: left;
}
#leftmiddle { 
 color: #000000;
 margin: 0px 5px 20px 0px;
 padding-right: 5px;
 padding-left: 5px;
 padding-top: 0px;
 height: 100%;
 width: 497px;
 float: left;
 border-left: 0px solid #fff;
 border-right: 0px solid #fff;
  border-bottom: 0px solid #ccc;
}
#rightmiddle { 
 color: #000000;
 background: #ffffff;
 margin: 0px 0px 20px 0px;
 padding-right: 10px;
 width: 170px;
 height: 100%;
 float: left;
}
#rightcolumn { 
 color: #333;
 background: #ffffff;
 margin: 0px 0px 20px 0px;
 padding: 0px 0px 0px 0px;
 width: 120px;
 height: 100%;
 float: left;
}

#rightwrap {width:300px;float:left;}

.rightdouble {width:300px;margin-bottom:10px;clear:both;}

#infofooter { 
 width: 924px;
 clear: both;
 color: #333;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 height: 77px;
  background:url(images/footer-back.jpg) no-repeat top center white;

}
#footer { 
 width: 924px;
 clear: both;
 color: #333;
 margin: 5px 0px 30px 0px;
 padding-top: 10px;
 font-size: 9px;
 border-top: 0px solid #ccc;

}




/* left menu new */	

.navcontainer {
}

.navlist
{
padding: 0px;
margin-left: 0;
width: 100%;
}

.navlist li
{
list-style: none;
margin: 0;
border-bottom: 1px dotted #ccc;
text-align: left;
}

.navlist li a
{
display: block;
padding: 3px 5px 3px 5px;
border-left: 0px solid #ccc;
text-decoration: none;
}

.navlist li a:link { color: black; }
.navlist li a:visited { color: black; }

.navlist li a:hover
{
border-color: #2a51a1;
color: #165268;
font: bold;
padding-left: 6px;
}	
	
	
	



/* Image sizes */
.newspaper {
	width: 110px;
}	

#newspaperblock {
	background-color: #e7e9ef;
	padding: 5px 5px 5px 5px;
	width: 110px;
	margin-top: 2px;
}

#adtop {
	width: 468px;
	float: left;
	height: 60px;
	margin: 0 auto;
	padding-top: 5px;
	padding-right: 5px;
}



/* classes */

.leftnews { 
 margin: 0px 9px 0px 5px;
 padding-right: 0px;
 width: 239px;
 float: left;
}

.rightnews { 
 margin: 0px 0px 0px 0px;
 padding-right: 5px;
 width: 239px;
 float: left;
}

.paddingnews { 
 margin: 0px 0px 0px 0px;
 padding: 0px 5px 5px 5px;
 width: 487px;
 float: left;
}

.paddingnews2 { 
 margin: 0px 0px 0px 0px;
 padding: 0px 2px 5px 2px;
 width: 487px;
 float: left;
}

/* headline story img */
.mainnewsimg {
float: left;
width: 239px;
padding: 0px;
margin-top: 0px;
margin-bottom: 4px;
margin-right: 0px;

}

.newspaper-front {
float: left;
width: 485px;
padding: 0px;
margin-top: 4px;
margin-bottom: 10px;
border: 1px solid #CCCCCC;

}

.mainnewsimglrg {
float: left;
width: 487px;
padding: 0px;
margin-top: 4px;
margin-bottom: 10px;

}
.teamimg {
float: left;
width: 50px;
padding: 5px;
}

.imgright {
float: right;
width: 236px;
padding: 0px;
margin-left: 10px;
margin-bottom: 10px;
}

.delivery {
float: left;
padding: 0px;
margin-right: 2px;
margin-bottom: 2px;
}



hr
{
border: none 0; 
border-top: 1px dotted #ccc;/*the border*/
width: 100%;
height: 1px;
  margin: 5px 0 5px;
  clear:both;
}


.padding {margin: 5px 0px 5px 0px;}

.paddingtext {padding: 0px 5px 0px 5px;}

.dottedbox {
	float: left;
	width: 475px;
	padding-left: 5px;
	border: 0px solid #ccc;
	margin-top:1px;
	margin-bottom: 1px;
}


/* poll progress bar */

.prog-border {
float: left;
  height: 15px;
  width: 120px;
  background:url(images/pollshade.jpg) no-repeat top left;
  border: 0px solid silver;
  margin: 2px 0 2px 0;
  padding: 0;
}

.prog-bar {
float: left;
  height: 15px;
  margin: 0px;
  padding: 0;
  background:url(colour/cyan/poll.jpg) top left;
}

.progpercentage {
float: left;
  height: 17px;
  width: 38px;
  margin: 0px;
  padding: 2px 0 0 2px;
}

.prog-border2 {
float: left;
  height: 15px;
  width: 100%;
  background:url(images/pollshade.jpg) repeat-x top left;
  border: 0px solid silver;
  margin: 2px 0 2px 0;
  padding: 0;
}

.prog-bar2 {
float: left;
  height: 15px;
  margin: 0px;
  padding: 0;
  background:url(colour/cyan/poll.jpg) top left;
}

.progpercentage2 {
float: left;
  height: 17px;
  width: 38px;
  margin: 0px;
  padding: 2px 0 0 2px;
}

.weather {
width: 160px;
}






/* change colour all below here    */

/* header */



#header {
 background:url(colour/cyan/title-master.jpg) no-repeat top left; 
 width: 924px;
 float: left;
 padding-top: 0px;
 height: 120px;
 margin: 0px 0px 10px 0px;
 color: white;
}


.newswrap { 
 margin-bottom: 5px;
 width: 497px;
 float: left;
 padding-bottom: 5px;
 border-bottom: 0px dotted #ccc;
 background:url(colour/cyan/bar-wide.jpg) no-repeat top left;
}

.newswrap105 { 
 margin-bottom: 5px;
 width: 105px;
 float: left;
 padding-bottom: 5px;
 background:url(colour/cyan/bar-105.jpg) no-repeat top left;
}

.newswrap170 { 
 margin-bottom: 5px;
 width: 170px;
 float: left;
 padding-bottom: 5px;
 background:url(colour/cyan/bar-170.jpg) no-repeat top left;
}

.newswrap300 { 
 margin-bottom: 5px;
 width: 300px;
 float: left;
 padding-bottom: 5px;
 background:url(colour/cyan/bar-300.jpg) no-repeat top left white;
}

.navwrap105 {
 margin-bottom: 5px;
 width: 105px;
 float: left;
 padding-bottom: 5px;
 background:url(colour/cyan/bar-105-long.jpg) no-repeat top left;
}

#comments105 {
margin-bottom: 5px; 
width: 105px; 
height: 222px; 
float: left; 
padding-bottom: 5px; 
background:url(colour/cyan/bar-105-comments.jpg) no-repeat top left;
}

.mainheadings {
display: block;
padding: 2px 0px 2px 5px;
margin-bottom: 5px;
color: #ffffff;
font-size: 16px;
border-bottom: 0px solid white;
height: 20px;
}

.mainheadingscv {
display: block;
padding: 2px 0px 2px 5px;
margin-bottom: 0px;
color: #ffffff;
font-size: 16px;
border-bottom: 0px solid white;
height: 20px;
}	


/* link styles */

A:link {text-decoration: none; color: #165268; margin: 0;  }
A:visited {text-decoration: none; color: #165268; margin: 0; }
A:active {text-decoration: none; color: #165268; margin: 0; }
A:hover {text-decoration: none; color: black; margin: 0; }

.titlelink A:link {text-decoration: none; color: #165268; font: normal small times; font-size: 2.2em; margin: 0;}
.titlelink A:visited {text-decoration: none; color: #165268; font: normal small times; font-size: 2.2em; margin: 0;}
.titlelink A:active {text-decoration: none; color: #165268; font: normal small times; font-size: 2.2em; margin: 0;}
.titlelink A:hover {text-decoration: none; color: black; font: normal small times; font-size: 2.2em; margin: 0;}

.subtitlelink A:link {text-decoration: none; color: #165268; font-size: 1.2em; margin: 0;font-weight:normal; }
.subtitlelink A:visited {text-decoration: none; color: #165268; font-size: 1.2em; margin: 0;font-weight:normal; }
.subtitlelink A:active {text-decoration: none; color: #165268; font-size: 1.2em; margin: 0;font-weight:normal; }
.subtitlelink A:hover {text-decoration: none; color: black; font-size: 1.2em; margin: 0; font-weight:normal;}

.links {
padding: 0;
margin: 0;
}

.textlink A:link {text-decoration: none; color: #165268; margin: 0;  }
.textlink A:visited {text-decoration: none; color: #165268; margin: 0; }
.textlink A:active {text-decoration: none; color: #165268; margin: 0; }
.textlink A:hover {text-decoration: none; color: black; margin: 0; }

.newstype A:link {text-decoration: none; color: white; margin: 0;  }
.newstype A:visited {text-decoration: none; color: white; margin: 0; }
.newstype A:active {text-decoration: none; color: white; margin: 0; }
.newstype A:hover {text-decoration: underline; color: white; margin: 0; }




/* story text style */
.title {text-decoration: none; color: #165268; font: normal small times; font-size: 2.2em; margin: 0;}
.date {font-size: 10px;}
.datecomments {font-size: 10px; color: #165268;}
.subheading {color: #000000; font-size: 1.7em; margin-bottom: 5px;}
.byline {text-decoration: none; color: #165268; font-size: 1.2em; margin: 0;}


/* search highlights */

.search {background: #134f9c; color: white; padding: 0 2px 0 2px;}



/* collasible apnels  */

.CollapsiblePanel {
	margin: 0px;
	padding: 0px;
	color: #165268;
	
}

/* tabbed panels */

.TabbedPanelsTab {
	position: relative;
	top: 0px;
	float: left;
	padding: 2px 25px 2px 5px;
margin-bottom: 5px;

color: #12bdfe;
	font-size: 16px;
	list-style: none;
	border-left: solid 0px #CCC;
	border-bottom: solid 0px #999;
	border-top: solid 0px #999;
	border-right: solid 1px #999;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
}

.TabbedPanelsTabSelected {
	color: white;
	border-bottom: 0px solid #EEE;
}

.TabbedPanelsTabHover {
	color: white;
}


/* links back */

.linksback {background:url(images/links-back.gif);width:492px; height: 19px;padding: 5px 0px 0px 5px;margin-top:5px;}
.linksback p {margin:0px;}

/* rss feed link */

.feed {
  margin-left: 0px;
  padding: 0 0 0 16px;
  background: url("images/icons/icon-feed.gif") no-repeat 0 50%;
} 

/* comment link */

.comment {
  margin-left: 0px;
  padding: 0 0 0 16px;
  background: url("images/icons/icon-comment.gif") no-repeat 0 50%;
 
 } 

.view {
  margin-left: 0px;
  padding: 0 0 0 16px;
  background: url("images/icons/icon-view.gif") no-repeat 0 50%;
} 
.subscribe {
  margin-left: 0px;
  padding: 0 0 0 16px;
  background: url("images/icons/icon-subscribe.gif") no-repeat 0 50%;
} 

.scroll {
  margin-left: 0px;
  padding: 0 0 0 16px;
  background: url("images/icons/icon-scroll.gif") no-repeat 0 50%;
} 

.poll {
  margin-left: 0px;
  padding: 0 0 0 16px;
  background: url("images/icons/icon-poll.gif") no-repeat 0 50%;
} 

.more {
  margin-left: 0px;
  padding: 0 0 0 16px;
  background: url("images/icons/icon-more.gif") no-repeat 0 50%;
} 




/* digital delivery */

.digitalblok {height:52px;widht:344px;padding: 5px 3px 3px 150px;margin-bottom:5px;background:url(images/digital.gif);}



/* hot jobs 

.hot_jobs_company {
	line-height:22px;
} */



/* election poll */


/* poll progress bar */

.prog-borderelec {
float: left;
  height: 15px;
  width: 227px;
  background:url(images/pollshade.jpg) repeat top left;
  border: 0px solid silver;
  margin: 2px 0 15px 0;
  padding: 0;
}

.prog-barelec {
float: left;
  height: 15px;
  margin: 0px;
  padding: 0;
  background:url(colour/cyan/poll.jpg) top left;
}

.progpercentageelec {
float: left;
  height: 17px;
  width:58px;
  margin: 0px;
  padding: 2px 0 0 5px;
}

.electitle {padding:5px;background:#ececec;width:280px;font-weight:bold;margin-top:8px;margin-bottom:4px;}

.prog-barelecblue {
float: left;
  height: 15px;
  margin: 0px;
  padding: 0;
  background:url(colour/blue/poll.jpg) top left;
}

.prog-barelecyellow {
float: left;
  height: 15px;
  margin: 0px;
  padding: 0;
  background:url(colour/yellow/poll.jpg) top left;
}

.prog-barelecred {
float: left;
  height: 15px;
  margin: 0px;
  padding: 0;
  background:url(colour/red/poll.jpg) top left;
}

.prog-barelecgreen {
float: left;
  height: 15px;
  margin: 0px;
  padding: 0;
  background:url(colour/green/poll.jpg) top left;
}

.prog-barelecgray {
float: left;
  height: 15px;
  margin: 0px;
  padding: 0;
  background:url(colour/cyan/grayprog.jpg) top left;
}