* {
	margin: 0;
	padding: 0;
}
html {height: 100.1%;}
body {
	background: #AAC785 url(img/bgbody.gif) repeat-y center top;
	font: normal 11px Verdana,sans-serif;
}
div a {
	color: #FFF;
	text-decoration: none;
}
h1 {
	color: #101010;
	font: bold 20px Arial,sans-serif;
	margin: 18px 0 10px 0;
}
h2 {
	color: #444;
	font: bold 14px Arial,sans-serif;
	margin: 18px 0 5px 0;
	border-bottom: 1px solid #30412F;
}
h3 {
	color: #444;
	font: bold 12px Verdana,sans-serif;
	margin: 8px 0 5px 0;
}
p {
text-align: justify;
}
/* structure */
.mainheader {
	width: 718px;
	margin: 0 auto;
	height: 10px;
	background: #AAC785;
	border-bottom: 9px solid #30412F;

}
.main {
	width: 680px;
	margin: 0 auto;
}
.teaser {
margin-top:2px;
}

.leftspace {
	float: left;
	padding-top: 6px;
	width: 474px;
}
.rightspace {
		min-height:715px;
	border-top: 6px solid #EFF5C9;
	float: right;
	width: 200px;
}
.footer {clear: both;}

/* misc */
.left {
	float: left;
}
.right {
	float: right;
}
.header,.teaser,.link_updates a {
	border-bottom: 0px solid #FFF;
}

.lbl {
	border-bottom: 0px solid #FFF;
}
div.teaser a:hover,div.link_updates a:hover, .content a:hover {
	background: #C84646;
	color: #FFF;
}
a:hover{
	color: #695006;
	font-weight: bold;
}
/* logo */
.header {
	background: #617C51 url(img/bgheader.jpg) repeat-x;
	height: 110px;
}
.header h1 {
	margin: 0;
	padding: 124px 0 0 24px;
	font: normal 18pxVerdana,sans-serif;
}

