/* top elements */
* { padding: 0; margin: 0; }
html {
  overflow-x:hidden;
}
body {
	margin: 0;
	padding: 0;
	font: 11px  Verdana, Tahoma, Helvetica, sans-serif;
	color: #333; 
	background: #c7db91 url(assets/bg-gr.gif) repeat-x;
	background: #cacaca url(assets/bg-gray.gif) repeat-x;
}
.tab2col {
  border-bottom:6px solid #a1c442;
}
/* links */
a { 
	color: #336633;

	background-color: inherit;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a:hover,a:visited:hover {
        /*background-color:#FF9900;
        color: black;*/
	text-decoration: underline;
}

#lb2 img {
  border: 0px !important;
  margin-right:4px;
  margin-bottom:4px;
}

 h1, h2, h3 {
	margin: 8px 0px;
}
ul, ol {
	margin: 10px 30px;
	padding: 0 15px;
	/*color: #4284B0;*/
}
ul span, ol span {
	color: #666666; 
}

/* images */
img.no-border {
	border: none;
}
img.float-right {
  margin: 5px 0px 5px 15px;  
}
img.float-left {
  margin: 5px 15px 5px 0px;
}


/***********************
	  LAYOUT
************************/
#wrap {
	background: #fff;
	width: 900px; height: 100%;
	margin: 0 auto;	
	text-align: left;
}
#content-wrap {
	clear: both;
	margin: 0; padding: 0;	
	background: #FFF;
}

/* header */
#header {
	position: relative;
	height: 85px;	
	background: #f2f2f2 url(assets/headerbg2.gif) repeat-x 0% 100%;	
}
#header h1#logo {
	position: absolute;
	margin: 0; padding: 0;
	font: bolder 4.1em 'Trebuchet MS', Arial, Sans-serif;
	letter-spacing: -2px;
	text-transform: lowercase;
		color:#4284b0;

	top: 0; left: 5px;	
}
#header h2#slogan {
	position: absolute;	 
	top:30px; left: 10px;
	color: #666666;
	text-indent: 0px;
	font: bold 11px Tahoma, 'trebuchet MS', Sans-serif; 
	font: bold 13px Tahoma, 'trebuchet MS', Sans-serif; 
	line-height:1.5em;
	margin-top:1.5em;
	text-transform: none;	
}

/* menu tabs */
#header ul {
	z-index: 1;
	position: absolute;
   margin:0; padding: 0;
   list-style:none;
	right: 0; 
	bottom: 6px !important; bottom: 5px;
	font: bold 13px  Arial, 'Trebuchet MS', Tahoma, verdana,  sans-serif;	
}
#header li {
   display:inline;
   margin:0; padding:0;
}
#header a {
   float:left;
   background: url(assets/tableft.gif) no-repeat left top;
   margin:0;
   padding:0 0 0 4px;
   text-decoration:none;
}
#header a span {
   float:left;
   display:block;
   background: url(assets/tabright.gif) no-repeat right top;
   padding:6px 15px 3px 8px;
   color: #FFF;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#header a span {float:none;}
/* End IE5-Mac hack */

#header a:hover span {
	color:#FFF;
}
#header a:hover {
   background-position:0% -42px;
}
#header a:hover span {
   background-position:100% -42px;
}
#header #current a {
   background-position:0% -42px;
	color: #FFF;
}
#header #current a span {
   background-position:100% -42px;
	color: #FFF;
}
/* end menu tabs */

/* alignment classes */
.float-left  { float: left; }
.float-right {	float: right; }
.align-left  {	text-align: left; }
.align-right {	text-align: right; }

