* {margin: 0;}
body {font: .7em  Arial, sans-serif; line-height: 1.6em; background: #FFF; color: black;}
a {color: #0131C1; background: transparent;}
a:hover {color: #2EAEED; background: transparent;}

#LOGIN {width: 240px; height: 120px; background: none; margin: 20px auto 0 auto; border: 1px dotted #CCC;}
	#LOGIN input.text {float: left; width: 152px; height: 16px; border: none; background: transparent url(../img/login-input-bg.gif) no-repeat; padding: 4px; color: #0131C1; font-weight: bold; margin: 13px 7px 0 10px;}
	#LOGIN label {float: left; color: #555; background: inherit; font-weight: bold; margin: 14px 0 3px 0;}
	#LOGIN input.submit {background: #014CFF url(../img/button-bg.gif) no-repeat; border: none; padding: 3px 0; width: 65px; height: 24px; margin: 10px 0 0 58px; color: #FFF; font-weight: bold;}
	#LOGIN input.submit:hover {color: #2EAEED;}
	#LOGIN h1.login {background: none; font-size: 1.3em; margin: 0; padding: 3px 10px 0 10px;}

#CONTENT {margin: 0 auto; width: 980px;}

#HEADER {height: 130px; background: #FFF url(../img/header-bg.gif) no-repeat; color: #000; margin: 5px 0 3px 0;}
	#LOGOS {float: left; width: 130px; height: 130px;}
	#LOGOS img {border: none;}
	#IMMENU {float: right; width: 473px; height: 95px; padding: 7px 0 3px 17px; background: transparent url(../img/immenu-bg.gif) no-repeat;}
	#IMMENU #HSSHOW {float: left; width: 366px; height: 87px; overflow: hidden;}
	#IMMENU #HLINKS {float: right; text-align: center; padding: 30px 15px 0 0;}
	#IMMENU #HLINKS img {border: none;}
	#IMMENU #HLINKS a {text-decoration: none;}
	#MENU {float: right; width: 850px; height: 25px; background: transparent url(../img/menu-top-bg.gif) no-repeat right;}

#NEWS {float: left; width: 980px; height: 30px; background: #FFF url(../img/news-new-bg.gif) no-repeat; margin-bottom: 5px; overflow: hidden; position: relative;}
	#NEWS_title {float: left; width: 83px; padding: 0 0 0 17px; line-height: 30px; background: url(../img/news-new-title-bg.gif) no-repeat right;}
	#NEWS_title a {font-weight: bold; text-decoration: none; font-size: 13px; color: #000;}
	#NEWS_title a:hover {color: #0131C1;}
	#NEWS_frame {position: relative}
	#NEWS_frame img {position: absolute; border: none;}
	#NEWS_previous {top: 0; left: 957px;}
	#NEWS_next {top: 15px; left: 957px;}

	#NEWS_content {position: absolute; margin-top: 0; left: 98px;}
	.NEWS_item {width: 830px; height: 26px; padding: 2px 7px; background: transparent; text-align: left; overflow: hidden;}
	.NEWS_item p {font: bold 11px Tahoma, Arial, sans-serif; color: #9f0101; line-height: 95%;}
	.NEWS_item a {font: bold 11px Tahoma, Arial, sans-serif; color: #000; text-decoration: none;}
	.NEWS_item a:hover {color: #0131C1;}

#MAIN-LOGIN {float: right; width: 401px; height: 24px; background: #FFF url(../img/login-new-bg.gif) no-repeat; margin-bottom: 5px; padding: 3px;}
	#MAIN-LOGIN label {float: left; color: #000; background: transparent; font-weight: bold; padding: 3px;}
	#MAIN-LOGIN input.text {float: left; width: 107px; height: 16px; border: none; background: transparent url(../img/main-login-input-bg.gif) no-repeat; padding: 4px; color: #0131C1; font-weight: bold;}
	#MAIN-LOGIN input.submit {float: right; background: #014CFF url(../img/button-bg.gif) no-repeat; border: none; padding: 3px 0; width: 65px; height: 24px; color: #FFF; font: bold 11px Tahoma, Arial, sans-serif;}
	#MAIN-LOGIN input.submit:hover {color: #2EAEED;}
	#MAIN-LOGIN a.logout {float: right; background: #014CFF url(../img/button-bg.gif) no-repeat; padding: 5px 0; width: 65px; height: 14px; color: #FFF; font: bold 11px Tahoma, Arial, sans-serif; text-align: center; text-decoration: none;}
	#MAIN-LOGIN a.logout:hover {color: #2EAEED;}

#LEFT {float: left; width: 240px; margin: 0 0 10px 0;}
	#LEFT h1 {background: #F2E6A3 url(../img/left-h1-bg.gif) no-repeat center left; color: #222; padding: 3px 0 4px 10px; font: bold 1.3em "Trebuchet MS", Arial, Sans-Serif; margin: 0 0 4px 0;}
	#LEFT img {float: left; margin: 0 9px 3px 0; padding: 1px; border: 1px solid #CCC;}
	#LEFT a:hover img {border: 1px solid #0131C1;}
	#LEFT img.banner {margin: 0;}
	#LEFT div.articles-top {height: 30px; background: transparent url(../img/left-articles-top-bg.gif) no-repeat;}
	#LEFT div.articles-smalltop {height: 8px; background: transparent url(../img/left-articles-smalltop-bg.gif) no-repeat;}
	#LEFT div.articles-top h1 {background: none;}
	#LEFT div.articles-top h1 a {color: #222; text-decoration: none;}
	#LEFT div.articles-top h1 a:hover {color: #0131C1;}
	#LEFT div.articles {background-color: #E8E8E8; padding: 0 5px 0 8px; overflow: auto;}
	#LEFT div.articles h1 {background: none;  padding: 2px 0; font: normal 1.2em Tahoma, Arial, sans-serif; color: #444;}
	#LEFT div.articles p {clear: both;}
	#LEFT div.articles hr {clear: both; margin: 5px 0; border: 0; color: #CCC; background-color: #CCC; height: 1px;}
	#LEFT div.articles a {color: #444; text-decoration: none;}
	#LEFT div.articles a:hover {color: #0131C1; text-decoration: underline}
	#LEFT div.articles-bottom {height: 8px; background: transparent url(../img/left-articles-bottom-bg.gif) no-repeat; margin: 0 0 5px 0; clear: both;}
	#LEFT div.notice {background: #EEE; color: #808080; padding: 12px 8px; margin: 0 0 4px 0;}
	#LEFT div.counter {margin-left: 50px; margin-top: 3px;}
	#LEFT div.counter img {margin: 0; border: 0;}

#RIGHT {float: right; width: 734px; margin: 0 0 10px 0; text-align: justify;}
	#RIGHT h1 {clear: both; background: #F8F2CD url(../img/right-h1-bg.gif) no-repeat center right; color: #666; padding: 3px 0 4px 10px; font: bold 1.4em "Trebuchet MS", Arial, Sans-Serif; margin: 0 0 4px 0;}
	#RIGHT h1 a {color: #666; text-decoration: none;}
	#RIGHT h1 a:hover {color: #000; text-decoration: underline;}
	#RIGHT h2 {clear: both; background: none; color: #555; font: bold 1.6em "Trebuchet MS", Arial, Sans-Serif; margin-bottom: 5px; padding: 0;}
	#RIGHT h3 {clear: both; background: none; color: #C10000; font: bold 1.2em "Trebuchet MS", Arial, Sans-Serif; margin-bottom: 5px; border-bottom: 1px dotted #AAA;}
	#RIGHT ul, #RIGHT ol {padding: 5px 0 5px 40px;}
	
	#RIGHT div.border-top {height: 19px; background: #FFF url(../img/border-top-bg.gif) no-repeat;}
	#RIGHT div.border-body {background: #FFF url(../img/border-body-bg.gif) repeat-y; padding: 0 10px 0 10px; overflow: hidden;}
	#RIGHT div.border-bottom {height: 14px; background: #FFF url(../img/border-bottom-bg.gif) no-repeat; margin: 0 0 10px 0;}
	#RIGHT img {margin: 5px; padding: 1px; border: 1px solid #CCC;}
	
	/*#RIGHT .photogallery {width: 220px; height: 149px; background: transparent url(../img/photogallery-bg.gif) no-repeat;}*/
	
	
	#RIGHT #text {margin: 5px 0 0 0; padding: 0; font-size: 1.2em; background: #FFF url(../img/content-bg.gif) repeat-y; min-height: 850px; height: auto!important; height: 850px;}
	#RIGHT .text {margin: 5px 0 0 0; padding: 0; font-size: 1.2em; background: #FFF url(../img/content-bg.gif) repeat-y;}
	#RIGHT p {padding: 0 0 5px 0;}
	#RIGHT #categ {overflow: auto; border-top: 1px dotted #AAA; border-bottom: 1px dotted #AAA; text-align: center; padding: 3px 0;}
	#RIGHT #categ a {padding: 0 6px 0 14px; background: transparent url(../img/bullet.gif) no-repeat 0 4px; text-decoration: none; font-weight: bold; font-size: 1.1em;}
	#RIGHT #categ a:hover {background: transparent url(../img/bullet.gif) no-repeat 4px 4px;}
	#RIGHT #list ul {list-style-type: none; margin: 7px; padding: 0;}
	#RIGHT #list li {padding: 1px 0; display: block;}
	#RIGHT #list a {padding: 0 0 0 18px; background: transparent url(../img/bullet.gif) no-repeat 0 6px; text-decoration: none; font-weight: bold;}
	#RIGHT #list a:hover {background: transparent url(../img/bullet.gif) no-repeat 4px 6px;}
	#RIGHT #contact span {border: 1px solid #0000C1; padding: 0 2px 1px 1px; font-weight: bold;}
	#RIGHT #contact input {border: 1px solid #0000C1; width: 710px; padding-left: 2px; margin-bottom: 10px;}
	#RIGHT #contact input.button {border: none; background: #014CFF url(../img/button-bg.gif) no-repeat; width: 65px; height: 24px; color: #FFF; font-weight: bold;}
	#RIGHT #contact input.button:hover {color: #2EAEED;}
	#RIGHT #contact textarea {border: 1px solid #0000C1; width: 710px; height: 130px; margin-bottom: 10px; padding: 1px; font-family: Tahoma, Arial, sans-serif; font-size: 13px;}
	#RIGHT #contact .error {border: 1px solid #F00; color: #F00; margin: 10px 0 10px 0; padding: 5px;}

#FOOTER {clear: both; text-align: center; padding: 10px 0; border-top: 1px dotted #ccc; line-height: 2em;}
	#FOOTER a {color: #888; background: #FFF;}
	#FOOTER a:hover {color: #444;}