﻿/*global*/
*{margin:0;padding:0;font-size:1em}
.clear{clear:both;height:1px;visibility:hidden;margin-bottom:-1px}
.none{display:none}
.notop{margin-top:0 !important}
a{color:#063}
.astrong,.more{color:#f60;text-decoration:none;font-weight:bold;font-size:0.9em;}
.astrong em,.more em{font-style:normal;font-weight:normal;font-family:arial,sans-serif;font-size:1.2em;color:#c30}
img{border:0}
ul{list-style:none}
.ar{text-align:right}
fieldset{border:0}
body{margin:25px 0 30px;font-family:tahoma,arial,verdana,sans-serif;font-size:62.5%;color:#fff;background:#1b212f;text-align:center;line-height:1.8em}
table{font-family:tahoma,arial,verdana,sans-serif;font-size:1em;border:0;border-collapse:collapse}
th,td{text-align:left;vertical-align:top}
input,select,textarea{font-family:tahoma,arial,verdana,sans-serif;font-size:1em}
h1,h2{color:#fff}
.smaller{font-size:0.9em}
address{font-style:normal}
.halfL{float:left}
.halfR{float:right}

/*base layout*/
#sfdemo_wrp{width:770px;margin:0 auto;text-align:left;font-size:1.1em}
#grad{padding:6px 7px 0;background: transparent url(img/grad.jpg) repeat-x 0 0}
.oneColumn {
	width: 756px;
	background: transparent url(img/oneCMiddle.gif) repeat-y 50% 0;
}
.oneColumn .box {
	background: transparent url(img/oneCTop.gif) no-repeat 50% 0;
	padding: 10px;
	margin: 0;
}
#left{float:left;width:216px}
#content{float:right;width:536px}
#center{float:left;width:296px}
#right{float:right;width:236px}
#footer{margin:1.6em auto;padding:0 10px;width:750px;height:29px;background:url(img/footer.gif) no-repeat 0 0;line-height:29px;font-size:0.9em;}

/*boxes*/
.box{margin-top:4px}
.lbox h2,.rbox h2{/*height:40px;*/padding:4px 23px 0;line-height:40px;font-family:georgia,times,serif,verdana;font-size:1.7em;font-weight:normal}
.box .topbox h2{/*height:40px;*/position:relative}
#pboxTop{height:5px;position:relative}
#cboxTop{height:13px;position:relative}
.box h2 strong,.box h1 strong{color:#ffcc00;font-weight:normal}
.boxInner{position:relative}
.boxBottom{height:4px;margin-top:25px}
.lbox{background:#1b212f url(img/lboxMiddle.gif) repeat-y 0 0}
.lbox h2{background:#1b212f url(img/lboxTop.png) no-repeat bottom left}
.lbox .topbox .in{background:url(img/lboxTopTop.png) no-repeat 0 0}
.topbox .in h2{background:none}
.lbox .boxBottom{background:url(img/lboxBottom.gif) no-repeat 0 0}
.rbox{background:#1b212f url(img/rboxMiddle.gif) repeat-y 0 0}
.rbox h2{background:#1b212f url(img/rboxTop.png) no-repeat 0 0}
.topbox .rbox .in{background:url(img/rboxTopTop.png) no-repeat 0 0}
.rbox .boxBottom{background:url(img/rboxBottom.gif) no-repeat 0 0}
.cbox{background:#1b212f url(img/cboxMiddle.gif) repeat-y 0 0}
.cbox .in{background:url(img/cboxTopTop.png) no-repeat 0 0}
/*#cboxTop{background:url(img/cboxTopTop.png) no-repeat 0 0}*/
.cbox .boxInner{/*margin-top:-106px*/}
.pbox .boxInner{/*margin-top:-116px*/}
.cbox .boxBottom{background:url(img/cboxBottom.gif) no-repeat 0 0}
.pbox{background:#1b212f url(img/pboxMiddle.gif) repeat-y 0 0}
.pbox .in{background:url(img/pboxTopTop.png) no-repeat 0 0}
/*#pboxTop{background:url(img/pboxTopTop.png) no-repeat 0 0}*/
.pbox .boxBottom{background:url(img/pboxBottom.gif) no-repeat 0 0}
.oneColumn .boxBottom{background:url(img/oneCBottom.gif) no-repeat 0 0}
/*header*/
#logo{float:left;width:789px;height:110px;background:transparent url(img/header.png) no-repeat 0 0}
#logo a{display:block;width:334px;height:66px;line-height:300px;overflow:hidden}
/*#topSearchForm{float:right;width:170px;margin-top:11px;background:url(img/topSearch.gif) no-repeat 0 0}*/
/*.searchBox{float:left;width:121px;height:20px;border:0;padding:6px 10px 0;background:transparent} /*hack*/
/*#topSearchForm .searchSubmit{float:right;width:24px;height:20px;margin-top:2px;border:0;background:url(img/topSearchSubmit.gif) no-repeat 0 0;cursor:pointer}*/

/*PollBox*/
#mainPagePollBox{padding: 10px 20px 10px 20px;}
.PollBox .button {float:left;margin-top:15px;margin-left:0;background:transparent url(img/vote.gif) top left no-repeat;display:block;width:49px;height:22px;border:0;font-weight:bold;_margin-left:-10px}
.PollBox .results {float:right;margin-top:15px}
.PollBox h5{margin-bottom:10px}
.PollBox label{margin-left:5px}
*:first-child+html .PollBox .button{margin-left:-20px}
.PollBox .validator{display:block;color:#1b212f;font-weight:bold;margin-top:10px}
.resultsList{list-style:none;}
.resultsList li{margin-bottom:10px}


/*content*/
#content h1{margin:18px 22px 0;font-family:georgia,times,serif;font-size:2.2em;font-weight:normal}
.box .rtf{padding:15px 23px 0;}
#crumbs{margin:0.4em 15px 0;padding:0 5px 4px;border-bottom:1px solid #e3e3e3;color:#690;font-size:0.9em}
#crumbs a{font-weight:bold;text-decoration:none;color:#006633}
#crumbs a:hover{color:#ffcc00}
#crumbs span{font-style:normal;color:#006633}
.pbox h2{margin-top:1.5em}
.rtf p{margin-top:1em}
#right .calendarWrapper{margin:15px auto 0}
.sectionHeaderGraphic{display: block; margin: 9px auto 0}
.oneColumn .sectionHeaderGraphic{margin: 9px auto}
/*newslists*/
.notop .newslist {margin-top:10px;}
.newslist h4 {line-height:1em;}
.newslist li div p {margin-top:0; margin-bottom:1em;}
.newslist a {text-decoration: none;}
.newslist .summary {margin-top:0;}
.newslist li {margin-top:0; margin-bottom:1em;}
.pbox .singlenews{font:normal 18px tahoma,sans-seirf;color:#ffcc00;margin-top:1em}

/*home*/
.rbox .newsdate, #content .newsdate {margin-top:0.4em;font-size:0.9em}
.rbox h3, .newshead{color:#360}
.rbox .withHR{margin-top:0.6em;padding-top:6px;border-top:1px solid #e3e3e3}
#content .newsdate {margin-top:2.0em}

/*location*/
.pbox .halfL{width:253px}
.pbox .halfR{width:210px}
.pbox address{line-height:1.4em}

/*footer*/
#footer address{float:left;width:700px}
#footer p{text-align:right}

/* home rotator - start */
#center .rot{padding:0 11px 0 13px}
#center .Rotator{width:270px;height:310px;position:relative}
#center .RotatorControl{width:262px;height:30px;position:absolute;bottom:0;left:0;background:url(Rotator/HomePage/Control.png) 0 0 no-repeat;padding:10px 0 0 8px}
#center .RotatorControl a{float:left;width:24px;height:20px;line-height:200px;overflow:hidden}
#center .RotatorPrev{background:url(Rotator/HomePage/hrPrev.gif) 0 0 no-repeat;}
#center .RotatorStart{background:url(Rotator/HomePage/hrPlay.gif) 0 0 no-repeat;display:none}
#center .RotatorStop{background:url(Rotator/HomePage/hrStop.gif) 0 0 no-repeat;}
#center .RotatorNext{background:url(Rotator/HomePage/hrNext.gif) 0 0 no-repeat;}
#center .RotatorControl .ViewGallery{width:80px;height:13px;background:url(Rotator/HomePage/hrViewGallery.png) 0 0 no-repeat;position:absolute;right:20px;top:15px}
/* home rotator - end */

/* gallery rotator - start */
#content .GalleryGrad .RotatorBigImgWrap{width:auto;margin:1em auto 0}
#content .GalleryGrad .RotatorBigImgWrap td{border:2px solid #ccc}
#content .GalleryGrad .RotatorBigImgWrap td img{padding:9px;border:1px solid #547e01 !important;vertical-align:bottom}
#content .GalleryGrad .Rotator{width:440px;height:69px;margin:1em auto 0;position:relative}
#content .GalleryGrad .RotatorInner{width:408px;margin:0 auto;background:#989850;border-top:1px solid #547e01;border-bottom:1px solid #547e01}
#content .GalleryGrad .RotatorInner div{height:auto !important}
#content .GalleryGrad .Rotator td{height:67px !important;vertical-align:middle}
#content .GalleryGrad .RotatorControl a{display:block;position:absolute;top:0;width:16px;height:69px;line-height:200px;overflow:hidden}
#content .GalleryGrad .RotatorLeft{left:0;background:url(Rotator/Gallery/RotatorLeft.gif) 0 0 no-repeat;}
#content .GalleryGrad .RotatorRight{right:0;background:url(Rotator/Gallery/RotatorRight.gif) 0 0 no-repeat;}
#content .GalleryGrad .RotatorInner .RotatorFrame img{vertical-align:bottom;height:50px;background:#fff;padding:1px;border:1px solid #547e01}
#content .GalleryGrad .RotatorInner .RotatorFrame:hover img{border-color:#000}
/* gallery rotator - end */

.GalleryGrad{background:url(img/GalleryGradVert.png) 0 100% repeat-x}
#GalleryBottom{margin-top:15px;height:7px;background:url(img/GalleryGradBottom.gif) 0 0 no-repeat}

.strong{font-weight:bold}

/*hacks*/

/*this is visible only to Opera*/
/*@media screen and (Opera){
#topSearch{padding-top:0}
}*/



/*faq*/
.sf_anchor_list {margin:20px 0}
.sf_target_list .sf_item_head, .sf_list_expanded .sf_item_head{font-weight:bold;margin-top:15px}
.sf_target_head{text-transform:uppercase;letter-spacing:1px}
.top {background: url(img/backToTop.gif) 100% 4px  no-repeat;padding-right:8px}

/*programmes*/
.sf_list_expandable {margin-top:2em;border-bottom:1px solid #E2E2C6;_height:1%}
.sf_list_expandable li {border:1px solid #E2E2C6;border-bottom:0}
.sf_list_expandable .sf_item_head a{display:block;padding:3px 8px;text-decoration:none;}
.sf_list_expandable .sf_item_head a:hover{display:block;padding:3px 8px;text-decoration:none;}
.sf_list_expandable .sf_item_headexp a{color:#030;display:block;padding:3px 8px;text-decoration:none;}
.sf_list_expandable .sf_item_headexp{background:#EDEDDB url(img/listback.png) top left repeat-x}
.sf_list_expandable .sf_item_body {background:#F7F7EE;border-top:1px solid #E2E2C6;padding:1.2em 1.8em}

#content .sf_list_expandable .sf_item_head a, #content .sf_list_expandable .sf_item_head a:hover, #content .sf_list_expandable .sf_item_headexp a {width:415px;padding-right:65px;}
#content .sf_list_expandable .sf_item_head a{background:transparent url(img/expand.gif) right center no-repeat;}
#content .sf_list_expandable .sf_item_head a:hover {background:#EDEDDB url(img/expand.gif) right center no-repeat;}
#content .sf_list_expandable .sf_item_headexp a{background:transparent url(img/collapse.gif) right center no-repeat;}

a.exp{text-align:right;width:80px;float:right;margin-right:5px}
.sf_list_expanded{background:none;border:0;_height:1%}
.strips .sf_list_expanded .sf_item_head{background:#EDEDDB;border:1px solid #E2E2C6;border-bottom:0;padding:1.1em 1.5em 0}
.strips .sf_list_expanded .sf_item_body{background:#EDEDDB;border:1px solid #E2E2C6;border-top:0;padding:0 1.5em 1.2em}


.rtf:after, .PollBox:after {content: ".";display: block;height: 0;clear: both;visibility: hidden}
.rtf, .PollBox {display: inline-block}
	/* Hides from IE-mac \*/
* html .rtf, * html .PollBox {height: 1%;}
.rtf, .PollBox{display: block;}
	/* End hide from IE-mac */

#editSite{position:absolute;top:0;right:0;background:url(img/editSite.gif) top right no-repeat;width:123px;height:27px;text-align:center}
#editSite a{text-decoration:none;font-weight:bold;line-height:23px;padding-left:10px}
#sfdemo_wrp{position:relative}

/*Search results*/
.searchResults{}
.searchResults dt{margin-top:1.8em;font-size:1.3em}
.searchPaging{margin-top:3.0em;border-top:1px solid #fff;padding-top:1.5em}
.searchPaging a, .searchPaging span{margin-right:0.5em}

/* Forums */
.forumArea {
	padding: 10px 20px 0 20px;
	text-align: left;
}
.forumArea table.listItems {
	margin: 10px 0 20px;
	padding: 0;
	border: 0;
	width: 100%;
	border-collapse: collapse;
	font-size: 1em;
}
.forumArea table.listItems th {
	padding: 3px 5px;
	text-align: left;
	vertical-align: top;
	border: 0;
	border-bottom: 1px solid #ccc;
	font-size: 10px;
	font-weight: normal;
	color: #999;
}
.forumArea table.listItems td {
	padding: 3px 5px;
	text-align: left;
	font-weight: normal;
	vertical-align: top;
	border: 0;
	border-bottom: 1px solid #ccc;
}
.forumArea table.listItems td.forumTitle {
	width: 400px;
}
.forumArea table.listItems td.forumTitle a {
	font-weight: bold;
	font-size: 1.2em;
	display: block;
}
.forumArea table.listItems td.forumTitle a.fLocked {
	padding: 3px 0 3px 20px;
	background: transparent url(img/forumsLocked.gif) no-repeat 0 5px;
}
.forumArea table.listItems .forumAuthor {
	text-align: right;
}
.forumArea table.listItems a {
	display: block;
}
.forumArea h3 {
	padding: 15px 0 0;
	text-align: left;
	font-size: 21px;
	font-weight: normal;
	font-family: Georgia, "Times New Roman", serif;
}
.forumArea p.button_area {
	margin: 10px 0;
	text-align: left;
}
.forumArea p.delete {
	text-align: right;
}
.forumArea .fUserInfo {
	float: left;
	width: 130px;
}
.forumArea .fUserInfo dt {
	font-size: 14px;
	font-weight: bold;
}
.forumArea .fUserInfo dd {
	color: #666666;
}
.forumArea .fUserInfo .postsCount {
	font-style: italic;
}
.forumArea .fPostCont {
	margin: 0 20px 0 150px;
}
.forumArea .fPostCont .date {
	color: #666666;
	margin-bottom: 20px;
}
.forumArea .fPostCommands {
	margin: 10px 0;
	padding: 0 0 5px;
	border-bottom: 1px solid #ccc;
	text-align: right;
}
.forumArea .forumsEditor {
	background-color: #063;
	display: block;
	margin: 10px 0;
	padding: 10px 0 10px 16px;
	border: 0;
}
.forumArea .forumsEditor h3 {
	margin: 0 0 10px;
}
.forumArea input, .forumArea textarea {
	width: 355px;
	vertical-align: middle;
}
.forumArea input, .forumArea textarea {
	font-size: 12px;
	font-weight: normal;
	line-height: normal;
	padding: 3px;
}
.forumArea input.button {
	width: 90px;
	background: transparent url(img/p_newForumsPost_a.gif) no-repeat 50% 0;
	border: 0;
	font-weight: bold;
	font-family:arial,sans-serif;
}
.forumArea .title {
	background-color: #1b212f;
	margin: 10px 0;
	padding: 10px 0 10px 16px;
	border: 0;
}
.forumArea .quote {
	background-color: #1b212f;
	border: 1px solid #ccc;
	margin: 0 0 20px;
	padding:  20px 30px;
	font-style: italic;
}
.forumArea p.newItem a {
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	color: #000;
	padding: 0 0 5px;
	width: 90px;
	display: block;
	background: transparent url(img/p_newForumsPost_a.gif) no-repeat 50% 0;
}
.forumArea h1 {
	padding: 0 20px 0 0;
	display: inline;
	font-size: 2em;
}
.forumArea .validMessage strong {
	display: block;
	padding: 10px 0 0;
}
.forumArea .title .validMessage strong {
	padding: 10px 0 0 80px;
}

/* Login */
div.loginArea {
	margin: 0 0 10px;
	padding: 0;
	width: 736px;
}
div.loginArea fieldset {
	margin: 0 0 10px;
	padding: 15px 0;
	background-color: #1b212f;
	font-size: 1.1em;
	width: 736px;
}
.loginArea h3 {
	margin: 0 0 10px;
	padding: 15px 10px 0;
	text-align: left;
	font-size: 24px;
	font-weight: normal;
	font-family: Georgia, "Times New Roman", serif;
}
.loginArea p {
	margin: 0 10px 10px;
	padding: 0;
}
.loginArea p.loginAreaLogView {
	margin: 0;
	padding: 0 10px 0 0;
	text-align: right;
}
.loginArea p.errorMsg 
{
	color: #ffffff;
}
.loginArea ol {
	margin: 0 10px;
	padding: 0;
}
.loginArea p {
	margin: 0 10px 10px;
	padding: 0;
}
.loginArea ol li {
	margin: 0 0 10px;
	padding: 0;
	list-style-type: none;
}
.loginArea ol li label, .loginArea p label {
	display: block;
}
.loginArea .checkbox label {
	display: inline;
	padding: 0 0 0 5px;
}
.loginArea label em {
	font-style: italic;
	color: #ffffff;	
}
.loginArea input.txt {
	vertical-align: middle;
	padding: 1px 3px;
	width: 200px;
	height: 21px;
	border: 1px solid #999;
	font-size: 1.1em;
}
.loginArea input.btn {
	width: 90px;
	height: 22px;
	background: transparent url(img/p_login.gif) no-repeat 50% 0;
	border: 0;
	font-weight: bold;
	font-family:arial,sans-serif;
}
.loginArea a {
	color: #ffffff;
}

