body {
background: #000000;
margin:0 auto;
color:#333333;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}
a:link {
color: #0000B0;
text-decoration: none;
}
a:hover {
color: #af0000;
text-decoration: underline;
}
a img {
border-width:0;
}
/* Header
-----------------------------------------------
*/
#header-wrapper {
width:980px;
height: 247px;
padding: 0px;
margin: 0 auto; 
text-align: center;
vertical-align: top;
}
#header {
margin: 5px 5px 5px 170px;
text-align: left;
color:#FFE000;
}
#header h1 {
margin:5px 5px 0;
padding:50px 20px 0px 0;
font: normal normal 90% CHRLWRTB;
font-size: 35px;
}
#header h2 {
font: bold 13px "CHRLWRTB";
color: #FFA000;
padding: 0px;
margin: 0px 0 0 5px;
}
#header a {
color:#000000;
text-decoration:none;
}
#header a:hover {
color:#000000;
text-decoration: underline;
}
#header .description {
margin:0 5px 5px;
padding:0 20px 15px;
max-width:700px;
font: normal 12px "Trebuchet MS";
color: #000000;
}
#header img {
margin-left: auto;
margin-right: auto;
}
.topmenu {
	width: 980px;
	height: 20px;
	float: left;
}
.menu { float: left; overflow: hidden; width:750px; margin: 0px 0 0 5px; padding: 0px 0px 4px 20px;}
.menu ul { float: left; padding: 0px; margin: 5px; }
.menu li { display: inline; font: normal 13px/13px "Trebuchet MS"; height: 20px; }
.menu li ul li { font-weight: normal; letter-spacing: normal;}
.menu li a, .menu li a:visited { color:#ffffff; float: left; padding: 4px 6px 5px 6px; margin-right: 5px; text-decoration:none; font-weight:normal;}
.menu li a:hover { background: #EFBD04; color:#000000; font-weight: normal; text-decoration: none;}
.menu .current_page_item a, .menu .current_page_item a:visited, .menu .current_page_item a:hover { background: #000000;) repeat-x bottom; color:#fff; }
.menu .current_page_item .page_item a, .menu .current_page_item .page_item a:visited { background: #def1f9; color:#272d36;}
.menu .current_page_item .page_item a:hover { background: #fff; color:#0099cc; }

#lang_sel span {
	color:#eee;
}

#lang_sel {
	width: 200px;
	float: right;
	height: 20px;
	text-align: left;
}

/* Outer-Wrapper
----------------------------------------------- */
#body-content {
background: url(style/mainPicture02.jpg) top center no-repeat;
margin: 0 auto;
text-align: center;
padding: 0px 0 0 0;
}
.content-top {
width: 980px;
margin: 0 auto;
height: 25px;
background: url(style/content-top-2cols.jpg) top center no-repeat;
}
.content-top2 {
width: 980px;
margin: 0 auto;
height: 25px;
background: url(style/content-top.jpg) top center no-repeat;
}
#outer-wrapper {
background: url(style/mainPicture01.jpg) top center no-repeat;
margin: 0 auto;
padding: 0px;
text-align: left;
font: normal normal 100% 'Trebuchet MS', Arial;
}
#body-wrapper {
width: 960px;
margin: 0 auto;
background: #fff url(style/content-repeat.jpg) repeat-y center top;
padding: 0px 0px 10px 0px;
}
#main {
width: 660px;
float: left;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
text-align: left;
padding: 0 0 0 30px;
}
#main1 {
width: 960px;
float: left;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
text-align: left;
padding: 0 0 0 0px;
}
#main2 {
width: 860px;
float: right;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
text-align: left;
padding: 0 0 0 0px;
}
#main3 {
width: 760px;
float: left;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
text-align: left;
padding: 0 0 0 100px;
}
#main4{
width: 860px;
float: left;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
text-align: left;
padding: 0 0 0 50px;
}
.sidebar-wrapper {
width: 270px;
margin: 0 -10px 0 0;
background: url(style/sidebar-repeat.jpg) repeat-y left top;
 float: right; 
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden;      /* fix for long non-text content breaking IE sidebar float */
}
.sidebar-wrapleft {
width: 240px;
margin: 0 0 0 18px;
background: url(style/sidebar-repeat.jpg) repeat-y left top;
/* float: left; */
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
}
.sidebar_bottom {
width: 293px;
height: 25px;
background: url(style/sidebar-bottom.jpg) no-repeat;
}
/* Headings
----------------------------------------------- */
h2 {
margin:1.5em 0 .75em;
font:normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif;
line-height: 1.4em;
text-transform: none;
color:#999999;
}
/* Posts
-----------------------------------------------
*/
.post {
margin:.5em 0 .5em;
padding-bottom:1.5em;
}
.post h3 {
margin:0 0 0;
padding:0 0 4px 63px;
font-size:26px;
font-weight:normal;
line-height:1.4em;
color: #78a901;
}
.post h3 a, .post h3 a:visited, .post h3 strong {
display:block;
text-decoration:none;
color: #78a901;
font-weight:normal;
}
.post h3 strong, .post h3 a:hover {
color: #78a901;
text-decoration:underline;
}
.post img {
padding:7px;
background: #e8e8e7;
}
.post blockquote {
margin:1em 20px;
}
.post blockquote p {
margin:.75em 0;
}
/* Sidebar Content
----------------------------------------------- */
.sidebar, .sidebarleft {
color: #666666;
line-height: 1.5em;
padding: 0 3px 0 15px;
}
.sidebar h2 {
background: url(style/sidebar-heading.jpg) no-repeat;
width: 301px;
height: 45px;
font-family: "Trebuchet MS";
font-weight: normal;
color: #ffffff;
text-align: left;
padding: 5px 10px 0 15px;
font-size: 18px;
margin: 0;
}
.sidebarleft h2 {
background: url(style/sidebar-heading-left.jpg) no-repeat;
width: 225px;
height: 45px;
font-family: "Trebuchet MS";
font-weight: normal;
color: #ffffff;
text-align: right;
padding: 5px 10px 0 15px;
font-size: 18px;
margin: 0 0 0 -39px;
}
.sidebar ul {
list-style:none;
margin:0 0 0;
padding:0 0 0;
}
.sidebar li {
margin:0;
padding-top:0;
padding-right:0;
padding-bottom:.25em;
padding-left:15px;
text-indent:-15px;
line-height:1.5em;
}
.sidebar .widget {
margin:0 0 1.5em;
padding:0 0 1.5em;
}
.sidebar-content {
text-align: center;
margin: 0 45px 0 15px;
color: #333333;
}
.sidebar-content a {
color: #333333;
text-decoration: none;
}
.sidebar-content a:hover {
color: #666666;
text-decoration: underline;
}
.sidebar-content a:visited {
color: #666666;
text-decoration: none;
}
/* Footer
----------------------------------------------- */
#footer-wrapper {
height: 60px;
background: #262626 url(style/footer.jpg) top center no-repeat;
padding-top: 10px;
}
#footer {
width: 940px;
height: 40px;
margin: 0 auto;
padding-top: 20px;
}
.footerlink {
text-align: right;
font-size: 11px;
color: #666666;
height: 30px;
font-style: normal;
width: 940px;
vertical-align: bottom;
line-height: normal;
}
.footerlink a {
color: #666666;
text-decoration:none;
}
.footerlink a:hover {
color: #666666;
text-decoration:underline;
}
.footerLeft {
float: left;
width: 319px;
height: 20px;
border-right: 1px dotted #959595;
text-align: left;
}
.footerLeft h3 {
font-size: 18px;
color: #f2f2f2;
font-weight: normal;
border-bottom: 1px solid #4d4d4d;
padding: 0 0 5px 0;
margin: 0px 20px 0 20px;
}
#s {
margin-left:0px;
width:210px;
padding: 2px 2px 0px 5px;
border:1px solid #020202;
font: normal 100% "Tahoma", Arial, Helvetica, sans-serif;
color:#333;
height:15px;
bottom: 0px;
margin: 0 2px 0 0;
}
#tbl_3cols, #tbl_4cols {
	width: 100%;
}
#tbl_3cols td:nth-child(1), #tbl_4cols td:nth-child(1) {
	padding-left: 10px;
}
#tbl_4cols, #tbl_3cols, #inner {
	line-height: 22px;
}
#tbl_3cols td:nth-child(2), #tbl_3cols td:nth-child(3),
#tbl_4cols td:nth-child(2) {
	width:100px;
	padding-right: 20px;
}
#tbl_4cols td:nth-child(3) {
	width:200px;
}
#tbl_3cols td:nth-child(3) {
	width:185px;
	padding-right: 10px;
}
#tbl_4cols td:nth-child(4) {
	width:110px;
	padding-right: 10px;
}
#tbl_4cols td:nth-child(2), #tbl_4cols td:nth-child(4), 
#tbl_3cols td:nth-child(2), #tbl_3cols td:nth-child(3) {
	text-align: right;
}

