body{
margin:0px;
background-color:#dfedd3;
}

#header{
width:100%;
margin:0px;
background:url(images/header_bg.gif) repeat-x;
}

#footer{
width:100%;
margin:0px;
background:#bee69f;
}

#mainimage{
width: 100%;
margin: 0px;
background:#f5fbef
}

#container{
width: 100%;
margin: 0px;
font-family:Arial, Helvetica, sans-serif;
font-size: 16px;	
text-align: left;
color: #000000;
}

#container > h1{
	box-sizing: border-box;
    margin: 0px;
    padding: 6px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 20px;	
    font-weight: bold;
    text-align: left;
    color: #336600;
    border-bottom: 1px solid #86c463;
}

#container > ul {
    /*position: relative;*/
    left: 0;
    width: 100%;
    margin: 0;
    padding: 0;
}

#container > ul > li {
    margin: 0px;
    border-bottom: 1px solid #86c463;
    padding: 0px;
	background:url(images/arrow_soft_green.gif) no-repeat right center;
    font-size: 20px;
    list-style: none;
}

#container > ul > li > a {
    display: block;
    padding: 6px 32px 6px 6px;
    text-decoration: none;
    color: inherit;
}


#container > ul > li > a > span {
	line-height: 20px; 
	font-family:Arial, Helvetica, sans-serif;
	display:block; 
	overflow:hidden; 
	font-size:18px;
	color:#000000;
}

#container > h2 {
	margin: 0px;
    padding: 6px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 20px;	
    font-weight: bold;
    text-align: left;
    color: #000000;
}

#container > p {
	margin: 0px;
    padding: 6px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;	
    text-align: left;
    color: #000000;
}

#container > form > p {
	margin: 0px;
    padding: 2px 2px 2px 6px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;	
    text-align: left;
    color: #000000;
}
.relfc{
width:100%;
padding:6px 0px 2px 0px;
margin:0px;
text-align:center;
}

.relfr{float:right;width:50%;text-align:center;}
.relfl {float:left;width:50%;text-align:center;}

.pgr{
float:right;
text-align:right;
margin:0px;
padding: 6px 6px 0px 6px;
}
.pgl {
float:left;
text-align:left;
margin:0px;
padding: 6px 6px 0px 4px;
}
.clear {clear:both;}

#categories{
width: 100%;
margin: 0px;
background:#86c463;
}

#categories > ul {
    /*position: relative;*/
    left: 0;
    width: 100%;
    margin: 0;
    padding: 0;
}

#categories > ul > li {
    margin: 0;
    border-bottom: 1px solid #dfedd3;
    padding: 0;
	background:url(images/arrow_dark_green.gif) no-repeat right center;
    font-size: 20px;
    list-style: none;
}

#categories > ul > li > a {
    display: block;
    padding: 6px 32px 6px 6px;
    text-decoration: none;
    color: inherit;
}


#categories > ul > li > a > span {
	line-height: 20px; 
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	display:block; 
	overflow:hidden; 
	font-size:20px;
	font-weight:bold;
	
}

.copyright {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #3F4490;
	margin:0px;
	padding:1px;
	background:#86c463;
}

.br {
	float:right;
	text-align:left;
	margin:0px;
	padding-top:4px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #3F4490;
}
.bl{
	float:left;
	margin:0px;
}

.caption {
	box-sizing: border-box;
    margin: 0px;
    padding: 6px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;	
    text-align: center;
    color: #336600;
}