/*****
	GENERAL SCREEN CSS FILE
		****/

html {
	height: 100%;
	margin: 0;
	padding: 0;
	
}
	
body {
	height: 100%;
	margin: 0;
	padding: 0;
	
	background: url(../img/body.png) repeat;
	
	font-family: Tahoma;
	font-weight: normal;
	font-size: 12px;
	text-decoration: none;		
	
	text-align: center;
	
}

a {
	text-decoration: none;
	color: #7ea212;
	font-family: Tahoma;
}

p,ul,li {
	margin: 0 0 5px 0;
	padding: 0;
	color: #2B6400;
}

ul {
	margin: 10px 0 10px 35px;
}

h1,h2,h3,h4,h5,h6 { margin: 0; padding: 0;  font-family: Tahoma; }

h2 {
	font-size: 16px;
	color: #2B6400;
}

h3 {
	font-size: 14px;
	color: #2B6400;
}

h4 {
	font-size: 12px;
	color: #2B6400;
}

/****
	PSEUDO
		****/
		
		#top {
			display: none;
			position: absolute;
			top: 0; left: 50%;
			width: 920px; height: 0;
			margin: 0 0 0 -460px;
			background: url(../img/top.png) no-repeat;
			z-index: 1;
		}
		
		#end {
		}

/****
	CONTAINTER
		****/
		
		#container {
			position: relative;
			top: 0; left: 0;
			width: 920px; height: 100%;
			margin: 0 auto;
			background: url(../img/container.png) repeat-y;
			text-align: left;
		}
		
/****
	HEADER
		****/
		
		#header {
			position: relative;
			top: 0; left: 0;
			width: 920px; height: 140px;
			background: url(../img/header.png) no-repeat 670px 76px;
			text-transform: uppercase;
		} 
		
		#header h1 {
			position: absolute;
			width: 600px; height: auto;
			margin: 28px 0 0 80px;
			padding: 25px 0 0 0;
			font-family: Arial;
			font-size: 16px;
			color: #439D00;
			text-indent: 120px;
		}
		
		#header h1 a {
			color: #439D00;
		}
		
		#header h1 span {
			position: absolute;
			top: 0; left: 0;
			width: 100px; height: 97px;
			background: url(../img/header_h1.png) no-repeat;
		}
		
		#header h1 span.header_h1 {
			font-size: 20px;
			margin: 45px 0 0 0;
			width: auto;
			background: none;
		}
		
/****
	PATH
		****/
		
		#path {
			position: absolute;
			clear: both;
			top: 290px; left: 57px;
			width: 806px; height: 30px;
			background: #ecf0c5;
			text-align: right;
		}
		
		#path h2 {
			margin: 5px 10px 0 0;
			text-transform: uppercase;
		}
		
/****
	UPDATE
		****/
		
		/*
		#update {
			position: absolute;
			bottom: 15px; left: 67px;
			width: 160px; height: 25px;
			text-align: right;
			color: #2B6400;
			z-index: 99;
		}	
		*/
		
		#update {
			display: none;
			position: absolute;
			bottom: 0; left: 0;
			width: 160px; height: 25px;
			text-align: right;
			color: #2B6400;
			z-index: 99;
		}
		
		#update p {
			color: #2b6400;
			font-size: 9px;
		}	
		
