/* Layout */

html{
 height:100%;
}

body{
 padding:0;
 width:970px; margin:0 auto;
 min-height:100%;
 position:relative;
}

*html body{
 height:100%;
}

#main{
 margin-left:15%;
 float:left; width:65.5%;
 min-height: 1215px;
}

* html #main{
 margin-left:8%;
 height: 1215px;
}

#ls1,#ls2,#ls3,#ls4,#ls5{
 float:left; width:14.1%;margin-left:-80.4%;
}

#tbr{
  position:absolute;
  top:0; right:0;
  margin:4px 5px;
}

#ls2{
 margin-top:20%;
}

#ls3{
 margin-top:34%;
}

#ls4{
 margin-top:46%;
}

#ls5{
 margin-top:9%;
}

#rs1{
 float:right; width:18.5%; margin-right:0.1%;
}

#rs2,#rs3,#rs4,#rs5,#rs6,#rs7,#rs8{
 margin-top:0.6%;
 float:right; width:18.5%; margin-right:0.1%;
}

#ls5,#rs7{
 height:600px;
}

#content{
 overflow: hidden;
 width: 100%;
 padding-bottom:0.6%;
}

#title{
 margin: -1% 0% 0.1% 0%;
}

li{
 display:block;
 margin-left: 11px;
 padding-bottom: 4px;
}

*html li a{
 padding-bottom: 0.4%;
 height:1%;
}

h1{
 margin:0% 0% 0% 0%;
 padding:1% 1% 1% 8%;
}

.scr{
 width: 100%;
}

ul{
 list-style:none;
 margin:9px 0; padding:0;
}

#rs1 p{
 margin: 5px 10px;
}

#rs5 img, #rs6 img{
 margin: 4px 7px;
}

img{
 border:0;
 margin: 1px;
}

#search {
  position:absolute;
  top:0; right:0;
  margin:22px 5px 0 0;
}

/* Fonts */

body{
 font:8pt Verdana, Arial, Sans-Serif;
}

h1{
 font-size: 380%;
 letter-spacing: 1px;
 font-family: 'Arial';
}

#main h2{
 font-size:130%;
}

#rs1,
#rs2{
 font-size:90%;
}

h2{
 font-size:125%; font-weight:bold;
 text-transform:uppercase;
 text-align: right;
}

#rs5, #rs6{
 text-align: right;
}

#rs1 h3{
 font-size:100%; font-weight:bold;
 color: #333333;
}

ul a{
 font-size: 110%; font-weight: bold;
}

#rs1 h3{
 margin: 15px 10px 5px 10px;
}

#rs1 p{
 margin: 5px 10px;
}

.in{
 margin-top: 5px;
}

.form{
 margin: 2% 2% 2% 2%;
}

#rs5 p,
#rs6 p,
#rs4 p{
 font-size:90%;
}

/* Colors */

body{
 background-image: url(img/bg_page.png); background-repeat: repeat-x; padding-top:10px;
 background-color:#cbe3da;
}

#main, #rs1, #rs2, #rs3, #rs4, #rs5, #rs6, #rs7, #rs8, #ls1 ,#ls2, #ls3, #ls4, #ls5, #tb{
 background: #ffffff;
 color: #141414;
 border-bottom: #dadbdb 1px solid;
}

#tb{
 background: url(img/bg_sect_t.png) #ffffff repeat-y;
}

#main{
 background: url(img/bg_sect_m.png) #ffffff repeat-y;
}

#ls1, #ls2, #ls3, #ls4, #ls5{
 background: url(img/bg_sect_l.png) #ffffff repeat-y;
}

#rs1, #rs2, #rs3, #rs4, #rs5, #rs6, #rs7 ,#rs8{
 background: url(img/bg_sect_r.png) #ffffff repeat-y;
}

#content{
 border-bottom: #a74f5e 10px solid;
 background-color: #a5c3b8;
}

#title{
 background:url(img/bg_h1.png) #45F left top repeat-x;
 background-color: #e18c9b;
}

h1{
 background:url(img/logo/64.gif) left top no-repeat;
}

*html h1 {
 height:1%;
}

h2{
 background: url(img/bg_h2.png) #e793a2 repeat-x left top;
}

h2{
 margin: 0; padding: 2px 10px;
}

h1,h2{
 color: #ffffff;
}

a{
 color: #4f7ec1;
 text-decoration: none;
 text-decoration: underline;
 font-weight: bold;
}

a:hover{ 
 color: #0088ff;
 text-decoration: underline;
 font-weight: bold;
}

.mo{
 font-weight: bold;
 text-align: center;
}

.moc{
 font-weight: bold;
 text-align: right;
}

b{
 color: #333333;
}

.link,
.part{
 color: #4f7ec1;
 font-weight: bold;
}

.part{
 color: #444444;
}

p,
.mn{
 margin: 10px;
}

#rs5 p,
#rs6 p,
#rs4 p{
 margin: 6px;
}

.leftpic{
 float: left;
 margin-right: 30px;
 padding-left: 20px;
}

