body { margin: 0px; border: 0px; padding: 0px; background-color: #87b244; text-align: center; color: #000000; }
#Page { position: relative; background-color: #ffffff; margin: 0px auto; border: 0px; padding: 0px; width: 960px; font-family: Arial, Verdana, Sans-serif; font-size: 1em; color: #000000; text-align: left; }
#AreaTop { clear: both; background-color: #1c3a60; margin: 0px; border: 0px; padding: 0px; }
#AreaTopBanner { clear: both; background-color: #1c3a60; margin: 0px; border: 0px; padding: 0px; }
#AreaTopMenu { clear: both; background-color: #87b244; margin: 0px; border: 0px; padding: 0px; }
#AreaMiddle { clear: both; width: 940px; background-color: #ffffff; margin: 0px; border: 0px; padding: 10px; /* 10px; */ }
#AreaBottom { clear: both; background-color: #1c3a60; margin: 0px; border: 0px; padding: 0px; }
/*  */
p { margin: 0px; padding: 0px; text-align: justify; font-size: 0.8em; }
img { border: 0px; }
dl { text-align: justify; font-size: 0.8em; }
ul { text-align: justify; font-size: 0.8em; list-style-type: square; }
a { color: #1c3a60; }
a:hover { color: #ffffff; background-color: #1c3a60; text-decoration: none; }
h1 { text-align: left; font-size: 1.4em; margin-top: 15px; margin-bottom: 5px; color: #87b244; padding-top: 10px; border-top: 2px dashed #87b244; }
h2 { text-align: left; font-size: 1.2em; color: #1c3a60; border-bottom : 1px solid #87b244; }
h3 { text-align: left; font-size: 0.8em; margin-bottom: 5px; color: #87b244; }
h4 { text-align: left; font-size: 0.7em; margin-bottom: 3px; color: #1c3a60; }
/* TOP  */
#AreaTop p { font-size: 0.6em; }
#AreaTop p.pTop { padding: 5px; margin: 0px; font-size: 0.6em; color: #ffffff; text-align: right; }
#AreaTop a { color: #1c3a60; background-color: #87b244; text-decoration: none; }
#AreaTop a:hover { color: #ffffff; background-color: #87b244; }
/* TOP BANNER  */
/* TOP MENU */
#AreaTopMenu ul { width: 100%; padding: 0px; margin: 0px; list-style-type: none; font-size: 0.8em; font-weight: bold; text-align: center; }
#AreaTopMenu li { display: inline; }
#AreaTopMenu a.ON { float: left; width: 117px; padding-top: 3px; padding-bottom: 3px; background-color: #ffffff; color: #87b244; text-decoration: none; border-left: 1px solid #ffffff; }
#AreaTopMenu a.ON:hover { color: #1c3a60; background-color: #cccccc; border-left: 1px solid #ffffff; }
#AreaTopMenu a.OFF { float: left; width: 117px; margin: 0px; padding-top: 3px; padding-bottom: 3px; background-color: #1c3a60; color: #ffffff; text-decoration: none; border-left: 1px solid #ffffff; }
#AreaTopMenu a.OFF:hover { color: #1c3a60; background-color: #cccccc; border-left: 1px solid #ffffff; }
/*  CONTENT MIDDLE*/
#AreaMiddle p.pSlogan { text-align: left; font-size: 0.8em; margin-bottom: 5px; color: #87b244; }
#AreaMiddle p.pSmall { margin: 0px; padding: 0px; text-align: left; font-size: 0.7em; }
#AreaMiddle p.pSmallJustify { margin: 0px; padding: 0px; text-align: justify; font-size: 0.7em; }
#AreaMiddle p.pSmallRight { margin: 0px; padding: 0px; text-align: right; font-size: 0.7em; }
#AreaMiddle p.pRemark { margin: 0px; padding: 0px; text-align: left; font-style: Italic; }
#AreaMiddle p.pRemarkSmall { margin: 0px; padding: 0px; text-align: left; font-style: Italic; font-size: 0.7em; }
#AreaMiddle p.pRemarkSmallLight { margin: 0px; padding: 0px; text-align: left; font-style: Italic; font-size: 0.7em; color: #999999; }
#AreaMiddle p.pTableCenter { text-align: center; font-size: 0.7em; }
#AreaMiddle p.pBlue { text-align: left; color: #1c3a60; }
#AreaMiddle h2.h2Light { text-align: left; font-size: 1.2em; color: #87b244; border-bottom : 1px solid #87b244; }
#AreaMiddle h2.h2Small { text-align: left; font-size: 1em; color: #1c3a60; border-bottom : 1px solid #87b244; }
#AreaMiddle h1.h1BoxSmall{ text-align: left; font-size: 1em; margin-top: 0px; margin-bottom: 0px; color: #1c3a60; padding-top: 0px; border-top: none; }
#AreaMiddle h2.h2BoxSmall { text-align: left; font-size: 0.8em; color: #1c3a60; border-bottom: 1px solid #1c3a60; }
#AreaMiddle h4.h4Comment { text-align: left; font-size: 0.8em; margin-top: 1px; margin-bottom: 0px; color: #1c3a60; }
/*  CONTENT MIDDLE MENU */
#AreaMiddle p.pMenuTitle { width: 100%; padding: 10px 2px 5px 2px; font-size: 0.8em; color: #999999; text-align: left; text-style: italic; font-weight: bold; }
#AreaMiddle p.pMenu { width: 100%; padding: 2px 2px 2px 2px; border-bottom: 1px solid #cccccc; font-size: 0.8em; color: #000000; text-align: justify; }
#AreaMiddle a.aMenuOFF { width: 100%; color: #1c3a60; text-decoration: none; font-weight: bold; }
#AreaMiddle a.aMenuOFF:hover { background-color: #cccccc; font-weight: bold; }
#AreaMiddle a.aMenuON { width: 100%; background-color: #ffffff; color: #87b244; text-decoration: none; font-weight: bold; }
#AreaMiddle a.aMenuON:hover { background-color: #cccccc; color: #1c3a60; font-weight: bold; }
/* BOTTOM  */
#AreaBottom p { font-size: 0.6em; }
#AreaBottom p.pBottomLeft { font-size: 0.6em; color: #ffffff; text-align: left; }
#AreaBottom p.pBottomRight { font-size: 0.6em; color: #ffffff; text-align: right; }
#AreaBottom a { color: #1c3a60; background-color: #87b244; text-decoration: none; }
#AreaBottom a:hover { color: #ffffff; background-color: #87b244; }
#AreaBottom a.aSpecial { color: #1c3a60; background-color: #cccccc; text-decoration: none; }
#AreaBottom a.aSpecial:hover { color: #ffffff; background-color: #cccccc; }
/* */