/* ......structure first ...... */
#outer{
	width:930px;
	position:relative;
	margin:0 auto 0;
	text-align:left;
	background:#fff;
}
/* main banner at top of page */
.ad{
	width:930px;
	height:102px;
	overflow:hidden;
    background-color:#efefef;
}
#header{
	width:930px;
	height:102px;
	background:url(/sermitsiaq/repository/images/header-bg.jpg) repeat-x 0 0;
	padding:6px 0 7px;
}
/* star weather box */
.weather{
	float:right;
	width:146px;
	height:102px;
	margin:0 0 0 8px;
	background:url(/sermitsiaq/repository/images/weather.jpg) no-repeat 0 0;
	position:relative;
	color:#000;	
	font-size:18px;
	font-weight:bold;
}
p.weather1{
	padding:2px 0 0 8px;
	font-size:12px;
	margin:0;
}
p.weather1 span{font-size:9px}
p.weather1 a {color:#000}
p.weather1 a:hover{color:#ba001a}
.weather ul{
	margin:-2px 0 3px 78px;
}
.weather li{padding:0 0 0 9px}
.weather li.temp{
	padding:5px 0 1px;
	font-size:10px;
	font-weight:normal;
	position:relative;
	top:-2px;
}
p.sun{
	position:absolute;
	left:0;
	top:17px;
	width:78px;
	height:62px;
	margin:0;
}
/* ads across header */
.adspace{
	float:right;
	height:102px;
	width:310px;
	overflow:hidden;
	margin:0 0 0 4px;
}
.ad2 {width:310px}
.ad1 {width:200px}
.weather select{
	font-size:11px;
	width:122px;
	margin:0 0 0 3px;
}
#header h1{
	float:left;
	margin:0;
	width:118px;
	text-align:center;
}
#header h1 span{position:absolute;top:-999em}
#header h1 em{
	display:block;
	font-style:normal;
	font-size:9px;
	font-family:Verdana;
	padding:10px 0 0;
}
/* ... main navigation  ...*/
ul#nav {
	margin:0;
	width:930px;
	height:3.3em;
	background:#b70019;
	position:relative;
	color:#fff;
	font-size:13px;
	font-weight:bold;
 	line-height:1.2;
	border-bottom:3px solid #c0c0c0
}
ul#nav li {
	height:3.3em;
	float:left;
	text-align:center;
	margin:0 0 0 14px;
	display:inline;
}
ul#nav li a,ul#nav li span {
	display:block;
	text-decoration:none;
	color:#fff;
	height:2.9em;
	padding:.48em 0 0 0;
}
ul#nav li.current {
	background:url(/sermitsiaq/repository/images/lnav.gif) no-repeat 0 4px;
	color:#000;
	padding:0 0 0 7px;
	text-transform:uppercase;
	line-height:1.1;
	z-index:99;
}
ul#nav li.current a, ul#nav li span {
	color:#000;
	background:url(/sermitsiaq/repository/images/rnav.gif) no-repeat 100% 4px;
	padding:.48em 8px 0 1px;
	position:relative;
}
/* drop down styling */
ul#subnav {
	background:#c0c0c0;
	font-size: 12px;
	overflow: auto;
	float: left;
	width: 905px;
	margin: 0;
	padding: 7px 0 7px 25px;
}

ul#subnav li {
	float: left;
	text-align: center;
	margin: 0 6px;
}

/* mac styles \*//*/
ul#nav ul {
	left:0;
	display:none;
}
ul#nav li.current ul{display:block;z-index:1;}
ul#nav li:hover ul, ul#nav li.over ul { display:block;background:#c0c0c0; } 
/* end mac styles */

/* this sets all hovered lists */
ul#nav li a:hover {color:#ff4747}
ul#subnav li a:hover {color:#000}

ul#subnav li a {color:#4d4d4d; font-weight: bold;}
ul#nav li:hover a, ul#nav li.over a {color:#ff4747}
ul#nav li.current, ul#subnav li.current a {color:#000}
ul#nav li:hover li:hover a,ul#nav li.over li.over a{color:#4a4a4a}
ul#subnav li a:hover, ul#subnav li a:hover{color:#000!important}
ul#nav li span{color:#000!important}
ul#subnav a.subcurrent {
	color: #000;
}
/*pointer*/
ul#nav li b{
	position:absolute;
	left:50%;
	margin-left:-7px;
	bottom:-2px;
	font-weight:normal;
	background:url(/sermitsiaq/repository/images/pointer.gif) no-repeat 0 0;
	width:15px;
	height:9px;
	clear:both;
}
/* right border*/
ul#nav p{
	margin:0;
	background:url(/sermitsiaq/repository/images/nav-div.gif) no-repeat 100% 5px;
	padding:0 14px 0 0;
}
ul#nav li.current p,ul#nav li.final p{background:none;}

