* { 
	margin:0; 
	padding:0; 
}
html {
	background:#D7DFE2; 
}
body { 
	font:74% Arial, Helvetica, Sans-Serif; 
	color:#454545; 
	line-height:1.6em; 
	text-align:justify;
}
a {
	color:#336C28;
}
#page {
	width:900px;
	min-height:1000px;
	margin:auto;
	padding:0 14px 0 14px;
	background: url('img/page_bg.gif') repeat-y;
}
img {
	border:0px;
}
#menu {
	width:850px;
	height:32px;
	padding:8px 0 0 50px;
	background:#005C6F; /*416271*/
}
#menu ul {
	padding:0;
	margin:0;
	list-style:none;
	position:absolute;
}
/* never apply padding to the li, as offsetWidth will differ in IE!,
if you need padding add it to a child element */
#menu ul li{
	float: left;
	padding:0;
	margin:0;
}
#menu ul li a {
	text-indent: -500em;
	z-index: 10;
	display: block;
	float: left;
	height: 24px;
	position: relative;
	overflow: hidden; /* this is sort of a trick to prevent firefox from extending the dotted shape when you click a link */
}

#item_1 a {
	width: 96px;
	margin:0 15px 0 15px;
	background: url('img/menu_1.png') no-repeat center !important;	
	background: url('img/menu_1.gif') no-repeat center;
}
#item_2 a {
	width: 71px;
	margin:0 15px 0 15px;
	background: url('img/menu_2.png') no-repeat center !important;	
	background: url('img/menu_2.gif') no-repeat center;
}
#item_3 a {
	width: 66px;
	margin:0 15px 0 15px;
	background: url('img/menu_3.png') no-repeat center !important;	
	background: url('img/menu_3.gif') no-repeat center;
}
#item_4 a {
	width: 92px;
	margin:0 15px 0 15px;
	background: url('img/menu_4.png') no-repeat center !important;
	background: url('img/menu_4.gif') no-repeat center;
}
#item_5 a {
	width: 171px;
	margin:0 15px 0 15px;
	background: url('img/menu_5.png') no-repeat center !important;
	background: url('img/menu_5.gif') no-repeat center;
}
#item_6 a {
	width: 36px;
	margin:0 15px 0 15px;
	background: url('img/menu_6.png') no-repeat center !important;
	background: url('img/menu_6.gif') no-repeat center;
}
#item_7 a {
	width: 53px;
	margin:0 15px 0 15px;
	background: url('img/menu_7.png') no-repeat center !important;
	background: url('img/menu_7.gif') no-repeat center;
}
#menu li.background {
	/*background: url('images/bg_menu_right.png') no-repeat top right !important;*/
	background: url('img/bg_menu_right.gif') no-repeat top right;
	z-index: 8;
	position: absolute;
	visibility: hidden;
}
#menu .background .left {
	/*background: url('images/bg_menu.png') no-repeat top left !important;*/
	background: url('img/bg_menu.gif') no-repeat top left;
	height: 24px;
	margin-right: 12px; /* 7px is the width of the rounded shape */
}
#info {
	width:900px;
	height:264px;
	background:url('img/info.jpg') no-repeat;
}
#info p {
	width:500px;
	float:right;
	padding:20px 20px 20px 20px;
	font-size:18px;
	line-height:1.5em;
	color:#fff;
}
#content {
	width:880px;
	padding:10px;
	color:#666;
	font-size:16px;
}
p {
	padding:10px;
}
#footer {
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	width:750px;
	height:30px;
	margin:10px 0 0 0;
	padding:0 0 10px 150px;
	background:#eee;
}
#footer ul {
	padding:0;
	margin:0;
	list-style:none;
}
#footer ul li{
	float: left;
	padding:0;
	margin:0;
}
#footer ul li a {
	display: block;
	float: left;
	height: 24px;
	overflow: hidden;
	margin:10px;
	color:#336C28;
}
#footer .current a {
	font-weight:bold;
}
textarea {
    border:1px solid #CBCCCD;
    background:#ddd; 
    padding:3px; 
    margin:2px 0 2px 0;
    color:#000;
    font-size:12px;
    font-weight:normal;
    font-family:arial,tahoma;
}
input {
    border:1px solid #CBCCCD;
    background:#ddd; 
    padding:3px; 
    margin:2px 0 2px 0;
    overflow:hidden;
    color:#000;
    font-size:12px;
    font-weight:normal;
    font-family:arial,tahoma;
}
table {
  width:500px;
  margin:0;
  border:1px solid #e0e0e0;
  border-collapse: collapse;
  background-color: #fff;
}
td {
  padding: 3px 4px;
  text-align: left;
  font-weight: normal;
  border: 1px solid #e0e0e0;
}