html, body {
	margin: 0;
	padding: 0;
}

body {
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-size: 12px;
	color: #000000;
	text-align: justify;
	background: #F1F0DD;
}

#page-container {
	width: 750px;
	margin: auto;
}

#header {
	height: 180px;
}

h1 {
	margin: 0;
	padding: 0;
}

h3 {
	font-size: 12px;
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-weight: bold;
	color: #768278;
	margin: 0;
	padding: 0;
}

#main-nav {
	height: 40px;
}

ol#toc {
	height: 0px;    
	list-style: none;    
	margin: 0;    
	padding: 0;
	}

ol#toc li {
	background: #E7DDC7;    
	float: left;    
	margin: 0 1px 0 0;    
	padding-left: 10px;
	border-bottom: #DCD2BC 1px solid;
	border-left: #DCD2BC 1px solid;
	border-right: #DCD2BC 1px solid;
	}

ol#toc a {
	background: 100% 0;    
	color: #768278;    
	float: left;    
	line-height: 2em;    	
	padding-right: 10px;    
	text-decoration: none;
	}

ol#toc a:hover {
	color: #8C7271;    
	}

ol#toc li.current {    
	background-color: #CCCDAF; 
	border-bottom: #C1C2A4 1px solid;
	border-left: #C1C2A4 1px solid;
	border-right: #C1C2A4 1px solid;   
	}

ol#toc li.current a {    
	color: #8C7271;
	}

A:link {
   color: #768278;
   text-decoration: none;
   font-weight: bold;
   }

A:active {
   color: #768278;
   text-decoration: none;
   font-weight: bold;
   }

A:visited {
   color: #768278;
   text-decoration: none;
   font-weight: bold;	
   }

A:hover {
   color: #8C7271;
   }

#left-panel{
	float: left;
	width: 550px;
}

.box1{
	background: #E7DDC7;
	margin: 0 0 10px 0;
	padding: 10px 10px;
	color: #000000;
	border: 1px solid #DCD2BC;
}

#right-panel{
	margin: 0 0 0 560px;
}

.box2{
	background: #CCCDAF;
	margin: 0 0 10px 0;
	padding: 10px 7px;
	color: #000000;
	border: 1px solid #C1C2A4;
}

#footer {
	clear: both;
	height: 10px;
	padding: 10px 11px;
	border-top: #e8e8cd 1px solid;
}

#layout {
	text-align: center;
}

input {
	color: #768278;
}

textarea {
	color: #768278;
	font-family: Arial;
}

.submit {
  border: 1px solid #768278;
  background-color: #F1F0DD;
  font-family: Arial;
  color: #000000;
}

.reset {
  border: 1px solid #768278;
  background-color: #F1F0DD;
  font-family: Arial;
  color: #000000;
}

#spacer {
	height: 20px;
}

#table {
  width:100%;
  table-layout: fixed;
  border-collapse: collapse;
}

#table td, #table th {
  font-size: 12px;
  border: 1px solid #F1F0DD;
}

.floatright {
	float: right;
}