body {
   margin: 0px auto;
   padding: 0;
   text-align: center;
   background: url("images/index_bg.jpg");
}
#container { 
	margin: 0px auto;
    padding: 0;
	text-align: left;
	width: 780px;
	background: url("images/body_frame.gif");
	background-image: url(images/body_frame.gif); 
	background-repeat: repeat-y;
}
#pl {
	margin: 0px auto;
	text-align: center;
	width: 780px;
	background:  url("images/body_frame.gif");
}
h1 {
   width: 780px;
   margin: 0;
   padding: 0;
   background:  url("images/body_frame.gif");
}
#container_left { 
    float: left;
	width:225px;
	margin: 0 0 0 5px;
	padding: 0;
	text-align: left;
}
#container_right { 
	margin: 0 3px 0 0;
	text-align: left;
	width: 535px;
	float: right;
	background-color: #ffffff;
}
#content {
	float: right;
	width: auto;
	max-width: 535px;
	margin: 0 8px 0 2px;
    padding: 15px 0 0 0;
	font: normal 13px/18px Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	background-color: #ffffff;
}
#content a:hover{
	font: normal 13px/18px Verdana, Arial, Helvetica, sans-serif;
	color: #FF0000;
	text-align: left; 
	border-bottom: 1px dotted #FF0000;
}
#content a:visited, #content a:link, #content a{
	font: normal 13px/18px Verdana, Arial, Helvetica, sans-serif;
	color:#003366;
	border-bottom: none; 
	text-decoration: none;
	text-align: left;
}
#content p { 
    text-indent:2em;
}
#content h3 { 
    font: normal 18px/24px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #FF3300;
	text-align: center;
}
#content h4 { 
	font: normal 16px/22px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #336699;
	text-align: left;
}
#content h5 { 
	font: normal 16px/22px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #9933FF;
	text-align: left;
}
.image {
	float: left;
	padding: 6px;
	background-color: #ffffff;
	border: 1px solid #bac1a3;
	width:200px; 
	height:150px; 
	margin: -45px 10px 0 10px; 
}
.image2 {
	padding: 6px;
	background-color: #ffffff;
	border: 1px solid #bac1a3;
	width:120px; 
	height:85px; 
}
.image3 {
	float: left;
	padding: 4px;
	background-color: #ffffff;
	border: 1px solid #bac1a3;
	width:70px; 
	height:70px; 
	margin:0; 
}
.image4 {
	padding: 6px;
	border: 1px solid #bac1a3;
	margin:0; 
}
/*index left*/

#note {
    clear:both;
    float: left;
	margin: 0px auto;
	text-align: left;
	font: normal 12px/50px Verdana, Arial, Helvetica, sans-serif;
	width: 220px;
	height: 217px;
	background:  url("images/note.jpg");
}
#note ul{   
	margin:62px 0 0 18px;
	text-align: left;
	font: normal 12px/25px Verdana, Arial, Helvetica, sans-serif;
	color: #336699;
	padding: 0; 	
	list-style-type: none;
}
#note li{ 
	height:26px;
	margin:0 0 0 20px;
}
#vote {
    clear:both;    
	float: left;
	margin: 0px auto;
	font: normal 12px/50px Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	width: 220px;
	height: 161px;
	background:  url("images/vote.jpg");
}
#login {
    clear:both;
	float: left;
	margin: 0px auto;
	text-align: left;
	width: 220px;
	height: 158px;
	background:  url("images/login1.jpg");
}
#game {
    clear:both;
	margin: 0px auto;
	text-align: left;
	width: 220px;
	height: 325px;
	background:  url("images/game.jpg");
}
#class {
	clear:both;
	text-align: left;
	width: 220px;
	height: 296px;
	background:  url("images/class.jpg");
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: auto;
	padding-bottom: 0px;
	padding-left: auto;
}
#search {
    clear:both;
    float: left;
	margin: 0px auto;
	text-align: left;
	width: 220px;
	height: 88px;
	background:  url("images/search.jpg");
}
#link {
    clear:both;
	margin: 0px auto;
	text-align: left;
	width: 220px;
	height: 105px;
	background:  url("images/link.jpg");
}
#theme {
    clear:both;
    float: left;
	margin: 0px auto;
	text-align: left;
	width: 220px;
	height: 205px;
	background:  url("images/theme.jpg");
}
#theme ul{   
	margin:62px 0 0 18px;
	text-align: left;
	font: normal 12px/25px Verdana, Arial, Helvetica, sans-serif;
	color: #336699;
	padding: 0; 	
	list-style-type: none;
}
#theme li{ 
	height:26px;
	margin:0 0 0 20px;
}
/*index right*/

