/*****************************************************/
/*   Author:  Gerhard Erbes                          */
/*            gw@actamail.com                        */
/*   Version: 5.0                                    */
/*   Date:    March 14, 2006                         */
/*****************************************************/

/*****************/
/*   MAIN BODY   */
/*****************/
body {
	font-size: 62.5%;
	margin: 0em auto;
	padding: 0em;
background: url('../img/img_background6.gif') repeat-y top center;

  	font-family: Verdana,Tahoma, Arial,sans-serif;
  	background-color: rgb(255,255,255);

}

#wrap {
	width: 76em;
	margin: 0em auto;
}

/* Headers */
h1, h2, h3, h4, h5, h6 {
  margin: 0 0 10px 0;
  padding: 0;
}


h1 {

  padding: 0.2em 0em 0.2em 0.8em;
  font: 400 1.8em Helvetica;
  color: #3DAA1B;
  font-weight: bold;
  border-bottom: 3px solid #3EA919;
}

h2 {
  font-size: 1.2em;
  color: #3DAA1B;
}

h3 {
  text-transform: uppercase;
  font-size: 0.9em;
  color: #5D6F73;
}

h4 {
  font-size: 0.85em;
}

h5 {
  font-size: 0.8em;
}


/* Needed to horizontally pad in a coloured container */
.horzPad h1,
.horzPad h2,
.horzPad h3,
.horzPad h4,
.horzPad h5,
.horzPad p {
  padding-left: 5px;
  padding-right: 5px;
}



/**************/
/*   HEADER   */
/**************/
#header-section {
	width: 76em;
	margin: 0em 0em 0em 0em;
}

.topmenu {
	float: left;
	white-space: nowrap;
}

#header-background {
	width: 100%; 
	height: 100%;
	float: left;
	border: none;
	margin: 0em 0em 0em 0em;
}

#header-background-left {
	width: 14.5em;
	float: left;
	margin: 0em 0em 0em 0em;
	padding: 0em 0em 0em 0em;
	border: none;
}

#header-background-right {
	width: 61.5em;
	float: right;
	margin: 0em 0em 0em 0em;
	padding: 0em 0em 0em 0em;
	border: none;
}

#header {
	clear: both;
	margin: 0em 0em 1.5em 0em;
	border-top: solid 0.1em rgb(255,255,255);
	border-bottom: solid 0.1em rgb(255,255,255);
	background-color: rgb(61,170,27);	
	text-transform: uppercase;
	line-height: 2.0em;
	height: 2.0em;
	color: rgb(50,50,50);
}

#header ul {	
	margin: 0em;
	padding: 0em;
	list-style: none;
	font-weight: bold;
	font-size: 1.0em;
	font-family: Verdana,Tahoma, Arial,sans-serif;
	color: rgb(255,255,255);

}	

#header li {
	float: left;
	white-space: nowrap;
}

#header li a {
	display: block;
	padding: 0em 1.0em 0em 1.0em;
	border-right: solid 0.1em rgb(255,255,255);	
	background-color: rgb(61,170,27);	
	text-decoration: none;
	color: rgb(255,255,255);
}

#header a:hover {
	border-right: solid 0.1em rgb(255,255,255);	
	background-color: rgb(86,188,50);			
	text-transform: uppercase;
	text-decoration: none;
	color: rgb(255,255,255);
}

#header .selected {
	padding: 0em 0.5em 0em 0.5em;
	border-right: solid 0.1em rgb(255,255,255);		
	background-color: rgb(90,190,56);
	color: rgb(255,255,255);
}

* html #header a {width:1%;}

/***********************/
/***   LEFT COLUMN   ***/
/***********************/
#left-column {
	width: 23%;
	float: left;
	vertical-align: top;
	background-color: rgb(255,255,255);
	font-size: 1.1em;
	color: rgb(102,102,102);
}

.left-column-box-white {
	float: left;
	width: 89%;
	margin: 0em 0em 0.8em 0em;
	padding: 0.4em 0.4em 0.4em 0.4em;
	border: solid 0.1em rgb(227,227,227);
}	
.left-column-box-white1 {
	width: 100%;
	text-align: right;
}


