/* ---------- Changeable Colours ---------- */

/* Homepage Buttons */

.cz-NavTextBlue
{
	padding-left: 20px;
	background-color: #FFFFFF;
	margin-right: 31px;
	white-space: nowrap;
}

.cz-NavTextBlueRight
{
	padding-right: 20px;
	background-color: #FFFFFF;
	margin-left: 31px;
}

.cz-Nav {
	font-size: medium;
	position: relative;
	width: 16em;
	line-height: 50px;
	font-weight:bolder;
	color: #0075DC; 
	cursor: pointer;
	margin-bottom: 10px;
}

.cz-NavTextPurple
{
	padding-left: 20px;
	background-color:#662E91;
	margin-right:31px;
}

.cz-NavTextGreen
{
	padding-left: 20px;
	background-color:#3fa535;
	margin-right:31px;
}

.cz-Nav a:link,.cz-Nav a:hover,.cz-Nav a:visited
{
	text-decoration: none;
	color: #0075DC;
	background-color: transparent;
}

/* Sub Menu Header Background */

.cz-BlockMain-Header {
	padding-top: 5px;
}
		
.cz-BlockMain-Header h1
{
	text-align: center;
	color: #FFFFFF;
	background-color: #0075DC;
	border-radius: 10px;
	border: 2px solid #0075DC;
	width: 450px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	right: 4px;
}

/* Sub Menu Alert Background */

.cz-SubAlert-Content {
	margin-top: 0.5em;
	color: #000000;
	background-color: #FFFFFF;
	border-radius: 10px;
	border: 2px solid #FFFFFF;
}

.cz-SubAlert-Content h2 {
	color: #000000;
}

#cz-SubAlert a {
	color: #000000;
	text-decoration: underline;
}

#cz-SubAlert a:hover {
	background-color: #999999;
	color: #000000;
}

/* Sub Menu Background */

.cz-Transback
{
	width: 100%;
	height: 100%;
	background-color: #FFFFFF;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}

/* Footer Background */

.footerback {
	background-color: #0075DC; 
}


/* Sub Menu Buttons */

.cz-SubItem
{
	float:left;
	width: 200px;
	height: 4.5em;
	margin-top: 6px;
	margin-left: 3px;
	margin-right: 3px;
	padding: 10px;
	border-radius: 10px;
	background-color: #0075DC; 
	border: solid 2px #0075DC;
	cursor: pointer;
	position: relative;
}

.news-items {
	float: left;
	width: 224px;
}

.cz-SubItem a, .cz-SubItem h2, .cz-SubItem p {
	color: #FFFFFF;
	padding: 0;
	margin: 0;
}

/*Navigation Item Borders */

.cz-SubItem-Hover {
	border: solid 2px #FFFFFF;
}

/* Headings */

h1	{
	margin-bottom: 0;
	margin-top: 0;
	color: #0075DC;
	font-size: 2.5em;
	font-weight: normal;
	font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;
	background-color: transparent;
}

h2	{
	margin-bottom: 0px;
	margin-top: 0px;
	color: #0075DC;
	font-size: 1.5em;
	font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;
	background-color: transparent;
}

h3	{
	margin-bottom: 0px;
	margin-top: 0px;
	color: #0075DC;
	font-size: large;
	font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;
	background-color: transparent;
}

h4	{
	margin-bottom: 0px;
	margin-top: 0px;
	color: #0075DC;
	font-size: medium;
	font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;
	background-color: transparent;
}

h5	{
	margin-bottom: 0px;
	margin-top: 0px;
	color: #0075DC;
	font-size: 1em;
	font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;
	background-color: transparent;
}

h6	{
	margin-bottom: 0px;
	margin-top: 0px;
	color: #0075DC;
	font-size: small;
	font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;
	background-color: transparent;
}

/* Green headings colour over-ride (to make all h2s, h3s and h4s that are green, the Citizen colour) */

h2.green {
	color: #0075DC;
}

h3.green {
	color: #0075DC;
}

h4.green {
	color: #0075DC;
}

h2 span.green {
	color: #0075DC;
}

h3 span.green {
	color: #0075DC;
}

h4 span.green {
	color: #0075DC;
}

/* Links */

A:link 		{color: #0075DC; background-color: transparent;	}
A.red:link	{ color: #0E578C; background-color: transparent; }
A:visited 	{color: #555755; background-color: transparent;	}
A:hover 	{color: #FFFFFF; background-color: #0075DC;		}
A:active 	{color: #000066; background-color: transparent;	}

/* Navigation button */

.template_button	{
	vertical-align: middle;
	background-color: #0075DC;
	color: #FFFFFF;
	border-style: solid;
	border-color: #FFFFFF;
	border-radius: 5px;
	font-weight: bold;
	padding-left: 0.5em;
	padding-right: 0.5em;
	padding-bottom: 0.3em;
	padding-top: 0.3em;
	cursor: pointer;
	border-color: #b7b6b6;
	border-width: 3px;
}

/* Background Blocks (links to images) */

.cz-BlockLeft
{
	background-image: url('/images/citizen/theme/greyborder.gif');
	background-position: 0px -1100px;
	height: 375px;
	width: 35px;
	float: left;
}
		
.cz-BlockRight
{
	background-image: url('/images/citizen/theme/greyborderRight.gif');
	background-position: 0px -1100px;
	height: 375px;
	width: 35px;
	float: right;
}

/* Page Title and Navigation Title Blocks */

.block_header	{
	color: #FFFFFF;
	font-size: 1.2em;
	font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;
	padding-left: 5px;
	padding-top: 3px;
	padding-bottom: 2px;
	border-radius: 5px;
	background-color: #0075DC;
	text-align: center;
	font-weight: normal;
}

/* Tabs (link to image) */

.cz-Tab-Default
{
	background-image: url("/images/citizen/theme/tabDefault.png");
	cursor: pointer;
}

/* A to Z */

.cz-AtoZ
{
	clear:both;
	padding-left: 20px;
	color: white;
	background-color: #0075DC;
	line-height: 1.7em;
	font-weight:bolder;
	white-space: nowrap;
	height: 1.7em;
}

.cz-AtoZ a
{
	padding-left:3px;
	color:#ffffff;
	padding-right:3px;
	text-decoration: none;
	margin-top: 2px;
}

.cz-AtoZ a:link, .cz-AtoZ a:visited
{
	color:#ffffff;
}

div.cz-AtoZ a:hover
{
	color: #0075DC;
	background-color: white;
}

div.cz-AtoZ div form fieldset {
	padding: 0;
	border: none; 
}

/* Social Media Buttons (Hover changes in /javascript/citizen.js file) */

.social {
	float: right;
	line-height: 50px;
	padding-right: 0.5em;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	font-size: 1.2em;
	border-width: 2px;
	border-style: solid;
	border-radius: 10px;
	margin-top: 3px;
	margin-right: 0.5em;
	height: 50px;
	position: relative;
}

/* Feedback button (possible only a temporary button */

.feedback {
	float: right;
	line-height: 50px;
	padding-right: 1em;
	padding-left: 1em;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	font-size: 1.2em;
	border-width: 2px;
	border-style: solid;
	border-radius: 10px;
	margin-top: 3px;
	margin-right: 2em;
	height: 50px;
	position: relative;
}

/* Skip to Content Link */

#topleft a {
		font-size: 1em;
		color: #FFFFFF;
		text-decoration: underline;
}

/* List Bullets */

ul	{ 
	list-style-image: url('/images/citizen/theme/brightblue/bullet.png');
}

/* A-Z Style Bullets */

#azstyle dt {
	margin-left: 0.8em;
	margin-bottom: 0.3em;
	margin-top: 0.5em;
	font-size: 1.3em;
	font-weight: bold;
	display: list-item;
	list-style-image: url('/images/citizen/theme/bullet.png');
	padding-top: 0.5em;
}

#azstyle dd {
	background-image: url('/images/tmbc2007/azbreak.jpg');
	background-position: 0 100%;
	background-repeat: repeat-x;
	padding-bottom: 0.5em;
	margin-left: 0.2em;	
	padding-left: 1.2em;
	list-style: none;
	list-style-image: none;
	display: list-item;
}

#azstyle hr {
	border-color: #b7b6b6;
  	border-style: solid;
  	border-width: 2px 0 0;
  	width: 70%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
  	height: 2px;
	margin-bottom: 0;
	padding-bottom: 0.2em;

}

/* Top News Items on News page */

.news-top-item2 {
	border-radius: 10px; 
    border-color: #0075DC; 
    border-style: solid; 
    border-width: 0.15em; 
    float: left; 
    width: 19%; 
    text-align: center; 
    margin-right: 0.1em;
	margin-left: 0.1em;  
    height: 13em; 
    padding-top: 0.5em; 
    cursor: pointer; 
    position: relative;
}

.news-top-item2 h2 {
	font-size: 1em;
}

.news-top-item {
	border-radius: 10px; 
    border-color: #0075DC; 
    border-style: solid; 
    border-width: 0.15em; 
    float: left; 
    width: 93%; 
    text-align: center; 
    margin-right: 0.1em;
	margin-left: 0.1em;  
    padding: 0.5em 1% 0.5em 1%; 
    cursor: pointer; 
    position: relative;
}

.news-top-item2 span {
	display: inline;
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left: 0;
	z-index: 2;
	background-image: url('/tmbc_images/include/1pixel.gif');
	cursor: pointer;
}

.news-item-container {
	float: left;
}

#topitems {
	overflow: auto;
	margin-left: auto;
	margin-right: auto;
}

.news-top-item span {
	display: inline;
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left: 0;
	z-index: 2;
	background-image: url('/tmbc_images/include/1pixel.gif');
	cursor: pointer;
}

.news-top-item h2 {
	font-size: 1em;
}

.news-top-item img {
	width: 100px;
	height: 100px;
}

/* Styles for the top items on the homepage */

.newshome {
	clear: both;
	padding: 10px;
	background: #FFFFFF;
	border-radius: 10px; 
    border-color: #0075DC; 
    border-style: solid; 
    border-width: 0.15em;
	margin: 0.2em;
	margin-left: auto;
	margin-right: auto;
}

/* Big Conversation on Homepage Styles */

.tbc h1 {
	background-color: #662e91;
	color: #FFFFFF;
	border-color: #662e91;
}

.tbc h2 {
	color: #FFFFFF;
}

/* ----------- Citizen (mainly homepage) Styles ----------- */

#cz-MainNews img {
	float: left;
}

.header {
	font-size:medium;
}

.header a:hover{
	background: transparent;
}

.banner_container a:hover{
	background: transparent;
}

