@charset "utf-8";
/* CSS Document */
* {	margin: 0; padding: 0; }
html { height: 100.1%}
body, input { font: 12px Arial, Helvetica, Verdana, sans-serif; color: #666; }
img {	border: 0; }
ul, li {
	padding: 0;
	margin: 0;
}
li {
	list-style-type: disc;
	margin-left: 20px;
}
h1 {
	font-size: 20px;
	font-style: normal;
	letter-spacing: 1px;
	padding-bottom: 10px;
}
#frameWrapper {
	position: absolute;
	left: 50%;
 	margin: 0px 0px 0px -450px;
	width: 897px;
/*	background-image: url(../images/tens/shade.png);
	background-repeat: repeat-x;	*/
}
#frameHeader {
	clear: both;
	width: 897px;
	height: 124px;
	overflow:hidden;
}
	#frameHeader img {
		position: absolute;
	}
	#frameHeader .bg-right {
		left: 564px;	
	}
	#frameHeader .logo {
		position: absolute;
		left: 14px;
		top: 13px;
	}
	#frameHeader .road {
		left: 144px;
	}
	#frameHeader h1 {
		position: absolute;
		left: 225px;
		top: 69px;
		font-size: 11px;
		color: #ffffff;
		font-weight: bold;
		letter-spacing: 0;
	}
	#frameHeader h2 {
		position: absolute;
		left: 160px;
		top: 70px;
		font-size: 16px;
		color: #fff;
		font-weight: bold;
		letter-spacing: 0;
	}
#frameMenu {
	clear: both;
	width: 897px;
	height: 30px;
	text-align: center;
}
	#frameMenu img {
		position: absolute;
		left: 0;
	}
	#frameMenu ul {
		position: absolute;
		width: 897px;
		left: 0;
		padding-top: 7px;
	}
	#frameMenu li {
		list-style: none;
		display: inline;
		padding: 0px 10px;
		margin-left: 5px;
	}
	#frameMenu a {
		color: #6acff6;
		font-weight: bold;
		font-size: 11px;
		text-decoration: none;
	}
	#frameMenu a:hover, #frameMenu a.active {
		color: #fff;
	}
#frameContent {
	clear: both;
	width: 897px;
	line-height: 16px;
}
#frameContent #frame1 {
	float: left;
	width: 175px;
	min-height: 500px;
	background-color: #ADBACE;
	background-image: url(../images/tens/bg-content-left.jpg);
	background-repeat: repeat-x;
	background-position: top;
}
#frameContent #frame2 {
	float: left;
	width: 597px;	
	min-height: 500px;
	background-color: #fff;
	color: #444;
	overflow: hidden;
}
#frameContent #frame3 {
	float: left;
	width: 125px;
	min-height: 500px;
	background-color: #c7eafb;
}
#frameContent #frame2 .content {
	padding: 0;
}
#frameContent #frame1 .content {
	padding: 30px 10px 10px 10px;
}
#frame1 .content li {
	list-style: none;
	padding-bottom: 8px;
}
#frame1 .content a {
	color: #6acff6;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
}
#frame1 .content a:hover, #frame1 .content a.active {
	color: #fff;
}
#frameContent #frame2 .content a {
	color: #006836;
	text-decoration: underline; 
}
#frameContent #frame2 .content a:hover {
	text-decoration: none; 
}
#frameContent #frame2 .content p {
	padding: 0;
	margin: 0;
}
#frameContent #frame2 .content h1 {
	padding: 0;
	margin: 0;
	font-size: 13px;
}
#frameContent #frame2 .content h2 {
	padding: 0;
	margin: 0;
	font-size: 15px;
}
#frameContent #frame2 .content h3 {
	padding: 0;
	margin: 0;
	font-size: 18px;
}
/*
#frameContent #frame2 .content ul {
	margin-top: 5px;
}
*/
#frameContent #frame2 .content table {
	border: 1px solid #2b2b2d;
	border-right: 0;
	border-bottom: 0;
	border-spacing: 0px;
	border-spacing: expression(cellSpacing=0);
}
#frameContent #frame2 .content td {
	border: 1px solid #2b2b2d;
	border-left: 0;
	border-top: 0;
	padding: 3px;
	margin: 0;
}
#frameContent #frame2 .content .v-outer {
	clear: both;
}
#frameContent #frame2 .content .v-outer .tableholder {
	border: 0;
}
#frameContent #frame2 .content .v-outer .tableholder td {
	padding: 0;
	border: 0;
}
#frameContent #frame2 .content .title, #frameContent #frame1 .content .title {
	clear: both;
	padding: 10px;
}
#frameContent #frame2 .content .footer {
	clear: both;
	padding: 10px 20px;
	font-size: 10px;
	color: #fff;
	text-align: right;
}
#frameContent #frame3 .content {
	padding-top: 30px;
	text-align: center;
