* {padding:0px; margin:0px;}
body{ background:url(../images/body_bg.jpg) repeat-x 0 0; font:normal 11px/13px Verdana, Arial, Helvetica, sans-serif; color:#fff}
img{ float:left; border:none}
#layout{width:1280px; margin:0 auto;}
#header{width:1280px; float:left; padding:11px 0px 0 0px;}
#header .logo{width:auto; float:left; padding:0 0 16px 115px;}

#header_inner{width:100%; float:left; background:url(../images/header_bg.jpg) no-repeat 0 0px; padding:0;  height:307px}
#menu{ width:1217px; float:left; padding:12px 0 0 26px}
#menu ul{ width:auto; float:left; list-style:none;}
#menu ul li{width:auto; float:left; padding-left:14px;}
#menu ul li a{width:135px; height:68px; float:left; background-position:left top; text-decoration:none;}
#menu ul li a:hover{ background-position:left bottom}
#menu ul li a.menu1{ background-image:url(../images/menu1.jpg)}
#menu ul li a.menu2{ background-image:url(../images/menu2.jpg)}
#menu ul li a.menu3{ background-image:url(../images/menu3.jpg)}
#menu ul li a.menu4{ background-image:url(../images/menu4.jpg)}
#menu ul li a.menu5{ background-image:url(../images/menu5.jpg)}
#menu ul li a.menu6{ background-image:url(../images/menu6.jpg)}
#menu ul li a.menu7{ background-image:url(../images/menu7.jpg)}
#menu ul li a.menu8{ background-image:url(../images/menu8.jpg)}

#banner{width:1214px; float:left; height:196px; padding:7px 0 0 16px;}

#body_container{width:1192px; float:left; padding:2px 10px 0 78px;}
#left_container{width:288px; float:left;}
#left_container .principal_mess{width:233px; float:left; padding:15px 30px 0 25px; background:url(../images/left_img.jpg) no-repeat 0 0; height:233px;}
#left_container .principal_mess h3{ text-align:center; width:100%; float:left; padding-bottom:7px; }
#left_container .principal_mess h3 img{margin:0px!important}


#left_container .principal_mess h3 img{ text-align:center; float:none;}
#left_container .principal_mess p{ line-height:14px}
#left_container .principal_mess img{ margin:0 10px 5px 0; display:inline}
#left_container .principal_mess p.more_link{ padding-top:8px;}
#left_container .principal_mess p.more_link a{ color:#fff; text-decoration:none;}
#left_container .principal_mess p.more_link a:hover{ text-decoration:underline;}

#center_container{width:645px; float:left; padding:17px 19px 0 8px;}
#center_container h3{ color:#a30001; font:bold 20px/24px "trebuchet MS", Arial, Helvetica, sans-serif; padding-bottom:15px;}
#center_container p{ color:#484849; font:normal 11px/15px  Verdana, Arial, Helvetica, sans-serif; padding-bottom:15px;}
#center_container .img_box{ float:right; width:206px; padding-top:40px}
#center_container .text_box{ float:left; width:425px;}
#center_container p.read_more{ color:#a90102; font-size:13px; padding-top:30px}
#center_container p.read_more a{ color:#a90102; text-decoration:none;}
#center_container p.read_more a:hover{ text-decoration:underline;}

#right_container{width:227px; float:left; padding-top:15px;}
#right_container .picture_gallery{width:217px; float:left; background:url(../images/pink_bg.jpg) no-repeat 0 0; height:134px; padding:15px 4px 0 6px; margin-bottom:9px;}
#right_container .picture_gallery h3{ width:auto; float:left; padding-bottom:8px; padding-left:12px;}
#right_container .picture_gallery .img_box{ width:217px; height:93px; float:left; position:relative;}
#right_container .picture_gallery .img_box .frame{ width:217px; height:93px; position:absolute; top:0px; left:0px; background:url(../images/pink_frame.gif) no-repeat 0 0;}
#right_container .virtual{width:223px; float:left; height:93px;}

#right_container .side_link{width:223px; float:left; background:url(../images/orange_bg.jpg) no-repeat 0 0; height:40px; padding:10px 4px 0 6px; margin-bottom:0px; }
#right_container .side_link h3{ padding-left:1px; font:bold 20px/24px "trebuchet MS", Arial; color:#fff;}
#right_container .side_link h3 a { text-decoration:none; }

#bottom_container{width:1175px; float:left; padding:20px 0 10px 13px;}
#bottom_container .login_box{width:242px; float:left; height:134px; background:url(../images/yellow_bg.jpg) no-repeat 0 0; margin-right:4px; display:inline; padding:12px 0 0 13px}
#bottom_container h3{ font:bold 20px/24px "trebuchet MS", Arial; color:#fff;}
#bottom_container .login_box form{ width:239px; float:left; padding-top:10px}
#bottom_container .login_box form .row{ width:239px; float:left; padding-bottom:11px}
#bottom_container .login_box form .input_bg{ width:218px; float:left; background:url(../images/input_bg.jpg) no-repeat 0 0; height:22px; padding:0 5px}
#bottom_container .login_box form input{width:218px; float:left; height:22px; color:#b00102; font:normal 10px/22px Verdana, Arial, Helvetica, sans-serifl; border:none; background:none;}
#bottom_container .login_box form a{ text-decoration:none; color:#fff; font:normal 11px/20px "trebuchet MS", Arial; float:left}
#bottom_container .login_box form a:hover{ text-decoration:underline; }
#bottom_container .login_box form input.btn{ background:url(../images/login.jpg) no-repeat 0 0; height:22px; width:53px; padding:0px; float:right; margin-right:12px; display:inline; cursor:pointer}


#bottom_container .update_box{ background:url(../images/update_bg.jpg) no-repeat 0 0; width:212px; float:left; height:134px; padding:10px 0px 10px 15px; margin-right:1px; display:inline;}
#bottom_container .update_box .news{width:184px; float:left; height:70px; padding-top:21px;}
#bottom_container .update_box .news p{ font:normal 11px/18px Verdana, Arial, Helvetica, sans-serif; color:#3d3e36;}
#bottom_container .update_box .news p a{ font-weight:bold; text-decoration:none; clear:both; color:#3d3e36; }

/*#bottom_container .link_name { background:url(../images/link_name_bg.jpg) no-repeat 0 0; width:219px; float:left; height:134px; padding:10px 0px 10px 8px}
#bottom_container .link_name h3{ padding-left:5px;}
#bottom_container .link_name .img_box{width:213px; float:left; height:101px; position:relative; margin-top:6px}
#bottom_container .link_name .img_box .frame{width:213px; float:left; height:101px; position:absolute; top:0px; left:0px; background: url(../images/blue_frame.gif) no-repeat 0 0;}
*/

#bottom_container .link_name { background:url(../images/link_name_bg.jpg) no-repeat 0 0; width:219px; float:left; height:134px; padding:10px 0px 10px 8px}
#bottom_container .link_name h3{ padding-left:5px;}
#bottom_container .link_name .img_box{width:213px; float:left; height:101px; position:relative; margin-top:6px}
#bottom_container .link_name .img_box .frame{width:213px; float:left; height:101px; position:absolute; top:0px; left:0px; background: url(../images/blue_frame.gif) no-repeat 0 0; padding:12px 15px 10px 15px;margin-right:1px; display:inline;}
#bottom_container .link_name .img_box .frame p{ font:normal 11px/18px Verdana, Arial, Helvetica, sans-serif; color:#ffffff;}
#bottom_container .link_name .img_box .frame p a{ font-weight:bold; text-decoration:none; clear:both; color:#ffffff; }

#bottom_container .web_maga { background:url(../images/pink_bg1.jpg) no-repeat 0 0; width:219px; float:left; height:134px; padding:10px 0px 10px 8px; margin-left:1px; display:inline}
#bottom_container .web_maga h3{ padding-left:5px;}
#bottom_container .web_maga .img_box{width:213px; float:left; height:101px; position:relative; margin-top:6px}
#bottom_container .web_maga .img_box .frame{width:213px; float:left; height:101px; position:absolute; top:0px; left:0px; background: url(../images/pink_frame1.gif) no-repeat 0 0;padding:12px 15px 10px 15px;margin-right:1px; display:inline;}
#bottom_container .web_maga .img_box .frame p{ font:normal 11px/18px Verdana, Arial, Helvetica, sans-serif; color:#ffffff;}
#bottom_container .web_maga .img_box .frame p a{ font-weight:bold; text-decoration:none; clear:both; color:#ffffff; }

#bottom_container .calendar { background:url(../images/link_name_bg.jpg) no-repeat 0 0; width:221px; float:left; height:134px; padding:10px 3px 10px 3px}
#bottom_container .calendar h3{ padding-left:5px;}
#bottom_container .calendar .img_box{width:213px; float:left; height:101px;  margin-top:6px}




#footer{width:1171px; float:left; height:45px; background:url(../images/footer_bg.jpg) no-repeat 0 0; margin-left:90px; display:inline; padding-top:10px;}
#footer ul{width:100%; float:left; text-align:center; list-style:none;}
#footer ul li{width:auto; background:url(../images/separator.jpg) no-repeat 0 2px; padding:0 10px; display:inline;}
#footer ul li.first{ background:none; padding-left:0px;}
#footer ul li a{width:auto; font:bold 11px/14px Verdana, Arial, Helvetica, sans-serif; color:#ffffff; text-decoration:none;}
#footer ul li a:hover{text-decoration:underline;}
#footer p{ font:normal 10px/14px Verdana, Arial, Helvetica, sans-serif; color:#fff; text-align:center; padding-top:10px; clear:both;}