/* designed by bamboo,genesisad.cn */

body{ font-size:12px; color:#333; background:#000; font-family:Verdana, Arial, Helvetica, sans-serif; margin:0; padding:0}
img{border:0;}

#Mainbox{ width:750px; margin:auto; padding:0 5px;}
#BodyBg{ width:750px; background:#fff; padding:0 5px; float:left}
#TopLogin{ width:100%; height:43px; background:url(../images/login_bg.gif) repeat-x; float:left}
.forminput{height:16px!important; height:18px; line-height:18px; border:1px solid #A9BAC9;background:url(../images/input_bg.gif) no-repeat #fff;padding:1px 3px 1px 3px!important; padding:0 3px; font-size:12px; _background-attachment:fixed; font-size:12px; margin-bottom:8px; float:left;margin-top:6px!important; margin-top:7px;}
#TopLogin span{ float:left; margin:10px 5px 0 10px;}
.Sub{float:left;margin:5px 5px 0 5px!important; margin:5px 5px 0 5px; padding:0;}
#TopLogin a{ color:#333; text-decoration:underline}
#TopLogin a:hover{ color:#ff4100; text-decoration:none}
#Language{ float:left}
#Language ul{ list-style:none; float:right; margin:6px 5px 0 0px;}
#Language ul li{ float:left; margin-left:7px;}
#LoginForm{ float:left}


#Topabout{ width:100%; float:left; margin-top:10px; background:#fff;}
#Content{ width:505px; float:left; line-height:150%;}
#Loginseciton{ float:right; margin-right:5px;}

#container {width: 750px;padding: 15px 0 0 0;margin: 3px 0 20px 0;background: #F1F1F1;border-bottom: 1px solid #D2D2D2;}

/* pyramid */

#navPyra {margin: 0;padding: 0 0 0px 10px;}

#navPyra li {margin: 0;padding: 0;display: inline;list-style-type: none; float:left}

#navPyra a:link, #navPyra a:visited {float: left;font-size: 12px;line-height: 14px;font-weight: bold;padding: 0 20px 6px 20px;text-decoration: none;color: #333;}

#navPyra a:link.active, #navPyra a:visited.active, #navPyra a:hover {color: #ff4a00;background: url(../images/pyramid.gif) no-repeat bottom center;}

#innerabout #about a{color: #ff4a00;background: url(../images/pyramid.gif) no-repeat bottom center;}
#innerevent #event a{color: #ff4a00;background: url(../images/pyramid.gif) no-repeat bottom center;}
#innernotes #notes a{color: #ff4a00;background: url(../images/pyramid.gif) no-repeat bottom center;}

#Eventbox{ width:750px; float:left;}
#EventImg{ float:left;}
#EventImg img{ border:5px solid #EDEDED}

#EventContent{ width:470px; float:right}
h2#Topone{ color:#390; font-size:20px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; float:left; line-height:200%}
#EventContent h3{ color:#390; font-size:25px; font-weight:bold;}
#EventContent p{ line-height:150%}
#Btns{ width:470px; text-align:center; margin-top:20px;}
#Btns img{ margin-right:30px}

#Middlebox{ width:750px; float:left; margin-top:15px;}
#Mainleft{ float:left; width:243px;}
#Eventlist{ width:243px; padding:5px; background:#ECECEC; float:left}

#HeadNewsSort{ width:243px;}
.menuA{ height:22px; width:243px; border-bottom:1px solid #778}
.menuA ul{ margin:0; padding:0}
.menuA li{float:left; list-style:none; margin-right:2px}
.menuA .active{ background:#fff; border:1px solid #778; border-bottom:none; width:80px; padding:6px 0 2px;cursor:pointer; text-align:center}
.menuA .normal{background:#ECECEC; border:1px solid #778; border-bottom:none;width:80px; padding:6px 0 2px;cursor:pointer; text-align:center}
.menuA .over{ background:#fff; border:1px solid #778; border-bottom:none; width:80px; padding:6px 0 2px;cursor:pointer; text-align:center}
.menuA li a{ color:#039; text-decoration:none}
.menuA li a:hover{ color:#C0000A; text-decoration:underline}
.eventmain{ width:233px; background:#fff; padding:5px; float:left}
.eventmain h2{ color:#ff4a00; font-weight:bold; font-size:11px; float:left; width:233px; margin-top:10px;}
.eventmain p{ float:left; line-height:120%; margin-top:5px; width:233px; word-break:break-all;}
.eventmain p span{ color:#ff4a00}
.eventmain a{ color:#ff4a00; text-decoration:none}
.eventmain a:hover{ color:#333; text-decoration:underline}

#VoteBox{ width:243px; padding:5px; float:left; background:#ECECEC; margin-top:10px;}
#VoteBox h2{float:left; font-size:12px; font-weight:bold; margin:0 0 5px 0;}
#Votemain{ width:223px; background:#fff; padding:10px;}
#Votemain h2{ color:#FF4100;}
#Votemain ul{ float:left; list-style:none; margin:10px 0}
#Votemain ul li{ margin-top:5px; width:223px;}
#Votebtn{ float:left; padding:1px 8px; font-size:12px;}
#Votemain span{ float:left; margin:4px 0 0 10px;}
#Votemain span a{ color:#ff4100; text-decoration:none}
#Votemain span a:hover{ color:#f00; text-decoration:underline}


#Notelist{ width:480px; float:right}
#Notelistitle{ width:480px; height:22px; background:#ECECEC}
#Notelistitle h2{ float:left; font-size:12px; font-weight:bold; margin:4px 0 0 5px;}
#Notelistitle h2 a{ color:#000; text-decoration:none}
#Notelistitle h2 a:hover{ color:#FF4100; text-decoration:underline}
#Notelistitle span{ float:right; font-size:11px; margin:3px 5px 0 0}
#Notelistitle span a{ color:#000; text-decoration:underline;}
#Notelistitle span a:hover{ color:#ff4100; text-decoration:none}

.Noteone{ width:480px; border-bottom:1px dashed #ccc; padding:0 0 5px 0; float:left}
.Noteone a{ color:#333; background:#fff; text-decoration:none;background:url(../images/notedot.gif) no-repeat 0 50%; padding-left:10px;}
.Noteone a:hover{ color:#fff; background:#ff4100; text-decoration:underline}
.Noteone h2{ color:#ff4100; font-weight:bold; font-size:12px; float:left; width:450px; margin-top:12px }
.Noteone h2 span{ color:#ccc; font-size:11px; font-weight:normal; margin-left:10px;}
.Noteone p{ float:left; margin:5px 0 0 6px;line-height:150%; width:440px; font-size:12px;}

#Eventhistory{width:470px; float:right; background:#ECECEC; margin-top:20px; padding:5px;}
#historytitle{width:460px; float:left; height:22px;}
#historytitle h2{ font-size:12px; font-weight:bold; float:left;margin:0 2px;}
#historytitle h2 a{ color:#000; text-decoration:none}
#historytitle h2 a:hover{ color:#FF4100; text-decoration:underline}
#historytitle span{ float:right; font-size:11px;}
#historytitle span a{ color:#000; text-decoration:underline}
#historytitle span a:hover{ color:#FF4100; text-decoration:none}
#Historylist{width:470px; background:#fff;}
#Historylist ul{ float:left; margin:10px 0 0 0; padding:0}
#Historylist ul li{ float:left; width:230px; text-align:center; list-style:none; line-height:200%!important; line-height:30px; font-weight:bold}
#Historylist ul li a{ color:#333; text-decoration:none}
#Historylist ul li a:hover{ color:#ff4100; text-decoration:underline}


#Foot{ width:750px; float:left; text-align:right; font-size:11px; line-height:200%; margin:10px 0}
#Foot a{ color:#ccc; text-decoration:underline}
#Foot a:hover{ color:#ff4100; text-decoration:none}

#AboutCection{ width:750px; float:left; margin-bottom:10px;}
#innerlogo{ float:left;}
#innerlogo img { margin:15px 0}
#LogoRight{ width:450px; float:right}
#Logofont{ width:300px; float:right; line-height:150%; margin:35px 0 0 0}
#Flower{ width:100px; float:right; margin:10px 0 0 10px;}

#AboutMain{ width:730px; padding:10px; float:left}
#AboutMain h2{ color:#FF4100}
#AboutMain p{ text-indent:2em; line-height:150%}

#EventBox{ width:750px; float:left}
#Eventleft{ width:255px; float:left}

.evnetone{ width:255px; float:left; margin-bottom:20px;}
.evnetone img { border:5px solid #ECECEC}
.evnetone h2{ font-size:12px; font-weight:bold; color:#FF4100; float:left; width:255px; margin:5px 0}
.evnetone ul{ list-style:none; margin:0; padding:0; line-height:150%; float:left}
.evnetone ul li{ width:255px;}
.evnetone input{ font-size:11px; font-weight:bold; padding:0 8px; margin:10px 0 0 70px; float:left}
#EventMain{ width:485px; float:left; margin-left:10px;}

.envetnlistone { padding-bottom:8px!important; padding-bottom:10px; margin-bottom:15px; float:left}
.envetnlistone img{ float:left; border:3px solid #ECECEC}
.listmain{ float:left; margin-left:10px;}
.listmain h2{ font-size:12px;  font-weight:bold; float:left; width:315px; margin-top:0px!important;}
.listmain h2 a{color:#FF4100; text-decoration:none}
.listmain h2 a:hover{ color:#333; text-decoration:underline}
.listmain p{ width:315px; line-height:150%; float:left; margin-top:0!important; margin-top:10px;}

#Page{ width:485px; float:left; text-align:center}
#Page span{ font-size:16px; font-weight:bold; color:#FF4100; margin:0 5px;}
#Page a{ color:#000; text-decoration:underline; margin:0 3px}
#Page a:hover{ color:#ff4100; text-decoration:none; margin:0 3px}

#Eventdetail{ width:462px; float:left; background:url(../images/eventdetail_bg.jpg) no-repeat top left; padding:15px;}
#Eventdetail p{ line-height:150%; text-align:justify}
#Eventdetail img{ margin:auto}
#Eventtitle h2{ background:url(../images/detaildot.gif) no-repeat 0 50%; font-size:18px; font-weight:bold; color:#ff4100; padding-left:20px;}
#DetailTitle{ width:460px; border:1px solid #FFD28B; background:#FFF9E6; height:25px; margin:10px 0 20px 0;}
#DetailTitle h2{ font-size:12px; color:#333; font-weight:bold; float:left; background:url(../images/detaildot2.gif) no-repeat 5px 0px; margin:5px 0 0 0; padding-left:25px;}
#More{ width:462px; float:left; text-align:right; font-weight:bold}
#More a{ color:#FF4100; text-decoration:none}
#More a:hover{ color:#f00; text-decoration:underline}


#EventRight{ width:240px; float:right}
.rightbox{ border:1px solid #ddd; padding:1px; background:#F6F6F6 url(../images/detail_right_bg.gif) repeat-x top left; margin-bottom:20px; float:left}
.rightbox h2{ font-size:12px; color:#FF4100; font-weight:bold; float:left; width:220px; margin:8px 5px; padding-bottom:8px; border-bottom:1px solid #ddd}
.rightbox ul{ list-style:none; padding:0; width:220px; margin:5px 0 15px 8px}
.rightbox ul li{ line-height:180%; width:220px; float:left;}
.rightbox input{font-size:11px; font-weight:bold;padding:0 15px!important; padding:0 8px; margin:10px 0 10px 70px!important; margin:0 0 10px 70px;}


ul#Joinerlist li{ background:url(../images/arrow.gif) no-repeat 0 50%; padding-left:13px;font-weight:bold; line-height:200%}

#Notesmain{ width:462px; float:left;}
.notesingle{ width:462px;background:url(../images/eventdetail_bg.jpg) no-repeat top left; padding:2px 15px!important; padding:15px; float:left}
.notesingle h2{background:url(../images/detaildot.gif) no-repeat 0 50%; font-size:14px; font-weight:bold; color:#ff4100; padding-left:20px; float:left; width:422px;}
.notesingle p{ float:left; line-height:150%; text-indent:2em; width:462px}
.author{ width:460px; border:1px solid #FFD28B; background:#FFF9E6; height:25px; margin:10px 0 20px 0; float:left; line-height:25px;}
.authorname{ float:left}
.authorname span{ font-weight:bold; color:#ff4100; margin-left:10px;}
.detail{ float:right; margin-right:10px;}
.detail a{ color:#ff4100; font-weight:bold; text-decoration:underline}
.detail a:hover{ color:#f00; text-decoration:none; font-weight:bold}

#eventpiclist{ width:228px; float:left; text-align:center; font-weight:bold;}
#eventpiclist a{ color:#333; text-decoration:underline}
#eventpiclist a:hover{ color:#ff4100; text-decoration:none}
#eventpiclist td{ padding-bottom:10px; text-align:center; line-height:150%}

#notesdetail{ width:462px;background:url(../images/eventdetail_bg.jpg) no-repeat top left; padding:2px 15px!important; padding:15px; float:left}
#notesdetail h2{ font-size:14px; color:#FF4100; font-weight:bold; margin:auto; width:462px; text-align:center; float:left; margin:10px 0!important; margin:0}
#author{ width:462px; text-align:center; padding-bottom:10px; border-bottom:1px solid #ccc;}
#author span{ font-weight:bold; color:#FF4100; margin-left:20px;}
#notesdetail p{ text-indent:2em; line-height:180%; text-align:justify}

ul#Noteslist li{ background:url(../images/arrow.gif) no-repeat 0 9px; padding-left:13px; line-height:200%}
ul#Noteslist li a{ color:#333; text-decoration:none}
ul#Noteslist li a:hover{ color:#FF4100; text-decoration:underline}

#register{width:462px;background:url(../images/eventdetail_bg.jpg) no-repeat top left; padding:2px 15px!important; padding:15px; float:left}
#register h2{font-size:12px; color:#FF4100; font-weight:bold; margin:auto; text-align:justify; float:left; margin:10px 0!important; margin:0; line-height:200%}

.reginput{height:16px!important; height:18px; line-height:18px; border:1px solid #A9BAC9;background:url(../images/input_bg.gif) no-repeat #fff;padding:1px 3px 1px 3px!important; padding:0 3px; font-size:12px; _background-attachment:fixed; font-size:12px; margin-bottom:8px; float:left;margin-top:6px!important; margin-top:0;}
#table1{margin-top:20px!important; margin-top:40px;}
#register table td span{ float:left; color:#f00; margin:6px 0 0 5px;}
#register table td{padding:2px 5px!important; padding:8px 5px}
.year{ float:left; margin-right:10px;}

.stepbox{ width:462px; float:left; margin-top:30px;}
.stepbox h2{background:url(../images/detaildot.gif) no-repeat 0 50%; width:442px; padding-left:20px;}


