body {
	margin:0 0 0 0;
	background-color:#8db500;
	background-image:url(../../images/background_main.gif);
	background-repeat:repeat-y;
	background-position:center;
	font-family:Arial, Helvetica, sans-serif;
	margin:auto;
}
#container {
	
	width:996px;
	margin: 0 auto;
	
}
#top {
	background-image:url(../../images/background_top.gif);
	width:996px;
	height:113px;
	top:0px;
	background-repeat:repeat-x;
	z-index:5;
	margin: 0 auto;
	position: relative;

	/*margin-bottom:-6px;  Fixes spacing below top div in IE */
}


/*  The H1 tag hides the text with a -9999px text-indent.
	The anchor is kept on-screen by simply making its height
	and width the same dimensions as the logo graphic, and
	surrounding the text in a span.
	
	Be sure to change the height and width to match the logo graphic.
	
	*/
	

#top h1 {
	
	background-image:url(../../images/logo.png);  
	background-repeat:no-repeat;
	width:274px;
	height:73px;
	margin:0px;
	padding:0px;	
}

#top span { /* Needs to be the same dimensions as the H1 */
	visibility:hidden;	
	width:322px;
	height:113px;
	display:block;
}

#top h1 a { /* Needs to be the same dimensions as the H1 */
	width:322px;
	height:73px;
}


#labelPreview {
	position: fixed;
	top: 0px;
	z-index: 5;
	background-image: url(../../images/page_preview.png);
/*
	right: 0;
	width: 150px;
	height: 150px;
*/
	width: 100%;
	height: 50px;
	line-height: 46px;
	background-repeat: repeat-x;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 20px;
	text-align: center;
}
#pagePreviewHeader {
	margin: 10px;
	padding: 30px;
	background-color: #DDD;
	border: 2px solid #CCC;
	font-family: Arial, Helvetica, sans-serif;
}
.alert {
	border:5px solid #ccc;
	background-color:#eee;
	margin-bottom:10px;
	padding:10px;
	color:#666;
	font-size:1em;
	z-index:999
}

.alertWarning {
	border:5px solid #ccc;
	border-color:#d56000;
	background-color:#fb9900;
	margin-bottom:10px;
	padding:10px;
	padding-left:50px;
	background-image:url(../../../admin/images/warning.gif);
	background-position:top left;
	background-repeat:no-repeat;
	color:#115092;
	font-size:1em;
	z-index:999;
	width: 100%;
}
/*********************  language translation bar styles */

#language-translation {
	margin: 0;
	padding: 0;
	position: absolute;
	top:1px;
	right: 1px;	
}
/*********************  Link to the CMS */

#linkCms {
	position: absolute;
	top: 5px;
	right: 5px;
}

#linkCms a {
	display: block;
	width: 104px;
	height: 26px;
	background-image: url(/_control/admin/images/logo_cms.png);
	background-repeat: no-repeat;
	background-position: top left;
}
#tsalogo {
	position:relative;
	background-color:#fff;
	text-align:center;
	padding-bottom:15px;
	left:534px;
	top:250px;
	width:206px;
	z-index:60;
}

#tsalogo img {
	border:0px;
}




/*********************  Main content area styles */

#content {

	
	background-color:#fff;
	padding:12px ;
	z-index:50;
	font-size:0.9em;
	color:#000000;
	line-height:18px;
	list-style-image:url(../../images/li.gif);
	min-height:500px;

}

.hometext {
	text-align:center;
	color:#676767;
	
}

.hometext strong {
	color:#91c000;
	font-size:13px;
}

#content h2 {
	font-size:24px;
	font-weight:normal;
	color:#62b600;
}

#content h3 {
	font-size:18px;
	font-weight:normal;
	color:#bbb600;
	line-height:20px;
}

#content h4 {
	font-size:14px;
	font-weight:normal;
	color:#bbb600;
}

#content p {
	line-height:18px;
}

#content a {
	color:#72ba00;
}

#content a:hover {
	color:#72ba00;
	text-decoration:none;
	background-color:#ebf5db;
}

#content img {
	padding:7px;
	margin:0px 10px 3px 0px;
	border:solid 1px #e6f4bf;
}
/****Video****/
.video {
		z-index:-1
		}