/* additional classes */
.clear { clear: both; }
.green {	color: #9EC630; }
.green {	color: #7ba248; }
.gray  {	color: #BFBFBF; }

.submenu {
/* border-bottom:1px solid #EEEEEE; 
 border-left:1px solid #EEEEEE; */
font-weight:bold;
margin:8px 8px 4px;
text-align:right;
clear:both;
}
.submenu ul {
list-style-type:none;
margin:0pt 0px;
padding:0pt 0pt 3px;
}
.submenu ul li {
border-right:1px solid #999999;
color:#9A9A9A;
display:inline;
margin:0pt 6px 0pt 0pt;
padding:0pt 6px 0pt 0pt;
text-transform:uppercase;
}
.submenu ul li a {
color:#9A9A9A;
}
.submenu ul li a:hover {
}
.submenu ul li.selected a {
color:#333333;
}
.submenu2 {
background-color:#F6F6F6;
font-weight:bold;
margin:0pt 0pt 35px;
text-align:left;
width:655px;
}
.submenu2 .innerSubmenu2 {
padding:13px 13px 3px;
}
.submenu2 ul {
display:block;
list-style-type:none;
width:308px;
}
.submenu2 ul li {
background-image:url(../images/icons/iconArrowSubmenu2.gif);
background-position:0pt 1px;
background-repeat:no-repeat;
font-size:12px;
font-weight:bold;
line-height:12px;
padding:0pt 0pt 10px 27px;
text-transform:uppercase;
}
.submenu2 a.selected {
color:#333333;
}
.submenu2 a {
color:#9A9A9A;
}
.submenu2 ul.col-1 {
float:left;
margin-right:13px;
}
.submenu2 ul.col-2 {
float:left;
}






input { BORDER: 1px #999999 solid; 
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		font-size: 8pt; 
        padding-left: 2px; 
	    background: #ffffff;
}
select {/* BORDER-bottom: 1px #000000 dotted; */
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		font-size: 8pt; 
        padding-left:0; 
	    background: #ffffff
}
textarea { BORDER: 1px #999999 solid; 
		   font-family: Verdana, Arial, Helvetica, sans-serif; 
		   font-size: 8pt; 
		   padding-left:2px; 
		   padding-top:2px; 
		   background: #ffffff;
}


.selected {
    font-weight: bold;
}


fieldset {
    margin-left: 1em;
    border: none;
    display: inline;
    }

fieldset label {
    display: block;
    }

fieldset a {
    text-decoration: underline;
    }

label {
  display: block;
}

#dlgPostSignup label{
  display: block;
  float: left;
  width: 100px;
}


.nctl { display: block; background: transparent url('/styles/default/gif/nctl.gif') no-repeat 0 0; margin: 0; padding: 0;}
.nctr { display: block; background: transparent url('/styles/default/gif/nctr.gif') no-repeat 100% 0; margin: 0;padding: 0;}
.ncbl { display: block; background: transparent url('/styles/default/gif/ncbl.gif') no-repeat 0 100%; margin: 0;padding: 0;}
.ncbr { display: block; background: transparent url('/styles/default/gif/ncbr.gif') no-repeat 100% 100%; margin: 0;padding: 0;}

.nctl2 { display: block; background: transparent url('/styles/default/gif/nctl2.gif') no-repeat 0 0; margin: 0; padding: 0;}
.nctr2 { display: block; background: transparent url('/styles/default/gif/nctr2.gif') no-repeat 100% 0; margin: 0;padding: 0;}
.ncbl2 { display: block; background: transparent url('/styles/default/gif/ncbl2.gif') no-repeat 0 100%; margin: 0;padding: 0;}
.ncbr2 { display: block; background: transparent url('/styles/default/gif/ncbr2.gif') no-repeat 100% 100%; margin: 0;padding: 0;}

.rounder1, .rounder2, .rounder3, .rounder4 {
background-repeat:no-repeat;
height:11px;
position:absolute;
width:11px;
}

.rounder1 { background-image: url('/styles/default/gif/nctl.gif'); left:0pt; top:0pt;}
.rounder2 { background-image: url('/styles/default/gif/nctr.gif'); right:0pt; top:0pt;}
.rounder3 { background-image: url('/styles/default/gif/ncbl.gif'); left:0pt; bottom:0pt;}
.rounder4 { background-image: url('/styles/default/gif/ncbr.gif'); right:0pt; bottom:0pt;}


/* TOP META */
div#meta {
  width: 100%;
  margin: 0px; margin-bottom: 0px;
  height: 16px;
  text-align: right;
  background-color:#ccdddd;
  border-bottom:1px solid #9999cc;
}
/* TOP META */
div#login {
  width: 100%;
  margin: 4px 0px 0px 0px ; margin-bottom: 4px;
  height: 16px;
  font-size:10px !important; 
  text-align: right;
  background-color:#fff;
}

