html{
	font-family: arial, tahoma, verdana;
	font-size: 1em;
	}

body{
	margin: 24px auto;
	text-align: center;
	padding: 0 0 0 0;
	background-color: #026838;
	background-image: url('images/main-bg.jpg');
	background-position: top left;
	background-repeat: x-repeat;
	color: #000000;
	}
	
p{
	margin: 6px;
	text-align:left;
	}
	
a{
	text-decoration: none;
	}
	
a:hover{
	text-decoration: underline;
	}
	
.error{
	color: red;
	}

.clear{
	clear:both;
	}
	
ul, ol{
	text-align: left;
	margin-left: 50px;
	}
	
table{
	border-collapse: collapse;
	}
	
table tr td{
	vertical-align: top;
	margin: 0px;
	padding: 0;
	}
	
form fieldset, fieldset{
	background-image: url('images/logo.jpg');
	background-repeat: no-repeat;
	background-position: 30px right;
	margin: 12px;
	padding: 12px;
	border: 1px solid #cdcdcd;
	}
	
form fieldset legend, fieldset legend{
	margin:0;
	margin-bottom: 6px;
	padding:1px 3px;
	border: 1px dotted #cdcdcd;
	}
	
fieldset ul{
	width: auto;
	list-style:none;
	margin: 0;
	padding: 0px;
	text-align: left;
	}
	
fieldset ul li{
	background-color: #d7dcea;
	margin: 2px 0px;
	}
	
fieldset ul li p{
	padding:2px;
	line-height: 19px;
	}
	
form p{
	width: 100%;
	text-align:left;
	margin: 1px 0;
	line-height:1.8em;
	}

form label{
	text-align: right;
	vertical-align: top;
	width: 10em;
	margin-right: 0.5em;
	line-height:1.3em;
	display: inline-block;
	}

form label.err{
	color:red;
	}

form input.error, form textarea.error {
	background-color: #fcc;
	border: 2px dotted #f20;
	}

form label.error {
	text-align:left;
	color: #f00;
	margin-left: 13px;
	width: auto;
	display: inline;
	}
	
form input, form textarea{
	font-family: arial, tahoma, verdana;
	font-size: 1em;
	width:200px;
	}

	
form input.submit, .but{
	margin-left: 13em;
	margin-right: 0em;
	margin-top: 6px;
	width: 100px;
	background: #ffffff;
	border: 2px solid #cdcdcd;
	}
	
.but{
	margin-left: 0.5em;
	}
	
#info, #error{
	margin: 6px 2px;	
	width: 98%;
	display:none;
	}
	
#info{
	border: 2px solid #ffa54a;
	background-color: #ffffd2;
	}

#error{
	border: 2px solid #f00000;
	background-color: #ffd7d7;
	}
	
#info p, #error p{
	padding: 2px;
	font-size: 0.9em;
	font-weight: bold;
	}
	
#error p{
	color: #f00000;
	}
	
.title{
	font-weight: bold;
	font-size: 1.3em;
	}
	
.header{
	z-index: 10;
	display: block;
	background-image: url('images/logo.jpg');
	background-position: top left;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	border: 0px solid #000000;
	}
	
.container, .credit{
	margin: 0px auto;
	border: 0px solid #e2e2e2;
	width: 964px;
	position:relative;
	}
	
.credit{
	border: 0px;
	}
	
.left_col{
	float: left;
	clear: right;
	display: block;
	width: 713px;
	}		
	
.right_col{
	float: left;
	clear: right;
	margin-left: 4px;
	display: block;
	width: 242px;
	}		
	
.content{
	float: left;
	display: block;
	background-color: #ffffff;
	border: 2px solid #cdcdcd;
	-moz-border-radius: 5px;
	border-radius: 5px;
	width: 700px;
	margin: 0 auto;
	margin-top: 12px;
	margin-right: 10px;
	}
	
.news_col{
	background-color: #ffffff;
	border: 2px solid #cdcdcd;
	-moz-border-radius: 5px;
	border-radius: 5px;
	width: 242px;
	margin: 0 auto;
	margin-top: 12px;
	}
		
.logo_title{
	margin-top: 6px;
	margin-left: 280px;
	text-align: left;
	}

.menu{
	z-index: 10;
	position: relative;
	}
	
.menu ul{
	display: block;
	margin:20px 0px 10px 270px;
	padding: 0px;
	}
	
.menu li{
	margin:1px 2px 1px 0px;
	padding:0px 7px;
	list-style:none;
	display:inline-block;
	float:left;
	clear:right;
	position: relative;
	}
	
.menu li a{
	text-align:center;
	display:block;
	color:#000000;
	font-size: 0.9em;
	padding:0px;
	margin: 0 0px;
	position: relative;
	}
	
.menu li a:hover{
	text-decoration: underline;
	}

