html {
	min-height: 100%;
}
* {
	margin: 0;
	padding: 0;
}
body {
	background: #fff;
	color: #000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
#page_margins {
	background: #fff;
	color: #333;
	width:100%;
	height:600px;
}


h1, h2, h3 {
	padding-top: 6px;
	color: #553;
	margin-bottom: 4px;
}
/* misc */
.clearer {
	clear: both;
	font-size: 0;
}
.left {
	float: left;
}
.right {
	float: right;
}
/* structure */
/* headere & title */
#top_langu{
	background:#000000;
	height:25px;
	width:100%;
	text-align:right;
	margin-right:20px;	

}
#top_langu a:link {
	color: #FFFFFF;
	text-decoration: none;
}
#top_langu a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
#top_langu a:hover {
	text-decoration: underline;
	color: #FFCC00;
}
#top_langu a:active {
	text-decoration: none;
	color: #FFCC00;
}

#top_langu a:hover{
}
#header {
	background:#000000;
	height:160px;
	width:100%;
	text-align:left;
	position:relative;
	z-index:0;
}
#header .logod {
	background:url(../img/logo.jpg) no-repeat;
	position:absolute;
	left:70px;
	top:30px;
}
#home {
	background:#f7c525;
	height:27px;
	width:100%;
	text-align:left;
	position:relative;
	z-index:2;
}

<!--
#menu {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
#menu a {
	display:block;
	outline-color:invert;
	outline-style:none;
	outline-width:medium;
	text-indent:-900%;
}
#menu a:hover {
	background-position:left bottom;
}
#menu a:hover span {
	display:block;
}
#menu .home {
	background:transparent url(../img/home.gif) no-repeat scroll 0%;
	height:15px;
	width:34px;
}
#menu .port {
	background:transparent url(../img/port.gif) no-repeat scroll 0%;
	height:14px;
	width:50px;
}
#menu .ser {
	background:transparent url(../img/ser.gif) no-repeat scroll 0%;
	height:14px;
	width:55px;
}
#menu .cont {
	background:transparent url(../img/cont.gif) no-repeat scroll 0%;
	height:14px;
	width:50px;
}

-->
#port {
	background:#f9cf5a;
	height:27px;
	width:100%;
	text-align:left;
	position:relative;
	z-index:3;
}
#ser {
	background:#fbd984;
	height:27px;
	width:100%;
	text-align:left;
	position:relative;
	z-index:4;
}
#cont {
	background:#fce4aa;
	height:27px;
	width:100%;
	text-align:left;
	position:relative;
	z-index:5;
}
.content {
	margin-left:70px;
	height:355px;
	width:890px;

}
html>/**/body .pos_tree{
	margin-left:20px;
	margin-top:90px;
}
*html .pos_tree{
	margin-left:5px;
	margin-top:90px;
}
.wel {
	background:url(../img/wel.gif) no-repeat;
	height:30px;
}
.p_web {
	background:url(../img/web.gif) no-repeat;
	height:30px;
}
.p_print {
	background:url(../img/print.gif) no-repeat;
	height:30px;
}
#form .textfield {
	width: 300px;
	height: 20px;
}
#form .textarea {
	width: 500px;
	height:120px;
	margin-bottom:5px;
}
.cl70l {
	width:575px;
	float:left;
}
.cl30r {
	width:310px;
	float:right;
}
.cl20r{
	width:200px;
	float:right;
}
.cl20l{
	width:200px;
	float:left;
}
html>/**/body .bpage{
	margin-top:70px;
}
html>/**/body .mgba10_ff {
	margin-bottom:-10px;
}
.clearfix {width:900px;}
.mgb20 {
	margin-bottom:20px;
}
.mgt20 {
	margin-top:20px;
}
.mgt25 {
	margin-top:25px;
}
.pdt5 {
	padding-top:3px;
}
.mgt20a {
	margin-top:-130px;
}
.mgt40 {
	margin-top:40px;
}
.pdt123 {
	padding-top:119px;
}
.mgl20 {
	margin-left:20px;
}
.mgr20 {
	margin-right:20px;
}
.mgr5 {
	margin-right:5px;
}
.mgr80 {
	margin-right:80px;
}
.mgl10 {
	margin-left:10px;
}
.mgla14 {
	margin-left:-14px;
}
.mgl100 {
	margin-left:70px;
}
.mgr10 {
	margin-right:10px;
}
.mgb10 {
	margin-bottom:10px;
}

.mgt10 {
	margin-top:10px;
}
.mgta15 {
	margin-top:-15px;
}
.mgta5 {
	margin-top:-5px;
}

.mgt60 {
	margin-top:60px;
}
.mgl5 {
	margin-left:5px;
}
.mgl40 {
	margin-left:40px;
}
.mgr5 {
	margin-right:1px;
}
.mgr25 {
	margin-right:25px;
}
.mgb5 {
	margin-bottom:5px;
}
.mgt5 {
	margin-top:5px;
}
.pdt8 {
	padding-top:8px;
}
.float_left {
	float: left;
	display:inline;
	margin-right: 1em;
	margin-bottom: 0.15em;
}
.float_right {
	float: right;
	display:inline;
	margin-left: 1em;
	margin-bottom: 0.15em;
}
.tcenter {
	text-align:center;
	position:relative;
}
.org {
	font-size:18px;
	color:#ff6600;
}
.orgb {
	font-size:12px;
	color:#ff6600;
}
.orgb {
	font-size:12px;
	color:#ff6600;
	font-weight:bold
}
.white {
	font-size:11.5px;
	color:#fff;
}
.whiteb {
	font-size:14px;
	color:#fff;
	font-weight:bold;
	padding-top:5px;
}
.blackb {
	font-size:12px;
	color:#333;
	font-weight:bold;
}
.blackt {
	font-size:12px;
	color:#333;
	font-weight:bold;
}
.brown{
	color:#996633;
}
.brown14{
	color:#996633;
	font-size:14px;
	font-weight:bold
}
.bn_s {
	background:#0375bc;
	height:19px;
}
.dot {
	border-top: 1px dotted #ccc;
}
#bl_items li{
	list-style :url(../img/bl.gif);
}
<!--Menu-->
.arrowlistmenu {
	width: 100%; /*width of accordion menu*/
}
.arrowlistmenu .menuheader { /*CSS class for menu headers in general (expanding or not!)*/
	text-transform: uppercase;
	cursor: hand;
	cursor: pointer;
}
.arrowlistmenu .openheader { /*CSS class to apply to expandable header when it's expanded*/
	background-image: url(titlebar-active.png);
}
.arrowlistmenu ul { /*CSS for UL of each sub menu*/
	list-style: url(../img/bl.gif);
	margin-left: 15px;
	margin-top: 8px;
	padding: 0;
	margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}
.arrowlistmenu ul li {
	padding-bottom: -5px; /*bottom spacing between menu items*/
	
}
.arrowlistmenu ul li a {
	color: #A70303;
	background: url(arrowbullet.png) no-repeat center left; /*custom bullet list image*/
	display: block;
	padding: 2px 0;
	padding-left: 19px; /*link text is indented 19px*/
	text-decoration: none;
	font-weight: bold;
	border-bottom: 1px solid #dadada;
	font-size: 90%;
}
.arrowlistmenu ul li a:visited {
	color: #A70303;
}
.arrowlistmenu ul li a:hover { /*hover state CSS*/
	color: #A70303;
	background-color: #F3F3F3;
}