.tableseparator, .separator {
	width: 620px;
	border: none;
	background-color: #FFFF70;
	padding: 5px 0px 5px 10px;
	margin-top: 150px;
	color:#C02030;
	font: normal normal 120% Trebuchet MS, Arial;
}
#moonbox {
	background: url(style/sky.jpg) no-repeat 15px 30px;
}
/* monthly records page
--------------------------*/
#sub_menu {
	margin-right: 20px;
	text-align: center;
  color: #00579B;
  background-color: transparent;
	font: normal 110% "Arial", "Trebuchet MS", "Lucida Sans Unicode", "Verdana", sans-serif;
}
#sub_menu ul {
  padding: 0px 0px 0px 35px;
  margin: 25px 0px;
}
#sub_menu li {
  margin: 5px 0px;
	display: inline;
	list-style: none;
	margin: 0;
  border-top: 1px solid #00579B;
  border-bottom: 1px solid #00579B;
  padding: 3px 4px;
}
#sub_menu li a.sub_item {
  color: #058CC4;
}
#sub_menu li:hover {
  color: #FFF;
  font-weight: bold;
  background-color: #058CC4;
  border-top: 1px solid #FFFF11;
  border-bottom: 1px solid #FFFF11;
}
#sub_menu li a:hover {
  color: #DEF;
}
#sub_menu p {
  float: left;
}
.big_title  {
  margin: 20px 0px 0px 0px;
	text-align: center;
  font-size: 200%;
  color: #1395CA;
}

