/************************************************/
/* EcoBudgetAsia Webcenter CSS Definitions */

body{
	background-image: url(../images/bg_body.jpg); 
	background-repeat:repeat;
	text-align:center;
}
body *{
	text-align:left; 
	margin:0; 
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px;	
}

/************************************************/
/* Box definition */
#container{position:relative; width:784px; overflow:hidden; margin:0 auto;}
#header{position:relative; width:784px; height:129px; overflow:hidden;}
#header_image_container{position:absolute; z-index:2; top:13px; left:231px; width:536px; height:112px; overflow:hidden;}
#header_mask{position:absolute; z-index:2; top:0; left:0; background-image: url(../images/bg_big_top.gif); width:784px; height:129px;}
#content_container{position:relative; width:784px; overflow:hidden; background-image: url(../images/bg_content.gif); background-repeat:repeat; padding:0;}
#menu_container{float:left; margin:6px 0 0 0px; padding:0; width:230px; overflow:hidden;}
#menu{width:210px; margin:2px 0 0 10px; padding:5px 0 0 0; background-image: url(../images/bg_small_content.gif);}
#menu_bottom{width:210px; margin:0 10px 0 10px; padding:0; height:17px; background-image: url(../images/bg_small_bottom.gif); background-repeat:no-repeat;}
#logos{width:210px; margin:8px 10px 0 10px; padding:5px 0 0 0; background-image: url(../images/bg_small_content.gif);}
#logos_bottom{width:210px; margin:0 10px 0 10px; padding:0; height:17px; background-image: url(../images/bg_small_bottom.gif); background-repeat:no-repeat;}
#content_box{float:left; width:536px; padding:0; margin:0;}
#header_menu{}
#content {margin:0px 10px 0px 10px; padding:0;}
#container_bottom {position:relative; width:784px; height:47px; background-image: url(../images/bg_big_bottom.gif); background-repeat:no-repeat; overflow:hidden;}
#footer{width:784px; margin:0 auto;}

/************************************************/
/* special */
.clear_1 {clear:both; height:1px; font-size:1px; overflow:hidden;}

/************************************************/
/* header */
#header #header_mask #logo {background-color:transparent; padding:0; margin:0;}
#header #header_mask #logo img{margin:18px 0 0 20px; border-width:0px; padding:0;}

/************************************************/
/* footer */
#footer p{ font-size:9px; color:rgb(150,150,150); text-align:right; padding:3px 5px 0 0;}

/************************************************/
/* top_menu */
#menu_top{font-size:11px;}

/************************************************/
/* Header Menu */
#header_menu {padding:0; margin:0;}
#header_menu *{margin:0; paddding:0;}
#header_menu ul{float:right; list-style-type:none; margin:0px; padding:0px;}
#header_menu ul li{float:left; display:block; margin:0px 5px 0px 5px; padding:0px;}
#header_menu ul li a{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; text-decoration:none; color:rgb(0,88,88); letter-spacing:-1px;}
#header_menu ul li a:link, a:visited{}
#header_menu ul li a:hover{text-decoration:underline overline;}
#header_menu ul{list-style-type:none; margin:0px; padding:0px;}

/************************************************/
/* menu */
#menu { }
#menu ul{list-style-type:none; margin:6px 0 0 0px; width:196px; }
#menu ul li{margin:3px 0 0 5px; padding:0;}
#menu ul li a{display:block; margin:0; text-decoration:none;}
#menu ul li span{display:block; margin:0; padding:0; text-decoration:none; width:196px; }

#menu ul .li_level_1 a {font-size:12px; font-weight:bold; color:rgb(0,48,87); padding:3px 0 3px 5px; width:196px; background-image:none;}
#menu ul .li_level_1 a:link, a:visited { background-image:none;}
#menu ul .li_level_1 a:hover {color:white;  font-weight:bold; background-image:url(../images/menu_hover_bg.jpg); background-repeat:no-repeat;}
#menu ul .li_level_1_cur span{font-size:12px; padding:3px 0 3px 5px; color:white; font-weight:bold; background-image: url(../images/menu_hover_bg.jpg); background-repeat:no-repeat;}
#menu ul .li_level_1_spc {height:10px;}

