@import "reset.css";

body { background-color: #184c22; color: #717686; font: 14px/17px "Trebuchet MS", Arial, Helvetica, sans-serif; text-align: center; }

a,a:link,a:visited { color: #1a7e3c; text-decoration: underline; }
a:hover { color: #000; }

img.rflt { display: inline; float: right; margin: 0 0 1em 10px; }
img.lflt { display: inline; float: left; margin: 0 10px 1em 0; }

p { margin-bottom: 1em; }

ul { list-style: disc; margin-bottom: 1em; padding-left: 2em; }
ol { list-style: decimal; margin-bottom: 1em; padding-left: 2em; }
ul.reset, ul.reset ul, ul.reset ol, ol.reset, ol.reset ol, ol.reset ul { list-style: none; margin: 0; padding: 0; }

.edge { float: right; }


/* Titles */

h1,h2,h3 { margin-bottom: 1em; color: #1a7e3c; }

h1 { font-size: 18px; }
h2 { font-size: 17px; font-weight: normal;  }
h3 { font-size: 13px; }

#logo { display: inline; float: left; margin-top: 55px; }


.breadcrumbs { font-size: 16px; font-weight: bold; }



/* Layout  */

#container { width: 885px; padding: 0 7px 0 8px; margin: 0 auto; text-align: left; background: #184c22 url("../images/bg-page.gif") repeat-y center; }
#content { min-height: 350px; padding: 15px 0 0 95px; overflow: visible; }

#header { width: 885px;  }
#cap { height: 157px; }
#cap .inner { height: 157px; overflow: hidden; padding-left: 150px; }
#sidebar { height: 100%; float: left; }
#sidecontent { width: 650px; float: right; }
#mainbar {  }
#footer { clear: both; }
* html #content { height: 350px; }


/* Header */

#header { background-color: #cad0ca; color: #000; }
#header .breadcrumbs { clear: right; margin: 0; padding: 0 25px .7em; }
#header .breadcrumbs a { color: #231f20; text-decoration: none; }
#header .breadcrumbs a:visited { color: #5a5a5a; }
#header .breadcrumbs a:hover { color: #000; }
#header a, #header a:visited { color: #fff; }
#header a:hover { color: #fff; }
#cap { border-bottom: solid 3px #1a7c3d; background: url(../images/grad1.png) 0 100% repeat-x; color: #fff; }
#cap .inner { background: url(../images/bg1.png) 0 0 no-repeat; }
#cap ul.actions { display: inline; float: right; margin: 5px 33px 35px 0; font-size: 11px; text-transform: uppercase; }
#cap ul.actions li { display: inline; margin-left: 10px; }
#cap ul.actions li a { padding-left: 15px; background-position: 0 50%; background-repeat: no-repeat; text-decoration: none; }
#cap ul.actions li.help a { background-image: url(../images/icon-help.png); }
#cap ul.actions li.logout { background: url(../images/icon-logout.png) 0px 3px no-repeat; }
#cap ul.actions li.logout form { display: inline; margin: 0px; padding: 0px 0px 0px 16px; }
#cap uk.actions li.logout form input { border: none !important; background: none !important; color: #fff; }
#cap ul.actions li.admin a { background-image: url(../images/icon-admin.png); }
#quickSearchFrm { clear: right; float: right; width: 222px; }
#quickSearchFrm label { display: none; }
#quickSearchFrm input { vertical-align: middle; }
#quickSearchFrm input.text { width: 158px; padding: 3px 8px; border: solid 1px #132356; color: #95b0cf; }


/* Navigation */

#nav { position: relative; float: right; margin: -2.5em 0 1em; padding: 0 10px 0 7px; background: #1A7E3C ; color: #fff; font-family: Arial; font-size: 11px; width: 740px; overflow: visible;}
#nav a, #nav a:visited { color: #fff; text-decoration: none; font-size:12px; }
#nav a:hover { text-decoration: underline; }
#nav p { margin: 0; line-height: 2.5em; }
#nav p.first { border-bottom: solid 1px #8cbe9d; }


/* Article */

#article h1 { padding-bottom: 3px; border-bottom: solid 1px #1a7e3c; }
#article .footnote { padding-top: 3px; border-top: solid 1px #1a7e3c; }


/* Footer */

#footer { background: #6bbf3e url(../images/bg-footer.gif) no-repeat left bottom; color: #fff; font-size: 12px; width: 860px; padding: 5px 20px 0; height: 30px; margin: 0 -7px 0 -8px; }
#footer a, #footer a:visited { color: #fff; }
#footer p { margin: 0; }

.image {
	margin: 5px;
	margin-bottom: 20px;
	width: 140px;
}
.floatleft {
	float: left;
}
.clearfloat {
	clear:both;
}




.contents ul li{ padding: 1em .5em; border: 1px solid #eaeaea; border-top-color: #187e3c; }
.contents ul{ border-bottom: 1px solid #187e3c; margin-bottom: 1em; }
.contents ul .body a{ float: left; margin: 1em 1em 1em 0; }
.contents ul h3, .contents ul p{ margin: 0; }

#content{ padding: 1em; }
#left{ width: 540px; float: left; margin-right: 40px; }
/* JO #home-sidebar{ width: 243px; padding: 275px 15px 15px; background: #f7f7f7 url("../images/bg-sidebar.gif") no-repeat top center;  float: right; margin-top: 25px; } */
#home-sidebar{ width: 243px; padding: 15px 15px 15px; background: #f7f7f7;  float: right; margin-top: 25px; } 

#subnav{ width: 195px; margin-top: 20px; }
#subnav li{ margin: 1px 0; }
#subnav li a{ display: block; background: url("../images/grad-menu.gif") repeat-x top; border-left: 1px solid #1a7e3c;border-right: 1px solid #1a7e3c; color: #fff; text-decoration: none; height: 23px; width: 170px; padding: 7px 5px 0; }