/* container Stuff */
.wideBox{ 
  clear:both;
  margin-top:0px; padding: 4px;
  margin-bottom:8px;
  /*background-color:#eeeeff;*/
}

/* container Stuff */
.reportBox{ 
  clear:both;
  width:auto;
  margin:0px 0px 8px 8px;
  padding: 0px;
  background-color:#fff;
  border-bottom: 1px solid #ccc;
}


.reportLine {
  clear:both;
  height:16px;
  line-height:16px;
  border-left:1px solid #ccc;
  border-top:1px solid #ccc;


}
.reportItem {
  float:left;
  overflow:hidden;
  height: 16px;
  border-right:1px solid #ccc;
}
.preBox {
  width: 98%; min-height: 80px;
  border: 1px dashed #ccc;
  background-color:#f0fcfc;
  font-family: "Courier New";
  font-size: 11px;
  padding: 4px;
  margin-left:auto; margin-right:auto; 
  margin-bottom:10px; 
}

.roundedBox {
  /*clear:both;  height: auto;*/
  position:relative;
  width: 248px; 
  background-color:#f0f0f0;
  margin: 0px 6px 10px 0px;
  text-align:left; /*margin-bottom:6px;*/
  margin-top:12px;
}

.roundedBox h3{
  font-family: "Helvetica";
  color: #666;
  font-size: 16px;
  margin: 4px 0px 2px 0px;
}

.rounded-header {
  /*clear:both;  height: auto;*/
  background-color:#339900; 
  color:#fff;
  width: 248px; 
  margin: 6px 0px 4px 0px;
  text-align:left; 
}

.tocBox {
  clear:both;
  width: 248px; height: auto;
  border: 1px solid #ccc;
  background-color:#f4f4f4;
  margin: 0px 4px 6px 0px;
  text-align:left; /*margin-bottom:6px;*/
  padding: 4px 2px 4px 4px;
}

.tocBox .hd {
  font-size: 12px;
  font-weight: bold;
  margin-bottom:6px;
 
  /*border-bottom: 1px solid #ccc;*/
  
}
.tocBox .bd {
  font-size: 10px;

}
.tocBox .bd ul{
  padding-left: 20px;
  list-style-type: none;
}
.tocBox .ft {

}
.efaBox {
  clear:both;
  width: 248px; height: auto;
  margin: 0px 4px 16px 0px;
  text-align:left; /*margin-bottom:6px;*/
  padding: 4px 2px 4px 4px;
padding: 0px; 
}
.efaBox .hd {
background:transparent url(./assets/ebox_hd.gif) repeat-x scroll 0%;
height:20px;
width:248px;
margin-bottom: 6px;
}
.efaBox .bd  {
background-color:#FFFFFF;
width:248px;
margin-bottom:12px;
}
.efaBox .hd  .dfb {
color:#7ba248;
display:inline;
float:right;
font-size:0.9em;
font-size:0.8em;
font-weight:bold;
padding-right:5px;
padding-top:4px;
text-transform:uppercase;
}
.efaBox .hd , .efaBox .hd  a, .efaBox .hd  a:hover {
color:#92B14A;
font-family:Arial;
font-size:20px;
margin-bottom:10px;
}




div#contentPane {
/*background-color:#98C9D9;*/
  display: block; min-height: 600px;
  width: 100%;  overflow: hidden; 
  padding: 0px; 
  /*border: 1px solid #cccccc;*/
  margin-top:8px; margin-left: 8px;  margin-right: 4px; /* center it */
  /*line-height: 14px;*/
  font-size:11px;
}
div#contentPane  h3.front {
  width:80%;
  height: 16px;
  margin-left: 7px;
  background-color:transparent;
  padding: 2px;
  border-bottom: 1px solid #bbbbff;
  color:#CC0000;
}
div#contentPane  h3.gs-front {
  margin-bottom: 6px;
  width:90%;
  font-size:16px;
  height: 16px;
  background-color:#ffffff;
  padding: 2px;
  border-bottom: 1px solid #ccc;
  color:#ee6600;
}