/*	padding: 30px 13px 0px 13px;	*/
}
#frameContent #frame3 .content img {
	padding: 5px;
	margin-bottom: 5px;
}
#frameContent #frame3 .content img.bordered {
	border: 1px solid #0072ba;
}
/*
#frameContent #frame3 .content .tellafriend {
	width: 99px;
	height: 42px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 10px;
	padding-top: 15px;
}
#frameContent #frame3 .content .tellafriend a {
	color: #0072ba;
	text-decoration: none;
}
#frameContent #frame3 .content .tellafriend a:hover {
	color: #fff;
}
*/
#frameFooter {
	top:-5px;
	position:relative;
	clear: both;
	width: 897px;
	height: 35px;
}
#frameFooter div {
	position: relative;
	top: -24px;
	left: 0px;
	width: 880px;
	height: 19px;
	text-align: right;
	font-size: 10px;
	color: #bababa;
	padding-top: 5px;
}
#frameFooter div a {
	color: #bababa;
	text-decoration: none;
}
#frameFooter div a:hover {
	text-decoration: underline;
}
.photopage {
	clear: both;
	padding: 25px 0px 25px 3px;
}
	.photopage .holder {
		float: left;
		width: 145px;
		height: 188px;
		text-align: center;
		border: 1px solid #2b2b2d;
		margin-bottom: 8px;
		margin-right: 1px;
	}
		.photopage .holder .image {
			clear: both;
			height: 147px; 
			text-align: center;
			background-color: #999;
			border-bottom: 1px solid #2b2b2d;
		}
		.photopage .holder .imagetext {
			clear: both;
			font-size: 9px;
			background-color: #ddd;
			height: 34px;
			padding: 3px;
			color: #333;
		}
.partnerInfo {
	clear: both;
	padding: 10px;
}		




.downloads {
	padding: 5px;
}

#frame2 .downloads a {
	text-decoration: none;
}
#frame2 .downloads a:hover {
	text-decoration: underline;
}

.formfield {
	clear: both;
	padding-top: 3px;
}
.formfield label {
	float: left;
	clear: left;
	width: 120px;
}
.formfield input, .formfield textarea {
	width: 100px;
}
.formfield .fieldLeft {
	float: left;
}
.formfield .fieldRight {
	float: left;
}
.formfield input, .form textarea, .form select {
	margin-bottom: 2px;
}
.formfield textarea {
	font: 12px Arial, Helvetica, Verdana, sans-serif; color: #666;
	width: 100px;
}
.formfield .CheckRadio input {
	float: left;
	width: 15px;
	padding: 0;
	margin: 0;
}
.formfield .CheckRadioText {
	float: left;
	margin: 0;
	padding: 0px 0px 2px 5px;
	width: 250px;
}
.formfield .submitButton {
	clear: both;
	text-align: right;
	padding-top: 5px;
}
.formfield .submitButton input {
	padding: 0px 6px 0px 6px;
	color: #2b2b2d;
}






