*{ margin:0;  padding:0; }

body{font-family:Arial, Helvetica, sans-serif; color:#111; background:#e7e8ea;}
	
.clear{clear:both}
img{border:0;}

#main{width:80%; font-size:12px; min-width:780px; margin:auto; position:relative; background: url(../media/bg_l.gif) repeat-y 0 0;}
#left{ border:1px solid #cccccc; background:#ffffff; margin-top:10px;}
#header{ height:148px; background: url(../media/bg_t.gif) repeat-x 0 0;}
#header h1{ position:absolute; top:0; left:0;}
#header h1 span{ position:absolute; top:-1000px;}
#header .collage{float:right}
#header .motto{ position:absolute; top:7px; left:142px;}

#header .menu{list-style:none; position:absolute; top:109px; left:192px;}
#header .menu li{ float:left; width:86px; height:25px; margin-right:2px; background: url(../media/but1.gif) no-repeat 0 0;}
#header .menu li a{ display:block; width:86px; height:21px; padding:4px 0 0 0; text-align:center; font-size:12px; color:#111; text-decoration:none;}
#header .menu li a:hover, #header .menu li.act a{ background: url(../media/but1_a.gif) no-repeat 0 0; color:#fff;}

#header .nav{list-style:none; position:absolute; top:79px; left:145px; font-size:11px; font-weight:bold;}
#header .nav2{list-style:none; position:absolute; top:50px; left:145px; font-size:9px; font-weight:bold;}
#header .nav li,#header .nav2 li{ display:inline}
#header .nav li a,#header .nav2 li a{ color:#fff; text-decoration:none; padding:0 1px; }
#header .nav li a:hover,#header .nav2 li a:hover{ text-decoration:underline; }


#navigation{ width:135px; position:absolute; top:252px; left:25px; background: url(../media/menu_t.gif) no-repeat 0 0; padding-top:6px;}
#navigation ul{ list-style:none;  background: url(../media/menu_b.gif) no-repeat left bottom; padding-bottom:6px;}
#navigation ul li{ background: url(../media/menu_f.gif) repeat-y 0 0; }
#navigation ul li a{ display:block; border-bottom:1px dashed #b53326;  width:100px; padding:3px 10px 3px 10px; margin-left:3px; font-size:14px; text-decoration:none; color:#111;}
#navigation ul li a:hover, #navigation ul li.act a{ color:#fff; background:#e7beb3; }

#contents{ padding:0 0 40px 182px; height:300px;}
#contents[id]{ min-height:300px; height:auto;}

#contents .imgs{}
#contents .imgs img{ float:left; margin:0 12px 12px 0;}

#contents .text{ border:1px solid #cccccc; background:#fff; width:70%; padding-bottom:10px; margin:10px 0 0 0px;}
#contents .text  h2{ font-size:14px; border-bottom:1px dashed #cccccc; padding:4px 10px; margin-bottom:10px}
#contents .text  p{ padding:0 10px 10px 10px;}


#contents .buts{border:1px solid #cccccc; background:#fff;list-style:none; position:absolute; right:0px; margin-top:10px;width:180px;}
#contents .buts li{ width:94px; height:25px; background: url(../media/but2.gif) no-repeat 0 0; padding:0 0 4px 0;}
#contents .buts li a{ display:block; width:94px; height:21px; padding:4px 0 0 0; text-align:center; color:#333; text-decoration:none;}
#contents .buts li a:hover{ background: url(../media/but2_a.gif) no-repeat 0 0; color:#fff;}

#footer{  background: url(../media/foot_bg.gif) no-repeat left bottom;}
#footer div{   border-top:1px dashed #cccccc; margin:0 0 0 184px; width:520px; padding:10px 0; font-size:11px; text-align:center;}
#footer div a{ color:#000; text-decoration:none;}
#footer div a:hover{ text-decoration:underline;}
#footer div span{ padding:0 3px;}