/************home Page Style for boxes***************************/
	
#GreenBox {background-image:url(../../images/GreenBackground.gif);
	background-repeat:repeat;
	background-position:left;
	padding:3px;
	width:290px;
	height:270px;
	float:left;
	margin-right:11px;
	margin-bottom:7px;
	border:2px #CCCCCC solid;
}
#GreenBox h3,#GreenBox h4,#GreenBox h2, #GreenBox a {color:#FFFFFF;
	text-decoration:none;
	margin-top:0px;
	
}
#GreenBox h2 a:hover {
color:#FFFFFF;
	background-image:url(../../images/GreenHeaderButtonDown.gif);
	background-repeat:no-repeat;
	display:block;
	height:38px;
	background-position:bottom;
	margin:0;
		padding-top:0px;
	padding-left:4px;
	padding-bottom:0px;
	line-height:38px;
	}
 #GreenBox h2 a{color:#FFFFFF;
	background-image:url(../../images/GreenHeaderButton.gif);
	background-repeat:no-repeat;
	display:block;
	height:38px;
	background-position:bottom;
	margin:0;
	padding-top:0px;
	padding-left:4px;
	padding-bottom:0px;
	line-height:38px;}
/**************styling for Orange Box*******/

#OrangeBox {background-image:url(../../images/OrangeBackground.gif);
	background-repeat:repeat;
	background-position:left;
	padding:3px;
	width:290px;
	height:270px;
	float:left;
	margin-right:11px;
	margin-bottom:7px;
	border:2px #CCCCCC solid;
	
	
	}
#OrangeBox h3,#OrangeBox h4,#OrangeBox h2, #OrangeBox a {color:#FFFFFF;
	text-decoration:none;
	margin-top:0px;
	
}
#OrangeBox h2 a:hover {
color:#FFFFFF;
	background-image:url(../../images/OrangeHeaderButtonDown.gif);
	background-repeat:no-repeat;
	display:block;
	height:38px;
	background-position:bottom;
	margin:0;
		padding-top:0px;
	padding-left:4px;
	padding-bottom:0px;
	line-height:38px;
	}
 #OrangeBox h2 a{color:#FFFFFF;
	background-image:url(../../images/OrangeHeaderButton.gif);
	background-repeat:no-repeat;
	display:block;
	height:38px;
	background-position:bottom;
	margin:0;
	padding-top:0px;
	padding-left:4px;
	padding-bottom:0px;
	line-height:38px;}
#OrangeBox p, #GreenBox p{color:#FFFFFF;
	padding:0 4px;
	margin:0;
	}
#OrangeBox img, #GreenBox img {padding:0;
	margin:0px;
	border:0;}
#OrangeBox li, #GreenBox li  {
	list-style-image:url(../../images/liWhite.gif);
	color:#FFFFFF}
	



/*********************  Main content layout styles */
#contentsTop {
}
#contentsBottom {
	clear: both;
}

/* Main Contents Only */
#contentsMain_M_ {
}
/* Main and Left Contents */
#contentsLeftLM_ {
	float: left;
	width: 33%;
}
#contentsMainLM_ {
	margin-left: 33%;
}
/* Main and Right Contents */
#contentsMain_MR {
	margin-right: 33%;
}
#contentsRight_MR {
	float: right;
	width: 33%;
	background-color:#FFF;
	margin:10px 10px 20px 10px;
}
/* Main, Left and Right Contents */
#contentsLeftLMR {
	float: left;
	width: 33%;
}
#contentsMainLMR {
	width:100%;
	margin-left: 33%;
	margin-right: 33%;
}
#contentsRightLMR {
	float: right;
	width: 33%;
	background-color:#fff;
	margin:10px 0px 20px 10px;
}

/* Main Contents Only */
#content .main_M_ {
}
/* Main and Left Contents */
#content .leftLM_ {
}
#content .mainLM_ {
}
/* Main and Right Contents */
#content .main_MR {
}
#content .right_MR {
	margin:0px 0px 20px 10px;
	font-size:14px;
}
/* Main, Left and Right Contents */
#content .leftLMR {
}
#content .mainLMR {
}
#content .rightLMR {
	margin:0px 0px 20px 10px;
	font-size:14px;
}

