body{ 
font-size:13px;color:#666; 
background: #fff;
font: normal 'Lucida sans', Verdana, Arial, Helvetica, Sans-Serif; 
}

*{ padding:0; margin:0;}
img{ border:0}
.right,.fr{float:right}
.left,.fl{float:left}
ul li{ list-style:none}
.clear{ clear:both; height:0; font:0/0 Arial;}
.header,.main,.footer{ width:950px; height:auto; margin:auto; } 
h2{ margin:0 1px; background:url(images/area-2-h2-bg.png) repeat-x; height:26px; overflow:hidden;font:bold 13px/23px Trebuchet Ms;padding:.2em .6em 0}



#content { width: 950px; margin: 15px auto; }
#logo { float: left;  height: 58px; width: 330px; }
#logo h1 { margin: 0; display: inline;  color: #006699; font-size:26px; padding: 12px  15px; }

#menu { float: right;  width: 610px; padding: 5px 0; margin: 19px 0 5px; border-bottom: 2px solid #006699; }
#menu li { font-size: 1.1em; display: inline; }
#menu li a { padding: 17px 15px 0 10px; margin: 5px 0 0; background: #fff url(images/menuarrow.jpg) no-repeat 10px 5px; color: #808080; border-right: 1px solid #006699; }
#menu li a:hover {  color: #000; border-right: 1px solid #993300; }

#topbar { clear: both; background:  url(images/gt.jpg) repeat-x; color: #333; height: 25px; padding: 3px 0 0 20px; margin-bottom: 5px;}
	#topbar h1 { margin: 0; background: #666666 url(images/h1bg.jpg) repeat-x bottom; display: inline;  color: #7DD0F1; padding: 2px 5px; }
	#topbar p { margin: 0; color: #808080; font-weight: bold; font-size: .9em; }
	#topbar li { font-size: 1.2em; font-weight: bold; display: inline; }
	#topbar li a { color: #fff; padding: 5px 3px 0 10px;}
    #topbar li a:hover { color: #ffff00; text-decoration: underline;}
	
	
.image { float: left; border: 1px solid #e2e2e2; padding: 2px; margin: 0 15px 10px 0; }

/*Post Stuff*/
h2.posttitle {
	margin:0.25em 0;
	padding:0;
	font-size:2em;
	background-color:inherit;
	color:#ffffff;

	}	
p.postmeta {
	margin:0;
	padding:3px;
	font-size:0.90em;
	
	background-color:inherit;
	color:#005E5E;
	text-align:left;
	}
span.postdate {
	padding:3px 20px 3px 3px;
	background-image:url(images/date.gif);
	background-position:right;
	background-repeat:no-repeat;
	}
span.postauthor {
	padding:3px 20px 3px 3px;
	background-image:url(images/user.gif);
	background-position:right;
	background-repeat:no-repeat;
	}
span.postcategory {
	padding:3px 20px 3px 3px;
	background-image:url(images/category.gif);
	background-position:right;
	background-repeat:no-repeat;
	}
span.postcomments {
	padding:3px 20px 3px 3px;
	background-image:url(images/comments.gif);
	background-position:right;
	background-repeat:no-repeat;
	}


#searchform {
    float:right;
	background: #007CB9;
	color: #FFFFFF;
	padding: 1px 10px 3px 3px;
	margin: 0px;
	border-bottom: 0;
}

