* {
 font-family: Arial;
}

html {
 border-width: 0;
}

body {
 background: #000000;
 color: #C8C8C8;
 margin: 0;
 padding: 0;
}

html, body, #body {
 height: 100%;
}

a {
 color: #84C225;
}

body, table, textarea {
 font-size: 12pt;
}

h1 {
 color: #C8C8C8;
 font-size: 18pt;
 font-weight: bold;
 text-align: left;
 margin: 0 0 16px 0;
 padding: 0;
}

h2 {
 color: #C8C8C8;
 font-size: 14pt;
 font-weight: normal;
 text-align: left;
}

h3 {
 font-size: 12pt;
 font-weight: normal;
 text-align: left;
}

img {
 border-width: 0;
}

img.border {
 border: 3px solid #84C225;
}

p {
 padding: 3pt 0;
 margin: 0;
}

hr {
 background-color: #FFFFFF;
 border: none;
 color: #FFFFFF;
 height: 1px;
 margin: 0.8em 0;
}

table.hidden {
 border-width: 0;
 border-collapse: collapse;
 padding: 0;
 margin: 0;
}

table.display {
 border: 1px solid #C8C8C8;
 border-collapse: collapse;
 padding: 0;
 margin: 0;
}

.rowtitle {
 color: #84C225;
 font-weight: bold;
 text-align: center;
}

.rowodd {
 background-color: #400000;
}

.roweven {
 background-color: #004000;
}

table.display td {
 border: 1px solid #C8C8C8;
 padding: 2px 6px;
}

p.message {
 font-weight: bold;
 text-align: center;
}

td.caption {
 padding: 2px 8px 0 0;
 text-align: right;
 vertical-align: top;
}

/* framework */

#body {
 width: 992px;
 margin: 0 auto;
}

#wrapper {
 min-height: 100%;
 height: auto !important;
 height: 100%;
}

/* header */

#header {
 margin-bottom: 16px;
}

#logo {
 height: 120px;
 width: 240px;
 float: left;
}

/* menu */

#menu {
 font-size: 14pt;
 font-weight: bold;
 height: 120px;
 padding: 0;
 margin: 0 0 0 260px;
 z-index: 50;
}

#menu ul {
 list-style: none;
 height: 120px;
 margin: 0;
 padding: 0;
}

#menu li {
 height: 120px;
 padding: 0;
 margin: 0;
 float: left;
 position: relative;
}

#menu li a {
 color: #FFFFFF;
 text-decoration: none;
 margin: 45px 10px 15px 10px;
 display: block;
}

* html #menu li a {
 float: left;
 display: inline;
}

#menu li.selected a {
 color: #84C225;
 text-decoration: none;
}

#menu li a:hover {
 text-decoration: underline;
}

#menu .blue {
 color: #4269A9;
}

/* submenu */

#menu .submenu {
 position: absolute;
 top: 80px;
 left: -50px;
 font-size: 12pt;
 font-weight: bold;
 width: 340px;
 height: 40px;
 padding: 0;
 margin: 0;
 z-index: 51;
}

#menu .submenu ul {
 list-style: none;
 height: 40px;
 margin: 0;
 padding: 0;
}

#menu .submenu li {
 height: 40px;
 padding: 0;
 margin: 0;
 float: left;
}

#menu .submenu li a {
 color: #FFFFFF;
 text-decoration: none;
 margin: 6px 10px;
 display: block;
}

* html #menu .submenu li a {
 float: left;
 display: inline;
}

#menu .submenu li.selected a {
 color: #84C225;
 text-decoration: none;
}

#menu .submenu li a:hover {
 text-decoration: underline;
}

/* welcome */

#welcome {
 position: absolute;
 top: 0;
 left: 0;
 text-align: center;
 height: 240px;
 width: 205px;
 padding: 20px 8px 8px 8px;
}

#welcome .tools a {
 display: block;
}

/* page */

#content {
 width: 760px;
 margin-right: 232px;
 float: left;
 overflow: hidden;
}