.rightpic{
 float: right;
 margin-right: 10px;
}

.ch{
 margin: 10px;
 padding-left:20px;
 background: url(img/chk.gif) transparent left top no-repeat;
}

#rs4 p,
#rs3 p,
#rs2 p,
#ls5,
#rs7,
#rs8,
#tt{
 text-align: center;
 vertical-align: middle;
}

#rs5 div{
 text-align: center;
 margin-bottom: 6px;
}

#rs5 div a{
 margin: 3px;
}

#area1{
 background: #eeeeee;
 border: #e793a2 2px solid;
 color: #141414;
}

#area2{
 background: #eeeeee;
 border: #e793a2 2px solid;
 color: #141414;
}

#area3{
 background: #ffffff;
 border: #155680 2px solid;
 color: #141414;
}

.com{
 color: #444444;
 font-size: 98%;
}

/* Misc */

.hm{
 text-align: center;
 padding-bottom: 4px;
 margin-top: 4px;
 font-size: 100%;
 color: #0066ff;
}

#m1{
 float:left; width:50%;font-size:90%;
}

#m2{
 float:left; width:10%;font-size:90%;
 text-align: center;
 color: #c8e3f1;
}

#m3{
 float: left;width:50%;font-size:90%;
 text-align: right;
}

.lm{
 padding-left:3px;margin-left:3px;
 font-weight:bold;
}

.dl{
 text-align: left;
 color:#ff0000;
}

.dr{
 text-align: right;
 color:#ff0000;
}

.pm{
 clear:left;
 min-height:140px;
 margin: 10px;
 border-bottom: #e793a2 1px solid;
}

*html .pm{
 height:140px;
}

.man{
 clear:left;
 margin: 10px;
 border-bottom: #e793a2 1px solid;
}

.man1{
 clear:left;
 margin: 10px;
 height:165px;
 border-bottom: #e793a2 1px solid;
}

.rm{
 clear:left;
 margin: 10px;
 border-bottom: #e793a2 1px solid;
}

.rm1{
 clear:left;
 margin: 3px;

}

.rm1 i{
 margin-left:-64px;
}

.rm1 img{
 margin: 32px;
}

#bm{
 clear:left;
 height:230px;
}

.aw{
 overflow: hidden;display: block;
 text-align: center;
}

.aw1{
 overflow: hidden;display: block;
}

.awl{
 float:left; width:49%;
}

.awr{
 float:right; width:50%;
}

.mw{
 overflow: hidden;display: block;
 text-align: left;
}

.mw1{
 overflow: hidden;display: block;
 height:282px;
 text-align: left;
}

.mwl{
 float:left;
 margin: 8px 0px 10px 15px;
}

*html .mwl{
 margin-left:6px;
}

.mwr{
 float:right; width:60%;
}

.mwr1{
 float:right; width:45%;
 margin-top: 8px;
}

.ta{
 width: 100%;
}

.ta1{
 width: 100%;
 font-weight: bold;
 font-size: 130%;
}

.th{
 font-weight: bold;
 border-right: #e793a2 1px solid;
 border-bottom: #e793a2 1px solid;
 color: #333333;
}

.td{
 border-right: #e793a2 1px solid;
 border-bottom: #e793a2 1px solid;
}

/* Banner */

#tb{
 width: 900px;
 height:90px;
 vertical-align: middle;
 text-align: center;
 padding-top: 0.2%;
 margin-top: -1%;
}

.cb{
 padding-top:1%;
 text-align: center;
 padding-bottom:1%;
}

.cb1{
 text-align: center;
}

.ib{
 margin: 1% 0% 1% 0%;
}

.linkus{
 height:50px;
}

.gb{
 background: #ffffff;
 border: #99c6f2 1px solid;
 padding: 3px;
 margin: 0px 20px 0px 20px;
 width: 90%;
 color: #000000;
}

#java{
 font-size: 140%;
 font-weight: bold;
}

.hh1{
 font:normal normal bolder 150% Verdana;
 color: #c24756; 
 padding: 4px 0 4px 0;
 }

.hh2{
 font:normal normal bolder 130% Verdana;
 color: #c24756;
 padding: 2px 0 2px 0;
}

.hh3{
 font:normal normal bolder 110% Verdana;
 color: #c24756;
 padding: 1px 0 1px 0;
}

.hh4{
 font:normal normal bolder 100% Verdana;
 color: #000000;
}

.hh5{
 font:italic normal bolder 100% Verdana;
 color: #000000;
}

.hbi{
 font:normal normal bolder 100% Verdana;
 color: #000000;
}

.hn{
 background: #dbd8ff;
 margin: 0px 25px 0px 25px;
 padding: 7px 7px 1px 7px;
}
 
 .hta {
  margin-left: 20px;
 }
 
.hta th {
	text-align:left;
	background-color:#dfdfdf;
	padding:3px 10px 3px 3px;
}

.hta td {
	background-color:#ededed;
	padding:3px 10px 3px 3px;
}