/*

																						##### Milieu/Noise STYLES. #####
																						#### June '09. Kevin Leitch for ECOTEC ###
																						
																						## Please note that IE specific code (if any) are in the files: ##
			
                                      			- style-ie.css
                                      			- style-ie7.css
                                      			
                                      			## OK, on with the show ##
                                      			
                                      			=1: Universal overrides
                                      			=2: Main layout divs
																						=3: Nav
																						=4: Sub areas

*/

/* 
			=1: Universal Overrides & elements
*/

* {
		padding: 0;
		margin: 0;
}

body {
		font-size:62.5%;
		font-family: arial, calibri, verdana, tahoma, helvetica, sans-serif;
		background-color: #fff;
}

div {
		position: relative;
}

img {
		border: 0;
}

/* 
			=2: Main layout divs
*/

#wrapper {
		width: 900px;
		height: 100%;
		border-right: 1px solid #808080;
		float: left;
}

#header {
		width: 900px;
		height: 103px;		
}

#contentarea {
	border-top: 20px solid #B4D0B1;
	float: left;
}

#contentarea #content {
	float: right;
	width: 710px;
	margin-left: 20px;
}

/*
		=3: Menu
*/

#contentarea #menu {
		float: left;
}

#contentarea #menu ul {
		width: 170px;
		height: 100%;
		background-color: #03663A;
		list-style-type: none;
		padding-bottom: 100px;
}

#contentarea #menu a {
		font-size: 12px;
		color: #fff;
    display: block;
    padding: 3px;
		padding-top: 10px;
    width: 164px;
    background-color: transparent;
    border-bottom: 1px solid #fff;
		text-decoration: none;
		text-align: right;
		font-weight: bold;
}

#contentarea #menu a:link, .navlist a:visited {
    color: #fff;
    text-decoration: none;
}

#contentarea #menu a:hover {
    background-color: #71A990;
    color: #fff;
}

/*
			=4: subareas
*/

#header ul {
		margin-left: 100px;
		list-style-type: none;
}

#header ul li {
		float: left;
		margin-right: 105px;
		padding-top: 10px;
}

#header ul li.rpa {
		padding-top: 20px
}

#content h1 {
		font-size: 22px;
		text-align: center;
		font-weight: normal;
		width: 500px;
		display: block;
		margin: 0 auto;
		margin-top: 10px;
		margin-bottom: 10px;
		border-bottom: 1px dashed #ccc;
}

#content h2 {
		font-size: 18px;
		font-style: italic;
		margin-top: 10px;
		margin-bottom: 10px;
		margin-right: 20px;
}



#content h3 {
		font-size: 16px;
		margin-top: 10px;
		margin-bottom: 10px;
		font-weight: bold;
}

#content p {
		font-size: 14px;
		margin-right: 20px;
		margin-bottom: 20px;
		line-height: 18px;
}

#content ul,
#content ol {
		font-size: 14px;
		margin-left: 60px;
		list-style-type: disc;
		margin-bottom: 20px;
}

#content ul li,
#content ol li {
		margin-bottom: 10px;
}

#content p.copyright {
		text-align: center;
		font-weight: normal;
		font-size: 12px;
		width: 600px;
		display: block;
		margin: 0 auto;
		margin-top: 60px;
		margin-bottom: 30px;
		color: #666;
}

#content table {
		margin-bottom: 20px;
}

#content table th,
#content table td {
		width: 150px;
		border-bottom: 3px solid #000;
		text-align: left;
		padding: 3px;
}

#content table th {
		font-size: 12px;
		font-weight: bold;
}

#content table td {
		border-bottom: 1px solid #000;
}

#content blockquote {
		margin-left: 40px;
		margin-right: 40px;
		margin-top: 20px;
		margin-bottom: 20px;
		border: 1px solid #000;
		padding: 20px;
}