/*********************  Page Right styles */
#contentsRight_MR h3,
#contentsRightLMR h3 {
	font-size:16px;
	
	margin:0px 0px 20px 10px;
	padding:0px;
	color: #666;
}

#contentsRight_MR ul,
#contentsRightLMR ul {
	margin:0px;
	padding:0px;
}

#contentsRight_MR li,
#contentsRightLMR li {
	list-style-image:url(../../images/li.gif)
}

#contentsRight_MR img,
#contentsRightLMR img {
	border: 0px;
}

#contentsRight_MR a,
#contentsRightLMR a {
	text-decoration:underline;
	color:#0094f2;
	display:block;
}

#contentsRight_MR a:hover,
#contentsRightLMR a:hover {
	color:#00CCFF;
}

/*********************  Page Right News Style */


#latestNews {
	z-index:999;
}
#latestNews .newsticker li {
	list-style: none;
}
#latestNews .newsticker .newsThumb {
	float: left;
}
#latestNews .newsticker .newsTitle {
	margin: 0 0 0px 0px;
	padding: 0;
	line-height:1.4em;
	font-size: 1.1em;

}
#latestNews .newsticker  a{

	color:#62b600;
	text-decoration:none;
	font-weight:normal;
	display: inline;
}
#latestNews .newsTitle a{
	color:#000000;
	text-decoration:none;
	font-weight:bold;
	display: inline;
}
#latestNews .newsticker .newsBody {
	color:#666666;
	margin: 0 0 8px 0px;
	padding: 0;
}
#contentsRight_MR .newsBody a,
#contentsRightLMR .newsBody a {
	display: inline;
}
#latestNews .newsticker .clear {
	clear: both;
}
h3#rightTitle {color:#62b600;
	font-size:1.4em;
	margin-top:0;
	margin-left:0;

}
/*********************  Page Right Top News Style */

#topNews{
	margin: 10px 0 0;
}
.topNews li {
}
.topNews .newsThumb {
	float: left;
}
.topNews .newsTitle {
	margin: 0 0 0px 52px;
	padding: 0;
}
.topNews .clear {
	clear: both;
}

/*********************  Footer styles */
#footer {
	clear:both;
	background-color:#8db500;
	padding:1px 0;
	margin:0px;
	color:#FFFFFF;
	font-size:11px;
	
}

#footer h4 {
	font-size:18px;
	font-weight:normal;
	margin:0px;
	padding:0px;
}

#footer a {
	color:#FFFFFF;
	text-decoration:none;
	list-style:none;
}

#footer a:hover {
	color:#FFFFFF;
}

#footer img {
	border:0px;
	padding: 0;
	margin: 0;
}

/*********************  Misc styles */
.hidden {
	visibility:hidden;
	line-height:-1px; /* Fixes hight issue on Internet Explorer */
	height:0px;
	margin:0px;
	padding:0px;
	text-indent:-9999px;
}

.hidden p {
	visibility:hidden;
	display:none;
}

.hidden a {
	visibility:hidden;
	display:none;
}

.floatright {
	float:right;
	margin-left:15px;
}

