@charset "utf-8";
/* CSS Document for SBC, 2012*/

/********* noprint */
#language_selector, #search, #usernav, #left_column, #wrapper_top, #wrapper_btm, #mainnav {display:none;}

/********* body */
body	{font-family: "Trebuchet MS", Arial, helvetica, sans-serif; font-size: 80%; color: #000000; margin: 0px; padding: 0px; text-align: centre; background:none;}
.anchor	{clear: both; font-size: 1%; display: block;}
.print	{display: block;}
img	{border: 0px;}

/*links*/
a	{color: #94c43a;}
a:visited	{color: #94c43a;}
a:hover	{color: #232222;}
a:active {color: #232222;}
#skiplinks	{display: none;}

/* headings*/
h1	{color: #232222; font-size: 150%}
h2	{color: #232222; font-size: 140%}
h3	{color: #94c43a; font-size: 130%}
h4	{color: #94c43a; font-size: 120%}
h5	{color: #94c43a; font-size: 100%}

/********* header */
#header	{text-align: left; margin: 0% auto;}

/* header top */
#header #top	{padding: 0px; position: relative; font-size: 80%; color: #000000; font-weight: bold;}
#header #top label	{color: #ffffff; font-weight: bold;}

/* header h1*/
#header h1	{padding: 0px; margin: 0px;}
#header h1 img	{margin: 0px; display:none;}
#header h1 span	{display: none;}

/********* main column formatting*/
#main_column p	{text-align: justify; font-size: 100%; margin: 5px 0px 20px 0px; padding: 0px;}
#main_column h2	{color: #000000; margin: 10px 0px 10px 0px; padding: 0px; font-size: 150%;}
#main_column ul	{margin: 0px; padding: 0px;}
#main_column ul	li {padding: 2px 0px 2px 20px;}
#main_column ol	{margin: 0px; padding: 0px 0px 0px 30px;}
#main_column ol	li {padding: 2px 0px 2px 0px;}
#main_column .greenline	{dispplay: none;}

/********* main column image list 1*/
#main_column #imagelist1	{}
#main_column #imagelist1 ul	{margin: 0px; padding: 0px; list-style-type: none;}
#main_column #imagelist1	ul li {margin: 0px; padding: 0px; background: none; width: 270px; float: left;}
#main_column #imagelist1	ul li.col1 {margin: 0px 20px 0px 0px;}
#main_column #imagelist1 ul li a {display: block; margin: 0px; text-decoration: none; color: #232222;}
#main_column #imagelist1 ul li a:hover {text-decoration: underline;}
#main_column #imagelist1 ul li a span {display: block;}
#main_column #imagelist1 ul li a span.image {border-bottom: solid 5px #ffffff;}
#main_column #imagelist1 ul li a span.title {font-weight: bold; color: #94c43a;}
#main_column #imagelist1 ul li a:hover span.title {text-decoration: none;}
#main_column #imagelist1 ul li a span.description {display: block; font-size: 80%; line-height:16px; border-bottom: solid 20px #ffffff;}

/********* main column images*/
#main_column .floatright {float: right; margin: 0px 0px 10px 20px; width: 260px;}
#main_column .floatleft {float: left; margin: 0px 20px 10px 0px; width: 260px;}
#main_column .floatright img {border: solid 1px #d1d1d1; }
#main_column .floatleft img {border: solid 1px #d1d1d1;}
#main_column .floatright span {background-color: #d1d1d1; display: block; width: 232px; padding: 10px; margin: 0px; font-size: 90%; line-height: 14px;}
#main_column .floatleft span {background-color: #d1d1d1; display: block; width: 232px; padding: 10px; margin: 0px; font-size: 90%; line-height: 14px;}


/********* main column quotes*/
#main_column .quoteleft	{padding: 0px; text-align: left; margin: 0px; font-style:italic;}
#main_column span.quote	{display: block;}

#main_column .quoteright	{padding: 0px; text-align: left; margin: 0px; font-style:italic;}
#main_column .quoteright .caption	{display: block; font-size: 80%;}


/********* news */
#main_column .imagelist2	{clear: both; margin: 0px; padding: 0px;}
#main_column .imagelist2 ul	{margin: 0px; padding: 0px; list-style-type: none;}
#main_column .imagelist2 ul li	{clear:both; margin: 0px; padding: 0px; background: none;}
#main_column .imagelist2 ul li a	{clear:both; text-decoration: none;  color: #000000; display: block; padding:0px}
#main_column .imagelist2 ul li a span	{display: block;}
#main_column .imagelist2 ul li a span.image	{float: left; margin: 0px 20px 10px 0px; border: solid 1px #cccccc; padding: 5px;background-color: #eeeeee;}
#main_column .imagelist2 ul li a span.title	{font-weight: bold; display: inline;}
#main_column .imagelist2 ul li a span.date	{font-size: 80%; color: #94c43a;}
#main_column .imagelist2 ul li a span.description	{font-size: 90%;}

/********* search result */
#main_column .list1	{clear: both; margin: 0px; padding: 0px;}
#main_column .list1 ul	{margin: 0px; padding: 0px; list-style-type: none;}
#main_column .list1 ul li	{clear:both; margin: 0px; padding: 10px 0px 10px 0px; background: none;  position: relative; background: url(news_bg_tile_default.gif) repeat-x top;}
#main_column .list1 ul li a	{text-decoration: none;  color: #232222; display: block; padding: 10px 10px 10px 10px; position: relative;}
#main_column .list1 ul li a span	{display: block;}
#main_column .list1 ul li a span.title	{font-weight: bold; display: inline;}
#main_column .list1 ul li a span.description	{font-size: 90%;}
#main_column .list1 ul li a span.link	{font-size: 90%; color: #94c43a;}
#main_column .list1 ul li a:hover	{background-color: #eeeeee; }

/* news item*/
#main_column .newsitem	{margin: 0px; padding: 0px;}
#main_column .newsitem .title	{font-size: 130%; color: #94c43a; margin: 0px; padding: 0px 0px 10px 0px; font-weight: bold;}
#main_column .newsitem .date	{font-size: 100%;font-weight: bold; margin: 0px; padding: 0px 0px 10px 0px;}
#main_column .newsitem img	{float: left;}

/* form table */	
#main_column .form table {width: 100%; font-size: 85%; border-collapse: collapse; margin: 0px 0px 20px 0px;}
#main_column .form table caption { font-size: 120%; font-weight: bold; text-align: left; padding: 10px 5px 10px 5px; margin: 0px; color: }
#main_column .form table caption span.small {font-size: 80%; font-weight: normal;}
#main_column .form table span {display: block;}
#main_column .form table label span.small {font-size: 80%;}
#main_column .form table input {font-size: 90%;}
#main_column .form table input.small {width:120px;}
#main_column .form table input.medium {width: 200px;}
#main_column .form table input.long {width: 260px;}
#main_column .form table select {font-size: 90%;}
#main_column .form table select.small {width:125px;}
#main_column .form table select.medium {width: 205px;}
#main_column .form table select.long {width: 265px;}
#main_column .form table textarea.long {width: 340px; font-family:"Trebuchet MS", Arial, helvetica, sans-serif; font-size: 90%;}
#main_column .form table textarea.medium {width: 300px; font-family:"Trebuchet MS", Arial, helvetica, sans-serif; font-size: 90%;}
#main_column .form table textarea.small {width: 250px; font-family:"Trebuchet MS", Arial, helvetica, sans-serif; font-size: 90%;}
#main_column .form table th {width: 190px; padding: 5px 5px 5px 5px; vertical-align: top;}
#main_column .form table tr	{padding: 5px 5px 5px 5px; }
#main_column .form table td	{vertical-align: top;}
#main_column .form table tr.row1 {background-color: #ffffff;}
#main_column .form table tr.row2 {font-weight: bold; color: #e23102; font-size: 100%;}

/* form button*/
.formbutton1	{text-align: right;}
.formbutton1 input	{background: url(form_submit_btn.gif) no-repeat top; color: #ffffff; font-weight: bold; border: 0px; height: 25px; width: 93px; text-transform: uppercase;}
.formbutton1 input:hover	{background: url(form_submit_btn.gif) no-repeat bottom; text-decoration: underline;}


/* bottomn links*/
#main_column .bottom_links	{margin: 0px; padding: 0px;}
#main_column .bottom_links ul	{margin: 0px; padding: 0px; list-style-type: none;}
#main_column .bottom_links ul li	{margin: 0px; padding: 0px; background: none; background: none; display: inline;}
#main_column .bottom_links ul li a	{font-size: 80%; font-weight: bold; background: url(arrow_01.gif) no-repeat left; padding: 0px 20px 0px 10px; vertical-align: text-bottom;}

/********* pagination */ 
#main_column .pagination	{clear: both; margin: 20px 0px 10px 0px; padding: 0px; min-height:30px; height:auto !important; height:30px;}
#main_column .pagination span.showing	{float: right;  font-size: 80%;}
#main_column .pagination span.goto	{float: left; padding: 0px 10px 0px 0px; font-size: 80%;}
#main_column .pagination ul	{margin: 0px; padding: 0px; list-style-type: none;}
#main_column .pagination ul	li {margin: 0px; padding: 0px; background: none; display: inline;}
#main_column .pagination ul	li a {margin: 0px 4px 0px 0px; display: block; float: left; border: solid 1px #94c43a; text-decoration: none; padding: 0px 5px 0px 5px; font-size: 80%; font-weight: bold;}
#main_column .pagination ul	li a:hover {background-color: #94c43a; color: #ffffff;}
#main_column .pagination ul	li.inactive a {border: solid 1px #eeeeee; font-weight: bold; color: #eeeeee;}
#main_column .pagination ul	li.inactive a:hover {border: solid 1px #eeeeee; font-weight: bold; color: #eeeeee; background-color: #ffffff;}
#main_column .pagination ul	li.selected a {border: solid 1px #5b5a5a; font-weight: bold; background:url(pagination_selected.gif) repeat-x top; color: #ffffff;}
#main_column .pagination ul	li.selected a:hover {border: solid 1px #5b5a5a; font-weight: bold; background:url(pagination_selected.gif) repeat-x top; color: #ffffff;}

/********* filter */ 
.filter	{ margin: 0px; padding: 20px; font-size: 80%; background:url(filter_bg.jpg) no-repeat top right; border: solid 1px #eeeeee;background-color: #dfdfdf;}
.filter span.title	{font-weight: bold; float: left; margin: 4px 20px 0px 0px; text-transform:uppercase;}
.filter	input {font-size: 100%}
.filter	select {font-size: 100%; border: solid 1px #ffffff; color: #688929;}
.filter .month	{background-color: red;}
.filter input.go	{ background: url(../images/buttons/filter_go_btn.gif) no-repeat top; height: 20px; width: 31px; color: #ffffff; font-weight: bold; border: 0px; text-transform: uppercase; text-align: center; padding: 2px 2px 2px 2px; cursor: pointer; font-size: 12px;}
.filter input:hover.go	{background: url(filter_go_btn.gif) no-repeat bottom; text-decoration: underline;}
.filter	.filter1 {float: left; margin: 0px 20px 0px 0px;}
.filter	.filter2 {float: left;  margin: 0px 20px 0px 0px;}
.filter	.filter3 { margin: 0px 20px 0px 0px;}

/********* serach again  */ 
.searchagain	{padding: 20px 20px 20px 20px; font-size: 100%; text-align: center; font-weight: bold;}
.searchagain	 input.search	{background: url(filter_search_btn.gif) no-repeat top; height: 20px; width: 63px; color: #ffffff; font-weight: normal; border: 0px; text-transform: uppercase; text-align: center; padding: 2px 2px 2px 2px; cursor: pointer; font-size: 12px;}
.searchagain input:hover.search	{background: url(filter_search_btn.gif) no-repeat bottom; text-decoration: underline;}
.searchagain	 input.keyword	{background-color: #dfdfdf; border: 0px; width: 200px; padding: 3px 5px 3px 5px; font-weight: bold; margin: 0px 10px 0px 10px; font-weight: normal}

/* widgits */
#main_column .widgit	{clear: both; margin: 0px 0px 30px 0px;}
#main_column .widgit .title	{font-weight: bold; text-transform: uppercase; color: #000000; padding: 0px 5px 0px 5px;}	
#main_column .widgit ul	{margin: 0px; padding: 0px; font-size: 85%; color: #000000;}
#main_column .widgit ul	li {margin: 3px 0px 3px 0px;  padding: 0px 0px 0px 15px;}
#main_column .widgit ul	li.image	{margin: 0px; padding: 0px;}
#main_column .widgit ul	li.image a	{margin: 0px; padding: 0px;}
#main_column .widgit ul	li.image a img	{border: solid 1px #94c43a; margin: 0px; padding: 4px; text-decoration: none; background-color: #ffffff;}
#main_column .widgit ul	li a {color: #000000; text-decoration: none;}

/* breadcrumb*/
#main_column #breadcrumb	{font-size: 110%; margin: 20px 0px 20px 0px;}
#main_column #breadcrumb	ul {margin: 0px; padding: 0px; list-style-type: none;}
#main_column #breadcrumb	ul li {margin: 0px; padding: 0px; display: inline; background-image: none;}

/* main column address*/
#main_column .address {padding: 10px; font-size:100%; color: #000000;}
#main_column .address span	{display: block; font-weight: bold;}
#main_column .address img {float: left; border: solid 2px #727272; margin: 0px 20px 0px 0px;}
#main_column .address h3 {color:#000000; position: relative;}
#main_column .address .maplink a { margin: 10px 0px 0px 0px; display: block;}

/* main column map*/
.map	{margin: 10px 0px 10px 0px;}

/*********  homepage */
/* homepage flash*/
#main_column #homeflash	{margin: 0px; padding: 0px;}

/* homepage news*/
#main_column #homenews	{ margin: 20px 0px 20px 0px; line-height: 14px; position: relative; font-size: 120%;}
#main_column #homenews ul	{margin: 0px; padding: 0px; list-style-type: none;}
#main_column #homenews ul li {margin: 0px; padding: 0px; background-image: none;}
#main_column #homenews ul li a {margin: 0px; display: block; padding: 0px 0px 0px 0px; color: #000000;}
#main_column #homenews ul li a span {display: block;}
#main_column #homenews ul li a span.title {text-transform:uppercase;  padding: 10px 0px 10px 0px; }
#main_column #homenews ul li a span.date {padding: 0px 0px 10px 0px;}
#main_column #homenews ul li.recent a {padding: 5px 0px 5px 0px; background-image: none; }

/* homepage sitemap - width depend on how many blocks*/
#main_column .homesitemap	{width: 16%; float: left; margin: 20px 0px 20px 0px; font-size: 75%;}
#main_column .homesitemap h2	{color: #000000; margin: 0px 0px 10px 0px; padding: 0px;  font-size: 100%;}
#main_column .homesitemap h2 a	{text-decoration: none; display: block;}
#main_column .homesitemap h2 a:hover	{color: #232222; text-decoration: underline;}
#main_column .homesitemap ul	{margin: 0px; padding: 0px; list-style-type: none;}
#main_column .homesitemap ul li {margin: 0px 0px 5px 0px; padding: 0px 0px 0px 0px;}
#main_column .homesitemap ul li a {color: #000000; text-decoration: none; padding: 2px;	font-weight: bold;}

/* homepage sitemap last block is different to others*/
#main_column .homesitemaplast	{width: 16%; float: left; margin: 20px 0px 20px 0px; font-size: 75%;}
#main_column .homesitemaplast h2	{color: #000000; margin: 0px 0px 10px 0px; padding: 0px;  font-size: 100%;}
#main_column .homesitemaplast h2 a	{text-decoration: none; display: block; }
#main_column .homesitemaplast ul	{margin: 0px; padding: 0px; list-style-type: none;}
#main_column .homesitemaplast ul li {margin: 0px 0px 5px 0px; padding: 0px 0px 0px 0px;}
#main_column .homesitemaplast ul li a {color: #000000; text-decoration: none; padding: 2px;	font-weight: bold;}

/*********  sitemap */
#main_column .sitemap-left	{}
#main_column .sitemap-left ul	{margin: 0px; padding: 0px; list-style-type: none;}
#main_column .sitemap-left ul li	{margin: 0px; padding: 0px; background-image: none; margin: 3px 0px 3px 0px;}
#main_column .sitemap-left ul li a	{display: block; font-weight: bold; color: #000000; font-size: 120%;}
#main_column .sitemap-left ul li a:hover	{color: #000000;}
#main_column .sitemap-left ul li ul li a	{font-weight: bold; color: #000000;  font-size: 100%; padding: 0px 0px 0px 20px}
#main_column .sitemap-left ul li ul li ul li a	{font-weight: bold; color: #000000;  font-size: 90%; padding: 0px 0px 0px 40px}

#main_column .sitemap-right	{}
#main_column .sitemap-right ul	{margin: 0px; padding: 0px; list-style-type: none;}
#main_column .sitemap-right ul li	{margin: 0px; padding: 0px; margin: 3px 0px 3px 0px;}
#main_column .sitemap-right ul li a	{font-weight: bold; color: #000000; font-size: 120%;}
#main_column .sitemap-right ul li a:hover	{color: #000000;}
#main_column .sitemap-right ul li ul li a	{display: block; font-weight: bold; color: #000000;  font-size: 100%; padding: 0px 0px 0px 20px}
#main_column .sitemap-right ul li ul li ul li a	{display: block;font-weight: bold; color: #000000;  font-size: 90%; padding: 0px 0px 0px 40px}

/********* footer */
#footerwrapper	{}
#footer	{text-align: left; margin: 0% auto; font-size: 100%; padding: 10px 0px 10px 0px;}

/* footer mainnav*/
#footer #footernav	{margin: 0px 0px 0px 0px; padding: 0px;}
#footer #footernav	ul {margin: 0px; padding: 0px; list-style-type: none;}
#footer #footernav	ul li {margin: 0px; padding: 0px; display: inline;}
#footer #footernav	ul li a {color: #393733; text-decoration: none; font-weight: bold; font-size: 90%;}

/* footer address*/
#footer .address {padding: 20px 0px 20px 0px; font-weight: bold; font-size: 120%;}
#footer .address span	{display: block;}
#footer .address ul	{margin: 5px 0px 0px 0px; padding: 0px; list-style-type: none;}
#footer .address ul li {margin: 0px; padding: 0px 10px 0px 0px; display: inline;}
#footer .address ul li a {color: #000000;}


/* footer accreditation*/
#accreditation ul	{margin: 0px; padding: 0px; list-style-type: none; float: right;}
#accreditation ul li	{margin: 0px; padding: 0px; display: inline;}