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: #ce0000;
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:#000000;
}
#header h1 {
margin:5px 5px 0;
padding:50px 20px 0px 0;
font: normal normal 100% Trebuchet MS, Arial;
font-size: 35px;
}
#header h2 {
font: normal 13px "Trebuchet MS";
color: #000000;
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 12px; padding: 0px 0px 0px 5px; background: #000 url(images/gradient.png) repeat-x 0 -110px; border-radius: .3em;
	-webkit-border-radius: .3em;
	-moz-border-radius: .3em;

	-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .4);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0, .4);}
#nav {
	margin: 0;
	padding: 4px 4px 0px;
	/*background: #000 url(images/gradient.png) repeat-x 0 -110px;*/
	line-height: 100%;
	/*new*/ float: left;
	/*new*/ width: 746px;

	border-radius: .3em;
	-webkit-border-radius: .3em;
	-moz-border-radius: .3em;

	/*-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .4);*/
	/*-moz-box-shadow: 0 1px 3px rgba(0,0,0, .4);*/
}

#nav li {
	margin: 0 5px 0 0;
	padding: 0 0 5px;
	float: left;
	position: relative;
	list-style: none;
}


/* main level link */
#nav a {
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	display: block;
	padding:  4px 6px;
	margin: 0;
    border-radius: .3em;
	-webkit-border-radius: .3em;
	-moz-border-radius:  .3em;
	
	text-shadow: 0 1px 1px rgba(0,0,0, .3);
}
#nav a:hover {
	background: #000;
	color: #fff;
}

/* main level link hover */
#nav li:hover > a {
	background: #666 url(images/gradient.png) repeat-x 0 -40px;
	color: #000;

	-webkit-box-shadow: 0 2px 2px rgba(0,0,0, .2);
	-moz-box-shadow: 0 2px 2px rgba(0,0,0, .2);
	box-shadow: 0 2px 2px rgba(0,0,0, .2);

	text-shadow: 0 1px 0 rgba(255,255,255, 1);
}


/* sub levels link hover */
#nav ul li:hover a, #nav li:hover li a {
	background: #000 url(images/gradient.png) repeat-x 0 -100px;
	border: none;
	color: #fff;
	padding: 6px 6px;
	
	border-radius: .3em;
	-webkit-border-radius: .3em;
	-moz-border-radius: .3em;

	-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .4);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0, .4);
}
#nav ul a:hover {
	background: #666 url(images/gradient.png) repeat-x 0 -40px !important;
	color: #000 !important;
	
	-webkit-box-shadow: 0 2px 2px rgba(0,0,0, .2);
	-moz-box-shadow: 0 2px 2px rgba(0,0,0, .2);
	box-shadow: 0 2px 2px rgba(0,0,0, .2);

	text-shadow: 0 1px 0 rgba(255,255,255, 1);
}

/* dropdown */
#nav li:hover > ul {
	display: block;
}

/* level 2 list */
#nav ul {
	display: none;
	text-align: left;
	margin: 0;
	padding: 0;
	width: 150px;
	position: absolute;
	top: 24px;
	left: 0;
	background: #000 url(images/gradient.png) repeat-x 0 -10;
    
	border-radius: .3em;
	-webkit-border-radius: .3em;
	-moz-border-radius:  .3em;

	-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .3);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0, .3);
	box-shadow: 0 1px 3px rgba(0,0,0, .3);
}
#nav ul li {
	float: none;
	margin: 0;
	padding: 0;
}

#nav ul a {
	font-size: 14px;
}

/* level 3+ list */
#nav ul ul {
	left: 181px;
	top: -3px;
}

/* rounded corners of first and last link */
#nav ul li:first-child > a {
	-webkit-border-top-left-radius: .4em;
	-moz-border-radius-topleft: .4em;

	-webkit-border-top-right-radius: .4em;
	-moz-border-radius-topright: .4em;
}
#nav ul li:last-child > a {
	-webkit-border-bottom-left-radius: .4em;
	-moz-border-radius-bottomleft: .4em;

	-webkit-border-bottom-right-radius: .4em;
	-moz-border-radius-bottomright: .4em;
}

/* clearfix */
#nav:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
#nav {
	display: inline-block;
} 
html[xmlns] #nav {
	display: block;
}
 
* html #nav {
	height: 1%;
}

#lang_sel span {
font-weight: bold;
	color:#fff;
}

#lang_sel {
	width: 190px;
	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: 43px 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;
}
#main_uv {
width: 900px;
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;
}
#main_x {
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 30px 0 30px;
}
#main_wx {
width: 942px;
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 8px;
margin-top: -24px;
margin-bottom: -25px;
}
.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:visit {
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:195px;
	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: #F3F3F3;
	padding: 5px 0px 5px 10px;
	margin-top: 150px;
	color:#EFBD04;
	font: normal normal 120% Trebuchet MS, Arial;
}
#moonbox_index {
	background: url(style/sky.jpg) no-repeat 15px 0px;
}
#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;
}