@charset "utf-8";
/* CSS Document */

@import url(style_presentation.css);

body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background-color:#45594D;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}

#container {
	width:850px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}

#logo {
	height:120px;
	width:850px;
	font-family:Arial, Helvetica, sans-serif;
}

#logo img {
	margin:10px; float:left;
}

#logo ul {
	margin:0 5px 0 680px; 
	padding-top:10px;
	font-family:Georgia, "Times New Roman", Times, serif;
}

#logo li, #navbar li {
	display:inline;
	margin-right:10px;
}

#logo a:link, #logo a:visited  {color:#999999; text-decoration:none}

#navbar {
	width:850px; 
	height:40px; 
	background-color:#6D9F55;
}

#navbar ul {
	margin:0; 
	padding:10px 0 0 15px;
}

#navbar li {
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif; 
	font-weight:500;
	margin:0 0 0 5px;
}

#navbar a:link, #navbar a:visited {text-decoration:none; color:#FFFFFF}
#navbar a:hover {text-decoration:none; color:#003300}

#tree {
	width:425px; 
	height:283px; 
	background-image:url(images/tree.jpg); 
	background-position:left; 
	float:left;
}

#box_yellow {
	background-color:#F6CF65; 
	float:left;
	height:283px;
	width:220px; 

	color:#FF0066;
	font-family:Georgia, "Times New Roman", Times, serif; 
	font-size:18px; 
	font-style:italic;
}

#box_yellow span, #box_green span {padding:8px 10px 5px 10px; display:block;}
		
#box_green {
	background-color:#C0EAAC;
	float:left; 
	height:283px; 
	width:205px;
	color:#6D9F55;
	font-weight:bold;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:20px;
}

#box_brown {
	background-color:#A99671; 
	font-family:Georgia, "Times New Roman", Times, serif;
	float:right;
	height:270px;
	margin:0; 
	padding:10px; 
	color:#FFFFFF; 
	font-size:85%;
	width:405px;
}		

#box_yellow ul, #box_green ul {
	width:170px; margin:0 12px 0 12px; padding:0;	 
}

#box_yellow li {
	color:#FFFFFF;
	list-style:none;
	font-style:normal;
	text-indent:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:65%;
	padding-bottom:10px;
	background-image:url(images/dots.gif); 
	background-repeat:repeat-x; 
	background-position:bottom;
}

#box_green li {
	color:#9F7777;
	list-style:none;
	font-family:sans-serif;
	font-size:55%;
	text-indent:0;
}

#txt {
	padding:10px;
	font-family:Georgia, 'Times New Roman', Times, serif; 
	color:#666666; 
	line-height:1.3em; 
	width:405px; 
	height:230px;
	float:left; 
	background-color:#F7F7F7;
	font-size:90%;
	padding-bottom:50px; 
}

#txt_pages {
	padding:25px;
	font-family:Georgia, 'Times New Roman', Times, serif; 
	color:#666666; 
	line-height:1.3em; 
	height:auto;
	float:left; 
	background-color:#F7F7F7;
	font-size:90%;
	padding-bottom:50px; 
	width:800px; 
	background-image:url(images/leaves.gif); 
	background-repeat:no-repeat;
}