/* CSS Document *//*/////////    MARK UP  /////////////////////////////////////////////written by: Chris Thorntonowner: Total Coveragedate: 23.12.09edition: 1Copright  totalcoverage 2009www.totalcoverage.coop//////////////////////////////////////////////////////////////////*//* ---( page defaults )--- */html {	font: 1em Verdana, Arial, Helvetica, sans-serif; 	margin-bottom:0px;	}/* links */a.anchorLink:link, a.anchorLink:active, a.anchorLink:visited  {	text-decoration:none; 	color: #009BC6; 	font-size: 1em;	}	a.anchorLink:hover {	color: #0082A1;	}a.body:link, a.body:visited, a.body:active {	text-decoration:none; 	color: #009BC6; 	font-size: 1em;	}a.body:hover {	color: #0082A1;	text-decoration: underline;	}/* ---( layout structure )---*/#wrap {	background-image: url(assets/tc-background.gif); 	background-repeat: no-repeat; 	background-position: left top;	}/* ---( header )--- */#logo {	float: left; 	color: #008db6;	margin-right: 15px;	}#logo a {	display:block; 	background-image: url(assets/TCLogo-small.gif); 	background-repeat: no-repeat; 	background-position: center bottom; 	height: 60px; 	width: 257px; 	text-decoration: none;	}#logo a:hover {	background-position:top; 	background-repeat: no-repeat; 	display: block;	}ul#navlist {	font-size: 1.2em;	color: #0082A1;	list-style-type:none;	white-space:nowrap;	margin:0;	padding:0;	position: relative;	top: 30px;	float: left;	width: 65%;	height: 100%;	font-weight: 200;	}ul#navlist li {	float:left; 	font-family: Verdana, Arial, Helvetica, sans-serif; 	margin:0; 	padding-top: 2px; 	padding-bottom: 2px; 	padding-right: 0px; 	padding-left: 0px;	}#navlist a,#navlist a:link {	color:#000000;	text-decoration:none;	padding-top: 5px;	padding-right: 6px;	padding-bottom: 5px;	padding-left: 6px;	margin-top: 0;	margin-right: 2px;	margin-bottom: 0;	margin-left: 2px;	font-size: 0.69em;	font-weight: normal;	}ul#navlist li#active {	color:#000000;	}#navlist a:hover, #navlist #current {	color:#FFFFFF;	background-color:#0082A1;	margin: 0px 2px 0px 2px;	padding: 5px 5px 5px 5px;	border: 1px solid #008db6;	}/* ---( main column )--- */#mainbody {	background-image: url(assets/tc-content-background.gif); 	background-repeat: no-repeat; 	background-position: left top;	text-align: right;	color: #333333;	}		#mainbody-port {	background-image: url(assets/tc-content-background.gif); 	background-repeat: no-repeat; 	background-position: left top;	text-align: right;	color: #333333;	}	#image-container-home {	margin-right: 20px;	margin-left: 20px;	width: 541px;	height: 400px;	border: 2px solid #009bc6;	background-repeat: no-repeat;	background-position: left top;	border-radius: 8px;	background-color: #FFFFFF;	margin-bottom: 25px;	background-image: url(assets/stationIllie.jpg);	}	#image-container-ethics {	margin-right: 20px;	margin-left: 20px;	width: 541px;	height: 400px;	border: 2px solid #009bc6;	background-repeat: no-repeat;	background-position: left top;	border-radius: 8px;	background-color: #FFFFFF;	margin-bottom: 25px;	background-image: url(assets/computerIllie.jpg);	}	#image-container-about {	margin-right: 20px;	margin-left: 20px;	width: 541px;	height: 400px;	border: 2px solid #009bc6;	background-repeat: no-repeat;	background-position: left top;	border-radius: 8px;	background-color: #FFFFFF;	margin-bottom: 25px;	background-image: url(assets/abstract5.gif);	}	#image-container-serv {	margin-right: 20px;	margin-left: 20px;	width: 541px;	height: 400px;	border: 2px solid #009bc6;	background-repeat: no-repeat;	background-position: left top;	border-radius: 8px;	background-color: #FFFFFF;	margin-bottom: 25px;	background-image: url(assets/abstract11.gif);	}	#image-container-cont {	margin-right: 20px;	margin-left: 20px;	width: 541px;	height: 400px;	border: 2px solid #009bc6;	background-repeat: no-repeat;	background-position: left top;	border-radius: 8px;	background-color: #FFFFFF;	margin-bottom: 25px;	background-image: url(assets/abstract7.gif);	}	#image-container-unlock {	margin-right: 20px;	margin-left: 20px;	width: 541px;	height: 96px;	border: 2px solid #009bc6;	background-repeat: no-repeat;	background-position: left top;	background-color: #FFFFFF;	margin-bottom: 25px;	}	#rollover {	width: 481px;	float:left;	background-color:#FFF;	background-image: url(unlock/assets/code-header-base-background.gif);	background-repeat: no-repeat;	background-position: left top;	padding-left: 60px;	font-size: 11px;	color: #333333;	text-align: left;	margin: 0;	}	#gallery-container {	margin-right: 20px;	margin-left: 20px;	width: 541px;	height: 345px;	border: 2px solid #009bc6;	background-repeat: no-repeat;	background-position: left top;	border-radius: 8px;	background-color: #FFFFFF;	margin-bottom: 25px;	}		#image-container-access {	margin-right: 20px;	margin-left: 20px;	width: 541px;	height: 170px;	border: 2px solid #009bc6;	background-repeat: no-repeat;	background-position: left top;	border-radius: 8px;	background-color: #FFFFFF;	margin-bottom: 25px;	background-image: url(assets/jan09.gif);	}	#wrap #bodycontainer #mainbody h1 {	font-family: Verdana, Arial, Helvetica, sans-serif;	margin-right: 20px;	color: #959B9E;	font-weight: normal;	font-size: 1.85em;	line-height: 1.2em;		}	#wrap #bodycontainer #mainbody h2 {	font-size: 1.4em;	padding: 0;	color: #000000;	margin-top: 20px;	margin-right: 20px;	margin-bottom: 0px;	margin-left: 0px;	}	#wrap #bodycontainer #mainbody h3 {	margin-right: 20px;	margin-bottom: 8px;	margin-left: 0px;	margin-top: 15px;	font-size: 1.6em;	color: #0082A1;	font-weight: lighter;	padding: 0;	}#wrap #bodycontainer #mainbody P {	margin-top: 3px;	padding-top: 0;	margin-bottom: 10px;	padding-bottom: 0;	margin-right: 20px;	padding-left: 20px;	}	.light {	color: #CCCCCC;	font-style: italic;	}.list  {	margin-top: 3px;	padding-top: 0;	margin-bottom: 2px;	padding-bottom: 0;	margin-right: 20px;	color: #0082A1;	text-align: left;	margin-left: 350px;	}	.total-bold {	font-size: 1.5em;	color: #2E393F;	font-weight: bolder;	line-height: 1.1em;	}	.top {	font-size: 1.1em;	font-weight: bold;	line-height: 0.4em;	color: #666666;	}	.blue {	color: #0082A1;	font-weight: lighter;	font-size: 1.5em;	}	input.btn4 {	color:#0082A1;	background-color:  #FFFFFF;	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 1.1em;	border-top-width: 1px;	border-right-width: 1px;	border-bottom-width: 1px;	border-left-width: 1px;	border-top-style: solid;	border-right-style: solid;	border-bottom-style: solid;	border-left-style: solid;	border-top-color: #f2fafc;	border-right-color: #e1f5fb;	border-bottom-color: #e1f5fb;	border-left-color: #f2fafc;	float: right;	padding-top: 0.4em;	padding-right: 0.3em;	padding-bottom: 0.4em;	padding-left: 0.3em;	font-weight: normal;	margin-right: 20px;	} input.btnhov4 {	border-top-color: #35a5c0;	border-right-color: #0082a1;	border-bottom-color: #0082a1;	border-left-color: #35a5c0;	color: #0082A1;	background-color: #e1f5fb;	}.accessibility-block-main {	text-align:right;	color: #0082A1;	}a.accessibility-main, a.accessibility-main:visited, a.accessibility-main:active {	color: #2E393F;	text-align:right;	font-size:1em;	font-family: Verdana, Arial, Helvetica, sans-serif;	text-decoration: none;	font-weight: lighter;	padding-left: 0px;	line-height: 1.5em;	vertical-align: top;	padding-right: 5px;	padding-bottom: 0px;	}a.accessibility-main:hover {	color: #0082A1;	text-decoration: underline;	}.accessibility-block-main img {	background-position: left bottom;	}#mainbody .accessibility-content-main {	background-color: #EDF6FB;	border: 1px solid #0082A1;	border-radius: 2px;	font-size: 1em;	margin-left: 100px;	}	ul#port-nav {	list-style-type:none;	white-space:nowrap;	padding:0;	position: relative;	width: 95%;	height: 100%;	margin-top: 0;	margin-right: 20px;	margin-bottom: 10px;	margin-left: 0;	color: #0082A1;	font-size: 1.4em;	font-weight: 200;	}#wrap #bodycontainer #mainbody-port #thumbcontent h3 {	margin-right: 10px;}ul#port-nav li {	float:right;	font-family: Verdana, Arial, Helvetica, sans-serif;	margin:0;	padding-top: 2px;	padding-bottom: 2px;	padding-right: 0px;	padding-left: 0px;	text-align: right;	}#port-nav a,#port-nav a:link {	color:#000000; 	font-weight:normal;	text-decoration:none;	font-size: 0.75em; 	padding-top: 5px; 	padding-right: 7px; 	padding-bottom: 5px; 	padding-left: 7px; 	margin-top: 0; 	margin-right: 2px; 	margin-bottom: 0; 	margin-left: 2px;	}ul#port-nav li#port-nav {	color:#000000;	}#port-nav a:hover, #port-nav #current3{	color:#FFFFFF;	background-color:#0082A1; 	padding: 6px 6px 6px 6px; 	margin: 0px 2px 0px 2px; 	border: 1px solid #008db6; 	}	div.navigation {	/* The navigation style is set using jQuery so that the javascript specific styles won't be applied unless javascript is enabled. */}ul.thumbs {	margin: 0;	padding: 0;	text-align: right;	}ul.thumbs li {	float: right;	padding: 0;	list-style: none;	background-position: right;	margin-top: 5px;	margin-right: 10px;	margin-bottom: 5px;	margin-left: 0;}a.thumb {	padding: 2px;	display: block;	border: 1px solid #009BC6;	border-radius: 5px; 	}ul.thumbs li.selected a.thumb {	background-color: #0082A1;	}a.thumb:focus {	outline: none;	}ul.thumbs img {	border: none;	display: block;	}	/* ---( side bar )--- */#sidecontent {	background-color:#FFFFFF;	color:#666;	border: 1px dashed #008db6;	border-radius: 8px;	font-size: 0.72em;	}	#sidecontent .total {	font-size: 1.6em;	color: #2E393F;	line-height: 2em;	}	#sidecontent .coverage {	color: #0082A1;	line-height: 1.5em;	}.news-email{	background-color: #FFFFFF;	text-align: right;	font-family: Verdana, Arial, Helvetica, sans-serif;	color: #0082A1;	margin-top: 2px;	font-size: 0.9em;	border: solid;	border-top-color: #009BC6;	border-right-color: #0082A1;	border-bottom-color: #0082A1;	border-left-color: #009BC6;	border-top-width: 1px;	border-right-width: 1px;	border-bottom-width: 1px;	border-left-width: 1px;	border-top-style: solid;	border-right-style: solid;	border-bottom-style: solid;	border-left-style: solid;	}	input.btn3 {	color:#FFFFFF;	background-color: #0082A1;	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 1em;	border: solid;	border-top-color: #35a5c0;	border-right-color: #0082A1;	border-bottom-color: #0082A1;	border-left-color: #35a5c0;	padding-top: 0.1em;	font-weight: normal;	margin-bottom: 0px;	margin-top: 5px;	margin-left: 10px;	border-top-width: 1px;	border-right-width: 1px;	border-bottom-width: 1px;	border-left-width: 1px;	border-top-style: solid;	border-right-style: solid;	border-bottom-style: solid;	border-left-style: solid;	} input.btnhov3 {	border-top-color: #35a5c0;	border-right-color: #0082a1;	border-bottom-color: #0082a1;	border-left-color: #35a5c0;	color: #0082A1;	background-color: #FFFFFF;	}	.accessibility-block {	text-align:right;	color: #0082A1;	background-color: #FFFFFF;	}a.accessibility, visited, active {	color: #2E393F;	text-align:right;	font-size:0.9em;	font-family: Verdana, Arial, Helvetica, sans-serif;	text-decoration: none;	font-weight: lighter;	padding-left: 0px;	line-height: 1.5em;	vertical-align: top;	padding-right: 5px;	padding-bottom: 0px;	}a.accessibility:hover {	color: #009BC6;	text-decoration: underline;	}.accessibility-block img {	background-position: left bottom;	}#sidecontent .accessibility-content {	background-color: #FCFEFE;	border: 1px solid #0082A1;	border-radius: 2px;	font-size: 0.9em;	}	#css-val a {	display:block;	background-image: url(assets/css.gif);	background-repeat: no-repeat;	background-position: right bottom;	height: 25px;	width: 80px;	text-decoration: none;	float: left;	}#css-val a:hover {	background-position: right top; 	background-repeat: no-repeat; 	display: block;	text-decoration: none;	}	#html-val a {	display:block;	background-image: url(assets/valid_xhtml11.gif);	background-repeat: no-repeat;	background-position: right bottom;	height: 25px;	width: 80px;	text-decoration: none;	float: right;	}#html-val a:hover {	background-position: right top; 	background-repeat: no-repeat; 	display: block;	text-decoration: none;	}#sidecontent-port {	color:#666;	font-size: 0.72em;	border: 1px dashed #008db6;	border-radius: 8px;	background-color: #EDF6FB;	}	#sidecontent-code {	color:#666;	font-size: 0.72em;	border: 1px dashed #008db6;	border-radius: 8px;	background-color: #EDF6FB;	}/* ---( social network )--- */ul#social {	float: right;	margin-top: 4px;	margin-left: 0px;	}		ul.social-navlist {	list-style-type:none;	white-space: nowrap;	text-align: right;	padding-top: 0;	padding-right: 0px;	padding-bottom: 0;	padding-left: 0px;	margin-top: 0;	margin-right: 0;	margin-bottom: 0px;	margin-left: 0;	}ul.social-navlist li {	padding-top: 0px;	padding-right: 0px;	padding-bottom: 0px;	padding-left: 0;	float: left;	margin-top: 0;	margin-bottom: 20px;	margin-left: 10px;	}	#facebook a {	background-image: url(/assets/facebook.png);	background-repeat: no-repeat;	background-position: right bottom;	height: 35px;	width: 115px;	margin-right: 0px;	text-decoration: none;	display: block;	}#facebook a:hover {	background-position: right top;	background-repeat: no-repeat;	display: block;	}	#twitter a {	background-image: url(/assets/twitter.png);	background-repeat: no-repeat;	background-position: right bottom;	height: 35px;	width: 36px;	margin-right: 0px;	text-decoration: none;	display: block;	}#twitter a:hover {	background-position: right top;	background-repeat: no-repeat;	display: block;	}/* ---( footer )--- */			#footer {	text-align: right;	}#footer p {	text-align: right;	color: #0082A1;	font-size: 1em;	margin-right: 38px;	font-family: Verdana, Arial, Helvetica, sans-serif;	}	a.footer:link, a.footer:visited, a.footer:active{	text-align: right;	color: #333333;	font-size: 0.7em;	margin-right: 0px;	font-family: Verdana, Arial, Helvetica, sans-serif;	text-decoration: none;	}	a.footer:visited  {	text-align: right;	color: #333333;	font-size: 0.7em;	margin-right: 0px;	font-family: Verdana, Arial, Helvetica, sans-serif;	text-decoration: none;	}	a.footer:hover {	text-align: right;	color: #0082A1;	text-decoration: underline;	}	a.footer:active {	text-align: right;	color: #333333;	font-size: 0.7em;	margin-right: 0px;	font-family: Verdana, Arial, Helvetica, sans-serif;	text-decoration: none;	}#green a {	display:block; 	background-image: url(assets/green-energy.gif); 	background-repeat: no-repeat; 	background-position: right bottom; 	height: 44px; 	width: 42px; 	margin-right: 5px;	text-decoration: none;	}#green a:hover {	background-position: right top; 	background-repeat: no-repeat; 	display: block;	}	#sba a {	display:block; 	background-image: url(assets/SBA.gif); 	background-repeat: no-repeat; 	background-position: right bottom; 	height: 44px; 	width: 69px; 	margin-right: 5px;	text-decoration: none;	}#sba a:hover {	background-position: right bottom; 	background-repeat: no-repeat; 	display: block;	}	#ten a {	display:block; 	background-image: url(assets/ten.gif); 	background-repeat: no-repeat; 	background-position: right bottom; 	height: 44px; 	width: 88px; 	margin-right: 5px;	text-decoration: none;	}#ten a:hover {	background-position: right top; 	background-repeat: no-repeat; 	display: block;	}	#tree a {	display:block; 	background-image: url(assets/Tree100.gif); 	background-repeat: no-repeat; 	background-position: right bottom; 	height: 44px; 	width: 48px; 	margin-right: 5px;	text-decoration: none;	}#tree a:hover {	background-position: right top; 	background-repeat: no-repeat; 	display: block;	}	#ethic a {	display:block; 	background-image: url(assets/EJ-Member-Logo-square.gif); 	background-repeat: no-repeat; 	background-position: right bottom; 	height: 44px; 	width: 56px; 	margin-right: 5px;	text-decoration: none;	}#ethic a:hover {	background-position: right top; 	background-repeat: no-repeat; 	display: block;	}	#solar a {	display:block; 	background-image: url(assets/wind-powered-web.png); 	background-repeat: no-repeat; 	background-position: right bottom; 	height: 44px; 	width: 69px; 	margin-right: 5px;	text-decoration: none;	}#solar a:hover {	background-position: right bottom; 	background-repeat: no-repeat; 	display: block;	}	#co-op-uk a {	display:block;	background-image: url(assets/c-ukmember.gif);	background-repeat: no-repeat;	background-position: right bottom;	height: 44px;	width: 110px;	margin-right: 5px;	text-decoration: none;	}#co-op-uk a:hover {	background-position: right top; 	background-repeat: no-repeat; 	display: block;	}	#fsb a {	display:block;	background-image: url(assets/iip_logo.gif);	background-repeat: no-repeat;	background-position: right bottom;	height: 44px;	width: 86px;	margin-right: 5px;	text-decoration: none;	}#fsb a:hover {	background-position: right top; 	background-repeat: no-repeat; 	display: block;	}	#pay a {	display:block; 	background-image: url(assets/ISO-9001.gif); 	background-repeat: no-repeat; 	background-position: right bottom; 	height: 44px; 	width: 79px; 	margin-right: 5px;	text-decoration: none;	}#pay a:hover {	background-position: right top; 	background-repeat: no-repeat; 	display: block;	}					/* ---( pull out contact )---*/.slide-out-div {	background-color: #FFFFFF;	box-shadow: 0px 0px 6px #666666;						    }.handle  {	background-image: url(assets/contact_tab1a.gif); 	background-repeat: no-repeat; 	background-position: left bottom; 	height: 400px; 	width: 33px; 	margin:0;	padding:0;	}	.close-button{	font-size: 18px;	font-weight: bold;	color: #999999;	text-decoration: none;	font-family:Verdana, Arial, Helvetica, sans-serif;	margin: 0px;	border: 3px solid #999999;	padding-top: 0px;	padding-right: 3px;	padding-bottom: 2px;	padding-left: 3px;	float: right;	border-radius: 18px;	}a.close-button:hover{	color: #0082A1;	border: 3px solid #0082A1;	}a.slide:link, visited, active {	color: #00869A;	text-decoration: none;	margin: 0px;	padding: 0px;  	}a.slide:hover {	text-decoration: underline;	color: #3399FF;  	}.slide-out-div-bold {	font-size: 1.1em;	color: #333333;	font-weight: bold;	line-height: 0.1em;	}.slide-out-div-blue {	font-size: 1.1em;	color: #0082A1;	font-weight: normal;	line-height: 0.1em;	}.slide-out-div p {	font-size: 0.8em;	color: #666666;	font-family: Verdana, Arial, Helvetica, sans-serif;	line-height: 1.4em;	}	.blue-bold {	color: #0082A1;	font-weight: bold;	}input.btn {	color:#FFFFFF;	background-color: #0082A1;	font-family:Verdana, Arial, Helvetica, sans-serif;	font-size: 1.1em;	border-top-width: 1px;	border-right-width: 1px;	border-bottom-width: 1px;	border-left-width: 1px;	border-top-style: solid;	border-right-style: solid;	border-bottom-style: solid;	border-left-style: solid;	border-top-color: #35a5c0;	border-right-color: #0082A1;	border-bottom-color: #0082A1;	border-left-color: #35a5c0;	float: right;	padding-top: 0.4em;	padding-right: 0.3em;	padding-bottom: 0.4em;	padding-left: 0.3em;	font-weight: normal;	} input.btnhov {	border-top-color: #35a5c0;	border-right-color: #0082a1;	border-bottom-color: #0082a1;	border-left-color: #35a5c0;	color: #0082A1;	background-color: #FFFFFF;	}input.btn2 {	color:#0082A1;	background-color:  #FFFFFF;	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 1.1em;	border-top-width: 1px;	border-right-width: 1px;	border-bottom-width: 1px;	border-left-width: 1px;	border-top-style: solid;	border-right-style: solid;	border-bottom-style: solid;	border-left-style: solid;	border-top-color: #f2fafc;	border-right-color: #e1f5fb;	border-bottom-color: #e1f5fb;	border-left-color: #f2fafc;	float: left;	padding-top: 0.4em;	padding-right: 0.3em;	padding-bottom: 0.4em;	padding-left: 0.3em;	font-weight: normal;	} input.btnhov2 {	border-top-color: #35a5c0;	border-right-color: #0082a1;	border-bottom-color: #0082a1;	border-left-color: #35a5c0;	color: #0082A1;	background-color: #e1f5fb;	}.slide-out-div .small {	font-size: 0.8em;	}/*/////////////////////////// END //////////////////////////////////////*/