/****
	CONTENT
		****/
		
		#content {
			position: relative;
			top: 220px; left: 0;
			width: 100%; height: auto;
			margin: 0 0 50px 0;
			background: url(../img/container.png) repeat-y;
			background-color: #efefef;
		}
		
		#clear { 
			clear: left;
			position: relative;
			width: 10px; height: 10px;
		}
		
		#col0, #col1, #col2 {
			position: relative;
			float: left;
		}
		
		#col0 {
			position: relative;
			top: 0; left: 0;
			width: 237px; height: 1px;
		}
		
		#col1 {
			position: relative;
			top: 0; left: 0;
			width: 603px; height: auto;
			margin-bottom: 40px;
			padding-left: 10px;
		}
		
		#col1 p {
			line-height: 22px;
			margin: 0 0 10px 0;
		}
		
		#col1 h2 p {
			color: #2B6400;
			font-size: 20px;
			font-weight: normal;
			margin: 0 0 10px 0;
		}
		
		#col1 h3 {
			margin: 0 0 10px 0;
		}
		
		
	/***
	CONTENTTABLE
	***/
	
		#col1 .contenttable {
			padding: 0; 
			margin: 0;
			width: 500px;
			border: 0;
		}
		
		#col1 .contenttable td {
			vertical-align: top;
			padding: 3px 10px;
			
		}
		
		#col1 .contenttable .td-0 {
			font-weight: bold;
			color: #2B6400;
			text-transform: uppercase;
			background: none;
			border: 0;
		}
		
		#col1 .contenttable td {
			background: #ecf0c5;
			border-left: 2px solid #2B6400;
			color: #3F551A;
		}

		#col1 .contenttable .tr-0 {
			background: #9eb94d;
			width: 100%; height: auto;
			margin: 0;
		}

		#col1 .contenttable .tr-0 .td-0 {
			color: #FFFFFF;
			text-transform: uppercase;
			font-weight: bold;
			font-size: 14px;
			
			width: 200px;
		}
		
		#col1 .contenttable .tr-0 td {
			background: #9eb94d;
			border: 0;
		}
		
	/* CONTACTFORM */
		#col1 fieldset {
			border: 0;
		}	
		
		#col1 .csc-mailform-field {
			position: relative;
			width: auto; height: 22px;
		}
		
		#col1 .csc-mailform-field label {
			position: absolute;
			margin-top: 2px;
		}
		
		#col1 .csc-mailform-field input,
		#col1 .csc-mailform-field textarea {
			position: absolute;
			left: 120px;
			font-size: 11px;
			border: 1px solid #439D00;
			background: #E3F1B5;
		}
		
		#col1 .csc-mailform-field .csc-mailform-submit {
			position: absolute;
			color: #333333;
		}
		
		#col1 .formset {
			font-weight: bold;
			margin-left: -10px;
		}
		
		
	/***
	COL2
	***/
		
		#col2 {
			display: none;
		}
		
		#col2 p {
			line-height: 18px;
		}

/****
	NEWS
		****/
		
	/*** SINGLE ***/
		
		#col1 .news-single-subheader p {
			font-size: 11px;
			font-weight: bold;
		}

				
	/*** LIST ***/
	
		#col1 .news-list-item {
			position: relative;
			width: 100%; height: 100%;
			border-bottom: 2px solid #2B6400;
			margin: 0 0 15px 0;
		}
		
		#col1 .news-list-title {
			width: 100%; height: auto;
			/* background: #ecf0c5; */
			background: #9eb94d;
		}
		
		#col1 .news-list-title h3 {
			padding: 3px 10px;
			margin: 0 0 2px 0;
			color: #FFFFFF;
			text-transform: uppercase;
		}
		
		#col1 .news-list-image {
			position: relative;
			float: left;
			width: 200px;
		}
		
		#col1 .news-list-subheader {
			position: relative;
			float: left;
			background: #ecf0c5;
			padding: 0 10px;
			width: 320px; height: 125px;
			margin: 0 0 2px 0;
			border-right: 2px solid #5B8321;
		}
		
		#col1 .news-list-subheader p {
			margin: 0;
			line-height: 16px;
		}
		
		#col1 .news-list-file {
			position: relative;
			float: left;
			width: 50px;
		}
		
		#col1 .news-list-file .icon {
			float: left;
			width: 10px;
			margin: 10px;
		}
		
		#col1 .news-list-file .file {
			float: left;
			width: 180px;
			margin-left: 10px;
		}
		
		/*
		#col1 .news-list-images,
		#col1 .news-list-subheader {
			position: relative;
			float: left;
		}
		
		#col1 .news-list-images {
			margin: 0 10px 0 0;	
			width: 200px;
		}
		
		#col1 .news-list-subheader {
			width: 390px;
			background: #efefef;
		}

		#col1 .news-list-date {
			display: none;
			color: black;
			font-size: 11px;
			font-weight: normal;
			padding-left: 10px;
			
		}
		
		#col1 .news-list-morelink {
			position: relative;
		}
		*/
		
		#col1 .news-latest-clear {
			clear: left;
			position: relative;
			
		}	
		
	/*** LATEST ***/

		#col2 .col2_newslatestheader,
		#col2 .news-latest-container h3 {
			position: relative;
			width: 270px; height: 16px;
			padding: 2px 10px;
			background: #ecf0c5;
		}
		
		#col2 .news-latest-item {
			position: relative;
			clear: left;
			width: 290px; height: auto;
			border-bottom: 8px solid #2B6400;
		}
		
		#col2 .news-latest-image,
		#col2 .news-latest-content {
			float: left;
		}
		
		#col2 .news-latest-content {
			position: relative;
			width: 135px; height: auto;
			padding: 0 0 0 10px;
		}
		
		#col2 .news-latest-morelink {
			position: relative;
			float: right;
		}
		
		#col2 .news-latest-clear {
			clear: left;
			position: relative;
			
		}
		
		
		