.left-column-box-title-grey {
	clear: both;
	display: block;
    margin: 0em 0em 0.2em 0em;
	padding: 0.2em 0.2em 0.2em 0.2em;
	background: rgb(61,170,27);
	font-weight: bold;
	color: rgb(255,255,255);
	text-align: center;
	
}

#left-column .left-navheader-first {
	display: block;
	margin: 0em 0em 1.0em 0em;
	padding: 0.3em 0.7em 0.3em 0.9em;
	border-left: solid 0em rgb(177,108,17);
	background: rgb(61,170,27);
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
	color: rgb(255,255,255);
	text-align: center;
}


#left-column ul {	
	width: 95%;
	padding: 0em;
	margin: 0em;
	list-style: none;
}	

#left-column li {
	margin: 0em 0em 0em 0em;
}


/*************************/
/***   MIDDLE COLUMN   ***/
/*************************/

/* Sections */
/************/
#middle-column {
	float: left;
	width: 48%;
	padding: 0.0em 0.6em 0.6em 0.7em;
    background-color: rgb(255,255,255);
	color: rgb(100,100,100);
	line-height: 1.3em;
	font-size: 1.1em;
	color: rgb(102,102,102);

}

.middle-column-left {
	float: left;
	width: 47%;
	margin: 0em 0em 0em 0em;
	padding: 0.3em 0.3em 0.3em 0.3em;

	
}

.middle-column-right {
	float: right;
	width: 47%;
	margin: 0em 0em 0.0em 0em;
	padding: 0.3em 0.3em 0.3em 0.3em;

}
#middle-column a:link {
	
	font-weight: normal;
	font-family: Verdana,Tahoma, Arial,sans-serif;
	color: rgb(18,103,190);
	text-decoration: none;	
}	
	
#middle-column a:hover {
	
	font-weight: normal;
	font-family: Verdana,Tahoma, Arial,sans-serif;
	color: rgb(88,164,242);
	text-decoration: none;	
}
#middle-column a:active {
	
	font-weight: normal;
	font-family: Verdana,Tahoma, Arial,sans-serif;
	color: rgb(18,103,190);
	text-decoration: none;	
}	
	
#middle-column a:visited {
	
	font-weight: normal;
	font-family: Verdana,Tahoma, Arial,sans-serif;
	color: rgb(88,164,242);
	text-decoration: none;	
}

#img  {
font-size:16px;
width:160px;
float:left
}

/* Box titlebars */
/*****************/
.middle-column-box-title-grey {
	clear: both;
	display: block;
	margin: 0em 0em 0.5em 0em;
	padding: 0.2em 0em 0.2em 0.8em;
    background-color: rgb(61,170,27);
    font-weight: bold;
    text-align:center;
    color: rgb(255,255,255);
}

/* Box backgrounds */
/*******************/

/* Box backgrounds -  Full width boxes */
/***************************************/
.middle-column-box-white {
	text-align: left;
	width: 100%;
	margin: 0em 0em 1.5em 0em;
	padding: 0em 0em 0em 0em;
   	background-color: rgb(255,255,255);
	
}
#middle-column a:link {
	
	font-weight: normal;
	font-family: Verdana,Tahoma, Arial,sans-serif;
	color: rgb(18,103,190);
	text-decoration: none;	
}	
	
#middle-column a:hover {
	
	font-weight: normal;
	font-family: Verdana,Tahoma, Arial,sans-serif;
	color: rgb(88,164,242);
	text-decoration: none;	
}
#middle-column a:active {
	
	font-weight: normal;
	font-family: Verdana,Tahoma, Arial,sans-serif;
	color: rgb(18,103,190);
	text-decoration: none;	
}	
	
#middle-column a:visited {
	
	font-weight: normal;
	font-family: Verdana,Tahoma, Arial,sans-serif;
	color: rgb(88,164,242);
	text-decoration: none;	
}


/* Box backgrounds -  Half width boxes */
/**************************************/
.middle-column-box-left-white {
	float: left;
	width: 100%;
	margin: 0em 0em 1.5em 0em;
	padding: 0em 0em 0em 0em;
    font-weight: normal;
   	background-color: rgb(255,255,255);
}

