@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;}

/* Main Site Container */
#body_container{
	margin:0 auto;
	width: 983px;	
}

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

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

/* Space for logo image */
#logo {width:820px; height:auto; float:left;}

/* Space for language links */
#language_button {
	float: right;
	height: 20px;
	padding-top:4px;
	width: 143px;
	text-align:right;
}

/* Space for top banner */
#top_banner{width:728px; padding-bottom:5px; float:right;}

/* Space for main menu */
#main_menu {float:left; height:29px; width: 983px;}

/* Main Menu + text top padding */
.main_menu_gradient {
	height: 22px;
	padding-top:7px;
	text-align:center;
	width:auto;
}

/* Main Menu Link */
a.mainmanu{
	text-decoration:none;
	text-align:center;
	font-size: 12px;
	padding:0 10px;
	font-weight:bold;
}
a.mainmanu:hover{
	font-size: 12px;
	text-decoration:none;
}

/* Style for Drop Down Menu */

.dropmenudiv{
width:auto;
position:absolute;
margin-top:6px;
line-height:18px;
z-index:1000;
visibility: hidden;
}
.dropmenudiv a{
width: auto;
display: block;
padding:2px 20px;
text-decoration: none;
}

.dropmenudiv a:hover{text-decoration:none;}

* html .dropmenudiv a{ /*IE only hack*/ width:auto;}

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

/* #############  Main Page Content ##############*/

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

/* Left Menu Links */
#left_menu {padding:0; margin:0;}

#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 menu*/margin: 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{
	background:none;
	border:none;
	font-size:12px;
	color:#333333;
	width:170px;
	height:16px;
	padding-left:2px;
	border:#CCC 1px solid;
}

/* 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: 212px; 
	border: 1px solid #e6e6e6; 
	padding-top:5px;
	margin:0 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:192px; 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}

/* ##################### 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%;
}