.floatleft {
	float:left;
	margin-right:15px;
}
/**** start of button styling*****/
.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;}
p.squarebutton{
background: transparent url('images/square-green-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 12px Arial; /* Change 12px as desired */
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 23px; /* Height of button background height */
padding-left: 9px; /* Width of left menu image */
text-decoration: none;
}

p:link.squarebutton, a:visited.squarebutton, a:active.squarebutton{
color: #494949; /*button text color*/
}

p.squarebutton span{
background: transparent url('images/square-green-right.gif') no-repeat top right;
display: block;
padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
}

p.squarebutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

p.squarebutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

/******end of button styling***********/

form {
	padding:3px;
	margin:0px;
	
}
.formstyle strong {
	float:left;
	width:150px;
	
display: block;
float: left;
font: normal 12px Arial; /* Change 12px as desired */
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 23px; /* Height of button background height */
padding-left: 9px; /* Width of left menu image */
text-decoration: none;

}

.formstyle input,  select {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	/**border:groove 2px #000000;
	color:#00000;
	background-color:#8db500;**/
	background-image:url(../../images/square-green-right.gif);
	width:300px;
}

.formstyle textarea{border:groove 2px #000000;
	color:#000000;
	background-image:url(../../images/square-green.gif);
	display:block;
	width:300px
	}
.search {
	position:relative;
	top:0px;
	left:571px;
	background-image:url(../../images/background_search.gif);
	background-repeat:no-repeat;
	width:169px;
	height:41px;
	z-index:100;
}
.search_text {
	float:left;
	font-size:14px;
	padding-right:5px;
}
span.searchfield {
	border:none;
	background-image:url(../../images/background_search.gif);
	background-position:top left;
	background-repeat:no-repeat;
	background-color:#323232;
	padding: 0px 7px 5px 7px;
	display: block;
	float: left;
}
.searchfield input {
	border:none;
	width:170px;
	height:22px;
	font-size:16px;
	margin: 5px 3px 5px 0px;
	padding:0px 0px 0px 0px;
	color:#008cdc;
	background-color: transparent;
}
.button {
	border:none;
	width:32px;
	height:32px;
	line-height: 32px;
	vertical-align: top;
	margin-top: 1px;
	border:1px solid #33FFFF;
	border:none;
}

.pagesearch_button {
	height:26px;
	font-size:14px;
	font-weight:bold;
	border:solid 1px #4585ad;
	padding:3px;
	color:#008cdc;
}

.scope {
	height:24px;
	font-size:14px;
	border:solid 1px #4585ad;
	padding:3px;
	color:#008cdc;
	margin-top:5px;
}

.inline {
	display:inline;
	margin:0px;
	padding:0px;
}

.pagefield {
	height:30px;
	width:250px;
	font-size:24px;
	border:solid 1px #4585ad;
	padding:3px;
	color:#008cdc;
}

.pagesearch {
	height:40px;
	font-size:16px;
	color:#008cdc;
}

.search-results h4 {
	font-weight: normal;
	margin: 0.2em 0 0 0;
	padding: 0;
}

.search-term {
	font-weight: bold;
	font-style: italic;
}

.search-body {
	width: 600px;
}

hr {
	border:solid 1px #ccc;
	height:1px;
}

.search-result {
	background-color:#eee;
	padding:10px;
	margin-bottom:10px;
}

.navstart {
	line-height:0px;
	height:0px;
	padding:0px;
	margin:0px;
}
.clearLeft {
	clear: left;
	padding: 10px 0 0;
}

/*
##	Document Module
*/
#docsCategoriesContainer {
	width: 300px;
	margin: 0px 10px 10px 0;
	padding: 0;
	background-color:#EEEEEE;
}
.docsCategories {
	float: none;
	margin: 0 0 0 30px;
	padding:20px 0 20px 0;
}
#documentContents {
	margin: 0 160px 0 0;
}


/*
##	News Module
*/
.newslistitem {
	clear: both;
}
.newslistitem:hover {
	background-color: #EEEEEE;
}
.newslistitem .newslistimage {
	float: left;
}
.newslistitem .newslisttitle {
	margin-left: 86px;
}

.newslistitem .byline {
	margin-left: 86px;
}


/*
##	Pagination
*/
#pagination {
	clear: both;
	text-align: center;
}
#pagination a,
#pagination span {
	display: inline-block;
	padding: 0px 8px;
	color: #FFF;
	background-color: #1f6a9a;
	border: 2px solid #1f6a9a;
	text-decoration: none;
	line-height: 28px;
}
#pagination a:hover {
	color: #FFF;
	background-color: #1f89cd;
	border: 2px solid #1f89cd;
}
#pagination .first {
}
#pagination .previous {
}
#pagination a.next {
}
#pagination .last {
}
#pagination .current {
	margin: 0 3px;
	background-color: #1f89cd;
	border: 2px solid #1f89cd;
}
#pagination .pageLink {
	margin: 0 3px;
}

table {
	margin-right:-250px;
	border-collapse:collapse;
}

td {
	border-bottom:solid 1px #ccc;
	border-collapse:collapse;
}

tr {
	border-collapse:collapse;
}