* {
 padding: 0;
 margin: 0;
 line-height: 140%;
 }
body	{
 text-align: center;
 background: #007000 url(images/background.png) repeat-x;
 padding-top: 0px;
 padding-bottom: 20px;
 color: #663;
 font-family: arial, "lucida console", sans-serif
}
#footer {
 width: 100%;
 text-align: center;
 font-size: 80%;
 clear: both;
 border-bottom: 1px solid brown;
}
h1 {
color: #333;
}
hr {
 border-top: 1px solid #685339;
 background-color: #685339;
 margin-top: 8px;
 margin-bottom: 2px;
 width: 70%;
 text-align: center;
 margin: auto;
 }
#container {
 width: 80%;
 margin: auto;
 text-align: center;
 font-size: 14px;
 }
#header {
 width: 100%;
padding: 0px;
margin-bottom: -3px;
}
#navigation {
display: inline;
float: right;
width: 24%;
text-align: center;
}
#navigation_thing {
width: 100%;
}
#navigation_main {
margin-left: 20%;
margin-top: -3px;
background: url(images/navigation.png) bottom repeat-x #fff;
}
#main {
width: 94%;
margin: auto;
text-align: left;
border-left: 1px solid brown;
border-right: 1px solid brown;
border-top: 0px;
margin-top: 0px;
}
#content {
background: url(images/container_bg.gif) repeat;
}
ul, li {
 padding-left: 20px;
 padding: 5px;
 }
li {
display: block;
}
ul {
list-style-type: none;
}
#navigation_main li:hover {
	color: #cc9;
}
 p {
 padding: 5px;
 }
 
 h1, h2, h3, h4, h5 {
color: #003a00; 
 }
 h2 {
 font-size: 160%;
 }
.note {
font-style: italic;
}
label {
font-size: 80%;
}
a:link {
color: #600;
}
a:visited {
color: #600;
}
a:active {
color: #600;
}
a:hover {
color: #600;
}

/* handling the css of the drag and drop system */

.lineitem {
		margin: 3px 10px;
		padding: 2px;
		background-color: #FFFFFF;
		cursor: move;
		border: 1px solid black;
		font-size: 80%;
		text-align: left;
	}
.table_section {
	text-align: center;
}

/* stuff for tinymce */

.mceContentBody {
	background: url('../images/container_bg.gif');
}