/*@charset "utf-8";

 CSS Document - Important Note !!!
  In this document the structure of the site is defined.
  For all the problems caused by editing this document, we are not responsible.
  Changes of the name of the class or id name, may cause structural problems.
  Adding class with same name will cause problems.
  Making changes are recommended only to professionals.
  For your convenience, styles are defined starting from the top of the pages.



 Additional restrictions, because of  differences between browsers. 
div{padding:0; margin:0;}
p {margin: 0px; padding: 0px;}
a img {border:none;}
a {outline:none;}

 Main Site Container 
#body_container{
	margin:0 auto;
	width: 980px;
	overflow:hidden;	
}

 Additional Container - sorry, but some additional divs are necesary because of IE 
#container {
	float:left;
	width:980px;
	padding-bottom:20px;	
}

 ########### Top Header - Logo, Languages, Main Menu ############ 
#top_box{width:980px; height:auto;}

 Space for logo image 
#logo {width:auto; height:auto; float:left;}

 Space for language links 
#language_button {
	float: right;
	height: 20px;
	padding:14px 10px 0 0;
	width: auto;
	text-align:right;
}
a.language{
	color:#a6a6a6;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding:0 5px;
}
#language_button a.current, #language_button a:hover{color:#000 !important;} 

 Search 
#search_box {
	float: right; margin:10px 20px 0 0 ; position:relative;
}
#search_box input.text{
	background:#FFF; border:1px solid #ccc; 
	width:178px; height:20px; 
	padding:1px 10px; 
	line-height:20px; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px; 
	font-weight:normal; 
	color:#888; 
}
#search_box input.button_search{
	background:url(../images/css_images/search_button.png) left top no-repeat; 
	width:20px; height:20px; 
	border:none; 
	text-indent:-99999px; 
	cursor:pointer; 
	margin:1px 0 0 -25px; 
	position:absolute; 
	right:2px; top:1px; 
}
 Space for top banner 
#top_banner{width:728px; padding-bottom:5px; float:right;}

 Space for main menu 
#main_menu {float:left; width: 980px;}
#main_menu ul{margin:0px; padding:0px; list-style:none;}
#main_menu ul li{margin:0px; padding:0px; float:left;width:100px;}
#main_menu ul li a{font-size:14px; color:#000; text-decoration:none;}
#main_menu ul li a:hover{color:#555}
#main_menu ul li.onPath a{color:#06F;}
#main_menu ul li.current a{color:#F00;}
#main_menu ul li ul{}
#main_menu ul li ul li{padding:0 0 0 15px;}
#main_menu ul li ul li a{}
#main_menu ul li ul li ul{}
#main_menu ul li ul li ul li{padding:0 0 0 15px;}
#main_menu ul li ul li ul li a{}


 ########### Space for header - Photo, Random Photo of Flash  ############# 
#header {
	float: left;
	z-index:0;
	width: 970px;
	height:300px;
	background-color:#FFFFFF;
	padding:7px 5px 7px 6px;
	border:1px solid #e6e6e6;
	position:relative;
}
 Shadow under photo or flash white box 
#header_shadow {
	float: left;
	height: 21px;
	width: 980px;
	background-image: url(../images/css_images/header_shadow.gif);
	background-repeat: no-repeat;
	background-position:center;
}

 #############  Main Page Content ##############

#content {
	float: left;
	width: 980px;
	background-image: url(../images/css_images/page_content_back.gif);
	background-repeat: repeat-y;
	background-position:center;
}
 ######### Left Column Content ############# 
#left_column {
	float: left;
	width: 212px;
	padding-left:25px;
	padding-right:10px;
}

 Left Menu Links 
#left_menu {padding:0; margin:0 0 15px;}

#left_menu  #main_menu_name{font-size:14px; font-weight:bold; padding-bottom:5px;}

#level_1{margin:0px; padding:0px; list-style:none;}
#level_1 li{margin:0px; padding:0 0 0 10px; list-style:none;}
#level_1 li a{text-decoration:none; font-size:14px;}
#level_1 li.onPath, #level_1 li.current{}

#level_2{margin:0px; padding:0px; list-style:none;}
#level_2 li{margin:0px; padding:0 0 0 20px; list-style:none;}
#level_2 li a{}
#level_2 li.onPath, #level_2 li.current{}

#level_3{margin:0px; padding:0px; list-style:none;}
#level_3 li{margin:0px; padding:0 0 0 30px; list-style:none;}
#level_3 li a{}
#level_3 li.onPath, #level_3 li.current{}


#left_menu a.menuitem{
	width:190px;
	height:20px;
	padding:4px 0 0 22px;
	text-decoration:none;
	position: relative; To help in the anchoring of the ".statusicon" icon image
	text-align:left;
	display:inline-block;
	font-weight:bold;
	background-repeat:no-repeat;
}
#left_menu a.menuitem:visited{text-decoration:none;}
#left_menu a.menuitem .statusicon{ CSS for icon image that gets dynamically added to headers
	position: absolute;
	top: 6px;
	left: 5px;
	border: none;
}
#left_menu a.menuitem:hover{text-decoration:none;}
#left_menu a.menuitem:active{text-decoration:none;}

#left_menu div.submenu{ DIV that contains each sub menu text-decoration:none;}
#left_menu div.submenu ul{ UL of each sub menu margin: 0; padding:0; list-style:none;}
#left_menu div.submenu ul li{ Li of each sub menumargin: 0; padding:0;}
#left_menu div.submenu ul li a{
	display:inline-block;
	text-decoration:none;
	padding:4px 11px;
	height:16px;
	width:190px;
}
#left_menu div.submenu ul li a:hover{text-decoration:none;}

 ############ Newsletter Box ##############
#newsletter {
	float: left;
	border: 1px solid #E7E7E7;
	margin: 10px 0;
	width: 210px;
}
#newsletter_header {float: left; width: 100%;}
#newsletter_form{float: left; padding:10px;}

.textinput{
	font-size:12px;
	background-repeat:repeat-x;
	color:#333333;
	width:170px;
	height:16px;
	padding-left:2px;
	background-image: url(../images/css_images/textimput_back.gif);
}

 Left Boxes for banner space
.left_banner{width:212px; float:left;}

 ############## Right Text Box - For front page, middle and right content are included. ##################

#right_column {float: left; width:713px;}

 Front Page Middle Content
.frontpage_textbox{
	float: left; 
	width: 440px; 
	padding:10px 12px 31px 12px;
	border:1px solid #E7E7E7;
}

 Space for right banners
.right_column_front_page{width:234px; float:right;}

 Space for right banners
.right_banner{width:234px;}

 Space for front page news
.news_box{
	width: 232px; 
	border: 1px solid #e6e6e6; 
	padding-top:7px;
	margin:2px 0 10px 0;
}
.news_box_title{
	padding:0 10px;
	font-family: "Times New Roman", Times, serif;
	font-size: 25px;
	font-weight: normal;
	color: #333333;
}
.news_box_content{width:212px; padding:10px;}

.front_news_box{border-top:1px solid #e7e7e7; padding:5px 10px;;}

.front_news_box:hover{background-color:#E5E5E5;}

.front_news_box a{text-decoration:none; font-weight:bold; color:#666}

.front_news_box a:hover{color: #000;}

.all_news{text-align:right; padding:5px 10px 10px 10px;}
.all_news a{text-decoration:underline; font-weight:bold; color:#000}
.all_news a:hover{color: #666;}

 Space for poll
.poll_box{
 width:212px;
 padding:10px;
 margin:10px 0 10px 0;
 border:1px solid #e7e7e7;
}
.poll_box_title{
	font-family: "Times New Roman", Times, serif;
	font-size: 25px;
	font-weight: normal;
	color: #333333;
}
.poll_question_title{
	padding:5px 0;
	font-family: Arial, Tahoma;
	font-size: 14px;
	font-weight: normal;
	color: #000;
}
a.link_results{text-decoration:underline; font-weight:bold; color:#000}
a.link_results:hover{color: #666;}

 General Gallery Style - full gallery style find in css/prettyPhoto.css 
.back_thumb_gallery{
		background-image:url(../images/css_images/back_thumb_gallery.gif);
		background-repeat:no-repeat;
		padding-top:8px;
		width:176px;
		margin:10px;
		display: inline-block;
		vertical-align: top;
		text-align:center;
}
.back_thumb_gallery:hover{background-position:-176px 0;}
.back_thumb_gallery a {text-decoration:none; color:#666; font-weight:bold;}
.back_thumb_gallery a:hover{text-decoration:none; color:#000;}

* html .back_thumb_gallery{ IE only hack height:200px; float:left;} In case of longer picture titeles change height here

 ################## News Page ################## 
.short_news_box{
	width:641px;
    padding:10px;
    margin:10px 0;
    border:#e4e4e4 1px solid; 
}
.news_title{
	font-family: "Times New Roman", Times, serif;
 	font-size: 16px;
 	font-weight: bold;
	color: #000;
}
.news_time{
	font-family: "Times New Roman", Times, serif;
 	font-size: 18px;
	color: #999;
	text-align:left;
	padding-bottom:20px;
	
}
.news_read_more{
	width:641px;
	text-align:right;
	padding:5px 0 10px 0;
}
 News Read More Link 
.news_read_more a{text-decoration:none; font-weight:bold; color:#000}
.news_read_more a:hover{color:#666;}

 Space for link on page news full article 
.news_back{padding:20px 0 0 0; text-align:right;}
.news_back a{text-decoration:none; font-weight:bold; color:#000}
.news_back a:hover{color:#666}

 Pagination 
.pagination{ float:right; margin-right:10px; margin-top:5px;}
.pagination td{ width:22px;}
.page_previous{ border:none; background:url(../images/css_images/pagination_previous.png) left top no-repeat; padding:0px;	width:18px; height:18px; cursor:pointer; text-indent:-99999px;}
.page_previous:hover{ background-position:0 -18px;}
.page_first{ border:none; background:url(../images/css_images/pagination_first.png) left top no-repeat; padding:0px; width:18px; height:18px; cursor:pointer; text-indent:-99999px;}
.page_first:hover{ background-position:0 -18px;}
.page_number_curent{ min-width:18px; height:18px; background:url(../images/css_images/pagination_number.png) left bottom repeat-x; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#FFFFFF; line-height:18px; text-decoration:none; text-align:center; display:block; padding: 0 1px;}
.page_number { min-width:18px; height:18px; background:url(../images/css_images/pagination_number.png) left top repeat-x; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#FFFFFF; text-decoration:none; text-align:center; display:block; line-height:18px; padding: 0 1px; }
.page_number:hover{ background-position: left bottom; color:#FFFFFF; }
.page_next{ border:none; background:url(../images/css_images/pagination_next.png) left top no-repeat; padding:0px; width:18px; height:18px; cursor:pointer; text-indent:-99999px;}
.page_next:hover{ background-position:0 -18px;}
.page_last{ border:none; background:url(../images/css_images/pagination_last.png) left top no-repeat; padding:0px; width:18px; height:18px; cursor:pointer; text-indent:-99999px;}
.page_last:hover{ background-position:0 -18px;}


 ##################### Template pages (all other pages) ######################## 
#template_page_content{
	float: left;
	width: 673px;
	padding:0 20px 20px 20px;	
}
#template_page_content_inside{width: 663px; padding:5px;}

 ##################### OTHER ######################## 
 Buttons 
.buttons_black {
	border:none;
	background:none;
	background-repeat:repeat-x;
	height:20px;
	cursor:pointer;
	font-size:11px;
	text-decoration:none;
	text-align:center;
	padding:0 10px;
	font-weight:bold;
}
.buttons_black:hover{
	text-decoration:none;
}

 Next - Previous Button 
.page_btn{
	text-align:center;
	background:none;
	border:none;
	background-image:url(../images/css_images/page_btn.gif);
	background-repeat:repeat-x;
	color:#333;
	padding-left:10px;
	padding-right:10px;
	height:26px;
	cursor:pointer;
	font-weight:bold;
}
.page_btn:hover{color:#000; background-position:0 -26px;}

 Footer of all pages
#footer {
	float:left;
	height:auto;
	width:100%;
}


.short_news_box {
	overflow: hidden;
}

.short_news_box .photo {
	display: inline;
	float: left;
	margin: 0 10px 10px 0;
}


.news_comment {
	margin: 5px 0;
	padding: 10px 0;
	border-bottom: dotted 1px #c0c0c0;
}

.news_comment_author {
	font-size: 14px;
	font-weight: bold;
}

.news_comment_timestamp {
	margin-bottom: 10px;
}


#search_box {
	float: right;
}

******  Events Calendar  ******
#events_calendar{ float:left; width:212px; }

 contact 
#contact_box{margin-left:10px;}
p.contact_title{color:#969596; font-family:Arial,Helvetica,Tahoma; font-size:20px;  margin-bottom:10px; }
#contactForm{}
#contactForm input{ border:1px solid #B1A6B1; padding:0px 10px; margin-bottom:15px; line-height:20px; height:20px; width:150px; color:#969596; font-family:Tahoma, Geneva, sans-serif; font-size:14px; background:url(../images/css_images/templatemo_hbg.jpg) left top repeat;}
#contactForm textarea{border:1px solid #B1A6B1; padding:10px; margin-bottom:15px; line-height:20px; height:100px; width:300px; color:#969596; font-family:Arial, Helvetica, sans-serif; font-size:14px; background:url(../images/css_images/templatemo_hbg.jpg) left top repeat;}
#contactForm input.captcha{width:80px;}
#contactForm input.button{width:80px; height:24px; line-height:24px; background:#969596; color:#FFF; cursor:pointer;}
#contactForm input.button:hover{background:#FFFFFF; color:#A7A7A7; }

#contact_form_error p{color:#FF0000; font-weight:bold;}
#contact_form_success p{color:#39F; font-weight:bold;}

 breadchrump 
#bread-crumbs {margin: 10px 0px 15px 20px; text-transform:uppercase;}
#bread-crumbs a {text-decoration: none; text-transform:uppercase;}
#bread-crumbs a:hover{color:#666}


 content of page 
#template_page_content h1{color:#000 !important; margin-bottom:15px !important; font: normal 18px/18px Tahoma, Geneva, sans-serif !important; display: inline-block;}
#template_page_content h1 a{color:#000 !important; font: normal 18px/18px Tahoma, Geneva, sans-serif; text-decoration:none !important; cursor:pointer;}
#template_page_content h1 a:hover{color:#666 !important; }
#template_page_content h2{color:#000 !important; margin-bottom:15px !important; font: bold 14px/14px Tahoma, Geneva, sans-serif !important; display: inline-block;}
#template_page_content h2 a{color:#000 !important; font: bold 14px/14px Tahoma, Geneva, sans-serif; text-decoration:none !important; cursor:pointer;}
#template_page_content h2 a:hover{color:#666 !important; }

#template_page_content p{color:#555; padding-bottom:15px;}
#template_page_content a{color:#000; text-decoration:none; cursor:pointer;}
#template_page_content a:hover{color:#666}
#template_page_content img{ opacity:1;}
#template_page_content a:hover img{opacity:0.8;}

#template_page_content ul{margin-top:0px; padding:0 0 0 15px;}
#template_page_content ul li{background:url(../images/css_images/bulet.png) left 3px no-repeat; list-style:none; padding-left:15px;}







*/