/* css document */
body {
	padding-right: 0px; padding-left: 0px; font-size: 12px; padding-bottom: 0px; margin: 0px; color: #000; line-height: 150%; padding-top: 0px
}

body {
	background: url(../images/7688173.gif) #bcd1e4 repeat-x 50% top
}
img {
	border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px
}

a:link {
	color: #3b78af; text-decoration: none
}
a:visited {
	color: #3b78af; text-decoration: none
}
a:hover {
	color: #00214e; text-decoration: underline
}
a:active {
	color: #3b78af; text-decoration: underline
}
a.b0:link {
	color: #000; text-decoration: none
}
a.b0:visited {
	color: #000; text-decoration: none
}
a.b0:hover {
	color: red; text-decoration: underline
}

p {
	margin: 0px; 
	padding: px;
}

a.b1:link {
	color: #000; text-decoration: none
}
a.b1:visited {
	color: #000; text-decoration: none
}
a.b1:hover {
	color: red; text-decoration: underline
}

#top {
	clear: both; border-right: #e1e8ee 4px solid; border-top: #e1e8ee 4px solid; background: #fff; margin: 10px auto 2px; border-left: #e1e8ee 4px solid; width: 760px; border-bottom: #e1e8ee 4px solid; height: 60px
}
#top p.logo {
	float: left; margin: 4px auto 0px 4px; width: 124px; height: 52px
}
#top p.infoa {
	clear: right; float: right; margin: 6px 4px 0px auto; height: 20px
}

#commenttitle {
	border-right: #6996bd 1px solid; padding-right: 0px; padding-left: 0px; font-weight: bold; font-size: 23px; background: url(../images/7689842.gif) #fff repeat-x 50% top; padding-bottom: 5px; margin: 0px auto; border-left: #6996bd 1px solid; width: 768px; line-height: 23px; padding-top: 32px; text-align: center
}

#commentinfo {
	 font-size:14px; border-right: #6996bd 1px solid; background: #fff; margin: 0px auto; border-left: #6996bd 1px solid; width: 760px; text-align: center; padding-left: 4px; padding-right: 4px; padding-bottom: 5px;
}

#main{
  clear: both; border-right: #6996bd 1px solid; 
  padding-right: 4px; padding-left: 4px; 
  background:  #fff ; padding-bottom: 50px; margin: 0px auto;
  border-left: #6996bd 1px solid;
  border-bottom: #6996bd 1px solid; 
  width: 760px; line-height: 150%; 
  


}

.remark1 {
	border-left: 1px solid #afd3eb;
	border-right: 1px solid #afd3eb;
	border-top: 1px solid #afd3eb;
	
}
.remark_bottom{
  border-top: 1px solid #afd3eb;
  
}
.remark1_title {
	font-size: 14px;
	color: #008000;
	padding: 2px;
	padding-left: 5px;
	background-color: #dff5ff;
	border-bottom: #afd3eb 1px solid;
	
}
.remark1_content {
	font-size: 20px;
	line-height: 150%;
	padding: 10px;
	font-weight: bold;
	
}

#remark_add {
    margin-top: 20px;
    border: 1px solid #afd3eb;
    padding-bottom: 10px;
    
	
}

#remark_add_title {
    border-bottom: 1px solid #afd3eb;
	font-weight: bold;
	padding: 2px;
	background-color: #dff5ff;  
}

#username {
    margin-left: 20px;
	padding: 5px;
	margin-top: 20px;
}

#content{
    margin-left: 20px;
	padding: 5px;
}
.inputremark
{
    padding: 2px;
    border: 1px solid #afd3eb;
}
#submit {
  margin-left: 25px;
}



#lessonlist {
    margin-top: 10px;
    border: 1px solid #afd3eb;

}

#lessonlisttitle {
   background-color: #3b78ae;  
   color: #fff;
   font-weight: bold;
   font-size: 13px; 
   padding: 2px;
   padding-left: 10px;
}


#lessonlist li{
   font-size: 16px;
   list-style-type: none;
   background-image: url(../images/7689547.gif)  ;
   background-repeat: no-repeat;
   background-position:   0px 6px;   
   line-height: 150%;
   padding-left: 10px;
}

#lessonlist ul
{
   margin: 10px;
   margin-left: 10px;
   line-height: 150%;
   
}
#copyright {
	margin: 10px auto 2px; width: 760px; line-height: 21px; text-align: center
}