/****
	IMAGE
		****/
		
		#image {
			position: absolute;
			top: 140px; left: 57px;
				width: 806px; height: 140px;
			background: #ffffff;
			border-top: 10px solid #2B6400;
		}	
		
/****
	MENU
		****/
		
		#menu_items {
			position: absolute;
			top: 358px; left: 67px;
			width: 160px;
			padding-right: 10px;
			border-right: 1px dashed #2b6400;
		}
		
		#menu {
		
		}
		
		#menu ul {
			list-style: none;
			margin: 0;
			padding: 0;
			text-align: right;
		}
		
		#menu ul li {
			position: relative;
			display: block;
			width: 160px; 
			margin: 2px 0;
		}
		
		#menu ul li span {
			display: none;
		}
		
		#menu ul li ul li ul li ul {
			margin: 8px 0;
		}
		
		#menu ul li ul li ul li ul li {
			margin: 0;
		}
		
		
		/*** TYPO ***/
		
			#menu ul li ul li span.menuname {
				display: block;
				color: #3F551A;
				font-weight: bold;
				font-size: 14px;
				padding-bottom: 8px;
				text-transform: uppercase;
				letter-spacing: 1px;
			}
			
			#menu a {
				text-transform: uppercase;
				font-size: 12px;
				font-weight: bold;
				font-family: Arial;
			}
			
			#menu ul li ul li a,
			#menu ul li ul li a:hover,
			#menu ul li ul li a.active {
				color: #439D00;
				font-size: 14px;
			}
			
			#menu ul li ul li ul li a {
				font-size: 12px;
				color: #439D00;
			}
			
			#menu ul li ul li ul li a:hover,
			#menu ul li ul li ul li a.active,			
			#menu ul li ul li ul li ul li a {
				color: #2B6400;
				font-size: 12px;
			}
			
			#menu ul li ul li ul li ul li a:hover,
			#menu ul li ul li ul li ul li a.active,
			#menu ul li ul li ul li ul li ul li a {
				color: #E3F1B5;
				font-size: 12px;
			}
			
/****
	MENU2 
		****/
		
		#menu2 {
			position: relative;
			top: 0; left: 0;
			margin: 10px 0 0 0;
			padding: 10px 0 0 0;
			width: 160px;
			border-top: 1px solid #2B6400;
		}
		
		#menu2 ul {
			list-style: none;
			margin: 0;
			padding: 0;
			text-align: right;
		}
		
		#menu2 ul li {
			position: relative;
			display: block;
			width: 160px; 
		}
		
		#menu2 ul li span {
			display: none;
		}
		
		#menu2 a {
				text-transform: uppercase;
				font-size: 12px;
				font-weight: bold;
				color: #439D00;
			}
			
/****
	SITELINKS
		****/
		
		#sitelinks {
			position: relative;
			top: 0; left: 0;
			margin: 0;
			padding: 10px 0 0 0;
			width: 160px;
		}
		
		
		#sitelinks ul {
			list-style: none;
			margin: 0;
			padding: 0;
			text-align: right;
		}
		
		#sitelinks ul li {
			position: relative;
			display: block;
			width: 160px; 
		}
		
		#sitelinks ul li span {
			display: none;
		}
		
		#sitelinks a {
			text-transform: uppercase;
			font-size: 12px;
			font-weight: bold;
			color: #439D00;
		}
		
		
/**** 
	LANG
		****/
		
		#lang {
			position: absolute;
			top: 0; left: 0;
			margin: 10px 10px 0 400px;
			width: 450px;
		}
		
		#lang .tx-siswitchlang-pi2 ul li {
			display: block;
			float: right;
			margin: 0 0 0 10px;
		}
			
/****
	FOOTER
		****/
		
		#footer {
			position: absolute;
			top: 0; left: 0;			
		}