div#contentPane .frontImage {
  float: left; 
  padding: 0px; margin:0px;
  width: 124px; height: 84px;
}
div#contentPane .frontImage P {
  text-align: center;
  padding-top: 2px; font-size: 10px; font-style: italic;
  text-indent: 0; clear:both; margin:0px;
}

/* IMAGE ONLY Teaser */
div#contentPane .teaserX {
  float: left;
  background: transparent;
  width:124px; height:120px; 
  margin-right:6px; margin-bottom:8px;
  overflow:hidden;
}

div#contentPane .teaserImage {
  text-align:center;
  border: 0px solid #ccc;
  width:120px; height:90px; 
  background: #fff;
  padding:2px; 
  line-height: 12px;
}
div#contentPane .teaserImage img{
  text-align:center;
}

div#contentPane .tSet {
  border: 1px solid #ffcccc;
}

div#contentPane .teaserX P {
  text-align: center;
  padding-top: 2px; font-size: 10px; 
  text-indent: 0; margin:0px;
  overflow:hidden; 

}
/* FLAT TEXT/PM Teaser */
div#contentPane .COURIER {
  font-family: Courier New, Courier;
  font-size:16px;
}

div#contentPane .STANDARD {
  font-family: Verdana, Trebuchet MS, Helvetica, sans-serif; 
  font-size:14px;
}

div#contentPane .teaserPM {
  font-size:100%;
  clear: left;
  background: transparent;
  width:95%;  
  padding: 4px 4px 4px 6px;
  margin-bottom:12px;
  border-bottom:1px dotted #333;
  /*overflow:hidden;*/
}
div#contentPane .teaserPM IMG {
  float:left;
  border: 1px solid #666;
  margin-right:8px; 
}

div#contentPane .teaserPM  H3 {
  color: #666;
  text-align: left;
  font-size: 120%; 
  text-indent: 0; 
  margin:0px 0px 0px 0px; 
  padding: 0px 0px 6px ;

}
div#contentPane .teaserPM  P {
  text-align: left;
  color: #333;
  margin: 0px;
  padding: 2px 0px 0px 0px; 
  font-size: 100%; 
  overflow:hidden; 
  line-height:1.2em;
}
div#contentPane div.teaserPM  div.info {
  font-size: 100%; 
  text-align: left;
  color:#666666;
  padding-top: 2px; 

}


div#contentPane .teaserBlog {
  font-size:100%;
  clear: left;
  background: transparent;
  width:95%;  
  padding: 4px 4px 4px 6px;
  margin-bottom:12px;
  border-bottom:4px dotted #ddd;
  /*overflow:hidden;*/
}


/* FLAT TEXT Teaser */
div#contentPane .teaserFlat {
  clear: left;
  background: transparent;
  width:95%;  height:105px;
  padding-bottom: 6px;
  margin-bottom:10px;
  border-bottom: 2px dotted #ccc;
  /*overflow:hidden;*/
}

div#contentPane .teaserFlat IMG {
  float:left;
  border: 1px solid #666;
  margin-right:8px; 
}
div#contentPane .teaserFlat  H3 {
  color: #666;
  text-align: left;
  font-size: 12px; 
  text-indent: 0; margin:0px; padding: 0px 0px 6px ;
  overflow:hidden; 
}
div#contentPane .teaserFlat  P {
  text-align: left;
  color: #333;
  padding-top: 2px; font-size: 10px; 
  text-indent: 0; margin:0px;
  line-height: 10px;
  height: 40px;
  overflow:hidden; 
}
div#contentPane div.teaserFlat  div.info {
  text-align: left;
  font-weight:bolder;
  color:#666666;
  padding-top: 2px; font-size: 9px; 
  text-indent: 0; margin:0px;
  overflow:hidden; 
}
div#contentPane div.teaserFlat  div.info span.eazy{
  text-align: left;
  font-weight: normal;
  color:#666666;
  padding-top: 2px; font-size: 9px; 
  text-indent: 0; margin:0px;
  overflow:hidden; 
}