.middle-column-box-right-white {
	float: left;
	width: 100%;
	margin: 0em 0em 1.5em 0em;
	padding: 0em 0em 0em 0em;
    font-weight: normal;
   	background-color: rgb(255,255,255);
}
#middle-column a:link {
	
	font-weight: normal;
	font-family: Verdana,Tahoma, Arial,sans-serif;
	color: rgb(18,103,190);
	text-decoration: none;	
}	
	
#middle-column a:hover {
	
	font-weight: normal;
	font-family: Verdana,Tahoma, Arial,sans-serif;
	color: rgb(88,164,242);
	text-decoration: none;	
}
#middle-column a:active {
	
	font-weight: normal;
	font-family: Verdana,Tahoma, Arial,sans-serif;
	color: rgb(18,103,190);
	text-decoration: none;	
}	
	
#middle-column a:visited {
	
	font-weight: normal;
	font-family: Verdana,Tahoma, Arial,sans-serif;
	color: rgb(88,164,242);
	text-decoration: none;	
}


/* Text headings and paragraphs */
/********************************/
.middle-column-box-white p.heading {
	margin: 1.0em 0em 1.0em 0em;
	font-weight: bold;
	font-size: 1.2em;
}

.middle-column-box-white p.subheading {
	margin: 1.0em 0em 0.6em 0em;	
	font-weight: bold;
}

.middle-column-box-white p {
	margin: 0em 0em 0.6em 0em;
}

.middle-column-box-left-white p.heading {
	margin: 1.0em 0em 1.0em 0em;
	font-weight: bold;
	font-size: 1.4em;
}

.middle-column-box-left-white p.subheading {
	margin: 1.0em 0em 0.6em 0em;
	font-weight: bold;
}

.middle-column-box-left-white p {
	margin: 0em 0em 0.6em 0em;
}

.middle-column-box-right-white p.heading {
	margin: 1.0em 0em 1.0em 0em;
	font-weight: bold;
	font-size: 1.4em;
}

.middle-column-box-right-white p.subheading {
	margin: 1.0em 0em 0.6em 0em;
	font-weight: bold;
}

.middle-column-box-right-white p {
	margin: 0em 0em 0.6em 0em;
}

/* Images */
/**********/
.middle-column-img-left{
	float: left;
	margin: 0.3em 0.5em 0em 0em;

}

.middle-column-img-right{
	float: right;
	margin: 0.3em 0em 0em 0.5em;
	
	}

.middle-column-img{
	text-align: center;
	margin: 0.3em 0em 0em 0.5em;
	
}
.img-sidebanner 
{
width: 160px; margin: 0px; padding: 0px; border: none;
}
	

/************************/
/***   RIGHT COLUMN   ***/
/************************/
#right-column {
	float: right;
	width: 26%;
	background-color: rgb(255,255,255);
	color: rgb(102,102,102);	
	font-size: 1.1em;
	
}

.right-column-box-title-grey {
	clear: both;
	display: block;
    margin: 0em 0em 0.2em 0em;
	padding: 0.2em 0.2em 0.2em 0.2em;
	background-color: rgb(61,170,27);
	font-weight: bold;
	color: rgb(255,255,255);
	text-align: center;
	
}

.right-column-box-white {
	float: right;
	width: 91%;
	margin: 0em 0em 0.8em 0em;
	padding: 0.4em 0.4em 0.4em 0.4em;
	border: solid 0.1em rgb(227,227,227);
}

.right-column-box-white2 {
	float: right;
	width: 91%;
	margin: 0em 0em 0.8em 0em;
	padding: 0.4em 0.4em 0.4em 0.4em;
	border: solid 0.1em rgb(207,234,201);
	background-color: rgb(207,234,201);	
}
.right-column-box-white1 {
	width: 100%;
	text-align: right;
}	

.right-column-box-white p {
	margin: 0.3em 0em 0.4em 0em;
}

.right-column-img{
	float: left;
	margin: 1.0em 0em 0em 0em;
	border: solid 0px rgb(100,100,100);

}
#right-column a:link {
	
	font-weight: normal;
	font-family: Verdana,Tahoma, Arial,sans-serif;
	color: rgb(18,103,190);
	text-decoration: none;	
}	
	