.cz-AtoZ div {
	float: right;
	padding-right: 20px;
	display: inline-block;
	vertical-align: middle;
}

.js .cz-NavHide, .js #cz-Background
{
	display:none;
}

#cz-Background
{
	position:absolute;
	z-index:1;
	width:100%;
	height:100%;
}

#cz-Scroller
{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:2;
	overflow: auto;
}

#cz-Content
{
	min-width: 1050px;
	width: 100%;
	padding:0px 0px 0px 0px;
}

.cz-Tabs
{
	padding-left: 20px;
	padding-right: 5px;
	float: right;
}

.cz-Tab
{
	width: 110px;
	margin-right:2px;
	display:inline-block;
	text-align: center;
	color: white;
	padding: 5px;
	line-height: 20px;
	font-weight:bolder;
}

.cz-Tab a:link, .cz-Tab a:visited {
	color: #ffffff;
}

.cz-Tab-Selected
{
	background-image: url("/images/citizen/theme/tabActive.png");
}

.cz-Footer
{
	height: 60px;
	clear: both;
	color: #FFFFFF;
}

.cz-Footer a:hover
{
	background: none;
}

.social span {
	display: inline;
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left: 0;
	z-index: 2;
	background-image: url('/tmbc_images/include/1pixel.gif');
	cursor: pointer;
}

.social img {
	vertical-align: middle;
	padding-bottom: 0.5em;
	padding-left: 0.3em;
}

.cz-Footer img
{
	padding-top: 5px;
	padding-left: 0.5em;
}

.cz-SubMenuItem span {
	display: table-cell;
	width: 149px;
	vertical-align: middle;
}

.cz-SubMenuItem span.img {
	display: table-cell;
	vertical-align: middle;
	width: 40px;
	padding-right: 10px;
}

.cz-SubMenu {
	width: 690px;
	margin-left: auto;
	margin-right: auto;
}

.cz-SubMenuItem {
	float:left;
	width: 200px;
	height: 4em;
	margin-top: 10px;
	margin-left: 5px;
	margin-right: 5px;
	padding: 10px;
	border-radius: 10px;
	color: #0075DC;
	font-weight: bold;
	cursor: pointer;
	text-decoration: none;
	display: table;
}

.cz-SubItem a {
	text-decoration: none;
}

/* Sub Menu page buttons hover colours (Online payment etc)  */

.cz-SubMenuItemSel {
		background-color: #a7a7a7; 
		color: #000000;
}

.likebutton {
	width: 90%; 
	height: 18px;
	padding-top: 1em;
	clear: both;
}

.pageupdated {
	clear: both;
	text-align: center;
	font-size: x-small;
	padding-bottom: 1em;
	padding-top: 1em;
	
}

.innerfooter {
	height: 60px;
	clear: both;
	position: relative;
}

.footerposition {
	position: absolute;
	bottom: 0;
	width: 100%;
}

.caption {
	margin-right: 15px;
	float: right;
	font-size: 1.1em;
	color: #000000;
}

.tbc-nav-img {
 	float: right;
	margin-top: -6px;
	margin-right: -11px;
	z-index: 3;
	position: relative;
}

.bs-nav-img {
 	float: right;
	margin-top: -6px;
	margin-right: -11px;
	z-index: 3;
	position: relative;
}

.bwc-nav-img {
 	float: left;
	margin-top: -5px;
	margin-left: -11px;
	z-index: 3;
	position: relative;
}

.navigation_right .cz-Nav
{
	text-align: right;
}

.navigation_right .cz-NavImgPoint
{
	float: left;
}

.cz-NavTextRedRight
{
	padding-right:20px;
	background-color: #cf001c;
	margin-left:31px;
}

.cz-NavTextRedRight a:link, .cz-NavTextRedRight a:hover, .cz-NavTextRedRight a:visited
{
	color:#FFFFFF;
}


.cz-NavImgPoint
{
	float: right;
}

.cz-Login
{
	padding-right: 20px;
	line-height: 50px;
	color: White;
	font-weight:bolder;
	float: right;
}

.cz-PermOp {
	height: 100%;
	min-height: 375px;
	position: relative;
	vertical-align: top;
	margin-left: 43px;
	margin-right: 43px;
	min-width: 460px;
}

.tbcitem {
	background-color: #662e91;
	border-color: #662e91;
	color: #FFFFFF;
	height: 5.5em;
}

.cz-SubItem h2 {
	font-size: 1.05em;
}

.cz-SubItem span {
	display: inline;
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left: 0;
	z-index: 10;
	background-image: url('/tmbc_images/include/1pixel.gif');
	cursor: pointer;
}

.cz-SubItem img {
	float: right;
}

.cz-SubItem b {
	font-size: 1.1em;
}

.cz-PermOp a:link {
	text-decoration: none;
}

.cz-PermOp a:hover {
	text-decoration: none;
}

.cz-SubNav {
	position: relative;
}

.cz-BlockMain-Content {
	margin: auto;
	width: 468px;
}
		
.cz-BlockMain-Content-tbc {
	margin: auto;
	width: 468px;
}

.tbcNav {	
	font-size: medium;
	position: relative;
	width:16em;
	line-height: 50px;
	font-weight:bolder;
	color: #ffffff;
	cursor: pointer;
	margin-bottom: 10px;
}
	
.tbcNav a:link, .tbcNav a:hover, .tbcNav a:visited {
	text-decoration: none;
	color: white;
	background-color:Transparent;
}

.cz-tbcback {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	background-color: #FFFFFF;
}

/* The tbcitemSel class below needs to be placed BELOW the above cz-SubItem-Hover class and the .cz-tbcback class, or else it won't overwrite the border styles */

.tbcitemSel { 
	border: solid 2px #FFFFFF;
}

.news-item {
	height: 100px;
	font-size: 0.9em;
	padding: 5px 10px 5px 10px;
	border-width: 2px;
	margin-left: 3px;
	margin-right: 3px;
	margin-top: 3px;
	width: 200px;
	font-weight: bold;
}

.more-news {
	height: 28px;
	font-size: 0.9em;
	padding: 1px 10px 1px 10px;
	border-width: 2px;
	margin-left: 3px;
	margin-right: 3px;
	margin-top: 3px;
	margin-bottom: 2px;
	width: 200px;
	font-weight: bold;
	line-height: 28px;
}

.more-news.first {
	height: 30px;
	line-height: 30px;
}

/* News Cross Style */

#newsclose {
	float: right;
	margin-top: 20px;
}

#newsclose a:hover {
	background: none;
}

.newsclose {
	display: none;
}

.newsclose:hover {
	background: none;
}

.news-item p {
	width: 95px;
	text-align: center;
}

.more-news p {
	width: 160px;
	text-align: left;
}

.cz-SubItem .iconb {
	float: right;
}

.cz-SubItem .iconw {
	float: right;
}

.centerhome h1 {
	font-weight: bold;	
	font-size: x-large;
	font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;;
}

.centerhome h2 {
	font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;;
}

.centerhome a {
	color: #FFFFFF;
}

.tbcitem h2, .tbcitem p, .tbcitem a {
	color: #FFFFFF;
}

/* ----------- Usual CMS page Styles ----------- */

body	{ 
	color: #000000;
	font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;;
	margin: 0;
	height: 100%;
	width: 100%;
}

html	{ 
	color: #000000;
	font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;;
	font-size: 0.87em;
	margin: 0;
	height: 100%;
	width: 100%;

}

