@charset "utf-8";
/* CSS Document */

html {height: 100%;}

body {font-family:Arial, Helvetica, sans-serif; 
	font-size:12px;
	font-weight: normal;
	color:#000000;
	text-align: left;
	background-color:#FFFFFF;
	margin:0px;
	padding:0px;
	height:100%;
}

a:link {color:#04693A; text-decoration:underline;}
a:visited {color:#004112;}
a:hover {color:#187D4E; text-decoration:none;} 
a img {border:0px solid #FFFFFF;}

form {margin:0; padding:0;}
fieldset {margin:0; padding:0; border:0 solid #000000;}
input, textarea {font-family:Tahoma, Arial, sans-serif; font-size:11px; background:#FFFFFF; border:solid 1px #999999; padding:0 2px;}

		
.fl_l {display:inline; float:left;}
.fl_r {display:inline; float:right;}

.clearer {height:1px; font-size:1px; clear:both; float:none;}


#container {
	position: relative;
	min-height:100%;
	height:100%;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: auto;
   }

html>body #container {
	height:auto;
   }


	#top {width:100%; background-image:url(/img/bg_top.jpg); background-position:top; background-repeat:repeat-x; height:156px;}
		#widetop {height:156px; margin:0 auto; max-width:930px; min-width:800px; width: expression(document.body.clientWidth < 820? "800px" : document.body.clientWidth > 950? "930px" : "auto")}
		#top .logo {float:left; display:inline; margin:32px 0px 0px 16px; width:26%;}
		
		#top .sysmenu {float:right; display:inline; color:#FFFFFF; margin:16px 20px 18px 10px ;}
			#top .sysmenu a {color:#FFFFFF;}
			#top .sysmenu div {display:inline; margin:0 17px;}

		
	#top #widemenu {float:right; display:inline; width:70%;}
		#top #menu {background-image:url(/img/menu.jpg); background-position:top; background-repeat:repeat-x; background-color:#FFFFFF; border-top:7px solid #FFFFFF; color:#000000; font-size:12px; font-weight:bold; width:100%; padding:0px; margin:0px; border-collapse:collapse;}

			#top #menu td {margin:0px; text-align:center; padding:15px 0px 5px 0px;}
					#top #menu a {color:#000000;}
						#top #menu a.active {color:#04693A; text-decoration:none;}
					#top #menu a:hover {color:#04693A;}
				#top #menu td.menuitem {width:15%; text-align:center;}
				#top #menu td.spacer_l {width:3%;}
				#top #menu td.spacer_r {width:2%;}
				#top #menu td.separator {background-image:url(/img/separator.gif); background-position:center bottom; background-repeat: no-repeat; width:1%;}


/* --- pathway --- */
		#top .pathway {color:#BABABA; float:right; display:inline; font-size:10px; width:65%; margin:45px 0px 4px 0px;}
			#top .pathway a {color:#BABABA;}
				#top .pathway a:hover {color:#04693A;}


/* --- submenu --- */				
				.submenu ul {list-style:none; list-style-type:none; margin:0px 0px 18px 0px; padding:0px;}
					.submenu ul li {list-style:none; list-style-type:none; margin:10px 0px 1px 20px; padding:0px;}
						.submenu ul li ul li {list-style:square; list-style-type:square; margin-left:40px;}
				
		
		
#content {margin:0 auto; max-width:930px; min-width:800px; width: expression(document.body.clientWidth < 820? "800px" : document.body.clientWidth > 950? "930px" : "auto")}

			#content h1 {font-size:16px; font-weight:bold; margin:15px 0 20px 0; padding:0;}	
			#content h2 {font-size:16px; font-weight:bold; margin:15px 0 15px 0; padding:0;}	
			#content h3 {font-size:14px; font-weight:bold/*normal*/; margin:15px 0 10px 0; padding:0;}	
			#content h4 {font-size:12px; font-weight:normal; margin:10px 0 10px 0; padding:0;}	
			#content h5 {font-size:10px; font-weight:normal; margin:10px 0 10px 0; padding:0;}	
			#content p {margin:10px 0px 10px 15px;}
			
	#content .left {float:left; display:inline; width:24%; margin-top:40px; margin-left:10px;}
	
	#content .news {font-size:11px;}	
		#content .news h1 {float:left; display:inline; margin:0px;}
		#content .news .linkarchive a {float:right; display:inline; color:#000000; font-size:10px;}
		#content .newslist {clear:both; margin:15px 0px;}
			#content .news .date {clear:both; display:inline; margin-top:14px; width:20%; float:left;}
			#content .news .newsitem {display:inline; margin-top:14px; width:78%; float:right;}
	
	#content .weather {margin-top:35px;}
	
	#webcam {margin-top:35px;}
		#webcam h1 {float:left; display:inline; margin:0px; margin-bottom:10px;}
		#webcam .linkarchive a {float:right; display:inline; color:#000000; font-size:10px; margin-bottom:10px;}
			#webcam .webshots {width:197px; /*height:72px;*/text-align:center; border:1px solid #DBDBDB; margin:10px 0 10px 15px; padding:5px; float:left; display:inline;}
			#webcam .webshots img {/*width:97px; height:72px;*/ border:0px solid #DBDBDB; margin:0px; padding:0px; display:inline;}
	
	#content .right {float:right; display:inline; width:65%; margin-right:10px;}
		#content .right .right_block {float:right; display:inline; width:40%; margin-top:50px;}
		#content .right .left_block {float: left; display:inline; width:45%; margin-top:50px;}
		
	
	#push {height:129px;}
		
	#footer {width:100%; background-image:url(/img/bg_bot.jpg); background-position:bottom; background-repeat:repeat-x; height:129px;  position:absolute; bottom:0;}
		#widebot {height:129px; margin:0 auto; max-width:930px; min-width:800px; width: expression(document.body.clientWidth < 820? "800px" : document.body.clientWidth > 950? "930px" : "auto")}
		#footer .copyright {float:left; display:inline; color:#FFFFFF; margin-top:90px;}	


/* gallery */	
	#gallery {background:#F3F3F1; float:left; display:inline; padding:6px; margin:4px auto 4px 10px; width:585px;}
		#gallery .single {float:left; display:inline; margin:4px; width:560px;}
		#gallery .list {float:left; display:inline; width:585px;}
			#gallery .list a {float:left; display:inline;}
			#gallery .list img {padding:4px; margin:0px;}
				#gallery a.active, #gallery a:hover {background:#649C39;}
		
.bld { font-weight:bold; }
		
/* ********** */
/* cp */
.usermenu {	font-family : Tahoma, Verdana, Arial, sans-serif; font-size : 10px; color : #000000; }
a.usermenu:link {	color : #000066; font-size : 10px; text-decoration : none; }
a.usermenu:hover { color : #0000CC; font-size : 10px; text-decoration : underline; }
/* ********** */

.uheader-head { margin-top:10px; font-weight:bold; }
.uheader-content{ padding-left:15px; }