body, img, select, form  {
	margin: 0px;
	padding: 0px;
	border: 0px;
	 background-repeat:repeat-x,repeat-y;
    font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
}

a {
	color: #F37528;
	text-decoration:none;
}

input, textarea  {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
}

#footer {
	text-align:center;
	margin: 0;
	width: 718px;
	border: 1px solid #85a211;
}

#footer a {
	color: #FFFFFF;
	text-decoration:none;
}
.footer {
	background-color:#85b211;
	height:18px;
	color: #FFFFFF;
	padding-top:2px;
}

#outerContainer {
	text-align:center;
	margin: 0 auto;
	width: 720px;
	border: 1px solid #FCB901;
	border-bottom: 1px solid #82B109;
}

.spacer {
	float: left;
	width:10px;
}



/* 
* FIX for bottom menu spacer 
* might make problems in other pages though because of the 2 div
* who got the same id #outerContainer
* Need to be fixed
*/
#outerContainer div {
  margin-right:4% !important; /* for Firefox */
  margin-right:0; /* Reset for IE */
  }
#outerContainerc div {
  margin-right:4% !important; /* for Firefox */
  margin-right:0; /* Reset for IE */
  }


#outerContainerc {
	text-align:center;
	margin: 0 auto;
	width: 720px;
	border: 1px solid #dddddd;
}

/*indexnav*/
.topnav {
	width:718px;
	height:20px;
	padding-top:2px;
	margin: 0 auto;
	border: 1px solid #F6C401;
	background-color:#F6C401;
	background-image:url(../images/site/baryo.jpg);
	background-repeat:no-repeat;
	background-repeat:no-repeat;
	}
.topnavg {
	width:718px;
	height:18px;
	padding:1px;
	margin: 0 auto;
	padding-top:2px;
	background-color:#85b211;
	background-repeat:no-repeat;
	}

a.indexnav {
	width:20px;
	line-height:1em;
	text-align:center;
	margin-right:30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;  
	text-decoration: none;
	}  
a.indexnav:link,a.indexnav:visited {color: #666666;}
a.indexnav:active{color: #333399;}
a.indexnav:hover {color: #D21624;}
a.indexnav_a {
	width:20px;
	line-height:1em;
	text-align:center;
	margin-right:30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;  
	text-decoration: none;
	color:#FFFFFF;
	}  


.buttonYellow {
	width:127px;
	height:90px;
	float:left;
	text-align:center;
	background-image:url(../images/site/shady1.jpg);
	background-repeat: repeat-y;
	padding:5px;
	margin-top:10px;
	margin-bottom:10px;
}

.buttonGreen {
	width:127px;
	height:90px;
	float:left;
	text-align:center;
	background-image:url(../images/site/shadg1.jpg);
	background-repeat: repeat-y;
	line-height:12px;
	padding:5px;
	margin-top:10px;
	margin-bottom:10px;
}
.buttonOrange {
	width:127px;
	height:90px;
	float:left;
	text-align:center;
	background-image:url(../images/site/shado1.jpg);
	background-repeat: repeat-y;
	padding:5px;
	margin-top:10px;
	margin-bottom:10px;
}

.buttonRed {
	width:127px;
	height:90px;
	float:left;
	text-align:center;
	background-image:url(../images/site/shadr1.jpg);
	background-repeat: repeat-y;
	padding:5px;
	margin-top:10px;
	margin-bottom:10px;
}


a.buttonmenu {
  display:block;
  width:85%;
  height:100%;
	text-align:center;
	padding-top:12px; padding-left:2px; padding-right:2px; padding-bottom:1px;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
	font-weight:bold;
	text-decoration: none;
  }
a.buttonmenu:link, a.buttonmenu:visited {color: #FFFFFF;}
a.buttonmenu:active{color: #FFFFFF;}
a.buttonmenu:hover {color: green;}

.bary {
	width:720px;
	height:25px;
	text-align:center;
	font:14px Arial, Helvetica, sans-serif;
	color: #666666;
	font-weight:bold;
	text-decoration: none;
	letter-spacing:.1em;
	background-image:url(../images/site/baryo.jpg);
	background-repeat:no-repeat;
	padding-top:2px;
	margin:1px solid #F37528;
}
.barg {
	background-color:#85b211; 
	height:6px;
	width:720px; 
	text-align:center; 
	margin:1px solid #85b211;
}

.bargreen {
	background-color:#82B109; 
	height:25px;
	color:#CC0000;
}
.baryellow {
	background-color:#FCB901; 
	height:25px;
	color:#CC0000;
}
.barorange {
	background-color:#CC9900; 
	height:25px;
	color:#CC0000;
}


#navigation a {
	font:11px Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight:bold;
	text-decoration: none;
	letter-spacing:.1em;
	line-height:16px;
	display:block;
	padding:10px;
	border-right-width: 0px; 
	border-left-width: 0px; 
	}

#navigation a:hover {
	color: #666666;
	border: 1px solid #999999;
	border-right-width: 0px; 
	border-left-width: 0px; 
	}
	
#navigationy a {
	font:11px Arial, Helvetica, sans-serif;
	color: #F37528;
	font-weight:bold;
	text-decoration: none;
	letter-spacing:.1em;
	line-height:16px;
	display:block;
	padding:10px;
	border: 0px; 
	}

#navigationy a:hover {
	color: #666666;
	border: 1px solid #FF6633;
	border-right-width: 0px; 
	border-left-width: 0px; 
	}

#navigationg a {
	font:11px Arial, Helvetica, sans-serif;
	color: #85b211;
	font-weight:bold;
	text-decoration: none;
	letter-spacing:.1em;
	line-height:16px;
	display:block;
	padding:10px;
	border: 0px; 
	}

#navigationg a:hover {
	color: #666666;
	border: 1px solid #F6C401;
	border-right-width: 0px; 
	border-left-width: 0px; 
	}
	
.bodyText {
	font:11px  Arial, Helvetica, sans-serif;
	margin-top:0px;
	text-align:justify;
	}
	
.bodyText_unjust {
	font:11px  Arial, Helvetica, sans-serif;
	margin-top:0px;
}
.o_text {
	color: #FF9900;
}
.pageName{
	font:22px  Arial, Helvetica, sans-serif;
	color: #F37528;
	line-height:20px;
	}
	
.subHeader {
	font:16px  Arial, Helvetica, sans-serif;
	color: #F37528;
	font-weight:bold;
	line-height:16px;
	}

ul.arrows_blue, ul.arrows_red
    { margin: 0px; padding-top: 5px; }
ul.arrows_redd, ul.arrows_blue_no {
	margin-top:10px;
}

.arrows_red li
    { background: url(../images/site/arrow_red.gif) no-repeat; list-style: none; padding: 0 0 3px 7px; margin: 0px; }

.arrows_redd li
    {
	list-style: lower-roman; color: #D42331; padding: 0 0 3px 3px; margin: 0px; }

.arrows_redd_ccl li
    {
	list-style: circle; color: #D42331; padding: 0 0 3px 3px; margin: 0px; }