/* GLOBAL RESET ---------------------------- */

body, div, dl, dt, dd, li, pre,
form, fieldset, input, textarea, p, blockquote, th, td, button { margin: 0; padding: 0; }

h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: 100%; font-weight: normal; }

address, caption, cite, code, dfn, em, strong, var { font-style: normal; font-weight: normal; }

ol, ul { list-style: none; margin: 0; padding: 0; }

table { border-collapse: collapse; border-spacing: 0; }
caption, th { text-align: left; font-weight: normal; font-style: normal; }

acronym, abbr, fieldset, img { border: 0;}

:focus { outline: 0; }




/* BASE STYLE ---------------------------- */

html { background: #367C21; }
body { background: #367C21 url(../images/bg.gif) repeat-x 0 0; font: 75%/1.5em Arial, sans-serif; } 
#bg-wrapper { width: 100%; height: 100%; background: url(../images/bg2.gif) no-repeat top center; padding: 100px 0; }

#nav-wrapper { 
	padding: 10px;
	width: 200px;
	background: #FFF;
	margin: 0 auto;
	border: 10px solid #FFF;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

ul#nav {
	border-top: 1px solid #dfdfdf;
}

ul#nav li {
	display: inline;
}

ul#nav li a {
	display: block;
	padding: 5px 10px 5px 27px;
	color: #556565;
	text-decoration: none;
	border-bottom: 1px solid #dfdfdf;
	background: url(../images/nav-bg.gif) no-repeat 6px 6px;
}

ul#nav li a:hover {
	color: #2b5f1a;
	background-color: #e5f3d7;
}