.reaction {
	clear: both;
	border: 1px solid #5b5b5d;
	margin-bottom: 10px;
}
.reaction .photoholder {
	float: left;
	width: 100px;
}
.reaction .photo {
	clear: both;
}
.reaction .userinfo {
	clear: both;
	padding: 5px 0px;
	font-size: 10px;
	color: #ccc;
	text-align: center;
}
.reaction .textholder {
	float: left;
	padding: 5px;
}
.reaction .datefield {
	clear: both;
	font-size: 10px;
	color: #ccc;
}
.reaction .textfield {
	clear: both;
	font-size: 11px;
}
.newsblock {
	padding: 0px 0px 10px 10px;
}
.newsblock .image {
	float:left; 
}
.newsblock .image img {
	border: 1px solid #006836;
}
.newsblock .text {
	clear: both;
	padding-left: 15px;
	width: 420px;
	height: 70px;
	overflow: hidden;
}
.newsblock .content {
	float: left;
	margin-left: 15px;
}
.newsblock .content .goback {
	padding-top:15px;
}
.newsblock .content .goback a {
	color: #006836;
	font-weight: bold;
	text-decoration: none !important;
}
.newsblock .text h1, .newsblock .content h1 {
	color: #006836;
	letter-spacing: 0;
	padding-bottom: 3px !important;
}
.newsblock .readmore {
	clear: both;
	height: 17px;
	margin: 6px 0px 0px 2px;
	padding-left: 15px;
	padding-top: 1px;
	background-color: #b5ca94;
}
.newsblock .readmore a {
	font-weight: bold;
	color: #fff;
	text-decoration: none !important;
}
.newsblock .readmore a:hover {
	color: #006836;
}
.newsblock a {
	color: #006836;
	text-decoration: underline !important;
}
.newsblock a:hover {
	text-decoration: none !important;
}

/*	box	*/
#frame2 .box {
	margin: 5px 0 0 5px;	
	padding: 0;
	float:left;
	background-color: #d1d3d4;
	display: inline;
}
#frame2 .box img{
	border: 0;
	padding: 0;
	float: right;
}
#frame2 .boxSmall {
	width: 143px;
}

.boxSmall a img {
	float: none !important;	
}

#frame2 .boxMedium {
	width: 291px;
}
#frame2 .boxLarge {
	width: 587px;
}
#frame2 .box h3 {
	font-size: 12px;
	font-weight: bold;
	padding-left: 5px;
	height: 20px;
	line-height: 20px;
	color: #bcbec0;
	background-color: #808184;
	margin: 0;
}
#frame2 .box h3 a, #frame2 .box h3 a:hover {
	color: #fff;
	text-decoration: none;
	display: block;
}
#frame2 .box .boxcontent {
	color: #444;
	padding: 5px 5px 5px 5px;
}
#frame2 .box ul, #frame2 .box li {
/*	list-style: none;	*/
	margin: 0;
	padding: 0;
}
#frame2 .box a {
	color: #444;
	text-decoration: underline;
}
#frame2 .box a:hover {
	text-decoration: none;
}
#frame2 .box ul {
	margin-left: 15px;
}
#frame2 .box a.more {
	color: #007ac2;
	text-decoration: none;
	display: block;
	text-align: left;
	font-weight: bold;
	padding-top: 5px;
}

/* new styles added by splitting the cms */

.article {
	margin: 5px 0 0 5px;
}

.article a {
	color: #444444;
}

.article.news {
	border-top: 5px solid #fff;
	padding-bottom: 6px;
}

.article.news, .article img {
	margin: 0;	
}

.contentTxt {
	padding: 5px 5px 10px !important;
	background-color: #D1D3D4;
}

#extraDiv {
	width: 592px;
	clear: both;
}

.blocktitle{
	background-color: #808184;
	color: #BCBEC0;
	height: 20px;
	font-size: 12px;
	font-weight: bold;
	line-height: 20px;
	margin: 0;
	padding: 0 0 0 5px;
	clear: both;
}

.homeLeft{
	width: 291px;
	float: left;	
}

.homeNews{
	margin: 0 0 0 5px !important;
	width: 291px;
	float: left;
}

.homeNews .blocktitle {
	margin-bottom: 22px;	
}

.homeNews img {
	margin-top: -22px;
}

.homeNews .more {
	margin-bottom: 18px;	
}

.form {
	padding-top: 10px !important;
	background-color: #D1D3D4;
}

.fieldLeft {
	margin-left: 5px;	
}

.CheckRadio {
	float: left;
	margin-right: 5px;	
}

.formSubmit {
	margin-bottom: 5px;	
}

.downloads {
	background-color: #D1D3D4;	
}

/* from the old index */
#frameContent #frame2 .content .v-outer
{
	width: 597px;
}
#frameContent #frame2 .content .v-outer .newsblock
{
	width: 590px;
}
.reaction
{
	width: 598px;
}
#frameContent #frame2 .content .title
{
	width: 580px;
}
.reaction .textholder, .reaction .datefield, .reaction .textfield
{
	width: 488px;
}