*{
 margin: 0px auto;
 text-align: center;	
}
body{
 background-color: #f7ffd8;	
 margin-bottom: 30px;
}
h1{
 margin: 0px 0px 10px 20px;
 color: #060;
 font-size: 24px;
 text-align: left;
 font-weight: normal;
}
#login a{
	float: right;
	margin: 10px 25px 0px 0px;
	color: #333;
	text-decoration: none;
}
#login a:hover{
	text-decoration: underline;
}
#content{
	width: 850px;
}
#content p{
	text-align: left;
}
li{
 list-style-type: none;
 text-align: left;
}
#menu{
 width: 900px;
 height: 23px;
 margin-top: 15px;
 margin-bottom: 15px;
 border-bottom: 1px solid #999;
 border-top: 1px solid #999;	
}
#menu li{
 display: inline;
 margin-left: 20px;
 margin-right: 20px;
}
#menu li a{
 font-size: 18px;
 color: #888;
 text-decoration: none;	
}
#menu li a:hover{
 text-decoration: none;	
 font-weight: bold;
 color: #444;
}
#header{
 background: url('../img/bg_cast.jpg') repeat-x;	
}

/* reference part */
.box{
 width: 800px;
 height: 220px;
 background: url('../img/bg_box.png') center center no-repeat;
 padding: 30px 30px 30px 30px;
 margin: 25px auto;
}
.box p{
 width: 400px;
 margin: 25px 25px 0px 0px;
 float: right;
 color: #f7ffd8;
 font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
 font-size: 14pt;
 text-align: left;
}
.box img{
 float: left;
 margin-left: 25px;
 border: 1px #FFF solid;
 
}
.box b{
 color: #b6da27;
 font-weight: bold;	
}
.end{
 clear: both;	
}