﻿@charset "utf-8";


* {
 margin:0;
 padding:0;
}
#top{
 background:url(../images/topbg.jpg) repeat-x;
 
}
#header{

 width:1000px;
 height:90px;
 margin:0 auto;
 padding-top:20px;
 padding-bottom:10px;
 border-bottom:1px solid #5c307d;  
}
#nav{
 
 width:1000px;
 height:35px;
 margin:0 auto;
 margin-top:15px;
 
}
#pic{

 min-width:1000px;
 overflow:hidden;
 margin:0 auto;
 background:url(../images/bg.jpg) repeat-x;
}
.picture{
 width:1200px;
 margin:0 auto;
 overflow:hidden;
}
#content{
 
 width:1000px;
 margin:10px auto;
 }
#footer{
 background:#eee;
 margin:0 auto;
 text-align:center;
 padding:15px;
 height:50px;}
#centerpic{
 height:150px;
}
#art{
 background:#fff;
 width:1000px;
 margin:0 auto;
 overflow:hidden;
}

#title{
 border-bottom:4px #5c307d solid;
 text-align:center;
 padding:10px;
}
#left{
 float:left;
 width:230px;
 border:1px solid #5c307d; 
 height:510px;
 position:relative;
 
}
#right{
 float:left;
 width:740px;
 margin:auto;
 padding:0 0 0 20px;
  
 
}
#right td{
 
}
#content2 td{
 padding:5px;
}
#content2 div{
 padding:5px;
 }


.calline{
width:1000px;
height:40px;
background-color:#5c307d;
margin:0px auto;
}
.monthText{
float:left;
line-height:40px;
padding:0 15px;
font-size:14px;
color:#9884ab;
}
#month{
font-size:20px;
color:#d7d0dd;
padding-right:3px;
font-family: Lucida Sans Unicode;
}
#dayText ul{
  list-style:none;
}
#dayText li{
  float:left;
  width:30px;
line-height:40px;
color:#866c9c;
font-size:14px;
text-align:center;
}
#dayText li.now{
color:#ffc600;
}