div.tagCloud {
    /*background: #f0f0f0;*/
	font-family: Helvetica, sans serif;
    margin: 0px;
    padding: 0px 4px 4px 4px;
    font-size: 22px;
    line-height:16px; 
    clear:both;
}
div.tagCloud h3 {
  margin: 2px 0px 6px 0px;
  font-family: Verdana, sans-serif; 
  font-size: 100%; font-weight:normal;
  color:#666;
}

div.tagCloud a {
    line-height: 20px;
    font-weight: normal;
    text-decoration: none;
    vertical-align: middle;
}

div.tagCloud a:hover
{
    text-decoration: none ;
    color: #fff !important;
}
a.t1, span.t1
{
    color: #888888 ;
    color: #619a17 !important ;
    font-size: 60% ;
}
a.t2, span.t2 /* thats it */
{
    color: #1177cc !important ;
    color: #1177cc !important;
    color: #619a17 !important;
    font-size: 60% ;
    font-weight: bold;
}
a.t3, span.t3
{
    color: #339999 ;
    color: #7ba248 !important;
    font-size: 70% ;
}

a.t4, span.t4
{
    color: #339933 ;
    color: #009933 !important;
    font-size: 80% ;
    font-weight: bold;
}
a.t5, span.t5
{
    color: #339933 ;
    font-size: 90% ;
}
a.t6, span.t6
{
    color: #009933 ;
    font-size: 95% ;
    font-weight: bold;
}
a.t7, span.t7
{
    color: #FF9933 ;
    color: #1177cc !important;
    color: #009933 !important;
    font-size: 100% ;
}
a.t8, span.t8
{
    color: #FF9933 ;
    color: #1177cc !important;
    color: #009933 !important;
    font-size: 110% ;
    font-weight: bold;
}
a.t9, span.t9
{
    color: #FF9900 ;
    color: #1177cc !important;
    color: #009933 !important;
    font-size: 120% ;
}
a.t10, span.t10
{
    color: #FF9900 ;
    color: #1177cc !important;
    color: #009933 !important;
    font-size: 120% ;
    font-weight: bold;
}

div.hintBox {
  width:95%; min-height: 60px;
  font-size:80%; 
  background: #e0e0e0; 
  padding: 0px 0px 4px 4px; 
  margin: 0px 6px 10px 0px; 
}
div.hintBox img{
  margin-bottom: 4px;
}
.hbGreen {
  background: #c7f1d7 !important;
}


form#ezS label {
    font-weight: bold;
	float:left;
	width:120px;
    line-height:24px;
}

.imageContainer {
  float:left;
  padding: 2px;
  margin-right:4px; margin-bottom: 6px;
  /*border: 1px solid #fff;*/
  width: 144px; height: 300px;
  overflow:hidden;

}
.imageContainer .tools {
  margin-left:8px; margin-top: 4px;
  width:60%;
}

.imageContainer P {
  font-size:10px; margin-bottom:0px; padding-bottom:0px;
  height: 70px;
  overflow:hidden;
}

.imageContainer .ft {
  font-size:10px; 
}

.Logo {
	font-family: Helvetica, sans-serif;
	font-weight: bold;
	color: #009933;
	background: transparent;
	font-size: 3em;
	line-height: normal;
}

div.commentEntry {
  margin-top: 12px; margin-left: 4px; 
  padding: 4px;
  width:580px; 
  background-color:#f8f8ec; 
  border:1px solid #ddd; 
}

div.Event-List {
  border:1px dashed #333; 
  padding:4px; 
  margin-bottom: 10px; 
  width:90%
}
div.Klaz-List {
  border-top:1px solid #ccc; 
  border-bottom:1px solid #ccc; 
  background: #F1F1E7 none repeat scroll 0%;
  padding:4px; 
  margin-bottom: 16px; 
  width:90%
}

div.addressInfo {

}
div.addressInfo label{
  display:block;
  width: 100px;
  float:left;
  color: #990000;
  line-height: 16px;
  font-weight: bold;
}

div.addressInfo img {
  margin: 4px 6px 2px 0px;
}

.inlineImage {
  margin: 0px 6px 0px 6px;
}

