﻿* {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 margin: 0;
 padding: 0;
 }
body {
 background-color: white;
 color: #404040;
 font-size: 100%;
 text-align: center;
 }
body a:link, body a:visited {
 color: #358;
 font-weight: bold;
 text-decoration: underline;
 }
body a:hover, body a:active {
 color: #ce1126;
 font-weight: bold;
 text-decoration: underline;
 }
h1 {
 background: #33601e url(image/h1.gif) 0 center no-repeat;
 color: white;
 font-size: 21px;
 height: 27px;
 line-height: 27px;
 margin-bottom: 1em;
 text-indent: 40px;
 vertical-align: baseline;
 }
h2 {
 background: url(image/h2.gif) 0 center no-repeat;
 border-bottom-color: #33601e;
 border-bottom-width: 1px;
 color: #33601e;
 font-size: 120%;
 font-weight: bold;
 margin-bottom: 0.5em;
 padding-left: 20px;
 }
h3 {
 background: url(image/h3.gif) 0 center no-repeat;
 border-bottom-color: #33601e;
 border-bottom-width: 1px;
 color: #33601e;
 font-size: 100%;
 font-weight: bold;
 margin-bottom: 0.5em;
 padding-left: 13px;
 }
h4 {
 background: url(image/h4.gif) 0 center no-repeat;
 color: #33601e;
 font-size: 100%;
 font-weight: bold;
 margin-bottom: 0.5em;
 padding-left: 12px;
 }
img {
 border-style: none;
 }
input {
 font-size: 100%;
 }
table {
 font-size: 100%;
 margin: 0;
 padding: 0;
 }
table.none, th.none, td.none {
 border-style: none;
 }
.bcblock {
 margin-left: 5px;
 margin-right: 5px;
 margin-top: 5px;
 }
.body {
 background: url(image/bodyback.gif) repeat-y;
 font-size: 95%;
 letter-spacing: -1px;
 line-height: 1.5em;
 text-align: left;
 width: 804px;
 }
.body .maincontent {
 color: #404040;
 margin: 5px;
 width: 630px;
 }
.body .maincontent hr {
 color: #33601a;
 height: 2px;
 margin-bottom: 0.5em;
 }
.body .maincontent img {
 margin: 5px 10px;
 }
.body .maincontent p {
 margin-bottom: 1em;
 text-align: justify;
 }
.body .maincontent ul, .body .maincontent ol {
 list-style-type: square;
 margin-left: 1.5em;
 text-align: justify;
 }
.bodytable {
 margin-left: 2px;
 margin-right: 2px;
 width: 800px;
 }
.border2px {
 border: solid 2px gray;
 }
.bt01 {
 margin-right: 1px;
 vertical-align: bottom;
 }
.bt02 {
 margin-right: 2px;
 vertical-align: bottom;
 }
.cblocks, .blblock, .bcblock, .brblock {
 margin: 5px 5px 10px;
 }
.footer {
 background-color: #5cb030;
 border-bottom: 1px solid #33601e;
 clear: both;
 color: #33601e;
 margin-left: 2px;
 margin-right: 2px;
 padding-bottom: 4px;
 padding-top: 3px;
 text-align: center;
 width: 800px;
 }
.footer a {
 color: #d6e6cf;
 font-weight: bold;
 text-decoration: none;
 }
.footer a:link, .footer a:visited {
 color: #d6e6cf;
 }
.footer a:hover, .footer a:active {
 color: white;
 }
.header {
 background-image: url(image/head_back.jpg);
 border-bottom: 1px solid gray;
 height: 100px;
 margin-left: 2px;
 margin-right: 2px;
 position: relative;
 width: 800px;
 }
.header .banner {
 display: block;
 }
.header .bottom {
 /*line-height: 1em;*/
 position: relative;
 text-align: right;
 top: 30px; /*was 40px*/
 width: 100%;
 }
.header .sitename {
 float: left;
 }
.header .staff-login {
 display: block;
 float: right;
 }
.header .top-link {
 font-size: 83%; /*KEI changed from 75%, to make the size same as En header*/
 margin-right: 0.5em; /*KEI changed from 1em, due to the addiion of Fr and De links*/
  }
.header .top-linkbox {
 background-color: transparent;
 height: 1em;
 left: 0;
 position: absolute;
 text-align: right;
 top: 0;
 width: 800px;
 }
.header a {
 font-weight: bold;
 text-decoration: none;
 }
.header a:link, .header a:visited {
 color: #666;
 }
.header a:hover, .header a:active {
 color: #039;
 }
.indent {
 margin-left: 1em;
 }
.lblock {
 color: silver;
 width: 159px;
 margin-bottom: 2px;
 }
.lblock .content {
 margin-bottom: 10px;
 }
.lblock .content a:link, .lblock .content a:visited {
 color: silver;
 }
.lblock .content a:hover, .lblock .content a:active {
 color: white;
 }
.lblock .content ul {
 color: silver;
 list-style-type: square;
 margin-left: 22px;
 }
.lblock .title {
 background: url(image/bt02.gif) no-repeat;
 color: white;
 font-weight: bold;
 line-height: 17px;
 text-indent: 20px;
 vertical-align: 5px;
 }
.lblocks {
 background-color: #33601e;
 padding-top: 5px;
 width: 161px;
 }
.lblocks table {
 clear: both;
 }
.left {
 float: left;
 }
.MainMenu .content {
 margin-bottom: 0;
 }
.menuMain {
 margin-bottom: 1px;
 }
.photol {
 float: left;
 margin: 0 5px 5px 0;
 text-align: center;
 vertical-align: text-top;
 }
.photor {
 float: right;
 margin: 0 0 5px 5px;
 text-align: center;
 vertical-align: text-top;
 }
.photor img, .photol img {
 margin: 0 0 5px;
 }
.right {
 float: right;
 }
.Search {
 background-color: white;
 color: #404040;
 height: 138px;
 }
.Search * td {
 line-height: 1em;
 padding-bottom: 2px;
 }
.Search .content {
 margin-bottom: 0;
 padding-bottom: 2px;
 }
.lblock .xpweather_title {
 background: url(image/bt02.gif) 0 center no-repeat;
 color: white;
 font-weight: bold;
 line-height: 24px;
 text-indent: 20px;
 }
.PhotoAlbum {
 background-color: white;
 color: #1b4e1d;
 min-height: 147px;
 padding-bottom: 3px;
 padding-top: 3px;
 text-align: center;
 }
.PhotoAlbum .content {
 margin-bottom: 0;
 margin-top: 7px;
 }
.PhotoAlbum .more {
 text-align: right;
 }
.PhotoAlbum .more a, .PhotoAlbum .more a:link, .PhotoAlbum .more a:visited {
 color: #1b4e1d;
 }
.PhotoAlbum .more a:hover, .PhotoAlbum .more a:active {
 color: #369c3a;
 }
.PhotoAlbum .title {
 background-image: none;
 color: #1b4e1d;
 font-weight: bold;
 text-align: center;
 text-indent: 0;
 }

