body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin: 0;
	padding: 0;
	color: #000000;
}

div#wrapper {
	width: 760px;
	margin: 0 auto;
	padding: 0;
}

/*----------------------------------------------------------Header*/
div#skiptocontent {display: none;}
div#top {height: 0px;}

div#header {
	width: 100%;
	height: 150px;
	margin: 0;
	padding: 0;
	background-color: #00CC00;
	color: #FFFFFF;
	background-image: url(../images/header.jpg);
	background-position: top center;
}

	p#sitename {
		font-size: 3em;
		margin: 0;
		padding: 5px 10px 5px 10px;
		text-align: right;
		letter-spacing: 0.1em;
	}
	
	div#header ul {
		margin: 80px 0 0 10px;
		padding: 0;
		display: inline-block;
		font-size: 1.6em;
		letter-spacing: 0.1em;
	}
	
		div#header li {display: inline;}
		
			div#header li a {
				color: #FFFFFF;
				text-decoration: none;
			}
			
				div#header li a:hover {
					background-color: #00CC00;
					color: #FFFFFF;
				}
	
/*----------------------------------------------------------Content*/
div#content {
	margin: 0;
	padding: 0;
}

h1 {
	margin: 10px 0 10px 0;
	padding: 5px 10px 5px 10px;
	background-color: #00CC00;
	color: #FFFFFF;
	font-size: 2.4em;
	font-weight: normal;
	letter-spacing: 0.1em;
}

h2 {
	margin: 0;
	padding: 5px 10px 0 0;
	border-bottom: 1px dashed #00CC00;
	color: #00CC00;
	font-size: 1.8em;
	font-weight: normal;
	letter-spacing: 0.1em;
}

h3 {
	margin: 0;
	padding: 5px 10px 0 0;
	border-bottom: 1px dashed #00CC00;
	color: #00CC00;
	font-size: 1.6em;
	font-weight: normal;
	letter-spacing: 0.1em;
}

div#content p {
	line-height: 1.5em;
	font-size: 1.4em;
}

div#content a {
	text-decoration: none;
	color: #000000;
	border-bottom: 1px dotted #000000;
}

	div#content a:hover {
		text-decoration: none;
		color: #00CC00;
		border-bottom: 1px dotted #00CC00;
	}

p.italic {font-style: italic;}
img.floatright {float: right;}
div#content ul {list-style-type: square;}

	div#content li {
		font-size: 1.4em;
		list-style-type: square;
	}

div#box {
	float: right;
	width: 25%;
	border-left: 1px solid #00CC00;
	display: block;
	margin: 0 0 10px 10px;
	padding: 0 0 0 10px;
	text-align: justify;
}

p#error, span.mandatory {
	color: #FF0000;
	font-weight: bold;
}

form#contact-form {width: 60%;}

	.field {
		float: right;
		width: 300px;
		border: 1px solid #00CC00;
		font-family: Arial, Helvetica, sans-serif;
	}
	
	input#email {text-transform: lowercase;}
	textarea#message {height: 150px;}
	input#submit {margin: 10px 0 0 155px;}
	
a.thumbnail {
	border: none !important;
	color: #FFFFFF !important;
}

	a.thumbnail:hover {color: #00CC00 !important;}

div.center {text-align: center;}
div.clear {clear: both;}

/*----------------------------------------------------------Footer*/
div#footer {
	margin: 0;
	padding: 10px 0 10px 0;
	background-color: #00CC00;
	color: #FFFFFF;
	text-align: center;
}

	div#footer ul {display: inline;}
		div#footer li {display: inline;}
		
			div#footer li a {
				color: #FFFFFF;
				text-decoration: none;
			}
			
				div#footer li a:hover {
					border-bottom: 1px dotted #FFFFFF;
					cursor: help;
				}