body {
  margin: 0px;
  padding: 0px;
  font-size: 10px;
  line-height: 20px;
  color: #000;
  background-color: #EEE;
  font-family: verdana, arial, helvetica, sans-serif;
}

/*******   Site Divs    *********/

#header {
  width: 880px;
  height: 150px;
  margin: 5px;
  padding: 10px;
  background-color: #FFF;
  border: 1px solid #DDD;
  background: url(../assets/banner.jpg) no-repeat top left;
}

#title {
  position: absolute;
  top: 20px;
  left: 20px;
  padding: 10px 10px 5px 10px;
  background-color: #18332A;
}

#lpanel {
  position: absolute;
  top: 158px;
  left: 0px;
  margin: 5px;
  padding: 10px;
  background-color: #FFF;
  border: 1px solid #DDD;
  width: 170px;
}

#content {
  width: 683px;
  margin: 0px 200px 5px 202px;
  padding: 10px;
  background-color: #FFF;
  border: 1px solid #DDD;
  text-align:justify;
}

#footer {
  width: 683px;
  margin: 5px 200px 5px 202px;
  padding: 10px;
  background-color: #FFF;
  border: 1px solid #DDD;
  text-align: right;
}


/********  Headers   ********/

h1 {
  font-size: 14px;
  font-weight: bold;
  color: #18332A;
}

h2 {
  font-size: 12px;
  font-weight: bold;
  color: #18332A;
}

h3 {
  font-size: 12px;
  font-weight: bold;
  color: #069;
}

.title {
	font-family :Times New Roman;
	font-size: 34px;
	font-weight: 700;
	color: #FFF;
	padding: 5px;
	letter-spacing: 4px;
}

.subtitle {
  font-family :Times New Roman;
  font-size: 16px;
  color: #FFF;
  padding-left: 5px;
  letter-spacing: 1px;
}

.slogan {
  font-family :Times New Roman;
  font-size: 14px;
  color: #FFF;
  padding-left: 5px;
  padding-top: 30px;
}

/********  Navigation   ********/

#lpanel .heading {
  background-color: #18332A;
  font-size: 10px;
  font-weight: bold;
  color: #FFF;
  text-align: center;
  padding: 0px;
  margin-top: 5px;
  margin-bottom: 5px;
}

#lpanel a {
  color: #18332A;
  text-decoration: none;
  font-weight: bold;
  padding-left: 15px;
  background: url(../assets/b-1.gif) no-repeat center left;
}

#lpanel a:hover {
  color: #7C8580;
  background: url(../assets/b-2.gif) no-repeat center left;
}

a {
  color: #18332A;
  text-decoration: none;
  font-weight:700;
  padding: 1px;
}

a:hover {
  color: #18332A;
  background-color: #EEE;
}

/********  Images   ********/

img {
  float: right;
  padding-left: 10px;
  padding-right: 10px;
}

.left {
  float: left;
  padding-left: 10px;
  padding-right: 10px;
}

.img_left {
float: left;
padding: 0px 5px 0px 0px;
border: 0;
}

.img_cen {
text-align:center;
padding: 0px 5px 0px 0px;
border: 0;
}

.img_mid{
padding: 0px 5px 0px 5px;
border: 0;
}

/********  Misc   ********/

.block{
padding:10px;
background:#eee;
color:#18332A;
font-weight:700;
font-size: 18px;
width: 55%;
text-align: center;
border:1px solid #18332A;
}

.clear{
clear:both;
margin:0;
}

.white{
color:#FFFFFF;
}

.box_cat_large{
width: 300px;
float:left;
padding: 10px;
text-align: left;
margin: 5px;
}

.box_cat_right{
width: 300px;
float:right;
padding: 10px;
text-align: center;
margin: 5px;
}

#clear {
clear: both;
}

/********  Tables   ********/

table {
border:1px solid #d8d8d8; 
border-collapse:collapse; 
line-height:0.9em; 
width:95%; 
margin:0 0 10px; 
padding:0;
}

caption {
font-size:1.5em; 
font-weight:400; 
margin:0; 
padding:6px 0 8px; 
text-align:left;
}

th {
background:url(../assets/menubg2.gif) repeat-x bottom left #eaeaea; 
border-bottom:1px solid #d8d8d8; 
color:#505050; 
padding: 5px; 
text-align:left;
vertical-align:top;
line-height: 15px;
}

td {
border-bottom:1px solid #d8d8d8;  
color:#303030; 
font-size:0.9em; 
padding:7px; 
text-align:left;
vertical-align:top;
 line-height: 15px;
}