#right-column a:hover {
	
	font-weight: normal;
	font-family: Verdana,Tahoma, Arial,sans-serif;
	color: rgb(88,164,242);
	text-decoration: none;	
}
#right-column a:active {
	
	font-weight: normal;
	font-family: Verdana,Tahoma, Arial,sans-serif;
	color: rgb(18,103,190);
	text-decoration: none;	
}	
#right-column a:visited {
	
	font-weight: normal;
	font-family: Verdana,Tahoma, Arial,sans-serif;
	color: rgb(88,164,242);
	text-decoration: none;	
}	

/* ******************* LEFT MENU STYLES */

#mainnav {
	width: 95%;
	float: left;
	padding: 0.2em 0.0em 0.9em 0.0em;
	width: 95%;



	/*border: 1px solid blue;*/
}
.navleftheader {
	font: 11px/18px Arial,Verdana,Geneva;
	color: #333;
	font-weight: bold;
	padding-left: 0px;
	padding-bottom: 5px;
}
.navleftheader_sel {
	font: 11px/18px Arial,Verdana,Geneva;
	font-weight: bold;
	background-color: #FFF;
	padding-left: 0px;
	padding-bottom: 3px;
	margin-left: 3px;
	border-top: 1px solid #B6B5B5;

}

.navleftcontheader {
	font: 11px/18px Arial,Verdana,Geneva;
	font-weight: bold;
	background-color: #ffffff;
	padding-left: 8px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-left: 0px;
	
	border-left: solid 0.1em rgb(227,227,227);
	border-right: solid 0.1em rgb(227,227,227);
	border-top: solid 0.1em rgb(227,227,227);
}

.navleftcontheader  a:link {
	font: 11px/18px Arial,Verdana,Geneva;
	color: #878787;
	font-weight: bold;
	text-decoration: none;
}

.navleftcontheader  a:active {
	font: 11px/18px Arial,Verdana,Geneva;
	color: #878787;
	font-weight: bold;
	text-decoration: none;
}

.navleftcontheader  a:visited {
	font: 11px/18px Arial,Verdana,Geneva;
	color: #878787;
	font-weight: bold;
	text-decoration: none;
}

.navleftcontheader a:hover {
	font: 11px/18px Arial,Verdana,Geneva;
	color: #FF771F;
	font-weight: bold;
	text-decoration: none;

}

.navleftcontheadertop_sel {
	font: 11px/18px Arial,Verdana,Geneva;
	font-weight: bold;

	
	padding-left: 8px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-left: 0px;

	border-left: solid 0.1em rgb(227,227,227);
	border-right: solid 0.1em rgb(227,227,227);
	border-top: solid 0.1em rgb(227,227,227);

}

.navleftcontheadertop_sel  a:link {
	color: #FF771F;
	font-weight: bold;
	text-decoration: none;
	#F59900; font-style:normal; font-variant:normal; line-height:18px; font-size:11px; font-family:Arial, Verdana, Geneva
}
.navleftcontheadertop_sel  a:active {
	font: 11px/18px Arial,Verdana,Geneva;
	color: #FF771F;
	font-weight: bold;
	text-decoration: none;
}
.navleftcontheadertop_sel  a:visited { 
	font: 11px/18px Arial,Verdana,Geneva;
	color: #FF771F;
	font-weight: bold;
	text-decoration: none;
}

.navleftcontheadertop_sel a:hover {
	font: 11px/18px Arial,Verdana,Geneva;
	color: #FF771F;
	font-weight: bold;
	text-decoration: none;
}



/*******************/
/***   FOOTER    ***/
/*******************/

#footer {
	clear: both;
	float: left;
	width: 76em;
	height: 5em;
	margin: 1.0em 0em;
	border-top: 0.1em solid rgb(255,255,255);
	border-bottom: 0.1em solid rgb(255,255,255);
	background: url('../img/footer.gif') repeat-x bottom left;
	text-align: center;
	font-size: 1.0em;
}

