@import url("block.css");
body{ background:url(../images/bg.png) repeat-x; background-color:#9ac3ef; margin:0; padding:0; font-family:Arial,"Segoe UI", Verdana, Tahoma,  sans-serif; font-size:12px; color:#FFF}
a{ text-decoration:none;color:#ff9c00;}
.clear{ clear:both; min-height:1px} .left{ float:left} .right{ float:right} .spacer{ height:22px;}

.mcenter{ margin:0 auto; display:block}
.block{ display:block}

img{ border:none}

#print{ margin-right:10px;}
#f-size{ margin-right:20px; font-weight:bold; cursor:pointer}
#f-size small{}
#f-size span{ margin:0 9px;}
#f-size big{}

.color-green{color:#bbd34a;}
.color-white{ color:#FFF}
.color-orange{color:#ff9c00}
.btn { border-bottom:1px #bbd34a solid;border-top:1px #79834b solid; padding:4px 0;}
.btn:hover{ border-bottom-color:#79834b; font-weight:bold}

h2{ padding:3px 0; margin:0}

.w-100{ width:100%}
.w-24{ width:24%}
.w-94{ width:94%} 

.w-1-2{ width:50%;}
.w-1-3{ width:33%}
.w-2-3{ width:66%}
.w-1-4{ width:25%}
.w-2-4{ width:49%/*in case !!!*/}
.w-3-4{ width:75%}
.w-1-5{ width:20%}
.w-2-5{ width:40%}
.w-3-5{ width:60%}
.w-4-5{ width:80%}

.w-ipt{ width:380px;}

.tleft{ text-align:left}
.tright{ text-align:right }
.tcenter{ text-align:center}

.wrapper{width:845px; margin:0 auto; }
#header{ height:110px;width:875px; margin:0 auto; /*overflow:hidden  ;sub menu ISSUE*/}



#login{ background:url(../images/login-bg.png) top right no-repeat; float:right; height:32px; width:235px; text-align:right; color:#FFF;
padding-right:10px;}



#menu{ height:30px; z-index:30 }
#menu ul{ margin:0; padding:0; font-size:14px ; }
#menu ul li{ float:left; list-style:none; margin:0; padding:0; height:30px; position:relative;z-index:30 ;}
#menu ul li a{vertical-align:baseline; outline:none; position:relative; padding:0 14px;line-height:30px; float:left;color:#FFF; white-space:nowrap; z-index:30;}
#menu ul li a span{ position:relative; top:0; left:1; white-space:nowrap ; z-index:29}
#menu ul li a span.sdw{ position:absolute; top:1px; left:15px; display:block; color:#000; white-space:nowrap ; z-index:28}
#menu ul li.selected a,#menu ul li a:hover{ color:#ff9c00 ;}

#menu ul ul{ display:none ; position:absolute; z-index:30; left:0; padding:0; margin:0; top:100% ; font-size:12px}
#menu ul ul li{  display:block; padding:1px 10px; margin:0; float:none !important ;  background-image: url(../images/pixel.png) ; width:150px ; height:20px; line-height:20px;}
#menu ul ul li.last{background:none; height:7px; padding:0; margin:0; width:100%}
#menu ul ul li a{ padding:0; margin:0; float:none !important;}
#menu ul ul li a:hover{ color:#FFF}
#menu ul li:hover ul{ display:block ;}


#banner{  height:350px; position:absolute; width:100%; left:0; z-index:2 ; overflow:hidden}
.b1{ background:url(../images/img-02.jpg) top center;}
.b2{ background:url(../images/img-01.jpg) top center;}
.b3{ background:url(../images/img-03.jpg) top center;}
.b4{ background:url(../images/img-04.jpg) top center;}


.right-list a{ display:block; color:#FFF ; padding:4px 13px; }
.right-list a:hover,.right-list a.selected{ color:#bbd34a; background:url(../images/pixel.png) ;font-weight:bold}


#content{min-height:350px; width:845px; margin:0 auto; position:relative; top:310px; z-index:7}


.ico{ height:20px;width:20px;background:url(../images/ico.png) top left no-repeat;  float:left; margin:0 7px;}
.ico:hover{ background-position:0 100%;}
.ico-2{ background-position:100% 0}
.ico-2:hover{ background-position:100% 100%}


.tab{ background:url(../images/tab-l.png) top left no-repeat; height:31px; }
.tab h3{  padding:5px 0 0 0; font-size:17px  ; margin:0}
.tab-r{ background:url(../images/tab-r.png) top right no-repeat; height:31px;}
.tab-r h3{ text-align:right ;padding:5px 0 0 0; font-size:17px  ; margin:0}
.tab-r .ico{ float:right}
.tab-big{ background:url(../images/tab-l-big.png) top left no-repeat;}

.m-top{ margin-top:29px;}
.m-left{ margin-left:15px;}

#lineage a{ color:#FFF }
#lineage span{ color:#bbd34a; padding:0 10px;}

.box-l{ height:5px; background:url(../images/pixel.png); margin-right:5px;}
.box-r{ height:5px; background:url(../images/pixel.png); margin-left:5px;}
.box-c{height:5px; background:url(../images/pixel.png); margin:0 5px;display:block;font-size:1px; line-height:1px}
.box-cont{ background:url(../images/pixel.png); padding:13px; min-height:200px; }

.corner{ height:5px; width:5px; display:block; font-size:1px; line-height:1px}
.tr{ background:url(../images/round.png) top right; float:right; display:block;}
.tl{ background:url(../images/round.png) top left; float:left; display:block;}
.br{ background:url(../images/round.png) bottom right; float:right; display:block;}
.bl{ background:url(../images/round.png) bottom left; float:left; display:block;}



#home-event-cont{height:143px; overflow:hidden; position:relative}
#home-event-text{height:37px; background:#333; padding:10px;}


.tbl{ border-collapse:collapse; margin:0 auto}
.tbl th{ padding:3px 3px 10px; text-align:center; width:25%}
.tbl td{ padding:5px 3px; border:#fff 1px solid; text-align:center }
.tbl tr:hover td{ background:#286195}
.tbl .t td{ border-top:0; }
.tbl .b td{ border-bottom:0;}
.tbl .l{ border-left:0}
.tbl .r{ border-right:0}

.sqr{ height:12px; width:44px; margin:0 auto}
.sqrtxt{ display:block ; width:140px; text-align:center; padding:5px 0; margin:1px; color:#333; font-weight:bold; float:left}

.sgray{ background:#a0a0a0;}
.syellow{ background:#feff68}
.sblue{ background:#6888ff}
.sred{ background:#ff6868}



.inf-content{}
.inf-content strong{ margin:0 7px 0 0; color:#bbd34a}

.mariage-menu .selected{ color:#FFF; text-decoration:underline}

.news-list{ padding:0; margin:0 10px;}
.news-list li{ list-style:none; margin:0; height:25px;}
.news-list li a{ color:#FFF}
.news-list li:hover a{ font-weight:bold; color:#ff9c00}

.news-list span{padding:4px 2px ; border-bottom:#FFF 1px solid; display:block; margin-right:100px; }
.news-list .date{ float:right; margin:0}


.hline{ background:url(../images/hline.png) center no-repeat; height:4px; width:772px; margin:5px auto 10px; clear:both}

#footer{ width:845px; margin:40px auto 0px; padding-bottom:20px; color:#003d7c}
#footer ul { margin:0;padding-left:40px;}
#footer strong{ padding:3px 0px 5px; display:block}
#footer ol{ float:left; margin-left:7px; padding-left:40px; }
#footer li{ list-style:none;border-left:#003d7c 2px solid; padding-left:7px; }
#footer a {color:#003d7c}

label{ display:block; padding:6px 0 4px; clear:both }
input,textarea{ background:#365E83; border:#6f8483 1px solid; color:#bad24b; font-family:Verdana, Geneva, sans-serif;}
input[type='submit']{ color:#bad24b}