/* gray bar under main navigataion containing search*/
.searchbar{
	background:#e3e3e3;
	padding:2px 10px 1px 17px;
	margin:2px 0 4px;
	overflow:hidden;
	min-height:0;
	clear:both;
}
.searchbar p,.searchbar ul{float:left}
.searchbar form{float:right}
p.stext{
	float:left;
	margin:3px 3px 0 0;
	color:#999;
	font-size:12px;
	font-weight:bold;
}
p.stext strong{
	font-size:14px;
	color:#333;
	text-transform:uppercase;
}	
p.stext a {color:#999}
p.stext a:visited {color:#666}
p.stext a:hover {color:#ba001a}
p.arrows{margin:0}
p.arrows a{
	width:19px;
	height:19px;
	float:left;
	background:url(/sermitsiaq/repository/images/arrow-left-on.gif) no-repeat 0 0;
	margin:2px 3px 0 0;
}
p.arrows a.ar{background:url(/sermitsiaq/repository/images/arrow-right-on.gif) no-repeat 0 0;}
p.arrows a:hover{visibility:visible}
p.arrows a:hover img{visibility:hidden}
/* flags*/
ul.flags{
	margin:0 0 0 46px;
	height:24px;
	background:url(/sermitsiaq/repository/images/flags.gif) no-repeat 0 0;
	position:relative;
	top:-2px;
	float:right;
}
ul.flags li,ul.flags li a{
	float:left;
	width:30px;
	height:24px;
}
ul.flags li a span{position:absolute;top:-999em}
.searchbar form label{position:absolute;top:-999em}
.searchbar #search{
	font-size:12px;
	background:#fff;
	border:none;
	width:159px;
	padding:0 2px 0;
	color:#9c9c9c;
	font-weight:bold;
	margin:0;
}
.searchbar form div{
	border:1px solid #b0b0b0;
	padding:0 1px 1px;
	background:#fff;
	margin:1px 0 0;
}
.searchbar #sog{
	background:#a70010;
	border:none;
	color:#fff;
	font-size:11px;
	font-weight:bold;
	margin:0;
}

/* breaking News */
.break-news{
	background:#fec207 url(/sermitsiaq/repository/images/break-bg.jpg) repeat-x 0 0;
	width:924px;
	overflow:hidden;
	position:relative;
	margin:0 0 6px 3px;
}
.b-news,.b-news a,.b-news em{
	float:left;
	width:182px;
	height:71px;
	position:relative;
}
.b-news{margin:0 20px 0 0}
.b-news em{
	position:absolute;
	left:0;
	top:0;
	background:url(/sermitsiaq/repository/images/b-news.gif) no-repeat 0 0;
}
p.close{
	position:absolute;
	right:5px;
	top:4px;
	background:url(/sermitsiaq/repository/images/close.gif) repeat-x 0 0;
	width:16px;
	height:16px;
}
p.newstxt{
	margin:0;
	font-size:20px;
	color:#272727;
	line-height:1.2;
	padding:11px 50px 1px 20px;
}
p.newstxt a{color:#272727}
p.newstxt a:visited{color:#272727}
p.newstxt a:hover{color:#ba001a}
/* start two page column content   */
/* #main holds dividing line between 2 columns */
#main{
	width:922px;
	margin:0 0 0 4px;
	overflow:hidden;
	background:url(/sermitsiaq/repository/images/page-div.gif) repeat-y 616px 0;
	clear:both;
}
#left {
	width:611px;
	float:left;
	background:#ededed;
}
#left h1{
	font-size:22px;
	color:#f2f2f2;
	margin:0;
	padding:11px 30px 0 8px;
}
#left h1 a{color:#f2f2f2}
#left h1 a:visited{color:#888}
#left h1 a:hover{color:#ba001a}
/* main article*/
p.main-pic,p.main-pic2{
	margin:0;
	width:600px;
	overflow:hidden;
	background:url(/sermitsiaq/repository/images/main-picbg.jpg) repeat-x 0 100%;
	padding:5px 6px 0 5px;
}
p.main-pic2{
	padding:5px 6px 5px 5px;
	color: #fff;
	font-size: 10px;
	text-transform: uppercase;
}

p.main-pic2 img {
	margin-bottom: 5px;
}
.main-art{
	width:611px;
	background:#272727;
	padding:0 0 8px;
	margin:0 0 8px;
}
.main-arttxt{
	width:598px;
	margin:0 0 0 6px;
	background: url(/sermitsiaq/repository/images/main-artbg.jpg) repeat-x 0 100%;
	overflow:hidden;
}
p.byline{
	color:#fff;
	margin:0 0 11px 0;
	line-height:1.6;
	padding:0 20px 0 8px;
	font-size:12px;
}
p.byline a.leader {
	color:#fff;
	background:#ba001a;
	padding:0 2px;
	margin:0 3px 0 0;
}
p.byline a.leader:visited{color:#fff}
p.byline a.leader:hover{color:#fff;background:#000;}

p.byline strong{color:#bbb}
p.byline a{color:#fff;}
p.byline:visited{color:#f2f2f2}
p.byline a:hover{color:#717171}
a.read{color:#c5d0d6!important;display:block;font-size:11px}
a.read:hover{color:#ba001a!important}
/* related stories */
.related{
	margin:0 3px 0 11px;
	min-height:0;
	padding:0 0 11px;
	overflow:hidden;
}
.related h2{
	color:#fff;
	font-size:19px;
	font-weight:normal;
	margin:0 0 3px;
}
p.sidepic{
	float:left;
	width:116px;
	height:67px;
	margin:0;
}
.rel-text{
	width:454px;
	margin:0 0 0 7px;
	float:left;
	color:#cacaca;
	font-size:13px;
	background:url(/sermitsiaq/repository/images/rel-text-div.gif) repeat-y 213px 0;
}
.rel-text strong{font-size:17px}
.rel-text a{color:#cacaca;vertical-align:baseline}
.rel-text .fl a{vertical-align:middle}
.rel-text a:visited{color:#ccc}
.rel-text a:hover{color:#5e5e5e}
.rel-text a.small-link{color:#e5f0f4;font-size:11px}
.rel-text a.small-link:visited{color:#e5f0f4}
.rel-text a.small-link:hover{color:#ba001a}
.rel-text span{
	color:#e5f0f4;
	vertical-align:baseline;
	font-size:10px;
	font-weight:bold;
	position:relative;
	top:-2px
}
.rel-text p.fl{
	float:left;
	width:207px;
	margin:-2px 0 0;
}
.rtext{
	float:right;
	width:230px;
	margin:-2px 0 0;
}
.rtext strong{font-size:13px;}
.rtext a.small-link{
	color:#e5f0f4;
	font-size:11px;
	position:relative;
	top:-1px;
}
.rtext a.small-link:visited{color:#e5f0f4}
.rtext a.small-link:hover{color:#ba001a}
.rtext p{margin:0 0 7px 0}
/* advert 600px wide */
.ad600{
	width:600px;
	height:90px;
	clear:both;
	margin:0 0 9px 5px;
}

/* 2 small columns within left column */
.col2{
	width:611px;
	background:url(/sermitsiaq/repository/images/col2-div.gif) repeat-y 305px 0;
	overflow:hidden;
	margin:0 0 10px
}
/* .pair hold a left floated element and a right floated element and then puts a border underneath.*/
.pair{
	width:611px;
	overflow:hidden;
	padding:0 0 15px;
	margin:0 0 15px 0;
	border-bottom:1px solid #d2d2d2;
	clear:both;
}
.mb0b{margin-bottom:0;border:none}
.col2 .fl,.col2 .fr{
	float:left;
	width:300px;
	display:inline;
}
.col2 .fr{float:right;}
.img300{
	width:300px;
	height:169px;
	overflow:hidden;
	margin:0!important;
}
.col2 h3,.col2 h3 a{
	font-size:16px;
	color:#ba001a;
	letter-spacing:-.04em;
}
.col2 h3{padding:7px 0 0;margin:0 0 3px 5px}
.col2 h3 a:visited{color:#ba001a}
.col2 h3 a:hover{color:#999}

.col2 a.leader,.col2 a.laes {
	color:#fff;
	background:#ba001a;
	padding:1px 4px 2px;
	margin:0 3px 0 0;
	font-size:12px;
	position:relative;
}
.col2 a.laes{padding:2px 5px 2px;line-height:18px}
.col2 a.laes{background:#808080}
.col2 a.leader:visited,.col2 a.laes:visited{color:#fff;}
.col2 a.leader:hover,.col2 a.laes:hover{color:#fff;background:#000;}
.col2 h4{
	font-size:12px;
	color:#272727;
	margin-left:5px;
}
.col2 p a,.col2 p{
	color:#272727;
	font-size:12px;
	line-height:1.5;
}
.col2 p{margin-left:5px}
.col2 p a:visited{color:#666}
.col2 p a:hover{color:#888}
p.c2base{
	font-size:12px;
	color:#888;
	font-weight:bold;
	margin:0 0 0 5px;
}
.col2 p.c2base a{font-size:11px;color:#ba001a}
.col2 p.c2base a:visited{color:#ba001a}
.col2 p.c2base a:hover{color:#888}
.col2 p.c2base a.relatd{color:#888;}
.col2 p.c2base a.relatd:visited{color:#888}
.col2 p.c2base a.relatd:hover{color:#444}

/* small menu above 4 small article boxes */
ul.menu2{
	width:611px;
	background:#ababab url(/sermitsiaq/repository/images/menu2bg.jpg) repeat-x 0 0;
	padding:4px 0 0 0;
	border-bottom:1px solid #fff;
	overflow:hidden;
	font-size:13px;
	color:#272727;
	margin:0;
}
ul.menu2 li{
	float:left;
	margin:0;
	color:#272727;
	position:relative;
	font-weight:bold;
	padding:0 0 0 7px
}
ul.menu2 a,ul.menu2 span{
	float:left;
	padding:4px 8px 14px 1px;
}
ul.menu2 li.current{
	background:url(/sermitsiaq/repository/images/menu2-lc.gif) no-repeat 0 0;
}
ul.menu2 li.current a,
ul.menu2 li.current span{
	background:url(/sermitsiaq/repository/images/menu2-rc.gif) no-repeat 100% 0;
	color:#ba001a!important;
}
ul.menu2 li a:visited,ul.menu2 li a{color:#272727}
ul.menu2 li a:hover{color:#ba001a}

ul.menu2 li b{
	position:absolute;
	left:50%;
	margin-left:-7px;
	bottom:-2px;
	font-weight:normal;
	background:url(/sermitsiaq/repository/images/menu2-pointer.gif) no-repeat 0 0;
	width:15px;
	height:9px;
	clear:both;
}

/* 4 blocks in a row in left column */
.four-block{
	width:611px;
	background:#f2f2f2 url(/sermitsiaq/repository/images/4boxbg.jpg) repeat-x 0 0;
	padding:5px 0 9px;
	clear:both;
	margin:0;
	border-bottom:2px solid #fff;
}
/* the inner provides the 4 divider borders */
.inner4{
	width:611px;
	overflow:hidden;
	padding:7px 0 8px 0;
	background: url(/sermitsiaq/repository/images/4box-div2.gif) repeat-y 0 50%;
}
.block{
	float:left;
	width:142px;
	margin:0 0 0 5px;
	display:inline;
}
.b41{margin:0 0 0 5px}
.b42{margin:0 0 0 11px}
.b43{margin:0 0 0 11px}
.b44{margin:0 0 0 11px}
.block h4 {
	color:#ba001a;
	font-size:13px;
	margin:6px 0 4px;
}
.block h4 a{color:#ba001a}
.block h4 a:visited{color:#ba001a}
.block h4 a:hover{color:#444}
.block a.laes {
	color:#fff;
	background:#808080;
	padding:1px 5px 4px;
	margin:0 3px 0 0;
	font-size:11px;
	position:relative;
}
.block a.laes:visited{color:#fff}
.block a.laes:hover{background:#444}
.block p{
	font-size:11px;
	margin:0;
	line-height:1.4;
}
.block p.date{color:#888;margin:4px 0 6px}
.block p.txt4{margin:0 0 10px}
.block p.txt4 a{color:#272727}
.block p.txt4 a:visited{color:#272727}
.block p.txt4 a:hover{color:#888}
p.img142x80{
	width:142px;
	height:80px;
	overflow:hidden;
}
p.ad919{
	width:919px;
	height:90px;
	margin:5px 0 8px 6px;
	clear:both;
}

/* ......footer styles ......*/
#footer{
	clear:both;
	width:930px;
	background:#272727;
	color:#fff;
	padding:1px 0 17px 0;
}
#footer h2{
	color:#efefef;
	font-size:27px;
	margin:3px 0 5px 12px;
}
#footer h3{
	color:#999;
	font-size:19px;
	margin:0 0 2px 10px;
}
#foot-inner{
	width:915px;
	margin:0 0 7px 11px;
	background:url(/sermitsiaq/repository/images/foot-mid.gif) repeat-y 0 0;
	color:#fff;
}
.sitemap{
	clear:both;
	padding:3px 0 0;
	background:url(/sermitsiaq/repository/images/foot-top.gif) no-repeat 0 0;
	width:915px;
	border-bottom:7px solid #272727;
}
.sitemap ul{
	background:url(/sermitsiaq/repository/images/foot-base.gif) no-repeat 0 100%;
	width:915px;
	overflow:hidden;
	padding:0;
	margin:0 ;
}
.sitemap ul li{
	float:left;
	width:279px;
	margin:0 25px 0 0;
	line-height:1.5;
	
}
.sitemap ul li,.sitemap ul li a{color:#fff}
.sitemap ul ul{
	background:none;
	width:259px;
	float:left;
	display:inline;
	overflow:visible;
	margin:0 0 0 10px;
	padding:0 0 10px;
}
.sitemap ul ul li{
	float:none;
	width:auto;
	margin:0 0 5px;
	list-style:disc inside;
	font-size:12px;
	
}
.sitemap ul ul li a{color:#fff}
.sitemap ul ul li a:visited{color:#fff}
.sitemap ul ul li a:hover{color:#c80505}
p.copyright{
	font-size:12px;
	color:#272727;
	line-height:1.7;
	text-align:center;
	margin:3px auto 30px;
	width:930px;
	clear:both;
	font-weight:bold;
}

/* .........   main right column ..........*/
/* some elements were 300px in the PSD but most were 298px!! */
#right{
	width:300px;
	float:right;
}
/* three tab box */
.tabbox{
	width:298px;
	border-left:1px solid #d3d3d3;
	border-right:1px solid #d3d3d3;
	background:#efefef url(/sermitsiaq/repository/images/tab-bg.jpg) repeat-x 0 -47px;
	margin:0 0 1px 0;
	height: 250px;
	overflow: auto;
}
ul.tab1{
	width:300px;
	background:#efefef url(/sermitsiaq/repository/images/tab-bg.jpg) repeat-x 0 0;
  overflow:hidden;
	margin:0;
}
ul.tab1 li{
	float:left;
	background:url(/sermitsiaq/repository/images/tabr.jpg) no-repeat 100% 100%;
	font-size:12px;
	text-align:center;
	font-weight:bold;
	padding:0 0 2px 0;
}
ul.tab1 li a,ul.tab1 li span{
	display:block;
	padding:9px 5px 8px;
	min-height:0;
}
ul.tab1 li a{color:#fff}
ul.tab1 li a:visited{color:#fff}
ul.tab1 li a:hover,
ul.tab1 li span,
ul.tab1 li.current,
ul.tab1 li.current a,
ul.tab1 li.current a:hover{
	color:#272727;
}
ul.tab1 li.current a,ul.tab1 li.current span{color:#272727!important}

ul.tab1 li span,
ul.tab1 li.current a{padding:9px 5px 10px}
ul.tab1 li a:hover{color:#ba001a}
ul.tab1 li.current{
	color:#272727;
	background:transparent;
	padding-bottom:0;
}
ul.tab1 li.tab-latest{width:92px}
ul.tab1 li.tab-read{width:89px}
ul.tab1 li.tab-comment{width:119px}
ul.tab1 li a{background:url(/sermitsiaq/repository/images/tabl.jpg) no-repeat 0 100%}
ul.tab1 li.current a.last{background:url(/sermitsiaq/repository/images/tabl.jpg) no-repeat 100% 100%}
/*  */

.tabbox ul{
	width:275px;
	margin:0 0 0 6px;
	padding:3px 0 0;
}
.tabbox ul li{
	padding:10px 2px 6px;
	border-bottom:1px solid #dbdbdb;
	font-weight:bold;
	line-height:1.2
}
.tabbox ul li.last{border:none;}
p.tb1{
	font-size:12px;
	color:#333;
	margin:0;
}
p.tb1 a{color:#333}
p.tb1 a:visited{color:#333}
p.tb1 a:hover{color:#444}
p.tb2{
	font-size:11px;
	color:#ba001a;
	margin:0 0 1px;
}
p.tb2 span{color:#888}
p.tb2 a{color:#ba001a}
p.tb2 a:visited{color:#666}
p.tb2 a:hover{color:#444}
p.tb3{
	font-size:11px;
	color:#888;
	margin:0 0 1px;
}
/* 4 tab box at bottom of tabbox - use most styles from tab1 and overwrites them here */
ul.tab2{margin:0 0 10px 0;line-height:1.0}
ul.tab2 li{background:url(/sermitsiaq/repository/images/tabr.jpg) no-repeat 100% 0}
ul.tab2 li a,ul.tab2 li span{padding:6px 5px 4px}
ul.tab2 li span,
ul.tab2 li.current a{padding:6px 5px 6px}
ul.tab2 li {width:75px}
ul.tab2 li a{background:url(/sermitsiaq/repository/images/tabl.jpg) no-repeat 0 100%}
ul.tab2 li.current a.last{background:url(/sermitsiaq/repository/images/tabl.jpg) no-repeat 100% 100%}
ul.tab2 li.current a,
ul.tab2 li span{color:#ba001a!important;}

/* sermitsiak header titles */
h3.sermit{
	height:66px;
	margin:15px 0 9px 2px;
}
.player1{
	width:300px;
	margin:0 0 13px 0;
}
/* small box with downward pointer - latest sermitsiak*/
ul.pointer{
	width:300px;
	margin:9px 0 0;
	background:#fff url(/sermitsiaq/repository/images/pointer2.gif) no-repeat 12px 100%;
	padding:0 0 9px;
	height:25px;
}
ul.pointer li{
	background:#ededed;
	padding:0 0 0 6px;
	line-height:25px;
	color:#272727;
	font-size:12px;
	width:207px;
	border-right:1px solid #fff;
	float:left;
	font-weight:bold;
}
ul.pointer li a,ul.pointer li.last{
	background:#929292;
	color:#fff!important;
	width:83px;
	text-align:center;
	height:25px;
	float:right;
	font-weight:normal;
	padding:0;
}
ul.pointer li a:hover{background:#ba001a}

/* 4 images 2 x 2 in latest sermitsiak*/
.twox2,two, .fourx4 {
	width:300px;
	clear:both;
	overflow:hidden;
	padding:1px 0;
	margin:13px 0 0;
}
.four {
	float: left;
	clear: none;
	margin-bottom: 10px;
}
p.img142 {
	width:146px;
	height:84px;
	overflow:hidden;
	margin:0 0 4px 0;
	display:inline;
}

p.img142 img {
	border: 2px solid #E1E1E1;
	margin-bottom: 5px;
}
.text2{
	width:150px;
	float:left;
	font-size:12px;
	overflow:hidden;
	line-height:1.25;
	letter-spacing:-.08em;
}
.text2 h4{
	color:#272727;
	margin:0 0 3px 3px;
	font-size:12px;
	font-weight:bold;
}
.text2 h4 a{color:#ba001a}
.text2 h4 a:visited{color:#ba001a}
.text2 h4 a:hover{color:#272727}
.text2{
	margin:0;
	font-size:10px;
	color:#9c9c9c;
}
/* small gallerirer in right column n home page */
.sgall{
	width:300px;
	background:#343434;
	margin:9px 0;
	padding:10px 0 1px;
	font-size:11px;
	overflow:hidden;
}
p.img278{
	width:278px;
	height:158px;
	overflow:hidden;
	margin:0 0 7px 11px!important;
}
.sgall h4{
	color:#fff;
	font-size:15px;
	margin:0 0 3px 14px;
	padding:0 3px 0 0;
}
.sgall h4 a,.sgall h4 a:visited{color:#fff;}
.sgall h4 a:hover{color:#ba001a;}
.sgall p{
	margin:0 0 14px 16px;
	color:#fff;
	line-height:1.5;
	padding:0 4px 0 0;
}
.sgall p.gallkomm{
	margin:0 0 6px 16px;
	color:#ba001a;
	font-weight:bold;
}
.sgall p.gallkomm a{color:#ba001a}
.sgall p.gallkomm a:visited{color:#ba001a}
.sgall p.gallkomm a:hover{color:#888}
.sgall p.gallkomm span{color:#fff}
.sgall p a,.sgall p a:visited{color:#fff;}
.sgall p a:hover{color:#ba001a}
.sgall p.laes2{
	margin:0 10px 0 0;
	padding:0;
	float:right;
	display:inline;
	float:right;
	clear:both;
	font-size:12px;
}
.sgall ul{margin:0;min-height:0}
.sgall li,.sgall li a,.sgall li span{
	float:left;
	width:20px;
	height:22px;
	overflow:hidden;
	text-align:center;
	background:#717171;
	margin:0 0 0 1px;
	font-size:11px;
	font-weight:bold;
	line-height:22px;
	color:#fff;
}
.sgall li a{
	background:#5d9bc0;
	margin:0;
	color:#fff;
}
.sgall li a:visited{color:#fff}
.sgall li a:hover{color:#fff;background:#236ea2}
.sgall li.current a,
.sgall li span{
	color:#272727!important;
	margin:0;
	background:#c0d6e4;
}
.this-space{
	width:300px;
	height:290px;
	clear:both;
	margin:9px 0;
}

/* quick poll */
.quick-poll{
	width:245px;
	clear:both;
	margin:9px 0 6px 30px;
	padding:6px 0 1px;
}
.quick-poll label{
	display:block;
	margin:0 0 15px;
	line-height:1.4;
	color:#272727;
	font-size:11px;
	position:relative;
}
.quick-poll input{
	position:absolute;
	left:-25px;
	top:-2px;
}
p.stem{
	float:right;
	clear:both;
	margin:-11px 0 25px;
}
p.stem a{
	background:#929292;
	color:#fff!important;
	padding:4px 5px;
	float:right;
	font-weight:bold;
	text-transform:uppercase;
}
p.stem a:hover{background:#353535}
p.hide-results{
	margin:0 0 0 -15px;
	position:relative;
	color:#ba001a;
	clear:both;
	min-height:0;
}
p.hide-results a{
	color:#ba001a!important;
	font-weight:bold;
}
p.hide-results a:hover{color:#353535!important}
.poll-result{
	width:280px;
	border-top:1px solid #dbdbdb;
	margin:0 0 9px 10px;
	font-size:11px;
	padding:18px 0 5px;
	line-height:1.4;
}
.poll-result p{
	margin:0 0 4px;
	color:#272727;
	width:260px;
}
.poll-result p.bar{
	margin:0 0 11px;
	font-size:10px;
	color:#6d6d6d;
	font-size:10px;	
}

/* if you want to use this for dynamic results then just write the width into the tag directly using the style attribute */
p.bar span{
	float:left;
	background:#fd3525;
	height:7px;
	overflow:hidden;
	margin:4px 5px 0 0;
}

/*........... article page CSS ................... */

/* we modify some styles form the index page for the top article using the body ID */
#article #left {background:#fff}
#left h1.artmain{
	color:#383838;
	margin:20px 10px 5px 13px;
	font-size:30px;
	padding:0;
}
p.byline2{
	font-size:18px;
	font-family:Georgia, Arial;	
	margin:5px 10px 19px 16px;
	color:#383838;
	line-height:1.2;
}
/* main article*/
.marticle{
	width:580px;
	margin:10px 0 50px 17px;
	border-top:1px solid #d3d3d3;
	font-size:13px;
	padding:22px 0 0;
	font-family:Verdana,Arial;
	line-height:1.3;
}
.marticle a{color:#ba001a;}
.marticle a:visited{color:#ba001a;}
.marticle a:hover{color:#272727}
.marticle p{margin:0 0 15px;}
.marticle p.author{margin:0 0 22px}
.marticle p.author a{font-weight:bold}
/* start floated block that can be placed at the side of the text and the text will wrap underneath. These block cannot be placed side by side because they are far too big. Each block is 300px wide and the available space is only 580px space so 2 won't fit side by side.*/
.side-box{
	width:300px;
	float:right;
	margin:0 0 10px 15px;
	font-family:Arial;
}
/* use when box is on the left */
.sbleft{float:left;margin:0 15px 10px 0}
.fbox-1{
	border:1px solid #b5b5b5;
	padding:3px;
	min-height:0;
	font-size: 10px;
	text-transform: uppercase;
	color: #404040;
}

.fbox-1 p {
	margin: 5px 0 0 0;
}

/* related stories float box */
.rel-box{
	width:300px;
	margin:10px 0;
	background:#343434;
	padding:3px 0;
}
.rel-inner{
	background:#424242 url(/sermitsiaq/repository/images/rel-boxbg.jpg) repeat-x 0 100%;
	width:286px;
	border:4px solid #424242;
	margin:0 0 0 3px;
}
.rel-box h3{
	color:#fff;
	font-size:19px;
	margin:8px 12px 0;
}
.rel-box h3 a{color:#fff;font-size:19px;}
.rel-box h3 a:visited{color:#fff}
.rel-box h3 a:hover{color:#ba001a}
.rel-box a{color:#f92831;font-size:11px}
.rel-box a:visited{color:#f92831}
.rel-box a:hover{color:#a6001a;text-decoration:none;}
.rel-box ul{
	margin:0 12px 0;
	list-style:none;
	padding:0;
}
.rel-box li, .marticle .rel-box li{
	padding:1px 0 7px;
	border-bottom:1px solid #848484;
	list-style-type: none;
	background-image: none;
}
.rel-box li.last{border:none}
.rel-box li h4{
	color:#c0c0c0;
	margin:7px 0 1px;
	font-size:13px
}
.rel-box li h4 a{color:#c0c0c0;	font-size:13px;text-decoration:none;}
.rel-box li h4 a:visited{color:#c0c0c0}
.rel-box li h4 a:hover{color:#a6001a;text-decoration:none;}
.rel-box li p{margin:0}
.marticle h2{
	color:#343434;
	font-size:17px;
	margin:27px 0 15px;
	font-family:Verdana,Arial;
}
/* generic article box - change the background of this to change the box colour */

.article-box {
	border: 2px solid #343434;
	background: #4C4C4C;
	width: 295px;
}

.article-inner {
	padding: 5px;
	height: 240px;
	overflow: auto;
}
/* change the background colour of .article-box h3 to change the background of the "Generic article box" header */
.article-box h3 {
	background: #343434;
	padding: 5px 7px;
	color: #fff;
	text-transform: uppercase;
	margin: 0;
}

.article-box ul {
	margin: 0;
	padding: 0;
}

.article-box li {
	background: #444444;
	padding: 5px 7px;
	color: #fff;
	margin-bottom: 7px;
	border-bottom: 1px solid #343434;
	overflow: hidden;
}

.article-box li img {
	border: 1px solid #fff;
	float: left;
	margin-right: 5px;
}
.article-box li a span {
	color: #1C1C1C;
}
.article-box p {
	font-size: 11px;
	margin: 0;
	color: #969696;
}
.article-box h4 a:link, .article-box h4 a:visited {
	color: #fff;
}
.article-box h4 a:hover {
	color: #ba001a;
}
/* small floated box */
.sboxsmall{
	width:205px;
	padding:6px 4px 5px;
	border:1px solid #c2c2c2;
	float:right;
	margin:5px 7px 10px;
	display:inline;
	background:#eaeaea;
	color:#545454;
	line-height:1;
}
/* use to modify above style for left floated boxes*/
.sboxfl{float:left;}

.sboxsmall blockquote{
	background:url(/sermitsiaq/repository/images/open-quote.gif) no-repeat 0 0;
	padding:14px 0px 5px 20px;
	margin:0; 
}
.sboxsmall img{
	display:inline;
	position:relative;
	top:7px;
}
.sboxsmall p{margin:0}
.sboxsmall p.cite{margin-top:15px}
.sboxsmall cite {font-style:normal}

/* other news box */
.other-news{
	width:609px;
	background:#f0f0f0;
	border:1px solid #9a9a9a;
	line-height:1.22;
	margin:10px 0 14px;
}
.other-news h3{
	font-size:18px;
	color:#3c3c3c;
	line-height:1.0;
	padding:5px 0 0 0;
	margin:0 0 0 18px;
	text-transform:uppercase;
}
.other-news h3 span{
	display:block;
	font-size:33px;
	position:relative;
	top:-6px;
}
.other-row-top,.other-row-mid,other-row-base{
	clear:both;
	background:url(/sermitsiaq/repository/images/other-div.gif) no-repeat 305px 20px;
	width:100%;
	border-bottom:1px solid #9a9a9a;
	overflow:hidden;
	padding:5px 0 10px;
}
.other-row-mid{
	background:#e7e7e7 url(/sermitsiaq/repository/images/other-mid.gif) repeat-y 305px 0;
	padding:5px 0 10px;
}
.other-row-base{
	background:#f0f0f0 url(/sermitsiaq/repository/images/other-fade.gif) repeat-x 0 0;
	padding:0;
	border-bottom:none;
}
.other-row-base .onlast{
	background:#e7e7e7 url(/sermitsiaq/repository/images/other-div.gif) no-repeat 300px 100%;
	padding:5px 0 8px;
	border:5px solid #f0f0f0;
	border-width:0 5px 4px;
	overflow:hidden;
	min-height:0;
}
.other-float,.other-right{
	float:left;
	width:270px;
	margin:0 0 0 18px;
	display:inline;
}
.other-right{float:right;margin:0 18px 0 0}
.other-news h4{
	color:#3c3c3c;
	margin:4px 0 0;
	font-size:15px;
}
.other-row-base .other-float{margin:0 0 0 13px}
.other-row-base .other-right{margin:0 13px 0 0}
.other-news h4 a{color:#3c3c3c}
.other-news h4 a:visited{color:#3c3c3c}
.other-news h4 a:hover{color:#545454}

.other-news p{
	margin:0 0 1px 0;
	font-size:12px;
	font-weight:bold;
}
.other-news p a,.other-news p strong{
	color:#a70010;
	font-weight:bold;
}
.other-news p a:visited{color:#a70010}
.other-news p a:hover{color:#545454}
.other-news p span{color:#868686}

/* comment box */
.com-box{
	width:611px;
	margin:35px 0 25px;
	border-bottom:3px solid #383838;
}
.com-box h3{
	height:54px;
	position:relative;
	color:#fff;
	font-size:19px;
	background:#eee;
	line-height:44px;
	margin:0;
}
.com-box h3 span{
	display:block;
	height:44px;
	background:#383838;
	padding:0 0 0 96px;
}
.com-box h3 a{color:#fff}
.com-box h3 a:visited{color:#fff}
.com-box h3 a:hover{color:#a70010}
.com-box h3 b{
	position:absolute;
	left:0;
	top:-21px;
	width:83px;
	height:74px;
	background:url(/sermitsiaq/repository/images/comment-bubble.jpg) no-repeat 0 0;
}
.com-left{
	float:left;
	width:125px;
	margin:10px 11px 0 7px;
	display:inline;
}
.comtop{margin-top:0}
.com-title{
	background:#efefef;
	color:#3c3c3c;
	font-size:11px;
	padding:6px 3px 6px 9px;
	border-bottom:1px solid #ccc;
	min-height:0;
	margin:0 0 16px;
}
.com-title strong{
	font-size:14px;
	display:block;
	padding:0 0 4px;
}
.com-row{
	overflow:hidden;
	width:100%;
	background:#fff;
	border-bottom:1px solid #c6c6c6;
	padding:0 0 10px;
}
.odd{background:#eee}
.odd .com-title{background:#ddd}
.com-txt{
	width:430px;
	float:left;
	font-size:13px;
	color:#3c3c3c;
	margin:16px 0 0;
	line-height:1.4;
}
.comtop .com-left{margin-top:0}
.comtop .com-txt{margin-top:6px}
p.report{	
	font-size:11px;
	margin:10px 0;
	text-align:center;
}
p.report a{color:#a6000f;font-weight:bold}
p.report a:visited{color:#a6000f}
p.report a:hover{color:#ff0017}


/* .........  search results page ..............*/
#searchResults #left {background:#fff}
#searchResults #main{margin-top:8px}

/* search form */
.formsearch{
	background:#eaeaea;
	border:1px solid #c8c8c8;
	min-height:0;
	padding:2px 3px;
}
.sog4 {
	padding:10px 10px 3px 7px;
	border-top:4px solid #bb0018;
}
.sog4 span {
	font-size:16px;
	font-weight:bold;
	color:#383838;
	padding:0 5px 0;
	vertical-align:middle;
}
.sog4 input{
	vertical-align:middle;
	font-size:12px;
	width:42px;
	overflow:visible;
}
.sog4 .inp300 {
	border:1px solid #a1a1a1;
	padding:4px 2px 3px;
	margin:0 10px;
	width:294px;
}
.sog4 .submit1 {
	font-size:11px;
	margin:0;
}
.sradio {
	border-top:1px solid #c0c0c0;
	padding:9px 7px 5px 7px;
	margin:7px 7px 0;
	font-size:14px;
}
.sradio input {width:auto;vertical-align:middle;}
.sradio label {
	padding:4px 10px;
	color:#818d95;
}
.sradio label span {
	position:relative;
	top:2px
}
.sradio {
	text-align:right;
}
.scheck {
	border-top:1px solid #c0c0c0;
	border-bottom:1px solid #c0c0c0;
	padding:10px 10px 9px 10px;
	margin:7px 7px 0;
}
.scheck label {
	width:110px;
	float:left;
	color:#818d95;
	margin:5px 0 9px;
	font-size:14px;
}
/* results pagination */
.reswrap{
	padding:12px 50px;
	min-height:0;
	position:relative;
}
.resbase{
	margin:0 4px 0 5px;
}
ul.res-page{
	margin:0 0 1px 10px;
	min-height:0;
	clear:both;
}
.res-page li,.res-page li a,.res-page li span{
	float:left;
	width:20px;
	height:22px;
	overflow:hidden;
	text-align:center;
	background:#979696;
	margin:0 0 0 1px;
	font-size:11px;
	font-weight:bold;
	line-height:22px;
	color:#fff;
}
.res-page li a{
	background:#5d9bc0;
	margin:0;
	color:#fff;
}
.res-page li a:visited{color:#fff}
.res-page li a:hover{color:#fff;background:#236ea2}
.res-page li.current a,
.res-page li span{
	color:#272727!important;
	margin:0;
	background:#c0d6e4;
}
/* pervious and next arrows */
.res-page li.previous,
.res-page li.next{
	position:absolute;
	top:27px;
	width:21px;
	height:15px;
	overflow:hidden;
	background:transparent;
	padding:0;
}
.res-page li.previous{left:15px}
.res-page li.next{right:15px}
.res-page li.previous a,
.res-page li.next a{
	width:21px;
	height:15px;
	overflow:hidden;
	display:block;
}
.res-page li.previous a{background:url(/sermitsiaq/repository/images/search-arrow-left.gif) no-repeat 0 0}
.res-page li.previous a:hover{background-position:0 -15px}
.res-page li.next a{background:url(/sermitsiaq/repository/images/search-arrow-right.gif) no-repeat 0 0}
.res-page li.next a:hover{background-position:0 -15px}

/* results */
.s-results{
	margin:25px 14px 10px 10px;
	min-height:0;
}
.resrow{
	padding:21px 0;
	border-bottom:1px solid #d3d3d3;
	min-height:0;
}
.resimg{
	float:left;
	margin:0 10px 0 -3px;
	position:relative;
	display:inline;
	overflow:hidden;
	width:156px;
	border:1px solid #ad2732;
}
.resimg a{
	display:block;
	padding:3px 3px 2px 2px;
	border-left:1px solid #f5f5f5;
	border-bottom:1px solid #f5f5f5;
	min-height:0;
}
.restxt{
	float:left;
	width:420px;
	float:left;
	line-height:1.2;
	font-size:12px;
	color:#666;
}
.restxt p{margin:0}
.restxt h3,.restxt h3 a{
	font-size:14px;
	color:#a9111e;
}
.restxt h3{margin:-4px 0 12px}
.restxt h3 a:visited{color:#a9111e}
.restxt h3 a:hover{color:#3b3b3b}
.restxt h3 span{
	display:block;
	font-size:11px;
	color:#888;
	padding:0 0 0 1px;
}

/* ................. gallery page ....................*/
#galleryPage #left {background:#fff}
#galleryPage #main{margin-top:8px;}
.galleries{
	min-height:0;
	margin:0 0 7px;
	width:100%;
	padding:0 0 7px;
	border-bottom:1px solid #d3d3d3;
}
.galleries h2,.galleries h2 a{
	color:#383838;
	font-size:29px;
	padding:13px 0 15px 8px;
	margin:0;
}
.galleries h2 a{color:#383838!important;padding:0}
.resgallery{
	padding:7px 0px 0;
	min-height:0;
	position:relative;
}
.resgallery .res-page{margin-left:0;}
.gallerytxt{
	font-family:Verdana, Arial;
	font-size:13px;
	color:#383838;
	line-height:1.2;
	padding:12px 13px 22px;
}
.gallerytxt p{
	margin:0;
}
/* 4 images in a row */
.cap4{
	margin:0;
	width:100%;
	border-top:1px solid #d3d3d3;
	overflow:hidden;
	padding:14px 0 16px 0;
	clear:both;
}
.cap4 li{
	width:140px;
	margin:0 0 0 10px;
	display:inline;
	float:left;
}
.cap4 p{
	margin:0 0 9px 0;
	width:140px;
}
.cap4 p a{
	display:block;
	width:132px;
	padding:3px;
	border:1px solid #bbb;
}
.cap4 p a:hover{border:1px solid #a9111e}
.cap4 h4{
	color:#a9111e;
	margin:7px 0 0;
	font-size:12px;
	line-height:1.2;
}
.cap4 h4 span{
	display:block;
	color:#818181;
	padding:5px 0 0;
	font-size:11px;
}
.cap4 h4 a{color:#a9111e}
.cap4 h4 a:visited{color:#a9111e}
.cap4 h4 a:hover{color:#404040}

/* all galleries link bar */
h5.allgall{
	height:57px;
	position:relative;
	color:#fff;
	font-size:15px;
	background:#fff;
	line-height:25px;
	margin:5px 0 10px;
	text-transform:uppercase;
	text-align:right;
}
h5.allgall span{
	display:block;
	height:25px;
	background:#272727;
	padding:0 75px 0 0;
}
h5.allgall a{color:#fff}
h5.allgall a:visited{color:#fff}
h5.allgall a:hover{color:#a70010}
h5.allgall b{
	position:absolute;
	right:0;
	top:-17px;
	width:65px;
	height:57px;
	background:url(/sermitsiaq/repository/images/all-galleries.jpg) no-repeat 0 0;
}
h5.allgall span span{
	display:inline;
	height:auto;
	background:transparent;
	padding:0;
	position:relative;
	top:-1px;
}
/* addition to article page to allows smaller floated image */
.main-pic3{
	width:300px;
	overflow:hidden;
	border-bottom: 1px solid #ccc;
	padding-bottom: 4px;
	font-size: 10px;
	color: #404040;
	text-transform: uppercase;
}

.main-pic3 img {
	margin-bottom: 4px;
}
.noborder{
	border-top:none!important;
	margin-top:0;
	padding-top:0;
}
#left .noborder h1.artmain{
	margin:5px 0 22px;
	font-weight:normal;
	font-size:31px;
	line-height:1.0;
}
hr{
	height:1px;
	font-size:1px;
	line-height:1px;
	overflow:hidden;
	margin:28px 0 16px;
	color:#dbdbdb;
	background:#dbdbdb;
	border:none;
}