#footer a:link {
	
	text-decoration: none;
	
	font-weight: normal;
	font-family: Verdana,Tahoma, Arial,sans-serif;
	color: rgb(255,255,255);
	text-decoration: none;	
}	
	
#footer a:hover {
	

	text-decoration: none;
	
	font-weight: normal;
	font-family: Verdana,Tahoma, Arial,sans-serif;
	color: rgb(255,119,31);
	text-decoration: none;
}
#footer a:active {
	
	text-decoration: none;
	
	font-weight: normal;
	font-family: Verdana,Tahoma, Arial,sans-serif;
	color: rgb(255,255,255);
	text-decoration: none;	
}	
	
#footer a:visited {
	

	text-decoration: none;
	
	font-weight: normal;
	font-family: Verdana,Tahoma, Arial,sans-serif;
	color: rgb(255,255,255);
	text-decoration: none;
}	



/**************************************************************
   Generic Display 
 **************************************************************/


.block {
  display: block;
}

.clear {
  clear: both;
}

.marginRight {
  margin-right: 15px;
}

.paddingLeft {
  padding-left: 5px;
}

.paddingRight {
  padding-right: 5px;
}

.floatLeft {
  float: left;
}

.floatRight {
  float: right;
}

.alignLeft {
  text-align: left;
}

.alignRight {
  text-align: right;
}

.alignTop {
  vertical-align: top;
}

.alignMiddle {
  vertical-align: middle;
}

.alignBottom {
  vertical-align: bottom;
}

.lightBlueBg {
  background-color: #EAF2F5;
}

.white {
  color: #ffffff;
}
.dark {
  color: #666666;
}
.gray {
  color: #586B7A;
}



/**************************************************************
   Posts
 **************************************************************/

.post {
  float: left;
  width: 100% !important;
  width: 99%;
  position: relative;

  margin-bottom: 1.5em;

  border-bottom: 1px solid #e3e3e3;
}

.post .date {
  position: absolute;
  top: 0;
  left: 5px;

  width: 2.3em;
  text-align: right;
}

.post .date .month {
  text-transform: uppercase;
  font: 700 1.0em arial, sans-serif;
  color: #888;
}

.post .date .day {
  display: block;
  margin-top: -5px;
  font: 700 2.1em arial, sans-serif;
  color: #888;
}

.post .title {
  display: block;
  padding: 0 0 5px 0;

  font-size: 1.2em;
  font-weight: bold;
  color: #586B7A;
}

.post p {
  margin: 0 0 0 1.5em;
  padding:  0 0 1em 1.2em;
  border-left: 1px solid #e3e3e3;
}

/**************************************************************
   Thumbnail Lists
 **************************************************************/

ul.thumbs,
ul.thumbs li {
  margin: 0;
  padding: 0;
}

ul.thumbs li {
  margin: 0 0 15px 0 !important;
  margin: 0;
  padding: 0px;
  list-style: none;
}

a.thumb img {
  
  border: 5px solid #ccc;
}

a:hover.thumb img {
  background: #8EB4C6;
  border: 5px solid #668FA3;
}

a:hover.thumb {
  background: none;
}

a.thumb span {
  display: block;
  margin-top: -5px !important;
  margin-top: -2px;
}
/**************************************************************
   Form Elements
 **************************************************************/

form {
  padding: 0;
  margin: 0;
}

/* If you're finding the input elements get pushed down, increase the width */
label {
  float: left;
  width: 25%;
  vertical-align: top;
}

input,
textarea,
select {
  padding: 1px;
  font: 400 1em verdana, sans-serif;
  color: #323232;
  background: #ffffff;
  border: 1px solid #cfeac9;
}

input:focus,
input:hover,
textarea:focus,
textarea:hover,
select:focus,
select:hover {
  color: #323232;
  background: #ffffff;
  border: 1px solid #cfeac9;
}

input.noBorder,
input:focus.noBorder,
input:hover.noBorder {
  padding: 0;
  border: 0px none;
}

input.button {
  padding: 2px 5px;

  font: 400 0.9em verdana, serif;
  cursor: pointer;

  color: #ffffff;
  background: #bce2f3;

}

input.radio {
  background: none;
  border: 0px;
}