body {
	background-color:#ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:70%;
	color:#000000;
	margin:0px 10px 10px 10px;
	padding:0px;
	overflow-y:scroll;
}


#containerDiv {
	position:absolute;
	left:50%;
	width:800px;
	margin-left:-400px;
	padding:0px;
}


#headerDiv {
	position:relative;
	width:800px;
	white-space:nowrap; 
	clear:both;
}

.jumpToMenu {
	position:absolute;
	top:-2000px;
	left:-2000px;
	display:none;
}

.headerLeftColumn {
	position:relative; 
	float:left;
	padding:15px 0px 0px 0px;
}

.headerRightColumn {
	position:relative; 
	padding:20px 65px 0px 0px;
	float:right;
}

#menuDiv {
	position:relative;
	width:778px; /* that's 778 + 2 [border] + 10 [padding] = 800 */
	clear:both;
	padding:8px 10px 0px 10px;
	height:33px;
	border:1px solid #000000;
	background-color:#7CA23B;
}

div.menuItem {
	position:relative;
	float:left;
	padding:0px 5px 0px 5px;
	margin-top:2px;
	font-size:100%;
	font-weight:bold;
}
div.menuBorder {
	border-right:2px solid #000000;
}

h2.menuActive {
	font-size:120%;
	font-weight:bold;
	margin:0px;
	padding:0px;
	color:#ffffff;
	background-color:#7CA23B;
	text-decoration:none;
}

a.menuActive {
	background-color:#7CA23B;
	color:#ffffff;
	text-decoration:none;
}

a.menuActive:hover {
	background-color:#7CA23B;
	color:#ffffff;
	text-decoration:none;
}

h2.menu {
	font-size:120%;
	font-weight:bold;
	margin:0px;
	padding:0px;
	background-color:#7CA23B;
	text-decoration:none;
}
a.menu {
	background-color:#7CA23B;
	text-decoration:none;
}
a.menu:hover {
	color:#ffffff;
	background-color:#7CA23B;
	text-decoration:none;
}

#contentDiv {
	position:relative;
	float:left;
	width:800px;
	margin-top:60px;
}
	
.projectMenuOpen {
	position:absolute;
	z-index:2;
	top:35px;
	left:-15px;
	clip:auto;
	width:154px;
	height:52px;
	visibility: visible;
	background-color:#ffffff;
}

.projectMenuClosed {
	position:absolute;
	left:-2000px;
	clip:rect(0px, 0px, 0px, 0px);
	visibility: hidden; 
}

#footerDiv {
	position:relative;
	clear:both;
	width:800px;
	padding-top:40px;
}

.bottomLine {
	position:relative;
	border-bottom:2px solid #000000;
	height:2em;
	white-space:nowrap; 
	clear:both;
}

.topLine {
	position:relative;
	border-top:2px solid #000000;
	height:2em;
	white-space:nowrap; 
	clear:both;
	padding-top:1ex;
	padding-bottom:1ex;
}

.footerLeftColumn {
	position:relative;
	float:left;
	width:708px;
	text-align:center;
	white-space:nowrap; 
}

.footerRightColumn {
	position:relative;
	float:right;
	width:92px;
	text-align:right;
	white-space:nowrap
}
a.menu {
	text-decoration:none;
}
a.menu:hover {
	text-decoration:none;
}

a {
	text-decoration:underline;
	color:#333333;
	background-color:#ffffff;
	margin:0px;
	padding:0px;
}

a:hover {
	text-decoration:underline;
	color:#c0c0c0;
	background-color:#ffffff;
}


.formRow {
	position:relative;
	clear:both;
}

form {
	margin:0px;
	padding:0px;
}

label {
	width:10ex;
	float:left;
	padding:3px 5px 0px 0px;
}

input {
	float:left;
	border:1px solid #808080;
	padding:1px 3px 1px 5px;
}
input.radio {
	float:none;
	border:1px solid #808080;
	padding:1px 3px 1px 5px;
}
input.archiveSubmit {
	float:left;
	padding:0px;
	margin:0px 0px 0px 10px;
	border:0px;
}
img {
	border:0px;
}

img.preview {
	
}

/* all pages */


div.contentLeftColumn {
	position:relative;
	float:left;
	text-align:left;
	left:0px;
	width:170px;
	padding:0px 0px 0px 30px; /* swapping margin and padding will not work for IE */
	margin:0px;
}


div.articleLeftColumn { /* the left column on the article page only */
	position:relative;
	float:left;
	width:200px;
	padding:0px 0px 0px 25px;
	margin:0px;
}
div.contentCenterColumn {
	position:relative;
	float:left;
	width:300px;
	padding:0px 0px 0px 50px;
	margin:0px;
}

