@charset "utf-8";
body {
	background-image: url(../img/page-bg.gif);
	background-repeat: repeat-x;
	padding:0;
	margin:0;
	font-size:0.8em;
	font-family:Arial, Helvetica, sans-serif;
}


a img {border:0px;}

a.homelink
{
	display:block;	
	height:100px;
	width:200px;
	position:absolute;
	top:20px;
	
	}
	
#secondarynav
{
	background:url(/tpl/img/module-bg.gif) repeat-x; 
	}
	
	#secondarynav ul{margin:20px 10px 20px 10px;}
	#right #secondarynav ul li 
	{
		margin-left:0px; padding:10px 0px; background:url(/tpl/img/nav-arrow.gif) no-repeat left;
		list-style:none;
		 }
	
	#secondarynav a{text-decoration:none; color:#000000; font-size:1.1em; margin-left:10px;}
	
	
	


#container{ }
#body{ width:920px; margin:auto; background:url(../img/header.gif)  no-repeat; min-height:400px; padding-top:190px; position:relative}
#topnav li{float:left; margin-right:10px; padding-left:10px; list-style:none; font-size:1.35em;/*background:url(../img/nav-bg.gif) no-repeat top left;*/ }
#topnav{width:100%; margin:0; padding:0; }
#topnav a{color:#333333; text-decoration:none; font-weight:bold;  }
#topnav em{color:#333333; text-decoration:none; font-weight:bold;  font-style:normal;}

#topnav a:hover,#topnav em{color:#FF0000;}

#left,#right{min-height:500px; float:left; padding-top:30px;}
#left{ width:650px;  margin-right:15px;  padding: 45px 15px 0 15px; background: url(/tpl/img/main-bg-grey.gif) repeat-x; }

#right{width:220px;}

#left  h1, #right h2, #bottom h2{ font-size:1.7em; font-weight:normal; margin:0; padding:0 0 10px 0; border-bottom:1px  dotted;}

#right h2, #bottom h2{width:130px; }

#right img {float:right;}
#right .module a, #bottom a{
padding:5px 10px; color:#FFFFFF; background-color:#FF0000; text-decoration:none; font-size:0.8em; display:block; clear:both; width:67px; text-align:center;
margin-left:15px;
}

a.linkbutton{display:block; padding:5px 10px; color:#FFFFFF; background-color:#FF0000; text-decoration:none; float:left}
 



.module div{padding:15px 15px 0 15px;}
#icon-local{ background:url(/tpl/img/mod-local-bg.jpg) top right no-repeat;}
#icon-involved{ background:url(/tpl/img/mod-involved-bg.jpg) top right no-repeat;}
#icon-bubble{background:url(/tpl/img/mod-contact-bg.jpg) top right no-repeat;}
#icon-speak{background:url(/tpl/img/mod-help-bg.jpg) top right no-repeat;}


/*start event*/
.eventsleftcontainer{float:left; width:430px;}

.eventscommoncontent
{

	min-height:400px;
	width:235px;
	float:left;
	text-align:left ;
	}

.event{}
.event .date{border:1px  dotted #000000; width:100px;color:#999999; width:140px; float:left; margin-right:10px;}
.event .date p{margin:0; font-weight:bold; text-align:center;}
.event .date .day { font-size:55px}
.event .date .day sup { font-size:40px; position:relative;}


.event p.month{font-size:20px; text-transform:uppercase ; margin:10px 10px 0 10px;}
.event .eventright{float:left; width:250px;}
/*end event*/

.clear{clear:both}


/* ------------------------------------*/
.customerlist div  h2{text-transform:uppercase; font-size :1.3em;}
.customerlist div  h2 a{color:#ff0000; text-decoration : none;}

.customerlist div 
{
position: relative;
height: 160px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #ff0000;
margin-top: 0pt;
margin-right: 0pt;
margin-bottom: 2em;
margin-left: 0pt;
padding-top: 0pt;
padding-right: 0pt;
padding-bottom: 18px;
padding-left: 0pt;
}

html[lang] .customerlist div

{
height: auto;
min-height: 160px;
}



.customerlist div p {
margin-right: 200px;
}

.customerlist p.r {
position: absolute;
bottom: 16px;
right: 200px;
margin-top: 0pt;
margin-right: 0pt;
margin-bottom: 0pt;
margin-left: 0pt;
width: 80px;
}
/* The thumbnail */
		 .customerlist p.img {
			position: absolute;
			bottom: 16px;
			right: 0;
			width: 190px;
			margin: 0;
		}

/* ---------------------------------- */



/*form*/
.form dt{width:150px; float:left;  height:30px;}
.form dd{width:450px; float:left;  height:30px;}
/*end form*/




.mceExternalToolbar {
  position:fixed !important;
  left:0px !important;
  top:0px !important;
  z-index:100; /*  change the number as required 
  
 display:block !important; */
  
  /* so that the toolbar is always shown */
  width:100%  !important;
  background-color:#f0f0ee  !important;
  min-height:40px  !important;
  border-bottom:1px solid #000000 !important;
}
.mceExternalClose {
  display:none !important;
}


td{vertical-align:top}