/*
author      : comfill@gmail.com
last modify : 10:32 2009-4-20
*/

/* Imported Styles   
----------------------------------------------- */
@import url("theme.css");
@import url("menu.css");


/*----------------- base -----------------*/
* { margin: 0; padding: 0; }
body{
	font:0.9em "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#333;
}

a {text-decoration:none;}
a:hover{ text-decoration:underline }
a img {border:none;}

h2 {font: 1.5em "微软雅黑", "Trebuchet MS"; }
h3 {font: bold 1.2em "Trebuchet MS"; }
h4 {font: bold 1.1em "Trebuchet MS", serif; }

ul, ol {list-style: none;}
blockquote, pre {padding: 0.25em 40px;}
blockquote {font: italic 1.05em Georgia, Times, serif; background: url(/pix/quote_wh.gif) 10px 0.75em no-repeat; margin: 0.25em 0;}
pre, code {font: 1.05em Courier, monospace;}
pre {line-height: 1.5em;}
pre strong {font-size: 1em; font-weight: bold;}
pre code {font-size: 1em; line-height: 1.5em;} /* handle legacy articles until markup gets a scrubbing */

input, select, textarea{ font:12px tahoma; }
input, textarea{ padding:2px; }

/*----------------- header -----------------*/
#header{
	position:relative;
	background:#fff url(i/header_bg.png) repeat center center;
}
#header h1{
	width:350px;
	height:57px;
	text-indent:-999em;
	overflow:hidden;
	background:url(i/csp_logo.png) no-repeat 20px center;
}
#top_nav{
	position:absolute;
	right:10px;
	top:10px;
	width:240px;
}
#top_nav a{ padding:3px 0 3px 25px; font:12px/2 tahoma; color:#405580; }
	#mail{ background:url(i/ico_mail.gif) no-repeat 0 center; }
	#message{ background:url(i/ico_message.gif) no-repeat 0 center; }
	#password{ background:url(i/ico_password.gif) no-repeat 0 center; }
	#help{ background:url(i/ico_help.gif) no-repeat 0 center; }

#notice{
	width:313px;
	height:34px;
	position:absolute;
	right:20px;
	top:50px;
	background:url(i/notice_bg.png) no-repeat 0 0;
}
#notice marquee{ margin:0 10px; }
#notice p{ font:12px/25px tahoma; }

/*----------------- menu -----------------*/
#menu{
	margin-right:8px;
	background:#e4eef7 url(i/menu_body_bg.png) repeat-y right 0;
}

#content{
	width:850px;
	overflow-x:hidden;
	overflow-y:auto;
}
#view{
	overflow-x:hidden;
	overflow-y:auto;
}


/*----------------- Nav Menu -----------------*/
#nav{ height:38px; padding:0 0 0 100px; background:url(i/nav_bg.png) repeat-x 0 100%; }
#nav li{ float:left; width:105px; }
#nav a{ float:left; width:99px; height:33px;  overflow:hidden;font-size:18px;line-height:33px;margin-bottom:1px; text-align:center;  text-indent:-999em;}
#nav a.on{ background-color:blue;color:#fff;}

	#nav #CSP_HYY a.on{ background:url(i/nav.png) no-repeat 0 0; }
	#nav #CSP_ZHGL a.on{ background:url(i/nav.png) no-repeat -99px 0; }
	#nav #CSP_GGKJ a.on{ background:url(i/nav.png) no-repeat -198px 0; }
	#nav #CSP_JJKJ a.on{ background:url(i/nav.png) no-repeat -297px 0; }
	#nav #CSP_ZXZX a.on{ background:url(i/nav.png) no-repeat -396px 0; }
	#nav #CSP_YWGT a.on{ background:url(i/nav.png) no-repeat -495px 0; }
	#nav #CSP_ZXFW a.on{ background:url(i/nav.png) no-repeat -594px 0; }
	#nav #CSP_YHZX a.on{ background:url(i/nav.png) no-repeat -693px 0; }

	#nav #CSP_HYY a{ background:url(i/nav.png) no-repeat 0  -33px; }
	#nav #CSP_ZHGL a{ background:url(i/nav.png) no-repeat -99px -33px; }
	#nav #CSP_GGKJ a{ background:url(i/nav.png) no-repeat -198px -33px; }
	#nav #CSP_JJKJ a{ background:url(i/nav.png) no-repeat -297px -33px; }
	#nav #CSP_ZXZX a{ background:url(i/nav.png) no-repeat -396px -33px; }
	#nav #CSP_YWGT a{ background:url(i/nav.png) no-repeat -495px -33px; }
	#nav #CSP_ZXFW a{ background:url(i/nav.png) no-repeat -594px -33px; }
	#nav #CSP_YHZX a{ background:url(i/nav.png) no-repeat -693px -33px; }