body{
margin: 0px;
font-family: Arial,Tahoma ;
font-size: 10pt;
background:#dddef2 url('../../images/bg_bar.gif') repeat-x;
}

h1{
font-size: 10pt;
color:#0066ff;
margin-top: 1px; 
margin-bottom: 3px;
font-weight: bold;
}

h1.title{font-size: 1.4em; color:#0099ff; text-align:center;}
h2.title{font-size: 1.2em; color:#006699; text-align:center;}

h2{
font-size: 10pt;
color:#000000;
margin-top:1px; 
margin-bottom: 3px;
font-weight: bold;
}

h3{
font-size: 10pt;
color:#000000;
margin-top:1px; 
margin-bottom: 3px;
font-weight: bold;
}
h6{
font-size: 10pt;
margin-top: 0; margin-bottom: 0;
}

p, li{
margin-top: 0; margin-bottom: 5px;
text-align:justify;
padding-right:5px; padding-left:5px;

}

div#main{
color: #000;
margin: 15px auto;
width:980px;
}

div.menu{margin-top:0px; margin-bottom:10px; background: transparent; height:28px; padding:3px; color:#fff;}

div.rbox{
display:block;
background:#fff;
color:#333; 
border:0 solid #ccc; border-width:0 1px;
padding:5px 10px;
height:auto;
}


div#foot{
position:relative;
overflow:hidden;
background: #0099cc;
color: #ccc;
text-align: center;
font-size: 12px;
height:80px;
width:100%;
z-index:-52000;
padding-top:15px;
margin-top:0px;
}

div#foot a{
color: #FFFFFF;
}

#menutop{
width: 100%;
height: 28px;
list-style-type:none;
margin:0;
}

#menutop li{
height: 28px;
position : relative;
display:inline;
float:left;

}

#menutop li a{
display: block;
height: 28px;
overflow: hidden;
color: #fff;
font-weight: bold;
/*background: url('images/menu_sp.png') 0px 0px;*/
text-decoration: none;
padding: 3px 5px 0px 2px;
margin:0px;
}


#menutop li a.home{
background-position: 0px 0px;
border-right: 1px solid #eee;
}

#menutop li a:hover{
background: url('../../images/spacer-table-center1.gif') repeat-x;
color:blue
}

div.banner{position: absolute; right: 4%; top: 15px; width: 468px; height: 68px;}
div.left-out a			{color:#000; font-size:9pt; text-decoration:none;}
div.left-out h1		{display:block; width: 100%; height:20px;color:#0066ff; font-size:10pt; background: #f1f1f1}
div.center-out a		{color:green; font-size:9pt; text-decoration:none;}
div.left-out a:hover	{color:red; text-decoration: underline;}
div.left-out a:active	{color:#000080; font-weight:bold;}
div.center-out a:hover	{color:red; text-decoration: underline;}

div.left-out   {margin-right: 10px; margin-bottom: 15px; width:22%; float:left;clear:both; }
div.center-out {margin-right: 10px; margin-bottom: 5px; width:72%; float:left; position:relative;overflow:hidden;}
div.mid-out {margin-right: 10px; margin-bottom: 5px; width:49%; float:left; position:relative;overflow:hidden;}
div.out  		{margin-bottom: 5px;}
div.mid-out a	{color:green; font-size:10pt; text-decoration:none;line-height:145%;}
div.mid-out a:hover	{color:red; text-decoration: underline; font-weight:bold;}

div.ads-out {margin-bottom: 10px; width:26.5%; position:relative; float:right; }
div.ads-out a{color:#996600;text-decoration:none;}
div.ads-out a:hover{color:red;text-decoration:underline;}

div.bottom-out {margin-bottom: 10px; margin-top: 5px; height:auto; position : relative;width:100%; clear:both; }
div.left-ads	{margin-top: 10px; margin-bottom: 10px; width:210px;}

               
/* Do not remove below if you want rounding effect.ff9933*/

b.rtop, b.rbottom {display:block; background:transparent;text-decoration:none; }
.r1, .r2, .r3, .r4 {display:block; overflow:hidden;}
.r1, .r2, .r3 {height:1px;}
.r2, .r3, .r4 {background:#fff; border-left:1px solid #ccc; border-right:1px solid #ccc;}
.r1 {margin:0 5px; background:#ccc;}
.r2 {margin:0 3px; border-width:0 2px;}
.r3 {margin:0 2px;}
.r4 {height:2px; margin:0 1px}