/* ----- LAYOUT ----- */

html,body {
margin:0;
padding:0;
background-color: #0B4011;
background-image: url(images/body-bg.gif);
background-repeat: repeat-x;
}

#container {
width: 880px;
text-align: left;
margin:0 auto;
padding: 0;
}

#header {
width: 100%;
height: 234px;
background-image: url(images/header.jpg);
background-repeat: no-repeat;
margin: 0 auto;
padding: 0;
}

#body {
width: 800px;
padding: 0;
margin: 0 auto;
background-color: #ffffff;
}

#content {
float: right;
width: 800px;
background-color: #ffffff;
padding: 0;
margin: 0;
}

/*  thanks to http://www.positioniseverything.net/easyclearing.html for the following trick  */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */


#footer {
clear: both;
width: 100%;
height: 50px;
background-color: #222222;
background-image: url(images/footer-bg.gif);
background-repeat: repeat-x;
font-family: verdana, sans-serif;
font-size: 12px;
color: #757575;
text-align: right;
padding: 0;
margin: 0;
}




/* ----- main nav ----- */

#navcontainer {
float: left;
width: 100%;
margin: 0;
padding: 0;
}

#navcontainer ul {
margin: 0;
padding: 0;
list-style-type: none;
}

#navcontainer ul li {
display: block;
float: left;
padding: 0;
margin: 1px;
}

#navcontainer ul li a {
width: 90px;
padding: 2px;
margin: 0;
color: #ffffff;
text-decoration: none;
background-color: #619303;
display: block;
text-align: center;
font: normal 15px verdana, sans-serif;
letter-spacing: -0.04em;
}

#navcontainer ul li a:hover {
background-color: #B3C98C;
color: #0B4011;
}




/*   lists   */

#content ol {
font: normal 1em/1.5em arial, sans-serif;
color: #444444;
padding: 5px 40px;
margin: 0 20px;
}

#content ul.green {
font: bold 1em/1.5em verdana, sans-serif;
letter-spacing: -1px;
color: #336633;
padding: 5px 30px;
margin: 0;
list-style: none;
}

#content ul.green li {
padding-left: 18px;
background-image: url(images/bullet-star.gif);
background-repeat: no-repeat;
background-position: 0;
}

#content ul.green li.bigger {
font: bold 1.2em/1.5em arial, sans-serif;
padding-left: 18px;
margin: 0;
}

#content ul.thanks {
font: normal 15px/1.5em arial, sans-serif;
color: #333333;
padding: 5px 40px;
margin: 0;
list-style: disc;
}


/*   form   */

form {
font: 14px verdana, sans-serif;
margin: 0;
padding: 0;
width: 750px; 
}

input.btn {
color: #ffffff;
font: bold 15px verdana, sans-serif;
border: 1px solid #222222;
background: #1A354F;
margin: 10px 0 10px 260px;
padding: 0;
}

input.radio {
font: 14px verdana, sans-serif;
margin: 0;
padding: 0;
}

textarea.box, input.box {
color: #333333;
font-family: arial, sans-serif;
font-size: 14px;
background: #ffffff;
border: #999999 solid 1px;
margin: 10px 0 0;
padding: 0;
}

input.check {
color: #333333;
font-family: arial, sans-serif;
font-size: 13px;
background: #ffffff;
border: #999999 dotted 1px;
margin: 5px;
padding: 0;
}

select {
margin: 7px 0 0;
padding: 0;
}

form label { 
display: block;  /* block float the labels to left column, set a width */
float: left; 
width: 250px; 
padding: 0; 
margin: 7px 5px 0; /* set top margin same as form input - textarea etc. elements */
text-align: right; 
}

form br {
	clear: left;
}

/* ----- image floats ----- */

img.float-left { 
float: left;
margin: 4px 4px 0px 0px;
}

img.float-right { 
float: right;
margin: 4px 0px 0px 4px;
}



/*   text   */


h2 {
font: bold 20px verdana, sans-serif;
color: #333333;
letter-spacing: -0.05em;
padding: 0px;
margin: 5px 20px 0;
}


p {
font-family: arial, sans-serif;
font-size: 15px;
color: #333333;
line-height: 1.5em;
margin: 5px 20px;
}

p.justify {
font-family: normal 15px/1.5em arial, sans-serif;
text-align: justify;
color: #333333;
margin: 5px 20px;
}

p.topspacing {
font-family: arial, sans-serif;
font-size: 15px;
color: #333333;
line-height: 1.5em;
margin: 350px 10px 5px 10px;
}

.date {
float: right;
width: 80px;
font-family: verdana, sans-serif;
font-size: 16px;
font-weight: bold;
color: #1A354F;
letter-spacing: -0.05em;
padding: 10px 20px 0px 0px;
margin: 0px;
}




/*  LINKS  */

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

a:hover {
color: #999999;
}