body {
	padding: 0;
	margin: 0;
	background-color: #fff;
	font: 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #666;
}
form {margin:0;padding:0}
input, select {
	font: 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	background-color: #feecff;
	border: 1px solid #999;
	height: 16px;
	voice-family: "\"}\"";voice-family: inherit;
	height: 14px;
}
a, a:hover {
	color: #87964b;
	text-decoration: none;
}
a:hover {text-decoration: underline}
ol li {padding-bottom:10px}
h3 {
	font-size: 12px;
	padding: 0 0 5px 0;
	margin:0 0 5px 0;
}
h5 {
	font-size: 11px;
	padding: 0;
	margin: 0;
}
h4, h6 {
	font-size: 11px;
	padding: 0;
	margin: 0 0 5px 12px;
}

h6, h4 a {font-weight: normal}
h6 {font-size:10px}
#line {
	margin: 0;
	padding: 0;
	background: url(../images/general/top_bg.gif);
	height: 180px;
	width: 100%;
	position: absolute;
	top: 0;
	z-index: 0;
}
#main {
	width: 780px;
	position: absolute;
	margin: 0 0 0 -390px;
	left: 50%;
}
html> body #main { /* mozilla hack for not moving content */
	height: 101%;  /* when vertical scrolling is needed   */
}
#topArea { /* logo area */
	position: absolute;
	top: 0;
	left: 0;
	padding: 0;
	margin: 0;
	width: 780px;
	height: 180px;
	z-index: 0;
	vertical-align: top;
	text-align: right;
	background: url(../images/general/top_bg.gif);
}
#topArea img {
	float: left;
	margin-left: 0px;
}
#topArea img.right {float: right}
#navigationTitle { /* title for pages without submenu */
	position: absolute;
	top: 161px;
	left: 215px;
}
#content, #homeBig { /* content area & home page big area */
	background-color: #f3f5f3;
	padding: 15px 20px 5px 20px;
	top: 180px;
	left: 0;
	width: 570px;
	min-height: 400px;
	//height: 400px;  /* hack for IE for minimun height*/
	text-align: justify;
	position: absolute;
	vertical-align: top;
	border-left: 215px solid #98a21d;
}
#homeBig {
	min-height: 242px;
	//height: 242px;  /* hack for IE for minimun height*/
}
#content p, #homeBig p {
	padding: 0;
	margin: 5px 0 10px 0;
	line-height: 14px;
}
#content p.getAcrobat {margin-top: 60px}
#content p.getAcrobat img {border: 0}
#content p.noBorder img {border: 0}

#content ul, #content #yes {margin: 0;padding: 0}
#content ul li {
	margin: 0;
	padding: 2px 0;
	list-style: inside disc;
}
#content #yes li {
	padding: 0 0 10px;
	list-style: none;
	line-height: 20px;
	background: url(../images/general/check_green.gif) 0 0 no-repeat;
}
html>body #content #yes li {padding: 0 0 0 20px}

#content ul li.pdf, #content ul li.xls, #content ul li.doc, #content ul li.app {
	list-style: none;
	padding: 5px 20px;
	//padding: 5px 6px;
	background: url(../images/general/pdf_icon.gif) 0 0 no-repeat;
}
#content ul li.xls {background: url(../images/general/xls_icon.gif) 0 0 no-repeat}
#content ul li.doc {background: url(../images/general/doc_icon.gif) 0 0 no-repeat}
#content ul li.app {background: url(../images/general/app_icon.gif) 0 0 no-repeat}

#content img, #homeBig img {
	float: left;
	padding: 1px;
	margin: 0 10px 10px 0;
	border: 1px solid #f9f16c;
}
#content img.simple{float:none; margin:0; border: 0; padding:0}

#homeSmall1, #homeSmall2 { /* home page small areas */
	padding: 0 10px 0 0;
	position: absolute;
	top: 456px;
	left: 235px;
	width: 227px;
	height: 120px;
	text-align: justify;
	vertical-align: top;
	background-color: #eee;
}
#homeSmall2 {
	left: 480px;
	width: 290px
}
#homeSmall1 img, #homeSmall2 img {
	float: left;
	padding-right: 5px;
}
#homeSmall2 img {padding-right: 7px}
#homeSmall1 h5, #homeSmall2 h5 {padding: 10px 0 5px 0}

#loginArea {
	background-color:#7c9968;
	font: 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	padding: 5px 2px;
	margin: 15px 0!important;
}
#loginArea a, #loginArea a:hover {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}

#loginArea span.welcome {
	font-weight: bold;
	color:#fff;
	padding: 5px 0 0 20px;
	display:block;
	background: url(../images/general/user.gif) 0 0 no-repeat;
}
#loginArea a:hover {text-decoration: underline}
#loginArea a.signout, #loginArea a.signout:hover {display:block;font-weight: normal;text-align: right}
#loginArea a.signout:hover {text-decoration: underline}
#basicArea {display: block; margin: 0;padding: 0}
#basicArea dt, #basicArea dd {
	text-align: right;
	float: left;
	margin: 0 5px 0 0;
	padding: 2px 1px;
	width: 85px;
	voice-family: "\"}\"";voice-family: inherit;
	width: 83px;
}
/* commented backslash hack for mac-ie5 \*/
#basicArea dt {clear: both}
/* end hack */
#basicArea dd {
	margin: 0;
	text-align: left;
	color: #000;
	width: 110px;
	voice-family: "\"}\"";voice-family: inherit;
	width: 108px;
}
#genericTabular {
	float: left;
	width: 100%;
	margin-bottom: 10px;
	border-left: 1px solid #fff;
	border-top: 1px solid #fff;
}
#genericTabular th,
#genericTabular td {
	text-align: center;
	padding: 5px;
	background-color: #eee;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
}
#genericTabular td.left {text-align: left}
#genericTabular thead th, #genericTabular thead td {
	font-weight: bold;
	text-align: center;
	color: #77863C;
	background-color: #CBD1B2;
}
#genericTabular th {
	font-weight: normal;
	color: #333;
}
#genericTabular td img {margin: 0 5px 5px 0;border:0}

.clear {clear: both}
.check {border:0;padding:0;margin:0}

#searchArea {
	padding: 5px 2px;
	margin: 15px 0!important;
	background-color:#4D891F;
}
#searchArea span {
	font-size: 11px;
	font-weight: bold;
	color:#fff;
	padding: 0 3px 0 6px;
}
#searchForm {display:inline}
#searchForm img {
	margin: 0 0 -4px;
	border: 0;
	padding: 1px;
	cursor: pointer;
}
#searchForm input {
	font-size: 11px;
	width: 100px;
	padding: 1px;
	border: 1px solid #666;
}
#searchForm input.english {width: 125px}
div.navigation {padding: 0;margin: 5px 1px}
ol li {padding-bottom:10px}