*{margin:0; padding:0;}
.left{float:left;}
.rigth{float:right;}
img{border:none;}
.clear{clear:both}

#layout{margin:0 auto; width:920px;}
#header{float:left; width:920px; height:34px; background:url(../images/header_bg.gif) repeat-x 0 0;}
#header .logo{float:left; width:auto; padding:23px 0 0 28px}

#body_container{float:left; width:920px; background:#d1e4f6; padding:0 0 35px 0}
#body_container h1{float:left; width:920px; text-align:center; color:#04529e; font:bold 30px/32px Arial, Helvetica, sans-serif; padding:9px 0 4px 0}
#body_container h2{float:left; width:920px; text-align:center; color:#04529e; font:bold 17px/19px "Univers", Arial, Helvetica, sans-serif;}
#body_container .blue_box{float:right; width:587px; background:url(../images/blue_bg.gif) repeat-y 0 0;  margin:14px 131px 0 0; display:inline; position:relative;}
#body_container .blue_box .blue_top_curve{float:right; width:587px; background:url(../images/bule_upper_curve.gif) no-repeat 0 top;}
#body_container .blue_box .blue_top_curve .free{float:left; width:183px; height:80px; margin:23px 0 0 137px; background:url(../images/free.png) no-repeat 0 0; display:inline;}
.blue_top_curve ul{float:left; width:227px; list-style:none; padding:17px 0 0 20px}
.blue_top_curve li{float:left; width:auto; font:bold 17px/25px Arial, Helvetica, sans-serif; color:#05529f; background:url(../images/rigght_click.gif) no-repeat left 5px; padding:1px 0 0 26px;}
.blue_top_curve form{float:right; width:340px; padding:8px 105px 0 0}
.blue_top_curve fieldset{float:left; width:340px; border:none;}
.blue_top_curve fieldset h4{float:left; width:340px; font:bold 18px/20px Arial, Helvetica, sans-serif; color:#666666; padding:0 0 12px 0}
.blue_top_curve fieldset .row{float:left; width:340px; padding:1px 0 3px 0}
.blue_top_curve fieldset .row label{float:left; width:83px; background:url(../images/three_arrows.gif) no-repeat left 6px; text-align:right; color:#004e9c; font:13px/15px Arial, Helvetica, sans-serif; padding:3px 0 0 0}
.blue_top_curve fieldset .row label.bg_none{float:left; background:none;}
.blue_top_curve fieldset .row select{float:left; width:150px; border-color:#05529f; color:#000000; font:13px/15px  Arial, Helvetica, sans-serif; margin:0 0 0 4px; display:inline; height:21px}
.blue_top_curve fieldset .row select.less_width{float:left; width:150px;}
.blue_top_curve fieldset .find_now{float:right; margin:13px 1px 5px 0!important; margin:8px 2px 0 0; width:253px; height:40px; background:url(../images/find_now.gif) no-repeat 0 0; border:none; cursor:pointer;}

#body_container .blue_box .image1{float:left; width:112px; height:133px; background:url(../images/image_1.png) no-repeat 0 0; position:absolute; top:74px; left:-114px;}
#body_container .blue_box .image2{float:left; width:91px; height:114px; background:url(../images/image_2.png) no-repeat 0 0; position:absolute; top:88px; left:-25px;}
#body_container .blue_box .image3{float:left; width:177px; height:127px; background:url(../images/image_3.png) no-repeat 0 0; position:absolute; top:-10px; left:-59px;}
#body_container .blue_box .image4{float:left; width:220px; height:162px; background:url(../images/image_4.png) no-repeat 0 0; position:absolute; top:148px; left:-80px;}
#body_container .blue_box .arrow{float:left; background:url(../images/arrow.png) no-repeat 0 0; width:110px; height:162px; position:absolute; top:88px;  left:487px;}
#body_container .blue_box .findschool{float:left; cursor: pointer; background:url(../images/find_school.gif) no-repeat 0 0;}
#body_container .blue_box .findyrbk{float:left; cursor: pointer; background:url(../images/find_yrbk.gif) no-repeat 0 0;}
#body_container .blue_box .findclass{float:left; cursor: pointer; background:url(../images/find_class.gif) no-repeat 0 0;}
#body_container .blue_box .findreunion{float:left; cursor: pointer; background:url(../images/find_reunion.gif) no-repeat 0 0;}

#footer{float:left; width:920px;}
#footer ul{float:left; width:920px; list-style:none;   text-align:center; padding:1px 0 0 0}
#footer li{ display:inline; font:9px/16px "Univers", Arial, Helvetica, sans-serif; color:#B5B5B5; background:url(../images/seprator.gif) no-repeat right 2px; padding:0 10px 0 0}
#footer li a{text-decoration:none; color:#B5B5B5;}
#footer li a:hover{text-decoration:underline;}
#footer p{float:left; width:920px; font:9px/14px "Univers", Arial, Helvetica, sans-serif; color:#B5B5B5; text-align:center;}
#footer li.last{padding:0 0 0 9px; background:none;}