* { margin: 0px; padding: 0px; }

body {
  font-family: arial;
  color: #333333; background-color: #FFFFFF;
  }

#wrapper {
  width: 780px;
  margin: 0 auto;
  }

#header {
	width: 100%;
	height: 80px;
	margin: 10px 0 20px 0;
	text-align: right;
	color: #336633;
	background: #fff url(images/logo.jpg) center left no-repeat;
	}
	#header p{
		float: right;
		margin-top: 20px;
		padding-right: 20px;
		font-size: 24pt;
		line-height: 18px;
		}
		#header p span{ font-size: 9pt; }
ul#nav{
	clear: both;
	width: 100%; height: 35px;
	margin: 0 0 20px 0; 
	list-style: none;
	text-align: center;
	background: #3a5624 url(images/navbg.gif) no-repeat;
	}
	#nav li{
		display: inline;
		margin: 0; padding: 0 15px;
		font: bold 14px/32px trebuchet ms,arial,sans-serif;
		}
		#nav li a{ color: #fff; text-decoration: none; }
			#nav li a: hover{ color: #eee; }

#leftSide {
  float: left;
  width: 230px;
  margin-bottom: 10px;
  }

#rightSide {
  float: right;
  width: 500px;
  margin-bottom: 10px;
  }

#footer {
	clear: both;
	width: 100%; height: 20px;
	font-size: 8pt;
	line-height: 20px;
	border: 1px solid #ccc;
	color: #666; background: #eee;
	}
	#footer a{ text-decoration: none; color: #333333;}
		#footer a:hover { text-decoration: underline; }

/* ----------------------------------   Styling ---------------------------------- */

p.numBox {
  float: left;
  width: 48px; height: 48px;
  margin-right: 8px; 
  font-size: 18pt;
  line-height: 48px;
  text-indent: 0px;
  text-align: center;
  vertical-align: middle;
  border: 1px #000000 solid;
  color: #FFFFFF; background: #bb1f1f;
  }

.right { float: right; }
.left { float: left; }

h1 { font-size: 10pt; }
h2 { font-size: 7pt; margin-bottom: 3.9em;}

p {
  text-indent: 10px;
  font-size: 8pt;
  margin-bottom: 5px;
  }

hr {
  height: 5px;
  margin: 10px 0;
  color:#000000; background: #000000;
  }

ul{ margin-left: 30px; font-size: 8pt; }