.galleryContainer {
  width: 98%;
  margin: 10px 0px 10px 0px;
  padding: 4px 0px 4px 0px;
  border-top: 2px solid #ccc;
  border-bottom: 2px solid #ccc;
}

.galleryContainer img{
  margin: 6px 4px 0px 0px;
}

.digger img {
  border: 0px;
}

div.tooltip {
  width: 200px;
  min-height:200px;
  padding: 6px;
  background: #ffffee none repeat scroll 100%; 
  border:1px solid #ccc;
  z-index:200;
}


/* ********************************************* */
/*  advanced styles for tiny mce formatting      */
/* ********************************************* */
/* textbox */
.as_textbox {
  display:block;
  padding: 4px;
  background-color:#FFFFee;
  border: 1px solid #999;
}




/**************** NEW NAV ******************************/


.wiki_pm {
  font-size: 12px;
  width: 90%;
  font-family:Courier New, Courier;
  text-align: justify;
}
.wiki_pm h3{
  font-size: 16px;
}

#box-youtube {
  margin-top: 20px;
  background-color:White;
  border:1px solid #CCD6E7;
  margin-bottom:7px;
  padding:10px;
}

/* ----------------------------------------------------------------------------------- Menu */
/*.menuContainer { position:absolute;	padding-bottom:0px; clear:both; border-top:1px solid #dddddd; }*/
.menu{ 
  display:block; 
  margin:0; padding:0; 
  background-color:#e9f5d6;
}

.menu ul{ height:auto; list-style:none; padding:0px; margin:0px; background-color:#e9f5d6; }    
.menu li ul{ visibility:hidden; position:absolute; }
.menu li li ul{ position:absolute; margin-left: 130px; margin-top:-20px; width:200px; }  
.menu li{ 
  list-style:none; /*width:70px;*/  
  display:inline; 
  display:block; 
  margin-right:5px; 
  padding:0; 
  float:left;
  /*border: 1px solid #ccc;*/	
  }    
.menu li li{ display:block; float:none; }    
/* correct a little IE bug */
	* html .menu li li{ display:inline; }
.menu a{ text-align:left; color:#333; display:block; /*width:70px;*/ text-decoration:none; padding:4px 2px 3px 13px; margin:0px; background:url(../img/arrow.gif) left center no-repeat; }
.menu a:hover { color:#333333; }

#menuMain { font-size: 9px; background:url(../img/head02.jpg); }

.blogHint {
 
 font-family:"Trebuchet MS", Arial; 
 font-size:18px;
 line-height:24px; 
 height: 160px;
 padding:12px 8px 12px 8px;
}
.blogHint img {
  margin-right:4px;
}
.blogHint a {
  color:#fff; 
  opacity:0.8;
  filter:alpha(opacity=80);
  background-color:#666;
  text-decoration: none;
}
.blogHint a:hover, .blogHint a:visited:hover{
  color:#fff; 
  opacity:0.8;
  filter:alpha(opacity=60);
  background-color:#666;
  text-decoration: underline;
}

div.navBox {
  height:120px; 
  width:260px; 
  background-color:#ccc;
  background-color:#7ba248;
  color:#fff; 
  margin-right:10px; margin-top:20px;
  padding:4px;
 /* font-family:"OCR A Extended";*/
  font-size:11px;
  float:left;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;

}
div.navBox a{
color: #fff;
}

div.navBox .hd {
  color:#fff; 
  font-size:22px;
  width:100%;
  margin-bottom:2px;
}

ul.minitab {
  list-style-type:none;
  list-style-image:none;
  margin:7px 0px;
  padding:0px;
  height:8px;
  border-bottom: 3px solid #7ba248;
  width:96%;
}
ul.minitab li {
  padding:2px; 
  border-right:1px solid #fff;
  float:left;
  font-size:10px;
  background-color:#a7a7a7;
  background-color:#a1c442;
}
ul.minitab li:hover {
  background-color:#6c6c6c;
  background-color:#7ba248;
}

ul.minitab li.active{
  background-color:#6c6c6c;
  background-color:#7ba248;
}
ul.minitab li a {
  color:#fff  !important;
  text-decoration:none !important;
  padding:0.2em 1.8em;
}
div.tabCollapsible {
  min-height:300px;
}