form	{ 
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
input	{ 

}
code	{
	font-size: 1em;
	font-family: monospace
}
img		{
	text-decoration: none;
	border-width: 0px;
	vertical-align: text-bottom;
}

p.gallery img {
	vertical-align: baseline;
}

p.gallery a:hover {
	background: transparent;
}

p	{

}

hr {
	border-color: #b7b6b6;
  	border-style: solid;
  	border-width: 2px 0 0;
  	width: 100%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
}

small {
	font-size: x-small;
}


select	{
	vertical-align: middle;
	color: #000000;
	background-color: #FFFFFF;
	font-size: 1em;
	font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;;
}
legend	{
	font-weight: bold;
	color: #007FC1
}
fieldset	{
	padding-left: 5px
}
textarea	{
	border-style: solid;
	border-width: 2px;
	border-color: #B2D9EC;
	font-size:1em;
	font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;;
	background-color: #FFFFFF;
	color: #000000;
}

.background {
	height: 190px;
	width: 100%;
	overflow: hidden;
	position: relative;
	top: 0;
	left: 0;
	overflow: hidden;
	background-color: #003366;
}

.background-home {
	height: 100%;
}


.content	{
		margin-left: 18em;
		padding-left: 1em;
		padding-right: 1em;
		padding-top: 0.5em;
}

.content_form	{
	padding-top: 6px;
	padding-left: 0.5em;
	padding-right: 0.5em;
	padding-bottom: 2em;
	width: 98%;
}

.homepage_content	{
	padding-top: 0;
	padding-left: 0;
	padding-right: 0;
	font-size: 1em;
}

.standard_content {
	background-color: white;
}

/* centerhome is really a homepage (Citizen) style, but needs to sit below homepage_content to cancel out the styles */

.centerhome {
	font-size: medium;
	padding-left: 15.5em;
	padding-right: 15.5em;
	padding-top: 4px;
}

.main_content	{
	padding-left: 0px;
	padding-right: 0px;
	font-size: 1em;
}

.tabletest {
	border-collapse: collapse;
	border: none;
}

.tabletest thead tr th {
	border: 1px #0075DC solid;
	background: #87b0eb;
	color: #003388;
	border-collapse: collapse;
	font-size: 1.15em;
}

.tabletest thead tr th, .tabletest tbody tr td {
	padding: 0.1em 0.2em 0.1em 0.2em;
}

.tabletest tbody tr td {
	border: 1px #0075DC solid;
	border-spacing: 0px;
	border-collapse: collapse;
}

.crmnew {
	width: 75%;
}

/* Header Bar with Logo inside it */

.header_container	{
	background-image: url(/images/citizen/header_background.jpg);
	width: 100%;
	line-height: 0em;
}

.header_left	{
	position: absolute;
	top:0;
	text-align: left;
}

.header_center	{
	position: relative;
	text-align: center;
	z-index:1;
}

.header_right	{
	position: absolute;
	right:0px;
	top:0px;
	text-align: right;
}


.breadcrumbs	{
	text-align: center;
	padding-top: 0.3em;
}

.breadcrumbs a {
	text-decoration: underline;
}


/* Banner Bar with changable image */

.banner_container	{
	height: 150px;
	margin-bottom: 0;
}	
	
/* Page Objects */
.page_container	{
	width: 100%;
	background-image: none;
   	margin-top: -16px;
}

.page_content	{

}

.page_heading	{

}

/* Page Layout Elements */

.navigation_left	{
	padding-left: 4px;
	padding-top: 0.3em;
	padding-right: 0.5em;
	float: left;
	border-right-style: solid;
	border-right-color: #b7b6b6;
	border-right-width: 2px;
	border-bottom-color: #b7b6b6;
	border-bottom-style: solid;
	border-right-width: 2px;	
}

/* lefthome is really a homepage (Citizen) style, but needs to sit below navigation_left to cancel out the styles */

.lefthome {
	padding-top: 4px;
	padding-right: 0;
	float: left;
	padding-left: 0;
	border: none;
}

.navigation_right	{
	padding-top: 4px;
	padding-right: 0;
	float: right;
}


table	{
	margin-right: -3px;
	margin-left: -3px;
	padding-left: 3px;
	padding-right: 3px;
}

.cement	{
	clear: both;
	text-align: center;
	font-size: smaller;
	padding-bottom: 0.2em;
}



/* Navigation Blocks */
.block_container_left	{
	padding: 2px 2px 2px 2px;
	margin-bottom: 5px;
	width:17em;
	font-size: 1em;
}

.block_container_right	{
	padding: 2px 2px 2px 2px;
	margin-bottom: 5px;
	width:12em;
}

.block_section_title	{
	font-size: 1em;
	font-weight: bold;
	color: #0E578C;
}

.block_section	{
	background-color: #C0E1FA;
	font-size: 1em;
	font-weight: bold;
	padding-top: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	vertical-align: middle;
}

.block_content	{
	padding-top: 3px;
	padding-bottom: 3px;
	font-weight: normal;
	line-height: 1.3em;
	padding-left: 0.3em;
}

.block_gis	{
	background-color: #F2F9FE;
	background-position: top right;
	background-repeat: repeat-y;
	padding-left: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	line-height: 1.3em;
}

.block_webcam	{
	background-color: #F2F9FE;
	background-image: url(/images/citizen/webcam_background.jpg);
	background-position: center right;
	background-repeat: repeat-y;
	padding-left: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	line-height: 1.3em;
	height: 40px;
}


.block_contact_map	{
	background-color: #F2F9FE;
	background-position: top right;
	background-repeat: no-repeat;
	font-size: 1em;
	line-height: 1.1em;
	padding-left:5px;
	padding-top: 5px;
}

.tameside_map	{


}


.search_image	{
	vertical-align: middle;
}


ul.a2zpage li {
	font-size: larger;
}

.a2z_services	{
	padding:0.5em;
	background-image: url('/images/citizen/headlines_bghover.png');
	background-repeat: repeat-x;
	color: #FFF;
	margin-bottom:-0.1em;
}

.a2z_services_header	{
	background-color: #C0E1FA;
	text-align:center;
	padding-top: 0.1em;
	padding-bottom: 0.1em;
	border-left-width: 0px;
	border-top-width: 0px;
	border-bottom-width: 3px;
	border-right-width: 0px;
	border-color: #0E578C;
	border-style: solid;
}

.a2z_services_footer	{
	background-color: #C0E1FA;
	text-align:center;
	padding-top: 0.1em;
	padding-bottom: 0.1em;
	border-left-width: 0px;
	border-top-width: 0px;
	border-bottom-width: 3px;
	border-right-width: 0px;
	border-color: #0E578C;
	border-style: solid;
}

	
.form_navigation	{
	background-color: #C0E1FA;
	border-color: #CCCCCC;
	border-left-width: 1px;
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-right-width: 1px;
	border-style: solid;
	text-align: center;
	padding-bottom: 0.3em;
	padding-top: 0.2em;
	margin-bottom: 0.2em;
	font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;
	font-size: 1.1em;
}

.a2z_title	{
	color: #FFF;
	font-size: 1em;
	font-weight: bold;
	text-align: center;
}

.a2z_letters	{
	color: #023D61;
	padding-left: 0.5em;
	padding-right: 0.5em;
	font-size: large;
	text-align: center;
	letter-spacing: 0.1em;
}


.a2z_letters_header	{
	color: #023D61;
	padding-left: 0.5em;
	padding-right: 0.5em;
	font-weight: bold;
	font-size: 1em;
	text-align: center;
	letter-spacing: 0.17em;
}

.a2z_letters_footer	{
	color: #023D61;
	padding-left: 0.5em;
	padding-right: 0.5em;
	font-weight: bold;
	font-size: 1em;
	text-align: center;
	letter-spacing: 0.17em;
}

.search_section	{
	background-color: #FFFFFF;
	border-color: #CCCCCC;
	border-left-width: 1px;
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-right-width: 1px;
	border-style: solid;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	color: #023D61;
	padding:0.5em;
}



.lgnl_section	{
	vertical-align: middle;
	background-color: #F2F9FE;
	border-color: #CCCCCC;
	border-style: solid;
	border-left-width: 1px;
	border-top-width: 0px;
	border-bottom-width: 1px;
	border-right-width: 1px;
	color: #023D61;
	font-size: 0.8em;
}

.lgnl_lefta	{
	float: left;
	width: 49%;
}

.lgnl_righta	{
	float: right;
	width: 49%;
}

.lgnl_heading	{
	font-weight: bold;
	font-size: 1em;
}


.news_section	{
	padding-top:0.5em;
	padding-bottom: 0.5em;
}

.news_content	{
	border-color: #CCCCCC;
	border-style: solid;
	border-left-width: 1px;
	border-top-width: 0px;
	border-bottom-width: 1px;
	border-right-width: 1px;
}

.news_item_1	{
	padding: 0.5em;
	color: #000000;
	background-color: #ECF4FB;
}
.news_item_2	{ 
	color: #000000;
	background-color: #FFF;
	padding: 0.5em;
}

.item_yellow	{
	padding-top: 0.5em;
	color: #000000;
	background-color: #FFFFD9;
	padding-bottom: 0.5em;
	font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;
}
.item_orange	{ 
	padding-top: 0.5em;
	color: #000000;
	background-color: #FFE8D9;
	padding-bottom: 0.5em;
	font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;
}

.news_detail	{
	padding:0.5em;
	min-height:2em;
}


.news_date
{
	float: right;
	font-size:0.8em;
	color:#888;
}



/* Widths of Blocks */
#block_homepage_left	{
	width: 14em;
}
	
#block_homepage_center	{
	width: 12em;
}

#block_homepage_right	{
	width: 12em;
}


.padding	{
	padding: 10px 10px 10px 10px;
}

.homepage_image_container	{
	margin-top: 0.5em;
	height: 185px;
	background-position: top right;
	background-repeat: no-repeat;
	background-color: #F6FBFE;
}

.homepage_image	{
	cursor: pointer;
	background-color:transparent;
}

A.homepage_image_link:hover		{ 
	color:#0E578C;
	background-color:transparent;
}



.toggler
{
	cursor:pointer;
	float:right;
	padding-right:0.2em;
}



.search_section label
{
	font-size: 1.3em;
}

.template_textbox	{
	vertical-align: middle;
	background-color: #FFF;
	border: 1px solid #0099D8;
	font-size: 1.2em;
	color: #333;
	padding: 0.1em;

}

.rating	{
	padding-left: 1em;
	background-color: #FFFFFF;
	border-bottom: dashed #CDCDCD 1px;
	margin-bottom: 0.7em;
}



.logo_bar	{
	text-align: center;
	color: #FFFFFF;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	clear:both;
}

.photograph	{
	float: right;
	text-align: center;
	padding-top: 1em;
	padding-left: 1em;
}


.justify		{ text-align: justify }
.center			{ text-align: center }
.right			{ text-align: right }
.left			{ text-align: left }
.underline		{ text-decoration: underline }
.nodecoration	{ text-decoration: none }
.overline		{ text-decoration: overline }
.strike			{ text-decoration: line-through }
.uppercase		{ text-transform: uppercase }
.lowercase		{ text-transform: lowercase }
.capitalise		{ text-transform: capitalize }
.italic			{ font-style: italic }
.bold			{ font-weight: bold }
.smallcaps		{ font-variant: small-caps }
.tiny			{ font-size: xx-small }
.small			{ font-size: xx-small }
.x-small		{ font-size: x-small }
.huge			{ font-size: x-large }
.big			{ font-size: medium }
.x-big			{ font-size: large }
.nowrap			{ white-space: nowrap }
.absmiddle		{ vertical-align: middle }
.absmiddle2		{ vertical-align: text-bottom }
.middle			{ vertical-align: middle }
.smaller		{ font-size: smaller }
.bigger			{ font-size: larger }
.pagebreak		{ display:none; }
.alignright		{ float: right }
.alignleft		{ float: left }
.aligncenter	{ margin-left: auto; margin-right: auto; }
.top			{ vertical-align: top }
.bottom			{ vertical-align: bottom }

.newsimage	{
	float: right;
	padding-top: 0.2em;
	padding-bottom: 1px;
	padding-right: 0.5em;
	padding-left: 0.7em;
}