div.centerColumn { /* this one is used within contentCentreRigthColumn */
	position:relative;
	float:left;
	width:300px;
	padding:0px;
}
div.contentRightColumn {
	position:relative;
	float:left;
	width:200px;
	padding:0px 0px 0px 50px;
	margin:0px;
}

div.rightColumn { /* this one is used within contentCentreRigthColumn */
	position:relative;
	float:left;
	width:200px;
	padding:0px 0px 0px 50px;
	margin:0px;

}

div.contentCenterRightColumn {
	position:relative;
	float:left;
	width:550px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 50px;
}

div.articleCenterRightColumn { /* the center and right column on the article page only */
	position:relative;
	float:left;
	width:500px;
	padding:0px 50px 0px 25px;
	margin:0px;
}
div.contentRow { /*row taking up the full width of the content space - used for thumbnail */
	position:relative;
	width:800px;
	padding:0px;
	margin:0px;
	clear:both;
}
div.articleRow { /* row taking up the right 2 column */
	position:relative;
	float:left;
	margin:0px 0px 0px 0px;
	padding:0px;
}

h1.main {

	font-size:150%;
	font-weight:bold;
	/*width:300px;*/
	padding:0px 0px 15px 0px;
	margin:0px;
}

div.quoteImage {
	text-align:center;
	margin-top:20px;
	/*width:170px;*/
}
div.quoteText {
	font-size:150%;
	font-weight:normal;
	color:#7CA23B;
	/*width:170px;*/
	padding:20px 0px 0px 0px;
	
}

/* home */

h1.homeSub {
	font-size:120%;
	font-weight:bold;
	/*width:200px;*/
	padding:20px 0px 0px 0px;
	margin:0px;
}

p.homeMainIntro {
	font-weight:bold;
	/*width:300px;*/
	padding:0px 0px 20px 0px;
	margin:0px;
}

p.homeMainText {
	/*width:300px;*/
	padding:0px 0px 20px 0px;
	margin:0px;
}

p.homeMainLink {
	font-weight:bold;
	font-style:italic;
	/*width:300px;*/
	padding:0px 0px 20px 10px;
	margin:0px 0px 20px 0px;
}

img.homeMainSeparator {
}

p.homeSubIntro {
	font-weight:normal;
	/*width:200px;*/
	padding:0px 0px 20px 0px;
	margin:0px;
}
p.homeSubLink {
	font-weight:normal;
	font-style:italic;
	padding:0px 0px 20px 0px;
	margin:0px;
}

/* article page */
h1.article {
	font-size:150%;
	font-weight:bold;
	/*width:500px;*/
	padding:0px 0px 15px 0px;
	margin:0px;
}

h1.objectHeader { /* used in article.asp */
	font-size:150%;
	font-weight:bold;
	/*width:500px;*/
	padding:20px 0px 0px 0px;
	margin:0px;
}

div.articleHeader { /* used in article.asp */
	/*width:500px;*/
	padding:0px;
	margin:0px 0px 1em 0px;
}

p.articleHeader {
	font-weight:bold;
}

p.articleTextWide {
	clear:both;
	padding:0px;
	margin:0px 0px 2em 0px;
}

p.centerColumn {
	clear:both;
	padding:0px;
	margin:0px 0px 20px 0px;
}

img.article {
	padding:0px 0px 2px 0px;
}

#quicktimeDiv {
	height:300px;
	padding:5px 5px 5px 10px;	
	margin:10px 0px 10px 0px;
}

.photoGrid {
	width:262px;
	float:left;
	margin:2px 2px 20px 2px;
}

a.prevNext {
	margin-right:20px;
	font-style:italic;
}
/* prospektor page */
.prospektorText {
	width:300px;
	padding:40px 0px 40px 0px;
	margin:0px;
}

/* projects pages */

p.subIntro {
	font-weight:normal;
	width:300px;
	padding:0px 0px 20px 0px;
	margin:0px;
}
p.subLink {
	font-weight:normal;
	font-style:italic;
	/*width:300px;*/
	padding:0px 0px 20px 0px;
	margin:0px;
}

p.otherText {
	
}
div.photoPage {
	text-align:center;
}

p.photoNavigator {
	margin-top:20px;
}
img.projectsSeparator {
	margin:0px 0px 20px 0px;
}
/* other */

img.separator {
	margin:0px;
}

input.publicText {
	border:1px solid #808080;
	padding:5px;
	font-size:100%;
	margin:0px 0px 20px 15px;
}

input.publicImage {
	border:0px;
	/*margin:0px 0px 20px 20px;*/
	margin:0px 0px 20px 10px;
}

.printer {
	text-align:right;
}

blockquote {
	margin:0px 0px 0px 4em;
	padding:0px 0px 0px 00px;
}