.menu li.current, .menu li:hover{
	}
	
.menu li.current a, .menu li:hover a{
	}
	
.menu li.hasmore{

	}
	
ul.dropdown{
	background-color: #ffffff;
	border: 1px solid #cdcdcd;
	margin:0px;
	padding:5px;
	display:block;
	position:absolute;
	top: 100%;
	display:none;
	left:0px;
	overflow:hidden;
	}
	
ul.dropdown ul.dropdown{
	top:0;
	left:95%;
	}
	
ul.dropdown li{
	background-image: none;
	text-align:left;
	margin:0px; 
	padding: 2px 3px;
	float: none;
	position:relative;
	list-style:none;
	display:block;
	border-bottom:1px solid #cdcdcd;
	}
	
ul.dropdown li.last{
	border:0;
	}

ul.dropdown li a{
	text-align:left;
	background-image: none;
	border: 0px;
	padding: 0 6px;
	color:#000000;	
	display:block;
	position:relative;
	z-index: 0;
	}
	
.sub_menu{
	border: 0px solid #000000;
	margin-bottom: -8px;
	}
	
.sub_menu ul{
	margin: 5px 10px 0px 10px;
	padding: 0px;
	}
	
.sub_menu li{
	margin:1px 2px 1px 0px;
	padding:0px 9px;
	list-style:none;
	display:inline-block;
	float:left;
	clear:right;
	position: relative;
	}
	
.sub_menu li a{
	text-align:center;
	display:block;
	color:#ffffff;
	font-size: 0.9em;
	padding:0px;
	margin: 0 0px;
	position: relative;
	}

.images{
	position: relative;
	width: 960px;
	height: 350px;
	border: 2px solid #cdcdcd;
	-moz-border-radius: 5px;
	border-radius: 5px;
	overflow: hidden;
	}

.slider{
	height: 350px;
	width: 560px;
	overflow: hidden;
	position:relative;
	float: left; clear:right;
	}
	
.slider .slides {
	position:absolute; top:0; left:0;
	}

.slider .slides .slide {
	height: 350px;
	width: 560px;
	background-repeat: no-repeat;
	}

.slider .slides .slide .slideImage{
	height: 350px;
	width: 560px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;	
	}
	
.slider span{
	position: absolute; 
	bottom: 0px; left: 0;
	height: 30px; width: 100%;
	color: #ffffff;
	font-weight: bold;
	background-color:#000000;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	-moz-border-radius-bottomleft: 3px;
	border-bottom-left-radius: 3px;	
	}

	
#map{
	position: relative;
	float: left;
	clear: right;
	}

#map.fix{
	background-image: url("images/map.jpg");
	}
	
.map_note{
	line-height: 20px;
	background-color: #ffffff;
	text-align: center;
	font-size: 0.55em;
	-moz-border-radius-bottomright: 3px;
	border-bottom-right-radius: 3px;	
	}

.text{
	width:100%;
	margin: 0px;
	}
	
	
/* paginate LIST */

.paginate{
	border: 0px solid #000000;
	}
	
.paginate ul{
	list-style: none;
	margin:0px;
	padding: 0px;
	}
	
.paginate ul li{
	margin-bottom: 12px;
	}
	
.paginate li .title{
	margin: 4px 6px;
	}
	
.paginate li p{
	margin: 4px 6px;
	}

.pagination {list-style:none; margin:0px; padding:0px;}  
.pagination li{float:left; margin:3px;}  
.pagination li a{   display:block; padding:3px 5px; color:#fff; background-color:#b3d9ff; text-decoration:none;}  
.pagination li a.active {border:1px solid #000; color:#000; background-color:#fff;}  
.pagination li a.inactive {background-color:#eee; color:#777; border:1px solid #ccc;}

	
/* ################### */


/* NEWS PANEL*/
.news, .newsbody, .newsfoot{
	width: 100%;
	}

.news{
	margin-top: 0px;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
	}
	
.newsfoot{
	margin-bottom: 0px;
	}

.news, .newsfoot{
	padding:1px 0;
	margin:0px;
	line-height: 0.8em;
	background-color:#004027;
	}
	
.news p{
	color: #ffffff;
	font-weight: bold;
	font-size: 0.8em;
	}

	
.newsfoot{
-webkit-border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;	}
	
.newsbody{
	margin: 0px;
	height: 150px;
	overflow:auto;
	}

.newsbody p{
	font-size: 0.8em;
	color: #000000;
	}
	
.newsbody ul{
	list-style: none;
	margin:0px;
	padding: 0px;
	}
	
.newsbody ul li{
	display:block;
	height: 150px;
	}


/* ####################### */
	
.credit p{
	text-align: center;
	font-size: 0.8em;
	margin:2px;
	color:#cdcdcd;
	}
	
.credit a{
	color:#cdcdcd;
	}