html, body {

    margin: 0;

    padding: 0;

}



body {

	font-family: Helvetica, Arial, Sans-Serif;

	font-size: 12pt;

	text-align: center;

	color: #030000;

	background-color: #D2C8AE;

}



h1 {}

	h1#logo {

	text-indent: -2000px;

	width: 900px;

	height: 150px;

	background-image: url(logo.png);

	background-repeat: no-repeat;

	background-position: left top;

	}

		h1#logo a {

			display: block;

			

		}

h2 {}

	#content h2 {

		font-size: 2.2em;

		margin-bottom: 1em;

	}

		#content h2 span.front_page_1 {

			margin-left: 20px;

		}

		#content h2 span.front_page_2 {

			margin-left: 60px;

		}

		#content h2 span.front_page_3 {

			margin-left: 100px;

		}



h3 {}

	#content h3 {

		margin-bottom: 1em;

		font-size: 1.6em;

	}



h4 {}

	#content h4 {

		margin-bottom: 1em;

		font-size: 1.3em;

}



p {}

	#content p {

	/*font-size: 1.3em;*/

	line-height: 1.2em;

	margin-bottom: 1em;

}



#content blockquote p {

	margin-left: 20px;

	font-style: oblique;

}



#footer {

	color: #5d5350;

}



	#footer p {

	font-size: 10pt;

	padding-left: 10px;

	color: #5d5350;

	}

		#footer p.author {

			display: inline;

			float: right;

			margin-top: -1em;

		}



a {}

	#content a {

		color: #0000FF;

}

#content a:hover {

	color: #FF0000;

}



#footer a {

	color: #5d5350;

}

	

#footer a:hover {

	color: #FFFFFF;

}



a img {

	border: none;

}



/*Global reset to make no links underline */

*:link, *:visited {

	text-decoration:none;

}



table {

	margin-bottom: 1em;

}



td {}

	#content td {

		font-size: 1em;

		line-height: 1.2m;

}



label {

	display: block;

	font-size: 1em;

}



input, textarea {

	margin-bottom: 1em;

}





#content ul li, ol li {

	margin-bottom: 1em;

}



#content ol li ul li {

	margin-bottom: 0;

}



/* Edit the styles as you see fit */

#wrapper {

	width: 900px;

	text-align: left;

	margin-top: 0;

	margin-right: auto;

	margin-bottom: 0;

	margin-left: auto;

	/*background: #D3D1C2;*/

}

#header {

	background: #454E05;

}



#content {

	padding: 30px;

	clear: both;

	background-color: #FFFFFF;

	background-image: url(content_top.png);

	background-repeat: no-repeat;

	background-position: left top;

	width:840px;  /* ensures that the contant pane stays at full width, 900px - padding */

}



#footer {

	height: 70px;

	background: url('footer.png') no-repeat top left;

	padding-top: 20px

	}



/***************************

MENU 1

****************************/

#menu {

	font-family: Arial, sans-serif;

	font-size:18px;

	margin-top: 10px;

/* Since we aren't floating li in this example we don't have to set a height on the div */

}



#menu ul {

	text-align: center; /* We are using text-align: center on ul to horisontally align our menu */

	margin: 0 0 0 0;

	padding: 0;

}



#menu li {

	display: inline; /* The menu is horizontally aligned using display: inline */	

}



#menu li a {

	padding: 7px 0 6px 10px; /* Display: block won't work in this example, instead we are using padding to make the hole tab a clickable link */

	color: #5d5350;

	text-decoration: none;

	font-weight: bold;

	background: url(tabbed-menu-left.gif) no-repeat left top; /* Rollover effect using "Fast rollovers without preload" concept for the left part of the tab */

}



#menu li a:hover {

	background-image: url(tabbed-menu-left.gif);

	background-repeat: no-repeat;

	background-position: left bottom;

	color:#FFFFFF;

}



#menu li a span {

	padding: 7px 10px 6px 0; /* Rollover effect using "Fast rollovers without preload" concept for the right part of the tab */

	background-image: url(tabbed-menu-right.gif);

	background-repeat: no-repeat;

	background-position: right top;

}



#menu li a:hover span {

	background: url(tabbed-menu-right.gif) no-repeat right bottom;

}







/*

 * HACKS

 */

 



.clearfix:after {

    content: ".";

    display: block;

    height: 0;

    clear: both;

    visibility: hidden;

    }



.clearfix {display: inline-block;}  /* for IE/Mac */



</style>



<!-- [if IE]>

<style type="text/css">

  .clearfix {

    zoom: 1;     /* triggers hasLayout */

    display: block;     /* resets display for IE/Win */

    } 

</style>

<![endif]





<![endif]



<!-- [if IE]>

<style type="text/css">

/* Unfortunately, for some reason both IE6 and IE7 needs to be hacked. */

#menu li a {

padding: 0 0 0 10px;

}

</style>

<![endif]