/* CSS Document by Dieter Schneider 2007 */

* {margin: 0; padding: 0;}

h1 {
	display: none;
}

h2 {
	display: none;
}

h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1em;
	color: #99CC33;
	padding: 10px 0;
	cursor: pointer;
}

h4 {
	margin: 10px 0px;
	border-top: 1px dotted gray;
	border-bottom: 1px dotted gray;
	padding: 5px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1em;
	color: #0099CC;
}

h5 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1em;
	color: #0099CC;
}

h3.pagelink {
	cursor:hand;
}

.date {
	color: #0099CC;
}

.news {
	color: #0099CC;
	background-color: #F3F2EE;
	padding: 5px;
	margin: 5px 0px;
}

.float_left {float: left;}

/*------------------------- Site structure ----------------------------*/

body {
	background: url(images/body_top.jpg) repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
}

#container {
	width: 1000px;
	margin: auto;
	font-size: 1.2em;
}

#mainHeader {
	background: url(images/main_header.jpg);
	height: 317px;
}

#header_bottom {
	background: #000 url(images/header_bottom.jpg);
	height: 18px;
	padding: 5px 100px;
	color: #FFFFFF;
	font-weight: bold;
}

#header_bottom_left {
	float: left;
	width: 225px;
	text-align: right;
}

#header_bottom_right {
	margin-left: 230px;
	text-align: right;	
}

#contentWrapper {
	width: 834px;
	margin: auto;
	background: #FFF url(images/contentwrapper.jpg) repeat-y;
}

#columnLeft {
	width: 203px!important;
	width: 199px;
	padding: 30px;
	float: left;
	background: #f3f2ee url(images/column_left.jpg) right repeat-y;
	font-size: 0.9em;
}

#columnRight {
	width: 270px;
	padding-right: 20px;
	float: right;
	padding-top: 30px;
	background: url(images/column_right.jpg) no-repeat right top;
}

#columnMiddle {margin: 0 315px 0px 265px;
               padding: 30px 15px;}


.columnRightBox{
	margin-left: 0px;
	padding: 10px;
	width: 250px;
	font-size: .9em;
	background: url(images/dot.gif) repeat-x top;
}

#footer {
	background: #3c3d3e url(images/footer.jpg) repeat-x;
	height: 67px;
	clear: both;
	color: #FFFFFF;
	padding-top: 50px;
	text-align: center;
}

/*----------------- Form  -------------------------*/

.inputfields, .textareafields {display: block; width: 100%;}

.submit {margin-top: 5px;}

label {
	font-weight: bold;
	font-size: 0.9em;
	color: #2E6172;
}

.required 
{
	color: Red;
	font-weight: bolder;
}


/*------------------------- Icon menu ----------------------*/

#menu {
	display:block;
	height:117px;
	width:241px;
	float: right;
	background-image: url(images/icon_menu.jpg);
}

#menu ul {list-style-type:none; 
          padding-left: 32px; 
		  padding-top: 53px;
}

#menu li {float:left; 
          display:block; 
		  width:46px;
}

#menu li.list1 {background:transparent url(images/menu/menu_01.jpg);}
#menu li.list2 {background:transparent url(images/menu/menu_02.jpg);}
#menu li.list3 {background:transparent url(images/menu/menu_03.jpg);}
#menu li.list4 {background:transparent url(images/menu/menu_04.jpg);}

#menu a {display:block; 
         width:46px; 
         padding-top:40px; 
         height:0; 
         text-decoration:none; 
         overflow:hidden; 
         font-size: 0px; 
         color: #FFF;
		 background: transparent;
}

#menu a#item1:hover {background:transparent url(images/menu/menu_01.jpg) 0px -62px no-repeat;}

#menu a#item2:hover {background:transparent url(images/menu/menu_02.jpg) 0px -62px no-repeat;}

#menu a#item3:hover {background:transparent url(images/menu/menu_03.jpg) 0px -62px no-repeat;}

#menu a#item4:hover {background:transparent url(images/menu/menu_04.jpg) 0px -62px no-repeat;}