#news { 
	width: 530px;
	height: 390px;
	margin: 0px auto;
	text-align: left;
	background:  url("images/news.jpg") ;
	background-repeat: no-repeat;
}
#news ul{
	margin:0 0 0 30px;
	text-align: left;
	font: normal 12px/18px Verdana, Arial, Helvetica, sans-serif;
	color: #336699;
 	padding: 0;
 	list-style-type: none;
	text-indent: 22px;
	letter-spacing: 1px;	
}
#news li{   
	height:26px;
	margin:0 0 0 0px;
}
#display { 
    clear:both;
	margin: 0px auto;
	text-align: left;
	width: 535px;
	height: 390px;
	background-repeat: no-repeat;
}
#display ul{
	margin:0 0 0 30px;
	text-align: left;
	font: normal 12px/18px Verdana, Arial, Helvetica, sans-serif;
	color: #336699;
 	padding: 0;
 	list-style-type: none;
	text-indent: 22px;
	letter-spacing: 1px;	
}
#display li{   
	height:26px;
	margin:0 0 0 0px;
}
#picnews_title{
	text-align: center;
	font: normal 24px/30px "??_GB2312", Arial, Helvetica, sans-serif;
	filter: DropShadow(Color=#EAEAEA, OffX=2, OffY=1, Positive=1); 
	font-weight:600;
	color: #cc0000;
 	padding: 0;
}
#picnews_content{ 
	margin:0 0 0 24px; 
	font: normal 12px/16px Verdana, Arial, Helvetica, sans-serif;
	filter: DropShadow(Color=#EAEAEA, OffX=2, OffY=1, Positive=1); 
	color: #cc0000;
 	padding: 0;
}
#baby {
    clear:left;
	margin: 0px auto;
	text-align: left;
	height: 360px;
	width: 267px;
	background: url("images/baby.jpg") ;
	background-repeat: no-repeat;
}
#baby ul{
	margin:5px 0 0 30px;
	text-align: left;
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	color: #336699;
 	padding: 0;
 	list-style-type: none;
	text-indent: 22px;
	letter-spacing: 1px;	
}
#baby li{   
	height:26px;
	margin:0 0 0 0px;
}
#teacher {
	margin: 0px auto;
	text-align: left;
	height: 360px;
	width: 267px;
	background:  url("images/teacher.jpg") ;
	background-repeat: no-repeat;
}
#teacher ul{
	margin:5px 0 0 30px;
	text-align: left;
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	color: #336699;
 	padding: 0;
 	list-style-type: none;
	text-indent: 22px;
	letter-spacing: 1px;	
}
#parent {
    clear:left;
	margin: 0px auto;
	text-align: left;
	width: 267px;
	height: 235px;
	background:  url("images/parent.jpg") ;
	background-repeat: no-repeat;
}
#parent ul{
	margin:50px 0 0 30px;
	text-align: left;
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	color: #336699;
 	padding: 0;
 	list-style-type: none;
	text-indent: 22px;
	letter-spacing: 1px;	
}
#download {
	margin: 0px auto;
	text-align: left;
	width: 267px;
	height: 235px;
	background:  url("images/download.jpg") ;
	background-repeat: no-repeat;
}
#download ul{
	margin:50px 0 0 30px;
	text-align: left;
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	color: #336699;
 	padding: 0;
 	list-style-type: none;
	text-indent: 22px;
	letter-spacing: 1px;	
}
#map {
	margin: 0px auto;
	text-align: left;
	width: 535px;
	height: 100px;
	/*background:  url("images/map.jpg") ;*/
	background-repeat: no-repeat;
}
#two_in_one {
    clear: right;
	margin:0 5px 0 0;
	padding:0;
	text-align: left;
	width: 535px;
	height: 235px;
	background-repeat: no-repeat;
}
.text{
	margin:0;
	text-align: left;
	font: normal 12px/16px Verdana, Arial, Helvetica, sans-serif;
	color: #336699;
}
.text a:hover {
	color: #336699;
	text-decoration: none;
	border-bottom: 1px dotted #336699;
}
.text a:visited {
	color: #336699;
	text-decoration: none;
	border-bottom: none;
}
.text a:link {
	color: #336699;
	text-decoration: none;
	filter: DropShadow(Color=#EAEAEA, OffX=2, OffY=1, Positive=1); 
	border-bottom: none;
}
.text a:active {
	color: #336699;
	text-decoration: none;
	filter: DropShadow(Color=#EAEAEA, OffX=2, OffY=1, Positive=1); 
	border-bottom: none;
}
.text ul{
	margin:0 0 0 30px;
	text-align: left;
	font: normal 12px/18px Verdana, Arial, Helvetica, sans-serif;
	filter: DropShadow(Color=#EAEAEA, OffX=2, OffY=1, Positive=1); 
	color: #336699;
 	padding: 0;
 	list-style-type: none;
	letter-spacing: 1px;	
}
.text li{   
	height:26px;
	margin:0 0 0 0px;
}
.text2 a:hover,.text2 a:active,.text2 a:link,.text2 a:visited {
	color: #336699;
	text-decoration: none;
	filter: DropShadow(Color=#EAEAEA, OffX=2, OffY=1, Positive=1); 
	border-bottom: none;
}
.text2 ul{
	margin:0 0 0 30px;
	text-align: left;
	font: normal 12px/18px Verdana, Arial, Helvetica, sans-serif;
	filter: DropShadow(Color=#EAEAEA, OffX=2, OffY=1, Positive=1); 
	color: #336699;
 	padding: 0; vertical-align:middle;
}
.title,.title a,.title a:hover, .title a:link, .title a:active, .title a:visited{
	font: normal 18px/24px Verdana, Arial, Helvetica, sans-serif;
	border-bottom: none; 
	color: #990000;
	font-weight: bold;   
	line-height: 24px;
	text-decoration: none; 	
}
.text_big{
	margin:0;
	font: normal 14px/24px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	text-indent:2em;
}

.title a:visited{
	font: normal 18px/24px Verdana, Arial, Helvetica, sans-serif;
	border-bottom: none; 
	color: #990000;
	font-weight: bold;   
	line-height: 24px;
	text-decoration: none; 	
}
#news_title{
	text-align: center;
	font:normal 24px/28px "??_GB2312";
	font-weight:bolder;
}
#news_content, #news_content p{
	margin:0;
	font: normal 14px/24px Verdana, Arial, Helvetica, sans-serif;
	color: #000000; 
	text-indent:2em;  
}
#footer {	
    clear: both;
	margin: 0px auto;
	position: relative;
	background:  url("images/footer.jpg"); 
	padding: 10px 0 0 0;
	width: 780px;
	height: 45px;
}
#footer h2 {
	margin: 0;
	text-align: center;
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	filter: DropShadow(Color=#EAEAEA, OffX=2, OffY=1, Positive=1); 
	color: #1F3C05;
}
#footer h2 a:visited, #footer h2 a:link {
	color: #1F3C05;
	border-bottom: none; 
	text-decoration: none;
	filter: DropShadow(Color=#EAEAEA, OffX=2, OffY=1, Positive=1); 
}

#footer h2 a:hover { 
	color: #1F3C05;
	text-decoration: none;
	filter: DropShadow(Color=#EAEAEA, OffX=2, OffY=1, Positive=1); 
	border-bottom: 1px dotted #1F3C05;
}.13 {
	font-size: 13px;
	font-weight: bold;
	color: #0080FF;
	text-decoration: none;
}
.green {
	color: #99CC00;
}
.red {
	font-weight: bold;
	color: #FF0000;
}