body
{
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
.box01
{
	border-right: #cccccc 1px solid;
	border-top: #cccccc 1px solid;
	 
	border-left: #cccccc 1px solid;
	border-bottom: #cccccc 1px solid;
 }
.box02
{
	border-right: #cccccc 1px solid;
	border-top: #cccccc 1px solid;
 
	border-left: #cccccc 1px solid;
	border-bottom: #cccccc 1px solid;
	 
}
.box03
{
	margin-left: 1px;
}
.box04
{
	border-right: #019901 1px solid;
	border-top: #019901 1px solid;
	margin-top: 6px;
	border-left: #019901 1px solid;
	border-bottom: #019901 1px solid;
	background-color: #ffffff;
}
.title
{
	 
	font-weight: bold;
	font-size: 14px;
	color: #ffffff;
	height: 22px;
}
.title1
{
	font-weight: bold;
	font-size: 14px;
	color: #FFE281;
	height: 22px;
}
.title2
{
	font-size: 14px;
	color: #ffffff;
	height: 18px;
}
.title3
{
	margin-right: 10px;
	font-size: 12px;
	color: #626262;
	height: 16px;
	font-family: Verdana;
}
.hei
{
	font-size: 12px;
	color: #333333;
	line-height: 20px;
}
A.hei:link
{
	color: #333333;
	font-size: 12px;
	text-decoration: none;
}
A.hei:visited
{
	color: #333333;
	font-size: 12px;
	text-decoration: none;
}
A.hei:hover
{
	color: #b16e31;
	font-size: 12px;
	text-decoration: none;
}
A.hei:active
{
	color: #333333;
	font-size: 12px;
	text-decoration: none;
}
/* remove the margin and bullets, set the padding for this demo only*/
.button
{
	margin: 0;
	padding: 0px 0 0px  0px;
	list-style: none;
}

/* display the list items inline with a right margin to space the buttons. Use this to pre-load the hover image */
.button li
{
	display: inline;
	float: left;
	margin-right: 4px;
	background: url(../images/hover_button.gif);
}

/* style the links and place the background image to start from left edge */
.button li a
{
	display: block;
	height: 38px;
	float: left;
	background: url(../images/button.gif);
	text-decoration: none;
	font-size: 12px;
	font-family: arial, sans-serif;
	letter-spacing: 1px;
	line-height: 35px;
}

/* style the b element to posiition it to the right by 20 pixels and even out the text with 20 pixel right padding */
.button li b
{
	margin: 0 0 0 24px;
	display: inline;
	float: left;
	height: 38px;
	background: url(../images/button.gif) right top;
	padding: 0 21px 0 0;
	color: #000;
}

/* style the link hover and the link hover b to replace the background image - border:0 needed for IE6 to work */
.button li a:hover, .button li a:hover b
{
	border: 0;
	background-image: url(../images/hover_button.gif);
	cursor: pointer;
}

/* style the active state to replace the background image. This can also be used for a 'current' tab if you wish */
.button li a:active, .button li a:active b, .button li a.current, .button li a.current b
{
	background-image: url(../images/active_button.gif);
}

/* move the text down by 3 pixels, and to the right by 2 pixels */
.button li a:active b, .button li a.current b
{
	line-height: 38px;
	margin-left: 23px;
	padding-right: 22px;
}
.topmenu{
background-color:#C9EF40;
height:33px;


}
.topmenu a{
float:left;


}
.topmenu img{
float:left;
padding-left:15px;


}