@charset "utf-8";
/* CSS Document */

*{ margin:0px auto;}
ul,a{ list-style:none}
body {text-align: center; background-color:#F5F9FA}

#header{height:75px; width:960px; margin-top:5px; margin-left:auto; margin-right:auto}
#logo{height:75px; width:100px; display:block; float:left;}
#header_center{height:75px; width:610px; text-align: right;  display:block; float:left;}
#header_right{
	height:75px;
	width:249px;
	display:block;
	float:left
}
#banner{ height:20px; width:auto; background:url(../images/banner_bg.jpg) repeat-x top center;}
#firstpage{ height:20px; width:800px; background:url(../images/banner_bg.jpg) repeat-x top center; margin-left:auto; margin-right:auto; text-align:left}
#firstpage p{ line-height:20px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:14px}
#firstpage p a{ text-decoration:none; color:#CCCCCC}
#firstpage p a:hover{ color:#FFFFFF}



#content{width:960px; height:auto; margin-left:auto; margin-right:auto}

#content_left{width:600px; height:auto; margin-top:6px; margin-right:15px; display:block; float:left}
#content_left_top{ height:86px; width:600px; background:url(../images/content_left_top_bg.jpg) repeat-x; vertical-align:middle; text-align:left;line-height:25px; border-left:1px solid #f0e7e7}

#content_nav{width:600px; height:350px; margin-top:6px; background:url(../images/content_bg.jpg) repeat-x; text-align:left; border:1 solid #ecebeb}
#content_nav h2{font-size:22px; font-weight:bold; margin-left:10px; margin-top:5px; color:#535353;}
#content_nav p{ font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:23px;}
#GG{ width:336px; height:280px; padding:3px 6px; margin-top:2px; margin-left:5px; margin-right:6px; background:#FFFFFF; float:left}

#introduce_title{ width:600px; height:30px; margin-top:8px; background:url(../images/problembar2_title_bg.jpg) repeat-y top center; border:1px solid #edecec}

#introduce{width:600px; height:130px; margin-top:5px; background-color:#f3f7fa; text-align:left;}
#introduce p{ font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:23px;}

#content_right{ width:340px; margin-top:6px; height:auto; float:right; display:block}
#separate{	width:330px;	height:8px;	background-color:#d5dee7;	border:1px solid #cdc4c4;}
#linkbar{width:325px;height:260px;text-align:left;background-color:#f6fefe;border:1px solid #b8b8b8;margin-top:8px;	padding-top:10px;padding-left:10px}

#linkbar_left{ width:150px; height:auto; display:block; float:left; text-align:left}
#linkbar_left ul li{ width:150px; height:30px}
#linkbar_left li a{ text-decoration:none; line-height:15px; color:#333333; font-family:Arial, Helvetica, sans-serif; font-size:12px}
#linkbar_left li a:hover{ text-decoration:underline; color:#3C4F60; font-family:Arial, Helvetica, sans-serif; font-size:12px}


#separate2{	width:330px;	height:8px;	background-color:#d5dee7;	border:1px solid #cdc4c4;	margin-top:8px;}

#saybar{	width:325px;	height:auto;	padding-left:5px;	padding-right:5px;	padding-top:5px;	background-color:#f6fefe;	border:1px solid #b8b8b8;	margin-top:8px}
#notes{	width:330px;	height:141px;	background:url(../images/notes.jpg) no-repeat center;	margin-top:10px}

#footer{ width:960px; height:40px; margin-top:20px; background:url(../images/footer_bg.jpg) repeat-x top center; margin-left:auto; margin-right:auto; padding-top:6px; vertical-align:middle }
#footer a{ text-decoration:none; color:#666666}
#footer a:hover{ text-decoration:underline; color:#000000}