#tip_1, #tip_7 {
	width: 375px;
	height: 373px;
}
#canvas_dew, #canvas_dir {
	position: relative;
	top: -13px;
	left: -13px;
}
.select_items {
	width: 100%;
	line-height: 23px;
}
#temp_legend {
	margin: 0 0 0 50px;
	text-align: left;
	line-height: 26px;

}
#temp_legend  label{
	font: normal normal 13px Trebuchet MS, Arial, sans-serif;
	font-weight: 400;
	color: #333333;
}

.left_container {
	float: left;
	margin-left: 0px;
}
.sidebarleft_top {
	background: url(style/sidebar-top.jpg) no-repeat 18px 0px;
	height: 18px;
}
.sidebar_top {
	background: url(style/sidebar-top.jpg) no-repeat 0px 0px;
	height: 18px;
}
.right_container {
	float: right;
	margin-left: 0px;
}

/*----------------------*/
/* Manage               */
#bg_manage img {
	border: 0px;
}
.manage_stitle {
	width: 235px;
	margin: 0 auto;
  text-align: center;
	font: bold normal 18px/30px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#manage_top {
	height: 33px;
}

#temp_files {
	float: left;
  width: 275px;
  padding-right: 10px;
  margin: 10px 15px 10px 20px;
  overflow: hidden;
}
#lang_files {
  width: 310px;
	padding-left: 10px;
  overflow: hidden;
}
.tb_temp_files, .tb_lang {
  margin: 5px 0px 0px 0px;
}
.tb_temp_files td, .tb_lang td {
	font: 12px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
  padding-left: 0px;
}
#manage_bot {
	height: 99px;
}
#legends {
  width:740px;
  margin: 7px auto;
  padding: 10px;
}
#legends img {
	vertical-align: middle;
}
#manage_do {
  width:620px;
  margin: 0 auto;
  padding: 10px 0px;
	line-height: 16px;
	border: 1px solid #C7B482;
}
#manage_do h2 {
	font-size: 25px;
	line-height: 25px;
}
#manage_do tr {
	line-height: 16px;
}
.boxes {
	margin: 20px 30px;
	padding: 12px 25px;
	border: 1px solid #A58D65;
	font-size:12px;
	line-height: 20px;
}
.upd_btn {
  height: 25px;
  width: 82px;
  background: url('style/btn.gif') no-repeat 0 0;
  margin: 0 auto;
  padding-top:10px;
  text-align: center;
}
.upd_btn a {
  color: #fff;
  text-decoration: none;
}
.upd_btn a:hover {
  font-weight:bold;
}