#content p,
#content ol li,
#content ul li {
 margin-top: 0.50em;
 margin-bottom: 0.75em;
}

#content ol li li,
#content ul li li {
 margin-top: 0.25em;
 margin-bottom: 0.25em;
}

#sideright {
 width: 205px;
 margin-left: -205px;
 float: right;
}

* html #sideright {
 margin-bottom: 65px;
}

*:first-child+html #sideright {
 margin-bottom: 65px;
}

h2.new {
 background: #FFFFFF;
 color: #000000;
 font-size: 12pt;
 font-weight: bold;
 text-align: center;
 text-transform: uppercase;
 margin: 0 0 16px 0;
 padding: 0;
}

.news {
 text-align: left;
 margin: 0 0 1.0em 0;
}

.news a {
 color: #C8C8C8;
}

/* footer */

#pusher {
 height: 65px;
}

#pusher,
#footer {
 clear: both;
}

#footer {
 height: 49px;
 margin-top: -49px;
}

#footer .box {
 padding: 8px 0;
}

.bottomline {
 background: url(/images/bottomlinebg.gif) top left repeat-x;
 height: 7px;
}

.copyright {
 font-size: 10pt;
 width: 882px;
 padding-top: 8px;
 float: left;
}

.counters {
 text-align: right;
 height: 15px;
 width: 100px;
 padding: 8px 0 1px 0;
 margin-left: 892px;
}

* html .counters {
 margin-left: 888px;
}

/* fields and buttons */

.form {
 background-color: #C8C8C8;
 border: 1px solid #65941C;
 color: #323232;
 font-size: 10pt;
 font-weight: bold;
 width: 700px;
 padding: 1px 2px;
 margin: 2px 0;
}

.field {
 background-color: #C8C8C8;
 border: 1px solid #65941C;
 color: #323232;
 font-size: 10pt;
 font-weight: bold;
 width: 700px;
 padding: 1px 2px;
 margin: 0;
}

input.form {
 height: 21px;
}

textarea.form {
 height: 140px;
}

input.field {
 height: 21px;
}

.input {
 background-color: #C8C8C8;
 border: 1px solid #65941C;
 color: #323232;
 font-size: 10pt;
 font-weight: bold;
 width: 700px;
 padding: 1px 2px;
 margin: 2px 0;
}

.input.date {
 width: 64px;
}

.button {
 font-size: 10pt;
 font-weight: bold;
 color: #FFFFFF;
 text-decoration: none;
}

input.button,
span.button,
a.button span {
 background-color: #84C225;
 border: 1px solid #65941C;
 text-align: center;
 height: 23px;
 padding: 2px 4px;
 margin: 0;
}

.buttonset {
 margin: 0.5em 0;
}

.navigator {
 text-align: right;
 margin: 0.5em 0;
}

span.pagelink {
 padding: 0;
 margin: 4px;
}

a.pagelink {
 color: #876F6F;
 font-weight: bold;
 text-decoration: none;
}

font.pagelink {
 color: #C8C8C8;
 font-weight: bold;
 text-decoration: none;
}

div.navigator {
 text-align: left;
 margin: 4px 8px;
}

/* others */

span.brand {
 color: #FFFFFF;
 font-weight: bold;
 white-space: nowrap;
}

span.brand span.green {
 color: #84C225;
}

/* gallery */

.portfolio {
}

.portfolio .preview {
 text-align: center;
 height: 196px;
 width: 240px;
 float: left;
}

.portfolio img {
 border: 1px solid #84C225;
 height: 140px;
 width: 200px;
 margin: 8px;
}

/* news */

.newsline {
}

.newsdate {
 color: #84C225;
 font-weight: bold;
}

.newstitle {
 color: #84C225;
 font-weight: bold;
}

.newsnotice,
.newscontent {
 text-align: justify;
 margin: 0.5em 0;
}

.detailbox {
 text-align: right;
 padding: 0.3em 0;
}