/* reset defaults */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,th,td {  
	margin: 0;
	padding: 0; 
} 
table { 
	border-collapse: collapse; 
	border-spacing: 0; 
} 
img {  
	border: 0; 
}



/* new defaults */
body {
	font-family: "Arial", "Helvetica", sans-serif;
	font-size: 13px;
	color: #333;
	background: white;
}

a {
	color: #008770;
}


#box {
	background: #008770;
}
#container {
	background: white;
}

/* headers */
h1 {
	visibility: hidden; /* probably better than "display: none;" for screen reader */
}

#logo {
	position: absolute;
	top: 5px; /* 3px margin + 2px for the border */
	right: 7px; /* 5px margin + 2px for the border */
}



/* main content block */
#main {
	padding: 5px 10px 3px 10px;
}
#main p {
	margin-bottom: 5px;
}

#main form {
	clear: both;
}

#main .half {
	float: left;
	width: 155px;
}

#main h2 {
	font-size: 1em;
	margin: 5px 0;
}
#main h2 span {
	color: white;
	background: #008770;
	padding: 2px 5px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#main select {
	font-size: 0.923em;  /* 12px */
	width: 11em;
}
#main .illustration {
	float: right;
	margin-left: 5px;
}



/* footer */
#footer {
	position: absolute;
	bottom: 10px;
	right: 0px;
	width: 100%;
}
#footer #back {
	width: 36px;
	float: left;
	margin: 2px 2px 2px 5px;
	height: 20px;
	padding: 3px 0 0 18px;
	font-size: 0.923em; /* 12px */
}
#footer #provided {
	float: right;
	width: 80%;
	color: white;
	background: #008770;
	border: 2px solid #008770;
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-bottomleft: 8px;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	font-size: 0.846em; /* 11px */
	padding: 3px;
	text-align: center;
}

.nowrap {
	white-space: nowrap;
}