input.text { margin: 0; padding: 0; width: 128px; border: 1px solid #eee; color: #000000; background: #d8d8d8; }
input.text:hover { border: 1px solid #FFFFFF; background: #EEEEEE; color: #000000; }
input.button { margin: 0; padding: 0 0 0 3px; font-size: 95%; font-family: Arial, Sans-Serif; border: 1px solid #fff; background: none; color: #FFF; background: #007CB9; font-weight: bold; }





.area-1,.area-1-top,.area-1-bot { width:728px; float:left; overflow:hidden; height:auto}
.top-left-box{ margin-left:2px; width:270px; padding-top:2px; text-align:center}
.top-left-box div.img{ width:270px; height:255px;margin:auto; background:#fff; padding:3px}
.top-left-box img{ border:0;}
.top-left-box h3{ font:bold 12px Arial; margin: 1em auto; text-align:center }
.top-left-box .text { text-align:left; text-indent:2em; padding:0 1em}
.area-1-left{ width:728px; float:left;}

.area-1-left .right{ float:right;width:438px;}
.area-1-left .left{ float:left; width:279px; overflow:hidden}



/*area-2*/
.area-2-wrap{ width:728px; float:left; overflow:hidden; margin-top:8px}
.area-2,.area-2-bot-m,.area-2-bot { float:left; width:280px; overflow:hidden;}
.box1 { float:left; width:280px; padding:0}

.footer{ text-align:center; padding:1.5em 0 4em; font:12px Tahoma}

/*area-2a*/
.area-2a { width:428px; float:right; overflow:hidden; margin-top:0px}
.area-2a,.area-2a-bot-m,.area-2a-bot { width:438px; float:right; overflow:hidden; margin-top:0px}
.box2 { float:right; width:438px;padding:0;}

/*area-2b*/
.area-2b-wrap{ width:222px; float:right; overflow:hidden; margin-top:7px}
.area-2b { width:212px; float:right; overflow:hidden}
.area-2b,.area-2b-bot-m,.area-2b-bot { float:right;}
.box3 { float:right; width:212px;padding:0;}

/*area-3*/
.area-3,.area-3-bot{ width:950px; float:left; height:auto}
.thread-content { width:686px;}
.thread-side { width:260px}
.thread-content .side { width:190px;}
.thread-content .content { width:490px;padding:0 1px}
.thread-side  .list,.thread-content .side .list{ margin:1.5em 0}
.thread-content .side .list a { color:#999}
.box3a { float:left; width:190px;padding:0;}
.box3b { float:right; width:260px;padding:0;}
/*area-4*/
.area-4,.area-4-bot{ float:left; width:950px; margin-top:1em}
.area-4 .read-content{ width:628px; padding:0 1px; overflow:hidden}
.area-4 .sidebar{ width: 310px;}
.sidebar .list { margin:1em .2em 1em .2em}
.box4 { float:right; width:310px;padding:0;}
.box4a { float:right; width:621px;padding:0;}
#footerlink { text-align:center;margin:1em 0; padding: .5em; background:url(images/gt.jpg); border:#8CACBB 1px solid}
#footerlink a { color: #fff; }
#footerlink a:hover { color: #ffff00; text-decoration: underline;}
#footerlink li{ display:inline; padding:.2em 1em}


blockquote{font:11px Trebuchet;font-weight:bold;color:#81888c;border:0;padding-left:5px;margin:0 0 1%}
/* CSS Document */

a{text-decoration:none; color:#004E9B}
a:hover{ text-decoration:underline; color:#CC6600}

.pic a img{ border: 1px solid #B2B2B2;padding: 3px;}
.pic1 a img{ border: 1px solid #B2B2B2;padding: 3px;}
.pic a:hover img{ border:1px solid #000}
.pic1 a:hover img{ border:1px solid #000}
.gray,ol.gray a,ul.note li a{ color:#999999}
.green,ol.gray a:hover{ color:#1F3A87}


.intro{margin:1em; border:1px solid #ccc; padding:.5em}


.area-1 { background:url(images/area-1-mid.png) left repeat-y}
.area-1-top { background:url(images/area-1-top.png) left top no-repeat ; padding-top:7px}
.area-1-bot { background:url(images/area-1-bot.png) left bottom no-repeat; padding-bottom:12px}
.area-1-left .right h2 { margin:1px 1px; padding:0.3em 1em 0; background:url(images/no.png) repeat-x; font:bold 14px/1.9em Tahoma; color:#147997; height:2.2em}
.area-1-left #text{ padding:0 .8em 1.4em; line-height:normal; }
* html #text{ padding:0 .8em .1em; line-height:normal; }

.area-1-right h3{ height:24px;padding-left:1em; font:bold 12px/2em Tahoma; color:#1F3A87;}
.area-1-right .left h2{ font:bold 14px/1.2em Arial; padding:.4em .4em 0 .6em;}



/*area-2*/
.area-2 { background:url(images/area-2-mid.png) left repeat-y}
.area-2-bot-m { background:url(images/area-2-bot-m.png) left bottom no-repeat}
.area-2-bot { background:url(images/area-2-bot.png) left bottom no-repeat}
.box1 h2{ margin:0 1px; background:url(images/area-2-h2-bg.png) repeat-x; height:26px; overflow:hidden;font:bold 14px/23px Verdana;padding:.2em .6em 0}

div.pic{ width:136px; padding:.7em .7em .7em .7em; text-align:center; margin-right: auto; margin-left: auto;}


.area-2 .list { padding:1em .5em}
.area-2 .list li{ padding: .1em .5em .4em 1.6em ; }

/*area-2a*/
.area-2a { background:url(images/area-2a-mid.png) right repeat-y}
.area-2a-bot-m { background:url(images/area-2a-bot-m.png) right bottom no-repeat}
.area-2a-bot { background:url(images/area-2a-bot.png) right bottom no-repeat}
.box2 h2{ margin:0 1px; background:url(images/area-2-h2-bg.png) repeat-x; height:26px; overflow:hidden;font:bold 14px/23px Verdana;padding:.2em .6em 0}

#text{ padding:0 .4em .8em 0.7em; line-height:normal; text-align:justify; margin:5px auto; }
* html #text{ padding:0 .4em .8em .2em; line-height:normal; }
.area-2a .list { padding:1em .5em}
.area-2a .list li{ padding: .1em .5em .4em 1.6em ; }

/*area-2b*/
.area-2b { background:url(images/area-2b-mid.png) right repeat-y}
.area-2b-bot-m { background:url(images/area-2b-bot-m.png) right bottom no-repeat}
.area-2b-bot { background:url(images/area-2b-bot.png) right bottom  no-repeat}
.box3 h2{ margin:0 1px; background:url(images/top-hd.jpg) repeat-x; height:26px; overflow:hidden;font:bold 14px/23px Verdana;padding:.2em .6em 0}



/*area-3*/
.area-3 { background:url(images/area-3-mid.png) left repeat-y; margin-top:1em }
.area-3-bot {background:url(images/area-3-bot.png) left bottom no-repeat;padding:0 0 3em 0; margin:0 }
.area-3 .postion { margin:0 1px; background:url(images/area-2-h2-bg.png) repeat-x; height:26px}
.box3a h2{ margin:0 1px; background:url(images/sidebarbg.png) repeat-x; height:26px; overflow:hidden;font:bold 14px/23px Verdana;padding:.2em .6em 0}
.box3b h2{ margin:0 1px; background:url(images/sidebarbg.png) repeat-x; height:26px; overflow:hidden;font:bold 14px/23px Verdana;padding:.2em .6em 0}


/*area-4*/
.area-4 { background:url(images/area-4-mid.png) left repeat-y; }
.area-4-bot {background:url(images/area-4-bot.png) left bottom no-repeat;padding:0 0 3em 0; margin:0 }
.box4 h2{ margin:0 1px; background:url(images/sidebarbg.png) repeat-x; height:26px; overflow:hidden;font:bold 14px/23px Verdana;padding:.2em .6em 0}
.box4a { margin:0 1px; background:url(images/area-2-h2-bg.png) repeat-x; height:26px}
.postion { font:12px/1em Simsun; padding: .6em 0 .4em 0.5em; }

h1{ font:22px Arial,simhei; text-align:center; padding:.5em 0; color:#1F3A87 }
.dd{ border-bottom:1px solid #eaeafa; color:#999; padding:.2em; text-align:center}