/* main navigation */
.link_menu {
	background: transparent;
}
.link_menu a {
	border-bottom: 1px solid #FFF;
	display: block;
	font: bold 11px Verdana,sans-serif;
	height: 20px;
	padding: 6px 0 0 10px;
	text-decoration: none;
}
.link_menu a:hover {background: #30412F;color:#FFFFFF;	padding: 6px 0 0 10px;}

.link_menu a.active {
	background: #30412F;
	border-bottom: 1px solid #FFF;
	display: block;
	font: bold 11px Verdana,sans-serif;color: #FFFFFF;
	height: 20px;
	padding: 6px 0 0 10px;
	text-decoration: none;
}
.link_menu a.active:hover {background: #30412F;color:#FFFFFF;}
/* projects */
.lbl {
	background: #222 url(img/bglbl.gif) repeat-x;
	clear: both;
	color: #FFF;
	font: normal 14px Georgia;
	height: 50px;
	overflow: hidden;
	text-align: center;
}

.teaser a {
	display: block;
	height: 100px;
	text-align: center;
	color: #FFF;
	padding-top: 24px;
	width: 124px;
	font-size: 11px;
	font-family: sans-serif;
}
.teaser a span {
	font: normal 5em sans-serif;
}

/* updates */
.link_updates {
	background: #222 url(img/grdnt_gray.gif) repeat-x;
}
.link_updates .lbl {
	border-top: 6px solid #FFF;
	height: 100px;
}
.link_updates a {
	clear: right;
	display: block;
	font: normal 10px Georgia;
	height: 55px;
	padding: 10px 0;
	text-align: center;
}
.link_updates a span {
	float: left;
	font: normal 3em Verdana,sans-serif;
	letter-spacing: -2px;
	margin-left: 10px;
	margin-top: 3px;
}

/* content */ 
.content {

	color: #444;
	font-family: Verdana,sans-serif;
	line-height: 2em;
	padding: 0 10px 10px; 
}
.content a {
	color: #445C3C;
	font-weight: bold;
		line-height: 2em;
}
.content a:hover{
	background: transparent;
	color: #718C5D;
	font-weight: bold;
	text-decoration: underline;
}
.content a.readmore {
	color: #EFF5C9;
	font-weight: bold;
	line-height: 1em;
	background-color: #7A9563;
	padding: 4px 6px 5px 6px;
	float: right;
}
.content a.readmore:hover{
	color: #EFF5C9;
	font-weight: bold;
	line-height: 1em;
	background-color: #658055;
	padding: 4px 6px 5px 6px;
	text-decoration: none;
	float: right;
}
.content p {
	margin: 4px 0 10px 0;
}
.content .descr {
	color: #666;
	margin-bottom: 6px;
}
.content ul {
	margin-left: 4px;
	margin-bottom: 10px;
	margin-top: 9px;
}
.content li {
	list-style: url(img/li.gif);
	margin-left: 18px;
	margin-bottom: 5px;
}

/* footer */
.footer {
	background: transparent;
	color: #333333;
	clear: both;
}

.footer .left a {
	font-weight: bold;
	color: #777;
}
.footer .left {
	border-top: 0px solid #F0F0F0;
	padding: 9px 0 9px 9px;
	width: 407px;
}
.footer .right {
	margin-right: 8px;
	padding: 9px 0;
	text-align: right;
	width: 220px;
}


#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #EFF5C9;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	border: 1px solid #30412F;

	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}

#prevLink { float: left; background: url(./img/prevlabel.gif) left 15% no-repeat; }
#nextLink { float: right; background: url(./img/nextlabel.gif) right 15% no-repeat; }
#prevLink:hover, #prevLink:visited:hover  { float: left; background: url(./img/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { float: right; background: url(./img/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{
	font: 11px Verdana, Helvetica, sans-serif;
    color: #3E3E3E;
    background-color: #EFF5C9;
	margin: 0 auto;
    padding:4px 0px 4px 0px;
    border: 1px solid #30412F;
    border-top: 0px solid #2B7A3C;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 92%; float: left; text-align: left; }	
#imageData #caption{ font-weight: normal;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 20px; float: right;  padding-bottom: 1.0em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: transparent;

	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	
img.meetings 
{
float:left;
margin-right:8px;
margin-top:5px;
}


a img, a img:visited {
	margin-bottom:6px;
	margin-right:8px;
	border: 2px solid #AAC785;
}
a img:hover {
	margin-bottom:6px;
	margin-right:8px;
	border: 2px solid #647F54;
}
img.content {
	padding:0;
	margin-top:8px;
	margin-bottom:8px;
	border: 8px solid #FFFFFF;
}
img.bullet {
	padding:0;
	margin-top:0px;
	margin-bottom:0px;
	border: 0px solid #FFFFFF;
}

.button {
font-family      : Verdana, Arial, Helvetica, Times,serif;
font-size        : 11px;
color            : #F1ECDA;
font-weight:bold;
border           : 1px solid;
border-color     : #222222;
background-color:  #544108;
padding          : 3px 3px 5px 3px;
margin-top       : 1px;
margin-left       : 2px;
}

.button:hover {
border           : 1px solid;
border-color     : #544108;
background-color:  #222222;
padding          : 3px 3px 5px 3px;
margin-top       : 1px;
margin-left       : 2px;
}

.inputbox {
background       : #F7F5ED;
padding          : 2px;
border           : 1px solid;
border-color     : #856609;
margin-top       : 2px;
margin-bottom    : 4px;
margin-left      : 0px;
}

.inputbox:focus {
background       : #FFFFFF;
padding          : 2px;
border           : 1px solid;
border-color     : #856609;
margin-top       : 2px;
margin-bottom    : 4px;
margin-left      : 0px;
}

form {
font-size: 11px;
font-weight:bold;
padding: 0px;
}
a.backtotop, a.backtotop:visited {
color:#EFF5C9;
font-size: 11px;
font-weight:bold;
}
a.backtotop:hover {
color:#FFFFFF;
font-size: 11px;
font-weight:bold;

}