#menu ul .li_level_2 a{font-size:11px; font-weight:bold; color:rgb(0,48,87); padding:3px 0 3px 15px; width:181px; }
#menu ul .li_level_2 a:link, a:visited {background-image:none;}
#menu ul .li_level_2 a:hover {color:white; font-weight:bold; background-image: url(../images/menu_hover_bg.jpg); background-repeat:no-repeat;}
#menu ul .li_level_2_cur span{font-size:11px; padding:3px 0 3px 15px; width:181px; color:white; font-weight:bold; background-image: url(../images/menu_hover_bg.jpg); background-repeat:no-repeat;}
#menu ul .li_level_2_spc {height:5px; border:0px solid rgb(240,240,240);}
* html #menu ul .li_level_2 a{width:196px;} /* IE 6 HACK */
* html #menu ul .li_level_2_cur span{width:196px;} /* IE 6 HACK */

#menu ul .li_level_3 a{font-size:11px; font-weight:bold; color:rgb(0,48,87); padding:3px 0 3px 30px; width:166px; background-image:none;}
#menu ul .li_level_3 a:link, a:visited {background-image:none;}
#menu ul .li_level_3 a:hover {color:white; font-weight:bold; background-image: url(../images/menu_hover_bg.jpg); background-repeat:no-repeat;}
#menu ul .li_level_3_cur span{font-size:11px; padding:3px 0 3px 30px; width:166px; color:white; font-weight:bold; background-image: url(../images/menu_hover_bg.jpg); background-repeat:no-repeat;}
#menu ul .li_level_3_spc {height:5px; border:0px solid rgb(240,240,240);}
* html #menu ul .li_level_3 a{width:196px;} /* IE 6 HACK */
* html #menu ul .li_level_3_cur span{width:196px;} /* IE 6 HACK */

#menu ul .li_level_4 a{font-size:11px; font-weight:bold; color:rgb(0,48,87); padding:3px 0 3px 40px; width:166px; background-image:none;}
#menu ul .li_level_4 a:link, a:visited {background-image:none;}
#menu ul .li_level_4 a:hover {color:white; font-weight:bold; background-image: url(../images/menu_hover_bg.jpg); background-repeat:no-repeat;}
#menu ul .li_level_4_cur span{font-size:11px; padding:3px 0 3px 40px; width:166px; color:white; font-weight:bold; background-image: url(../images/menu_hover_bg.jpg); background-repeat:no-repeat;}
#menu ul .li_level_4_spc {height:5px; border:0px solid rgb(240,240,240);}
* html #menu ul .li_level_4 a{width:196px;} /* IE 6 HACK */
* html #menu ul .li_level_4_cur span{width:196px;} /* IE 6 HACK */

/************************************************/
/* logos */
#logos {background-image:none; margin:0; padding:0;}
#logos p{text-align:center; padding:0; margin:0; color:rgb(0,48,87); font-size:10px; letter-spacing:1px;}
#logos a img{border-width:0; margin:0 0 0 15px;}

/************************************************/
/* content */
#content * {color:rgb(0,48,87); font-size:11px; margin:5px 0 10px 0; padding:0;}

#content h1, h2, h3, h4, h5{font-family:Arial, Verdana, helvetica. sans-serif; font-weight:bold; letter-spacing:0px;}
#content h1{font-size:15px; color:rgb(0,88,88); border:1px dotted rgb(0,88,88); border-width:0 0 1px 0;}
#content h2{font-size:13x; color:rgb(0,88,88); border:1px dotted rgb(0,88,88); border-width:0 0 1px 0;}
#content h3{font-size:12px; color:rgb(0,88,88); border:1px dotted rgb(0,88,88); border-width:0 0 1px 0;}
#content h4{font-size:11px; color:rgb(0,88,88); border:1px dotted rgb(0,88,88); border-width:0 0 1px 0;}
#content h5{font-size:11px; color:rgb(0,48,87); border:1px dotted rgb(0,48,87); border-width:0 0 1px 0;}

#content p{font-size:11px; color:rgb(0,48,87);}

#content ul,ol{clear:both; margin:5px 0 5px 25px;}
#content ul li, ol li{clear:both; margin:5px 0 5px 0;}

#content  a{ color:rgb(0,88,88); font-weight:bold; text-decoration:underline;}
#content a:hover{ background-color:rgb(0,88,88); color:white; text-decoration:none;}

