/* CSS Document */
* {margin: 0;padding: 0;border: 0;}
body {
	background-color:#CAE5E8;
	color: #00676B;
	margin: 0 auto;
	padding: 0;
	border: 0;
	text-align: center;
	font-family: 'Century Gothic', Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 150%;
	}
a{text-decoration:none;}
#container{
	width:1000px;
	border:10px solid white;
	background-color: #98D0B9;
	position:absolute;top:0px;left:0px;
}

#left{
	float:left;
	width:220px;
	border-right:10px solid white;
	border-bottom:10px solid white;
	background-color: #00A6AD;
	text-align:left;
	padding:360px 0 10px 10px;
}
.sidebartitle{float:left;text-align:left;height: 20px;width:190px;font-size:13px;color:#003D3E;padding: 3px 0 0 10px;font-weight:bold;
border-top:1px dotted black;border-bottom:1px dotted black;letter-spacing:3px;
margin-top:10px;}
.sidebarcontent{float:left;text-align:left;width:200px;padding-top:5px;font-size:12px;color:#003D3E;}
.sidebarcontent a{color:#CAE5E8;text-decoration:none;}
.sidebarcontent a:hover{color:#99D1D3;text-decoration:underline;}
.sidebarcontent a:visited{color:#ccc;}
.sidebarcontent ul{list-style:square outside none;}
.sidebarcontent li{padding:0px 0px 0px 10px;}
.sidebarcontent li a{width:190px;padding:0px 0px 0px 25px;display:inline;text-decoration:none;}
.sidebarcontent li a:hover{width:170px;padding:0px 0px 0px 25px;color:#FFFFFF;display:inline;background: #00B2BF url("sidebar3.gif") no-repeat left center;}
.sidebarcontent li a:visited {text-decoration:none;color:#555}

#right{
	float:right;
	width:740px;
	height:1000px;
	text-align:left;
	padding:360px 10px 10px 0px;
	white-space:normal;
}
#right a{color:#008C5E;text-decoration:none;}
#right a:hover{color:#00AE72;}
#websearch{
	float:inherit;
	width:720px;
	height:30px;
	padding:10px 0;
	background-color:#67BF7F;
	text-align:center;
	font-size:13px;
	color:#fff;}
h3 {
	height: 40px;
	margin: 0px;
	padding:3px 0 0px 10px;
	font-size: 15px;	font-bold:bold;
	color: #fff;
}
h3 a{color:#fff;}
h3 a:hover{color:#ccc;}
h4 {
	width:710px;
	margin:-21px 0px 0px 10px;
	font-size: 9px;
	font-family: 'Tahoma', sans-serif;
	font-weight: lighter;
	color: #666;
	text-transform: uppercase;
	margin-bottom: 15px;
	border-top: 1px dotted #999;
	text-align:right;
}
.showmore{text-align:right;}

#bottom{
	float:right;
	width:300px;
	border-left:10px solid white;
	border-top:10px solid white;
	text-align:center;
	color:white;
	font-size:11px;
	background-color: #00A6AD;
}

#head{
	width:960px;
	height:300px;
	border:10px solid white;
	color:#fff;
	padding:10px 10px 0px 10px;
	position:absolute;
	top:20px;
	left:20px;
	background: #00676B url("bg1.png") no-repeat 250px 150px;
}
#info{float:left;width:200px;margin-top:15px;color:#00B2BF;}
#info a{color:#F19373;}
#info a:hover{color:#fff;}
#calendar table {
width:180px;
}
#calendar{
	float:left;
    width:170px;
    margin-left:10px;
	font-size: 10px;
	color:#00B2BF;
}
#calendar caption {
    line-height:20px;
    font-weight:bold;  
    font-family:'Century Gothic', Arial, Helvetica, sans-serif;
	font-size: 11px;font-weight:bold;
	color:#00B2BF;
}
th{    /* ¶¨ÒåÐÇÆÚ */
	font-size: 12px;
}
#calendar table { 
   border-collapse: collapse;color:#00B2BF;
} 
#calendar th{  
font: normal 12px;  color:#00B2BF;
}
#calendar td { 
text-align:center;
font-size: 10px;color:#00B2BF;   
}
#calendar a{color:#F19373;width:16px;height:10px;} 
#calendar a:hover{color: #fff;}
#name{	width:200px;height:100px;padding-top:10px;color:#6EC3C9;font-size:xx-large;font-weight:lighter;text-align:left;
position:absolute;top:230px;left:40px;}
#control{float:right;width:500px;height:280px;	background-color: #00676B;}
#playphoto{width:500px;height:270px;}
#playphoto IMG {BORDER: #fff 1px solid; }
#subject{
    float:right;width:500px;
	max-height:35px;
	margin-top:5px;padding-left:10px;	
	text-align:left;font-size:12px;font-weight:bold;
	background-color:#008489;
	}
#subject ul, #subject li { float:left;margin:0;}
#subject li {padding:0px 0px 0px 9px;display:block;}
#subject li a{margin:0; color: #ECECEC;}
#subject li a:hover{color:#fff;padding:10px 0px 0px 0px;}