A.subtle:link		{ color: #0E578C; background-color: transparent; }
A.subtle.red:link	{ color: #0E578C; background-color: transparent; }
A.subtle:visited 	{ color: #0E578C; background-color: transparent; }
A.subtle:active 	{ color: #0E578C; background-color: transparent; }
A.subtle:hover		{ color: #FFFFFF; background-color: #0E578C; }

A.greenlink:link		{ color: #004F37; background-color: transparent; }
A.greenlink:visited 	{ color: #004F37; background-color: transparent; }
A.greenlink:active 		{ color: #004F37; background-color: transparent; }
A.greenlink:hover		{ color: #FFFFFF; background-color: #004F37; }

A.a2zhp:link		{ color: #FFFFFF; background-color: transparent; }
A.a2zhp.red:link	{ color: #FFFFFF; background-color: transparent; }
A.a2zhp:visited 	{ color: #FFFFFF; background-color: transparent; }
A.a2zhp:active		{ color: #FFFFFF; background-color: transparent; }
A.a2zhp:hover		{ color: #FFFFFF; background-color: transparent; }


A.navheadings:link		{ color: #FFFFFF; background-color: transparent; }
A.navheadings.red:link	{ color: #FFFFFF; background-color: transparent; }
A.navheadings:visited 	{ color: #FFFFFF; background-color: transparent; }
A.navheadings:active 	{ color: #FFFFFF; background-color: transparent; }
A.navheadings:hover		{ color: #FFFFFF; background-color: transparent; }




A.nohover:hover		{ background-color:transparent; }

A.whitelink:link	{ color: white; background-color: transparent; }
A.whitelink:hover	{ color: #CCCCCC; background-color: transparent; }

.formbreadcrumbs	{ padding: 0px 0px 0px 0px; margin-left: auto; margin-right: auto; }
.bluewhite	{ color: #FFFFFF; background-color: #007FC1 }
.whiteblack	{ color: #000000; background-color: #FFFFFF }
.paleblue	{ color: #000000; background-color: #B2D9EC }
.paleblue2	{ color: #0E578C; background-color: #B2D9EC }
.palegreen	{ color: #000000; background-color: #B2CAC3 }
.palegreen2	{ color: #004F37; background-color: #B2CAC3 }

.amablue1	{ color: #000000; background-color: #F2F9FE }
.amablue2	{ color: #000000; background-color: #E5F3FD }
.amablue3	{ color: #000000; background-color: #C0E1FA }
.amablue4	{ color: #000000; background-color: #93BBD7 }
.amablue5	{ color: #000000; background-color: #023D61 }

.fakelink	{ color: #0075DC; text-decoration:underline; cursor:pointer; }

.amaborder1	{ color: #000000; border: 2px solid #F2F9FE }
.amaborder2	{ color: #000000; border: 2px solid #E5F3FD }
.amaborder3	{ color: #000000; border: 2px solid #C0E1FA }
.amaborder4	{ color: #000000; border: 2px solid #93BBD7 }
.amaborder5	{ color: #000000; border: 2px solid #023D61 }
.paleblueborder	{ color: #000000; border: 2px solid #B2D9EC }

.amagreen1	{ color: #000000; background-color: #E3F4EA }
.amagreen2	{ color: #000000; background-color: #F1FAF3 }
.paleorange { color: #000000; background-color: #FFECCF }
.blue		{ color: #0075DC }
.green		{ color: #004F37 }
.red		{ color: #FF0000 }
.grey		{ color: #DEDEDE }
.darkgrey	{ color: #787878 }
.black		{ color: #000000 }
.white		{ color: #FFFFFF }
.lightblue	{ color: #B2D9EC }
.lightgreen	{ color: #B2CAC3 }
.purple		{ color: #662e91 }

ul li {

}

ul.spacing li, ol.spacing li	{
	padding-bottom: 0.5em;
}

ol.alpha		{ list-style-type: lower-alpha }
ol.alphacaps	{ list-style-type: upper-alpha }
ul.disc			{ list-style-type: disc; list-style-image:none; }
ul.circle		{ list-style-type: circle; list-style-image:none; }
ul.blacksquare	{ list-style-type: square; list-style-image:none; }
ol.decimal		{ list-style-type: decimal }
ol.roman		{ list-style-type: lower-roman }
ol.romancaps	{ list-style-type: upper-roman }

ul.arrowblue	{ list-style-image: url(https://www.tameside.gov.uk/include/arrowbull.gif) }
ul.arrowgreen	{ list-style-image: url(https://www.tameside.gov.uk/include/arrowbull_green.gif) }
/* ul.ball			{ list-style-image: url(https://www.tameside.gov.uk/include/green-bullet.gif) } */
ul.homeball		{ list-style-image: url(https://www.tameside.gov.uk/include/homepage/homepagebullet.gif) }
ul.tick			{ list-style-image: url(https://www.tameside.gov.uk/include/tick3.gif) }
ul.cross		{ list-style-image: url(https://www.tameside.gov.uk/include/cross.gif) }
ul.star			{ list-style-image: url(https://www.tameside.gov.uk/include/starbullet.gif) }
ul.recycle		{ list-style-image: url(https://www.tameside.gov.uk/include/recycle.gif) }
ul.etameside	{ list-style-image: url(https://www.tameside.gov.uk/tmbc_images/include/ebullet.gif) }
ul.flower		{ list-style-image: url(https://www.tameside.gov.uk/include/flowerbull.gif) }

ul.links, ol.links	{
	margin-top: 0.3em;
	margin-bottom: 0.2em;
	margin-left: 1em;
	padding-left:0.1em;
}
ol.links
{
	padding-left:1em;
}

ul.a2zpage	{
	list-style-type: none;
	padding-left: 1.3em;
}

li.a2z_t	{
	list-style-image: url(/include/bullett.gif);
	font-size: larger;
}
li.a2z_p	{
	list-style-image: url(/include/bulletp.gif);
	font-size: larger;
}
li.a2z_pt	{
	list-style-image: url(/include/bulletpt.gif);
	font-size: larger;
}

.noborder		{ border-width: 0px }
.border			{ border-color: #CCCCCC; border-style: solid; border-width: 2px }
.borderdotted	{ border-color: #CCCCCC; border-style: dotted; border-width: 2px }
.borderdashed	{ border-color: #CCCCCC; border-style: dashed; border-width: 2px }
.dashedbottom	{ border-color: #CCCCCC; border-bottom-style: dashed; border-bottom-width: 2px }
.borderdouble	{ border-color: #CCCCCC; border-style: double; border-width: 5px }
.bordergroove	{ border-color: #CCCCCC; border-style: groove; border-width: 2px }
.borderridge	{ border-color: #CCCCCC; border-style: ridge; border-width: 2px }
.borderinset	{ border-color: #CCCCCC; border-style: inset; border-width: 2px }
.borderoutset	{ border-color: #CCCCCC; border-style: outset; border-width: 2px }
.borderblue	{ border-color: #99CCFF; border-style: dashed; border-width: 2px}
.borderblues	{ border-color: #99CCFF; border-style: solid; border-width: 2px}
.borderred     	{ border-color: #FF0000; border-style: dashed; border-width: 2px}
.borderorange  	{ border-color: #FFCC66; border-style: dashed; border-width: 2px}
.borderorange1 	{ border-color: #FFCC66; border-style: ridge; border-width: 2px}
.borderbluediv div { border-color: #93BBD7; border-style: solid; border-width: 2px}
.borderblack    {border: 2px solid black}
.borderblack2    {border-bottom: 2px solid black; border-top: 2px solid black}
.borderblack3    {border-bottom: 2px solid black; border-left: 2px solid black; border-right: 2px solid black}
.borderblack4    {border-left: 2px solid black; border-right: 2px solid black }

@media screen {
	ul.mktree	{ list-style-image:none; }
	ul.mktree  li { display: block; list-style-image:none; } 
	ul.mktree, ul.mktree ul , ul.mktree li { padding:0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
	ul.mktree  li           .bullet { padding-left:8px; }
	ul.mktree  li.liOpen    .bullet { cursor: pointer; background: url(/images/core/tiny_minus.gif)  center left no-repeat; }
	ul.mktree  li.liClosed  .bullet { cursor: pointer; background: url(/images/core/tiny_plus.gif)   center left no-repeat; }
	ul.mktree  li.liBullet  .bullet { cursor: default; background: url(/images/core/tiny_bullet.gif) center left no-repeat; }
	ul.mktree  li.liOpen    ul { display: block; }
	ul.mktree  li.liClosed  ul { display: none; }
}


/* ELEMENT BACKGROUNDS */
.warning	{ color: #FFFFFF; background-color: #FF0000; text-align:center }
.inputvalid	{ background-color: #FFFFFF; border-color: #00CC00; }
.inputerror	{ background-color: #FFFFFF; border-color: #FF0000; }
.inputmand	{ background-color: #FFFFFF; border-color: #007FC1; }
.inputbox	{ background-color: #FFFFFF; border-color: #B2D9EC; }

.textarea	{ border-style: solid; border-width: 2px; border-color: #B2D9EC; font-size:1em; font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif; margin-bottom: 4px; vertical-align: middle; background-color: #FFFFFF; color: #000000; padding: 4px 4px 4px 4px }
.radiobutton{ font-weight: normal; vertical-align: middle; border-width: 0px; }
.checkbox	{ font-weight: normal; vertical-align: middle; border-width: 0px; }
.inputimg	{ background-color: #FFFFFF; border-width: 0px; margin-bottom: 4px }

.headerrow		{ text-align:center; background-color: #FFFFFF; color: #007FC1; font-size: medium; }
.errortext		{ color: #FF0000; margin-left:auto; margin-right:auto; width: 30em; margin-bottom:15px }

/* IMPROVED TEMPLATE STYLES */
.button				{ color: #FFFFFF; background-color: #007FC1; font-weight: bold; border-color: #B2D9EC; border-style:outset; }
.mandatory			{ border-color: #B2D9EC }
.error				{ border-color: #FF6666 }
.normal				{ border-color: #999999 }
.passwordbox		{ border-color: #B2D9EC; font-family:'Courier New' }
.blank				{ border-width: 0px } 
.node				{ float:right; width:10% }
.nodelabel			{ float:left; margin-right:5px }
.width100			{ float:left; width:100%; margin-top:3px }
.fieldbox			{ float:right; width:20em } 
.buttonbox			{ float:left; width:100%; text-align:center }
.valigntop			{ vertical-align:top; float:left }

.boxpadding			{ padding: 4px 4px 4px 4px }
.greyborder			{ border-color: #CCCCCC }	

/* FOCUS CHANGES */
.mandatory:focus	{ background-color:#E8F8FF }
.error:focus		{ background-color:#FFE6E6 }
.normal:focus		{ background-color:#EEEEEE }
.passwordbox:focus	{ background-color:#E8F8FF }
.textarea:focus		{ background-color:#E8F8FF }


/* CALENDAR STYLES */
td.cal { font-family:Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;; font-size: 8pt }
td.calmonth { font-family:Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;; font-size: 8pt; text-align: right }
td.caltoday { font-family:Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;; font-size: 8pt; text-align: right; color: #FFFFFF; background-color:#007FC1 }
a.textlink { font-family:Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;; font-size: 8pt; height: 20px; color: black; background-color: white;}
.disabledtextlink { font-family:Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;; font-size: 8pt; height: 20px; color: #808080; background-color: white;}
.calnotclickable { color:#808080; background-color: white;}

a.calheading:link		{ color: #FFFFFF; background-color: transparent; font-weight: bold; text-decoration:none }
a.calheading:visited	{ color: #FFFFFF; background-color: transparent; font-weight: bold; text-decoration:none }
a.calheading:active	{ color: #FFFFFF; background-color: transparent; font-weight: bold; text-decoration:none }
a.calheading:hover	{ color: #FFFFFF; background-color: #B2D9EC; font-weight: bold; text-decoration:none }

a.calthismonth:link { text-decoration:none; background-color:transparent; color:#000000 }
a.calthismonth:visited { text-decoration:none; background-color:transparent; color:#000000 }
a.calthismonth:active { text-decoration:none; background-color:transparent; color:#000000 }
a.calthismonth:hover { text-decoration:none; color:#000000; background-color:#B2D9EC }
td.calthismonth { text-decoration:none; background-color:#FFFFFF; color:#000000 }

a.calothermonth:link { text-decoration:none; background-color:#E8F8FF; color:#000000 }
a.calothermonth:visited { text-decoration:none; background-color:#E8F8FF; color:#000000 }
a.calothermonth:active { text-decoration:none; background-color:#E8F8FF; color:#000000 }
a.calothermonth:hover { text-decoration:none; color:#000000; background-color:#B2D9EC }
td.calothermonth { text-decoration:none; background-color:#E8F8FF; color:#000000 }

a.whitefont:link { color:#FFFFFF } 
a.whitefont:visited { color:#FFFFFF } 
a.whitefont:active { color:#FFFFFF } 
a.whitefont:hover { color:#000000 }

div.calendardiv
{	
	position: absolute;
	visibility: hidden;
}
span.deleted_content	{
	background-color:#DF0000;
	color:#FFFFFF;
	font-weight:bold;
}
span.inserted_content	{
	background-color:#33CC66;
	color:#FFFFFF;
	font-weight:bold;
}





/* MARKET HALL FORMAT */
.market	{
	background-color: #F2F9FE;
	background-image: url(/images/citizen/market_hall2.jpg);
	background-position: top right;
	background-repeat: repeat-y;
	line-height: 1.3em;
}
.clock_format {
	font-size: 1em;
	font-weight: bold;
	line-height: 1.3em;

}
.blue_text {
	margin-left:0.2em;
	font-size: 1em;
	margin-bottom: 0;
	margin-top: 0;
	color:#023D61;
			
}
.red_text	{
	color:#FF0000;
	text-align:center;
	font-size:1.6em;
	margin-top:4em;
	font-weight:bold;
}



#headlines
{
	border: 2px solid #0099D8;
}
#headline_image
{
	margin-top:0;
	float:left;
	width:200px;
	height:200px;
	margin-right:20px;
}
#headline_image img
{
	z-index:1;
	clear:none;
	position:absolute;
}


#headline_stories
{	

	white-space:nowrap;
}
.headline_item
{
	color: #555;
	font-size:0.9em;
	background-color:#91C1E3;
	background-image: url(/images/citizen/headlines_bg.png);
	background-position: top left;
	background-repeat: repeat-x;
	cursor:pointer;
}


#headline1:hover, .headline1_hover
{
	color: #555;
	background-image: url(/images/citizen/headlines_bghover_yellow.png);
}
#headline2:hover, .headline2_hover
{
	color: #FFF;
	background-image: url(/images/citizen/headlines_bghover_red.png);
}
#headline3:hover, .headline3_hover
{
	color: #FFF;
	background-image: url(/images/citizen/headlines_bghover_green.png);
}
#headline4:hover, .headline4_hover
{
	color: #FFF;
	background-image: url(/images/citizen/headlines_bghover_purple.png);
}


#headline_image1
{
	border: solid 10px #FFF200; 
}
#headline_image2
{
	border: solid 10px #EF4035;
}
#headline_image3
{
	border: solid 10px #50B948;
}
#headline_image4
{
	border: solid 10px #A54399;
}

.headline_item img
{
	float:left;
	z-index:2;
	position:absolute;
	margin-left:-37px;
}

.headline_content
{
	height:50px;
	font-size:1.2em;
}
.headline_content div
{
	padding:0.8em;
/*	overflow:hidden;  removed because Opera doesn't want to play ball. */
	margin-left:-0.8em;
}



A.headlines:hover		{ color: #FFF; background-color: transparent; }


.headline1_hover a:link, .headline1_hover a:active, .headline1_hover a:visited
{
	color:#555;
}

.headline2_hover a:link, .headline2_hover a:active, .headline2_hover a:visited
{
	color:#FFF;
}

.headline3_hover a:link, .headline3_hover a:active, .headline3_hover a:visited
{
	color:#FFF;
}

.headline4_hover a:link, .headline4_hover a:active, .headline4_hover a:visited
{
	color:#FFF;
}

#promo_container
{
	padding:0;
	background-color:#FFF;
}

.promo_box
{
	margin-bottom:1em;
	height:115px;
	width:12em;
	position:relative;
	vertical-align:bottom;
	padding-bottom:0;
	float: left;
	background-position: center center;
	background-repeat: no-repeat;
	clear:both;
}

.promo_text
{
	background-color:#E6F0F9;
	width:12em;
	text-align:center;
	position:absolute; 
	bottom:0;
	right:0;
}

#markethall_promo
{
	background-image: url(/images/citizen/promo/markethall.png);
}

#sixtyseconds_promo
{
	background-image: url(/images/citizen/promo/60seconds.png);
}

#democracy_promo
{
	background-image: url(/images/citizen/promo/haveyoursay.png);
}

#newsroom_promo
{
	background-image: url(/images/citizen/promo/towncrier.png);
}

#worksfirst_promo
{
	background-image: url(/images/citizen/promo/worksfirst.png);
}

#topleft
{
	position: absolute;
	top:0.2em;
	left:0.2em;
	z-index:2;
	font-size: smaller;
}

#topright
{
	position: absolute;
	top:0.2em;
	right:0.2em;
	z-index:2;
	font-size: smaller;
	font-weight: bold;
}

#standard-font
{

}


#large-font
{
	font-size:larger;
}


#huge-font
{
	font-size:large;
}


#colours
{
	padding-left:0;
	padding-right:0;
	padding-top:0;
}

.boldred
{
	background-color:#EF4035;
	color:#FFF;
}
.boldyellow
{
	background-color:#FFF200;
	color:#555;
}
.boldgreen
{
	background-color:#50B948;
	color:#FFF;
}
.boldpurple
{
	background-color:#A54399;
	color:#FFF;
}
.boldblue
{
	background-color:#0099D8;
	color:#FFF;
}
.boldorange
{
	background-color:#F90;
	color:#FFF;
}

.sixtysecdiv
{
	float: left;
	width: 50%;
	height: 10em;
}

.listpad li
{
	padding-bottom: 0.5em;
}

.listpad2 li
{
	padding-bottom: 1em;
}

.infoguide li
{
	font-weight: bold;
}

.nonlistpad li

{
	padding: 0;
}

.fostersop div
{
	border: solid thin #93BBD7;
	width: 50%;
}

.fostersop p

{
	background-color: #93BBD7;
	width: 2px;
	margin: 0;
}

.gmenub td
{
	border-bottom: 0;
}

.gmenut td
{
	border-top: 0;
	padding-top: 0.5em;
}

.gmenum td
{
	border-top: 0;
	border-bottom: 0;
}

.momworld h2 {
	display: inline;
	color: #0E578C;
	background-color: white;
}

.momworldmap h2 {
	font-size: 2em;
}

.momworld {
	margin-left: 0.5em;
	margin-top: 0.5em;
	position: absolute; 
	top: 0px; 
	left: 0px;
}

.momworldmap {
	margin-left: auto; 
	width: 550px; 
	margin-right: auto; 
	position: relative; 
	height: 305px;
}

.momworldmap #correct {
	left: 0px; 
	width: 550px; 
	position: absolute; 
	top: 0px; 
	height: 305px;
	padding: 5px;
}

.momworldmap #incorrect {
	left: 0px; 
	width: 550px; 
	position: absolute; 
	top: 0px; 
	height: 305px;
	background-color: transparent;
	padding-top: 5em;
}

.momworldmap #incorrect h2 {
	width: 15em;
	margin-left: auto;
	margin-right: auto;
	background-color: white;
}

.cyppmultibox {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	border-color: #0066FF; 
	border-style: solid; 
	border-width: 2px;
	width: 28%;
	background-color: #E5F3FD;
	padding: 0.5em;
}

.cyppmultibox h3 {

margin: 0;

}
	
.cyppmultibox p {

margin: 0;

}

.cyppmultibox#central {

border-color: black;

}

/* CYPP Multi Agency Toggler Styles */

#cyppmulti
{
	border: 2px solid #CCCCCC;
}
#cyppmulti_image
{
	margin-top:0;
	float:left;
	width:190px;
	height:315px;
	margin-right:10px;
}
#cyppmulti_image img
{
	z-index:1;
	clear:none;
	position:absolute;
}


#cyppmulti_stories
{	

	white-space:nowrap;
}

.cyppmulti_item
{
	color: #555;
	background-color:#91C1E3;
	background-image: url(/images/citizen/headlines_bg.png);
	background-position: top left;
	background-repeat: repeat-x;
	cursor: pointer;
}

.cyppmulti_item small
{
	font-weight: normal;
	font-size: 1em;
}

#cyppmulti2 small
{
	font-weight: normal;
	font-size: 1em;
	color: #555;
}

#cyppmulti1:hover, .cyppmulti1_hover
{
	color: #FFF;
	background-image: url(/tmbc_images/cypp/bghover_red.png);
}
#cyppmulti2:hover, .cyppmulti2_hover
{
	color: #555;
	background-image: url(/tmbc_images/cypp/bghover_yellow.png);
}
#cyppmulti3:hover, .cyppmulti3_hover
{
	color: #FFF;
	background-image: url(/tmbc_images/cypp/bghover_green.png);
}
#cyppmulti4:hover, .cyppmulti4_hover
{
	color: #FFF;
	background-image: url(/tmbc_images/cypp/bghover_blue.png);
}
#cyppmulti5:hover, .cyppmulti5_hover
{
	color: #FFF;
	background-image: url(/tmbc_images/cypp/bghover_purple.png);
}
#cyppmulti6:hover, .cyppmulti6_hover
{
	color: #FFF;
	background-image: url(/tmbc_images/cypp/bghover_orange.png);
}
#cyppmulti7:hover, .cyppmulti7_hover
{
	color: #FFF;
	background-image: url(/tmbc_images/cypp/bghover_pink.png);
}

#cyppmulti_image1
{
	border: solid 5px #EF4035; 
}
#cyppmulti_image2
{
	border: solid 5px #FFF200;
}
#cyppmulti_image3
{
	border: solid 5px #50B948;
}
#cyppmulti_image4
{
	border: solid 5px #0066FF;
}
#cyppmulti_image5
{
	border: solid 5px #A54399;
}
#cyppmulti_image6
{
	border: solid 5px #FF9900;
}
#cyppmulti_image7
{
	border: solid 5px #FF0099;
}

.cyppmulti_content
{
	height:45px;
	font-size:1em;
}
.cyppmulti_content div
{
	padding: 0.6em;
/*	overflow:hidden;  removed because Opera doesn't want to play ball. */
	margin-left:-0.6em;

}

A.cyppmulti:hover		{ color: #FFF; background-color: transparent; }


.cyppmulti1_hover a:link, .cyppmulti1_hover a:active, .cyppmulti1_hover a:visited
{
	color:#FFF;
}

.cyppmulti2_hover a:link, .cyppmulti2_hover a:active, .cyppmulti2_hover a:visited
{
	color:#555;
}

.cyppmulti3_hover a:link, .cyppmulti3_hover a:active, .cyppmulti3_hover a:visited
{
	color:#FFF;
}

.cyppmulti4_hover a:link, .cyppmulti4_hover a:active, .cyppmulti4_hover a:visited
{
	color:#FFF;
}

.cyppmulti5_hover a:link, .cyppmulti5_hover a:active, .cyppmulti5_hover a:visited
{
	color:#FFF;
}

.cyppmulti6_hover a:link, .cyppmulti6_hover a:active, .cyppmulti6_hover a:visited
{
	color: #FFF;
}

.cyppmulti7_hover a:link, .cyppmulti7_hover a:active, .cyppmulti7_hover a:visited
{
	color:#FFF;
}

.olympiclegacycount {
        width: 320px;
        margin-left: auto;
        margin-right: auto;
}

.olympiclegacycount h3 {
	float: left;
}


.linktrans A:hover	{ color: #ffffff; background-color: transparent; }

.clearblock {

	float: left;
	width: 100%

}

#councillorsbox    {border: 2px solid black}

.borderbluedashdiv div	{ border-color: #99CCFF; border-style: dashed; border-width: 2px}

#a2z_list1 hr {
	width: 50%;
	text-align: left;
}

ul#a2z_list1
{
margin-left: 0;
padding-left: 0;
list-style: none;
}


ul#a2z_list1 li 
{
padding-left: 25px;
background-image: url('/tmbc_images/include/info.jpg');
background-repeat: no-repeat;
background-position: 0 0;
height: 25px;
font-size: 1.4em;
margin-top: 0.5em;
margin-bottom: 0;
}

ul#a2z_list1 li.apply {
background-image: url('/tmbc_images/include/apply.jpg');
}

ul#a2z_list1 li.pay {
background-image: url('/tmbc_images/include/pay.jpg');
}

ul#a2z_list1 li.report {
background-image: url('/tmbc_images/include/report.jpg');
}

ul#a2z_list1 li.search {
background-image: url('/tmbc_images/include/search.jpg');
}	

ul#a2z_list2
{
margin-left: 0;
padding-left: 0;
list-style: none;
}

ul#a2z_list2 li 
{
padding-left: 25px;
background-image: url('/tmbc_images/include/info.jpg');
background-repeat: no-repeat;
background-position: 0 0;
height: 20px;
font-size: 1.4em;
margin-bottom: 0.2em;
}

ul#a2z_list2 li.apply {
background-image: url('/tmbc_images/include/apply.jpg');
}

ul#a2z_list2 li.pay {
background-image: url('/tmbc_images/include/pay.jpg');
}

ul#a2z_list2 li.report {
background-image: url('/tmbc_images/include/report.jpg');
}

ul#a2z_list2 li.search {
background-image: url('/tmbc_images/include/search.jpg');
}	

ul#a2z_list3
{
margin-left: 0;
padding-left: 0;
list-style: none;
}

ul#a2z_list3 li 
{
padding-left: 25px;
padding-top: 0.2em;
padding-bottom: 0.2em;
background-image: url('/tmbc_images/include/info.jpg');
background-repeat: no-repeat;
background-position: 0 0;
height: 20px;
font-size: 1.4em;
margin-bottom: 0.2em;
border: black 0.01em;
border-style: solid;
}

ul#a2z_list3 li.apply {
background-image: url('/tmbc_images/include/apply.jpg');
}

ul#a2z_list3 li.pay {
background-image: url('/tmbc_images/include/pay.jpg');
}

ul#a2z_list3 li.report {
background-image: url('/tmbc_images/include/report.jpg');
}

ul#a2z_list3 li.search {
background-image: url('/tmbc_images/include/search.jpg');
}	

ul#a2z_list4 li 
{
padding-left: 25px;
margin: 1em;
background-image: url('/tmbc_images/include/info.jpg');
background-repeat: no-repeat;
background-position: 0 0;
height: 20px;
font-size: 1.4em;
list-style: none;
}

ul#a2z_list4 li.apply {
background-image: url('/tmbc_images/include/apply.jpg');
}

ul#a2z_list4 li.pay {
background-image: url('/tmbc_images/include/pay.jpg');
}

ul#a2z_list4 li.report {
background-image: url('/tmbc_images/include/report.jpg');
}

ul#a2z_list4 li.search {
background-image: url('/tmbc_images/include/search.jpg');
}	

ul#a2z_list4 li.all {
background-image: url('/tmbc_images/include/all.jpg');
padding-left: 115px;
}

ul.a2z_list5 li 
{
padding-left: 25px;
margin-left: 0;
margin-top: 0.5em;
background-image: url('/tmbc_images/include/info.jpg');
background-repeat: no-repeat;
background-position: 0 0;
height: 20px;
font-size: 1.4em;
list-style: none;
}

ul.a2z_list5 li.apply {
background-image: url('/tmbc_images/include/apply.jpg');
}

ul.a2z_list5 li.pay {
background-image: url('/tmbc_images/include/pay.jpg');
}

ul.a2z_list5 li.report {
background-image: url('/tmbc_images/include/report.jpg');
}

ul.a2z_list5 li.search {
background-image: url('/tmbc_images/include/search.jpg');
}	

ul#a2z_list6 li 
{
background-image: url('/tmbc_images/include/info.jpg');
padding-left: 25px;
background-repeat: no-repeat;
background-position: 0 0;
font-size: 1.4em;
margin-top: 0.5em;
margin-bottom: 0;
list-style: none;
}

ul#a2z_list7 li 
{
background-image: url('/tmbc_images/include/info.jpg');
padding-left: 25px;
height: 25px;
background-repeat: no-repeat;
background-position: 0 0;
font-size: 1.4em;
margin-top: 0.5em;
margin-bottom: 0;
list-style: none;
}

ul#a2z_icons 
{
margin-left: 0;
padding-left: 0.2em;
}

ul#a2z_icons li 
{
font-size: 1.4em;
height: 25px;
margin-top: 0.5em;
margin-bottom: 0;
list-style: none;
}


.bigconversation h1, .bigconversation h2, .bigconversation h3, .bigconversation h4 { 
color: #662e91
}

.bigconversation A:link		{ color: #662e91; background-color: transparent; }
.bigconversation A:visited 	{ color: #8f00fd; background-color: transparent; }
.bigconversation A:active 	{ color: #CC66CC; background-color: transparent; }
.bigconversation A:hover	{ color: #ffffff; background-color: #662e91; }

.bigconversation li {
list-style-image: url('/tmbc_images/include/bcbullet.jpg');
}

.bigconversation div {
border: solid 2px #662e91;
float: left;
width: 49%;
}

.bigconversation th {
background-color: #662e91;
color: white;
}


.bcpurpletext {
	color: #662e91;
}

.news_detailbc {
	color: #a685bf;
}

a.bcpurpletext:link, a.bcpurpletext:active, a.bcpurpletext:visited {
	color: #662e91;
}

a.bcpurpletext:hover {
	color: white;
}

a.bcpurpletext:hover {
	background-color: transparent;
}

.bcpurpletext {
	color: #662e91;
}

.news_item_bc {
	background-color: #c2abd3;
	padding: 0.5em;
	color: #662e91;
}


#apprenticebarouterwrap {
	position: relative;
	overflow: hidden;
}


#apprenticebarwrap {
	float: left;
	position: relative;
	left: 50%;
}

#apprenticebar {
	background-color: #0075DC;
	font-size: 1.4em;
	padding: 0.1em;
	float: left; 
	position: relative;
	left: -50%;
}

#apprenticebar a {
border: solid 1px #ffffff;	
padding: 0.2em;
float: left;
}

#apprenticebar A:link		{ color: #ffffff; background-color: transparent; text-decoration: none; }
#apprenticebar A:visited 	{ color: #ffffff; background-color: transparent; }
#apprenticebar A:active 	{ color: #005571; background-color: #ffffff; }
#apprenticebar A:hover        	{ color: #005571; background-color: #ffffff; }

#azstyle h1 {
	text-align: center;
}

.ratingqs p {
	margin-top: 0.2em;
	margin-bottom: 0;
}

.ratingqs hr {
	margin-top: 0.3em;
	margin-bottom: 0;
	width: 90%;
	margin-left:0;
	border-color: #E2E2E2;
}

.header a {
		color: #FFFFFF;
		text-decoration: none;
	}
.menuicon {
	vertical-align: middle;
	float: right;
	padding-right: 0.3em;
	margin-bottom: 0.05em;
}

#doit {
	font-weight: bold;
}

#doit span a {
	text-decoration: none;
	background: transparent;
}

#doit span a span {
	line-height: 30px;
	color: #FFFFFF;
	margin-left: 0;
	padding-bottom: 3px;
	padding-top: 2px;
	padding-left: 0.5em;
	background-color: #555755;
	margin-right: 22px;
}

#doit span a img {
	float: right;
}

#doit span {
	display: block;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}

#doit span a span img {
	float: none;
}

#doit span a span img {
	vertical-align: middle;
}

.fosteringhome img {
	margin-bottom: 0.3em;
}

.fivewaysbanner {
	margin: auto; 
	width: 95%; 
	background: url(/tmbc_images/5ways/banner.jpg) no-repeat 50%;
	height: 158px;
	overflow: hidden;
}

.connect {
	background: #e1dce3;
  	border-color: #70287a;
  	border-style: solid;
  	border-width: 2px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0.5em;
	width: 98%;
	border-radius: 10px;
	padding: 0.2em;
}

.active {
	background: #f3dbdf;
  	border-color: #d82275;
  	border-style: solid;
	border-width: 2px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0.5em;
	width: 98%;
	border-radius: 10px;
	padding: 0.2em;
}

.notice {
	background: #fef6e9;
  	border-color: #ee9338;
  	border-style: solid;
	border-width: 2px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0.5em;
	width: 98%;
	border-radius: 10px;
	padding: 0.2em;
}

.learning {
	background: #f4faf0;
  	border-color: #80be68;
  	border-style: solid;
  	border-width: 2px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0.5em;
	width: 98%;
	border-radius: 10px;
	padding: 0.2em;
}

.give {
	background: #edf9fb;
  	border-color: #4ac3d6;
  	border-style: solid;
  	border-width: 2px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0.5em;
	width: 98%;
	border-radius: 10px;
	padding: 0.2em;
}

.fivewaysdiv {
	border-color: #007FC1;
  	background: url(/tmbc_images/5ways/background.jpg) top left no-repeat;
  	border-width: 2px;
	border-style: solid;
	width: 98%;
	margin-left: auto;
	margin-right: auto;
	border-radius: 10px;
	margin-bottom: 0.8em;
	padding: 0.2em;
	overflow: auto;
}

.gallery img {
	vertical-align: baseline;
}

.fivewaysgallery img {
	vertical-align: middle;
}

.gallery a {
	background: none;
}

ul.nonpad {
	padding-left: 1.2em;
	margin-left: 0;
}

ol.nonpad {
	padding-left: 2em;
	margin-left: 0;
}

.housingnav {
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.housingnav div {
	overflow: auto;
	margin-bottom: 0.5em;
}

.housingnav div div {
	width: 32%;
	margin-bottom: 0.5em; 
	float: left; 
	margin-left: 0.5%; 
	margin-right: 0.5%;
	overflow: visible;
}

.housingnav div div div {
	border: #3f7dae 2px solid;
	width: 100%;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	float: none;
	overflow: visible;
}

.housingnav div.housingnav2 {
	margin-left: auto;
	margin-right: auto;
	width: 66%;
}

.housingnav div.housingnav2.housingnav2 div {
	width: 48%; 
}

.housingnav div.housingnav2.housingnav2 div div {
	width: 100%; 
}

.councillor {
	border: 2px solid black;
}

.councillor h1 {
	font-weight: bold;
	margin-bottom: 0px;
	margin-top: 0px;
	color: #0075DC;
	font-size: 1.5em;
	font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;
	background-color: transparent;
}

.councillor h2	{
	margin-bottom: 0px;
	margin-top: 0px;
	color: #0075DC;
	font-size: large;
	font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;
	background-color: transparent;
}

.adultlearning {
	margin-left: auto;
	margin-right: auto;
}

.adultlearning tbody th{
	text-align: left;
	color: #0E578C;
}

.adultlearning thead {
	background-color: #E5F3FD;
}

div#inl {
	padding-top: 2em;
}

div#inl div {
	padding-bottom: 1em;
	font-size: 1.5em;
}

div#inl div.detail div {
	font-size: 1em;
	float: left;
	line-height: 0.9em;
}

div#inl div.detail img {
	float: left;
}

div#inl div.detail div img {
	float: none;
}


div#inl div.detail span {
	font-size: 0.7em;
}

div#inl div.detail {
	padding-bottom: 1em;
}

div#inl div.inner {
	padding-bottom: 0;
}

div#inl div img {
	vertical-align: middle;
	float: none;
	padding-right: 0.5em;
}

div#inl div a:hover {
	background: transparent;
	color: #0075DC;
}

div#inl img {
	float: right;
}

div#inl img.thip {
	float: left;
}

div#inl div.blurb {
	float: right;
	padding: 0 2% 0 2%;
	width: 44%;
	font-size: 1.2em;
}

div#inl div.list {
	width: 48%;
	padding-right: 2%;
	float: left;
	font-size: 1em;
	border-right: #f28409 2px solid;	
}

#recyclingapp {
	overflow: auto;
	border: 3px solid #7ac142;
	padding: 1em;
	background: url(https://www.tameside.gov.uk/tmbc_images/recycling/binapp/background.jpg) top center;
}

#recyclingapp img.devices {
	padding: 10px;
	float: left;
}

#recyclingapp img.lovehate {
	float: right;
	position: relative;
	bottom: 1em;
	padding-left: 10px;
}

#recyclingapp p {
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
	color: #0075DC;
}

#recyclingapp a:visited {
	color: #000000;
}

table.archives {
	border-collapse: collapse;
}

table.archives td, table.archives th {
	border-collapse: collapse;
	border: #000000 solid 1px;
}

table.archives td.archiveborder {
	border-bottom: solid 3px #0075DC;
}

table.archives th {
	border-bottom: 2px;
}

.plansurveypop {
	border: 1px #0075DC solid;
	background: #FFFFFF;
	position: absolute;
	padding: 0.5em;
	width: 30%;
	display: none;
	text-align: center;
	left: 35%;
	z-index: 201;
}

.plansurveyback {
	top: 0;
	left: 0;
	background:#999999;
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 200;
	display: none;
}

.clear {
	overflow: hidden;
	display: inline-block;
	display: block;
}

.cllrward div {
	background-color: #ff7373;
	overflow: hidden;
	margin: 0.5em 0 0.5em 0;
	padding: 0.5em;
	display: inline-block;
	display: block;
}

.cllrward h3 {
	color: black;
}

.cllrward a:link {
	color: #000000;
}

.cllrward a:hover {
	background: transparent;
	color: #660000;
}

.cllrward hr {
	width: 75%;
	margin-top: 0.2em;
}

.cllrward div img {
	float: right;
}

.cllrward div p.address {
	line-height: 24px;
}

.cllrward div p.address img {
	float: none;
	vertical-align: middle;
}

.cllrward div.conservative {
	background-color: #73ccff;
}

.inlvictims .column {
	width: 33%;
	float: left;
	text-align: center;
}

.inlvictims .column .victim {
	width: 200px;
	margin: 20px auto 10px auto;
}

.inlvictims .column.middle .victim {
	margin: 147px auto 0 auto;
}

.inlvictims .column .victim span {
	display: block;
	margin: 0;
}


.inlvictims .column.middle {
	width: 33%;
}

/* Definition list styles, for plain definition lists */

dl {
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
	padding-top: 1em;
	display: list-item;
	list-style-image: url('/images/citizen/theme/brightblue/bullet.png');
}

dd {
	padding-top: 0.2em;
	display: list-item;
	list-style-type: none;
	margin-left: 0;
}

.apprenticeships13 div {
	width: 46%;
	margin: 0 1% 0 1%;
	float: left;
}

.apprenticeships13 div span {
	display: block;
	font-size: 1.5em;
	text-align: center;
	border-color: #CCCCCC;
	border-style: solid;
	border-width: 2px;
	background-color: #C0E1FA;
	padding: 0.5em;
}

.apprenticeships13 div a:link, .apprenticeships13 div a:visited, .apprenticeships13 div a:hover, .apprenticeships13 div a:active {
	background: none;
}

.apprenticeships13 div a:hover span {
	background-color: #006699;
}

.apprenticeships13p {
	margin-top: 1em;
	text-align: center;
}

.apprenticeships13p img {
	vertical-align: middle;
}

.careports {
	width: 50%;
	float: left;
}

.careports div {
	width: 75%;
	background-color: #e1f3fb;
	border: #CCCCCC solid 2px;
	margin: 0.1em auto 0.1em auto;
	font-size: 1.2em;
	font-weight: bold;
	padding: 0.2em;
	text-align: center;	
}

.centremap {
	width: 95%;
	height: 400px;
	margin: auto;
}

.centreslist {
	width: 95%;
	margin: 1em auto 0 auto;
}

.centreslist ul {
	float: left;
	width: 31%;
	padding-left: 1%;
	margin: 1em 0 1em 1%;
}

.centreslist hr {
	clear: left;
	margin-bottom: 0.5em;
}

.centreslist h2 {
	
}

/*--------------------------- News Ticker Styles ---------------------------------------------------*/

#newsdiv {
	position: relative;
	overflow: hidden;
	height: 2em;
	border-width: 0.2em;
	border-color: #000000;
	border-style: solid;
	background-color:#FFFFFF;
	width: 98%;
	margin: auto;
}

#newsdiv h2 {
	float: left;
	margin-top: 0.15em;
	margin-left: 0.5em;
}

#newsticker {
	float: left;
	position: relative;
	bottom: 0.5em;
	color: black;
}

#newsticker li a:hover {
	color: #FFFFFF;
	background-color: #0075DC;
}

#newsbottom {
	bottom: 0.55em;
}


#newsticker li {
	margin-bottom: 1em;
	height: 1em;
}

#newscontrols {
	float: right;
	position: relative;
	bottom: 0.3em;
}


/*----------------------------- Icon Sprites -----------------------------*/

/*-------- Black------------*/

.iconb {
	height: 40px;
	width: 40px;
	background-image: url('/tmbc_images/icons/blacksprites.png');
}

/*-------- White------------*/

.iconw {
	height: 40px;
	width: 40px;
	background-image: url('/tmbc_images/icons/whitesprites.png');
}

/*-------- Positions ------------*/

.abcblocks {
	background-position: -0px -0px;
}

.anchor {
	background-position: -40px -0px;
}

.autumnleaf {
	background-position: -80px -0px;
}

.baby {
	background-position: -120px -0px;
}

.banner {
	background-position: -160px -0px;
}


.barchart {
	background-position: -200px -0px;
}

.basketball {
	background-position: -240px -0px;
}

.basketball2 {
	background-position: -280px -0px;
}

.bigconversation {
	background-position: -320px -0px;
}

.bike2 {
	background-position: -360px -0px;
}

.bike {
	background-position: -400px -0px;
}

.bin {
	background-position: -440px -0px;
}

.bird {
	background-position: -480px -0px;
}

.blackboard {
	background-position: -520px -0px;
}

.book {
	background-position: -560px -0px;
}

.bookheadphones {
	background-position: -600px -0px;
}

.bookopen {
	background-position: -0px -40px;
}

.bookopen2 {
	background-position: -40px -40px;
}

.bookpencil {
	background-position: -80px -40px;
}

.bookmagnifyingglass {
	background-position: -120px -40px;
}

.bookspencil {
	background-position: -160px -40px;
}

.briefcase {
	background-position: -200px -40px;
}

.bug {
	background-position: -240px -40px;
}

.lightbulb {
	background-position: -280px -40px;
}

.bumps {
	background-position: -320px -40px;
}

.bus {
	background-position: -360px -40px;
}

.bwc {
	background-position: -400px -40px;
}

.cabinet {
	background-position: -440px -40px;
}

.calculator {
	background-position: -480px -40px;
}

.calendar {
	background-position: -520px -40px;
}

.calendarplus {
	background-position: -560px -40px;
}

.calendarquery {
	background-position: -600px -40px;
}

.camera {
	background-position: -0px -80px;
}

.videocamera {
	background-position: -40px -80px;
}

.videocamera2 {
	background-position: -80px -80px;
}

.camera2 {
	background-position: -120px -80px;
}

.meal {
	background-position: -160px -80px;
}

.directions {
	background-position: -200px -80px;
}

.disabled {
	background-position: -240px -80px;
}

.deadtree {
	background-position: -280px -80px;
}

.crossdirection {
	background-position: -320px -80px;
}

.disabled2 {
	background-position: -360px -80px;
}

.cross {
	background-position: -400px -80px;
}

.cross2 {
	background-position: -440px -80px;
}

.cpu {
	background-position: -480px -80px;
}

.cora {
	background-position: -520px -80px;
}

.cog {
	background-position: -560px -80px;
}

.cloud {
	background-position: -600px -80px;
}

.dog {
	background-position: -0px -120px;
}

.clock {
	background-position: -40px -120px;
}

.chain {
	background-position: -80px -120px;
}

.chain2 {
	background-position: -120px -120px;
}

.caution {
	background-position: -160px -120px;
}

.caution2 {
	background-position: -200px -120px;
}

.cassette {
	background-position: -240px -120px;
}

.card {
	background-position: -280px -120px;
}

.car {
	background-position: -320px -120px;
}

.handonhome {
	background-position: -360px -120px;
}

.hammer {
	background-position: -400px -120px;
}

.group {
	background-position: -440px -120px;
}

.grid {
	background-position: -480px -120px;
}

.golf {
	background-position: -520px -120px;
}

.globe {
	background-position: -560px -120px;
}

.gift {
	background-position: -600px -120px;
}

.gbflag {
	background-position: -0px -160px;
}

.gas {
	background-position: -40px -160px;
}

.firstaid {
	background-position: -80px -160px;
}

.fan {
	background-position: -120px -160px;
}

.factory {
	background-position: -160px -160px;
}

.factory2 {
	background-position: -200px -160px;
}

.facebook {
	background-position: -240px -160px;
}

.eye {
	background-position: -280px -160px;
}

.energyblub {
	background-position: -320px -160px;
}

.electric {
	background-position: -360px -160px;
}

.download {
	background-position: -400px -160px;
}

.flag {
	background-position: -440px -160px;
}

.cardmagnifyingglass {
	background-position: -480px -160px;
}

.flower {
	background-position: -520px -160px;
}

.flowermagnifyingglass {
	background-position: -560px -160px;
}

.folder {
	background-position: -600px -160px;
}

.folderplus {
	background-position: -0px -200px;
}

.fontsize {
	background-position: -40px -200px;
}

.fontsize2 {
	background-position: -80px -200px;
}

.football {
	background-position: -120px -200px;
}

.licence {
	background-position: -160px -200px;
}

.magnifyingglass2 {
	background-position: -200px -200px;
}

.lockopen {
	background-position: -240px -200px;
}

.lock {
	background-position: -280px -200px;
}

.linechart {
	background-position: -320px -200px;
}

.magnifyingglass {
	background-position: -360px -200px;
}

.handright {
	background-position: -400px -200px;
}

.handup {
	background-position: -440px -200px;
}

.happy {
	background-position: -480px -200px;
}

.headphones {
	background-position: -520px -200px;
}

.callcentre {
	background-position: -560px -200px;
}

.heart2 {
	background-position: -600px -200px;
}

.heart {
	background-position: -0px -240px;
}

.holdinghands {
	background-position: -40px -240px;
}

.holdinghands2 {
	background-position: -80px -240px;
}

.holdinghandsinhand {
	background-position: -120px -240px;
}

.home {
	background-position: -160px -240px;
}

.homeinhand {
	background-position: -200px -240px;
}

.homeprize {
	background-position: -240px -240px;
}

.homeprizehand {
	background-position: -280px -240px;
}

.hometick {
	background-position: -320px -240px;
}

.homeramp {
	background-position: -360px -240px;
}

.horse {
	background-position: -400px -240px;
}

.image {
	background-position: -440px -240px;
}

.infinity {
	background-position: -480px -240px;
}

.info {
	background-position: -520px -240px;
}

.info2 {
	background-position: -560px -240px;
}

.smartphone {
	background-position: -600px -240px;
}

.jumparrow {
	background-position: -0px -280px;
}

.key {
	background-position: -40px -280px;
}

.keyboard {
	background-position: -80px -280px;
}

.keyhole {
	background-position: -120px -280px;
}

.woman {
	background-position: -160px -280px;
}

.laptop {
	background-position: -200px -280px;
}

.leaf {
	background-position: -240px -280px;
}

.papercross {
	background-position: -280px -280px;
}

.paper {
	background-position: -320px -280px;
}

.notepad {
	background-position: -360px -280px;
}

.notepad2 {
	background-position: -400px -280px;
}

.nosign {
	background-position: -440px -280px;
}

.nhsdirect {
	background-position: -480px -280px;
}

.nhs {
	background-position: -520px -280px;
}

.newspaper {
	background-position: -560px -280px;
}

.musicnote {
	background-position: -600px -280px;
}

.mouse {
	background-position: -0px -320px;
}

.moon {
	background-position: -40px -320px;
}

.screen {
	background-position: -80px -320px;
}

.money {
	background-position: -120px -320px;
}

.minus {
	background-position: -160px -320px;
}

.minus2 {
	background-position: -200px -320px;
}

.microphone {
	background-position: -240px -320px;
}

.message {
	background-position: -280px -320px;
}

.meninhand {
	background-position: -320px -320px;
}

.megaphone {
	background-position: -360px -320px;
}

.marker {
	background-position: -400px -320px;
}

.mapmagnifyingglass {
	background-position: -440px -320px;
}

.map {
	background-position: -480px -320px;
}

.parentchild {
	background-position: -520px -320px;
}

.man {
	background-position: -560px -320px;
}

.papers {
	background-position: -600px -320px;
}

.power {
	background-position: -0px -360px;
}

.pound {
	background-position: -40px -360px;
}

.portrait {
	background-position: -80px -360px;
}

.portrait2 {
	background-position: -120px -360px;
}

.poison {
	background-position: -160px -360px;
}

.pointchart {
	background-position: -200px -360px;
}

.plus {
	background-position: -240px -360px;
}

.plaster {
	background-position: -280px -360px;
}

.plane {
	background-position: -320px -360px;
}

.piggybank {
	background-position: -360px -360px;
}

.piechart {
	background-position: -400px -360px;
}

.mobile {
	background-position: -440px -360px;
}

.mobile2 {
	background-position: -480px -360px;
}

.phone {
	background-position: -520px -360px;
}

.padpencil {
	background-position: -560px -360px;
}

.parking {
	background-position: -600px -360px;
}

.parentchild2 {
	background-position: -0px -400px;
}

.paperplus {
	background-position: -40px -400px;
}

.rss {
	background-position: -80px -400px;
}

.roadworks {
	background-position: -120px -400px;
}

.road {
	background-position: -160px -400px;
}

.rip {
	background-position: -200px -400px;
}

.restaurant {
	background-position: -240px -400px;
}

.recycling {
	background-position: -280px -400px;
}

.quotes {
	background-position: -320px -400px;
}

.questionmark {
	background-position: -360px -400px;
}

.punchingbag {
	background-position: -400px -400px;
}

.prize {
	background-position: -440px -400px;
}

.power2 {
	background-position: -480px -400px;
}

.printer {
	background-position: -520px -400px;
}

.zoomin {
	background-position: -560px -400px;
}

.wrench {
	background-position: -600px -400px;
}

.wheeliebincaution {
	background-position: -0px -440px;
}

.wheeliebinquery {
	background-position: -40px -440px;
}

.wheeliebinbroken {
	background-position: -80px -440px;
}

.wheeliebin {
	background-position: -120px -440px;
}

.wedding {
	background-position: -160px -440px;
}

.umbrella {
	background-position: -200px -440px;
}

.twitter {
	background-position: -240px -440px;
}

.twitter2 {
	background-position: -280px -440px;
}

.tv {
	background-position: -320px -440px;
}

.trophy {
	background-position: -360px -440px;
}

.trolley {
	background-position: -400px -440px;
}

.tree {
	background-position: -440px -440px;
}

.tree2 {
	background-position: -480px -440px;
}

.train {
	background-position: -520px -440px;
}

.track {
	background-position: -560px -440px;
}

.tick {
	background-position: -600px -440px;
}

.tick2 {
	background-position: -0px -480px;
}

.thumbsup {
	background-position: -40px -480px;
}

.thumbsdown {
	background-position: -80px -480px;
}

.theatre {
	background-position: -120px -480px;
}

.temperature {
	background-position: -160px -480px;
}

.teacher {
	background-position: -200px -480px;
}

.taxi {
	background-position: -240px -480px;
}

.targethit {
	background-position: -280px -480px;
}

.target {
	background-position: -320px -480px;
}

.tags {
	background-position: -360px -480px;
}

.tag {
	background-position: -400px -480px;
}

.tablet {
	background-position: -440px -480px;
}

.suncloud {
	background-position: -480px -480px;
}

.sun {
	background-position: -520px -480px;
}

.sun3 {
	background-position: -560px -480px;
}

.sun2 {
	background-position: -600px -480px;
}

.star {
	background-position: -0px -520px;
}

.market {
	background-position: -40px -520px;
}

.spray {
	background-position: -80px -520px;
}

.speech {
	background-position: -120px -520px;
}

.speech2 {
	background-position: -160px -520px;
}

.speaker {
	background-position: -200px -520px;
}

.spade {
	background-position: -240px -520px;
}

.sofa {
	background-position: -280px -520px;
}

.volume {
	background-position: -320px -520px;
}

.sofa2 {
	background-position: -360px -520px;
}

.snow {
	background-position: -400px -520px;
}

.smartphone2 {
	background-position: -440px -520px;
}

.skip {
	background-position: -480px -520px;
}

.siren {
	background-position: -520px -520px;
}

.shirt {
	background-position: -560px -520px;
}

.shield {
	background-position: -600px -520px;
}

.scroll {
	background-position: -0px -560px;
}

.scaffolding {
	background-position: -40px -560px;
}

.save {
	background-position: -80px -560px;
}

.sad {
	background-position: -120px -560px;
}

.rugby {
	background-position: -160px -560px;
}

.rss2 {
	background-position: -200px -560px;
}

.zoomout {
	background-position: -240px -560px;
}

.speechtuo {
	background-position: -280px -560px;
}

.whistle {
	background-position: -320px -560px;
}

.museum {
	background-position: -360px -560px;
}

.lily {
	background-position: -400px -560px;
}

.recycle
{
	background-position: -440px -560px;
}

.recycleBin 
{
	background-position: -480px -560px;
}

.recycleCalendar 
{
	background-position: -520px -560;
}

.recycleMouse
{
	background-position: -560px -560px;
}

.recycleDownArrow
{
	background-position: -600px -560;
}

.recyclePlay
{
	background-position: 0px -600px;
}