body,html {
margin:20px;
padding:0px;
background-color:#FFFFFF;
text-align:center;
}

a:link, a:active, a:visited {color:#61adde;text-decoration:underline;}
a:hover {color:#74c5f9;text-decoration:none;}

#main {
margin:0 auto;
text-align:left;
min-width::100%;
}
#logo {
width:200px;
height:130px; 
float:left;
}
#hello {
margin-left:270px;
height:150px;

}

.news h1 {font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;color:#CB2B0B;font-size:1.5em;text-decoration:underline;}
.news {font-family:Verdana,Helvetica,Arial,Geneva,Helvetica,sans-serif;color:#1E1E1E;line-height:1.6em;font-size:0.8em;overflow:hidden;margin:20px 0;}
.news h1 a:link, .news h1 a:visited, .news h1 a:active {color:#CB2B0B;text-decoration:underline;}
.sanews {font-family:Verdana,Helvetica,Arial,Geneva,Helvetica,sans-serif;color:#1E1E1E;line-height:1.6em;font-size:0.8em;overflow:hidden;}


#line {
height: 5px; 
}
#left {
width:200px;
padding-left:10px;
background-color:#FFFFFF;
margin-top:30px;
float:left;
}

.left {font-family: "Verdana", Helvetica, Arial, sans-serif;color:#424242;font-size:17px;}

#cont {
background-color:#FFFFFF;
margin-left:240px;
}

.cont  {font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;color:#424242;font-size:18px;}
.cont  a:link {text-decoration:underline;} 
.cont  a:visited{text-decoration:underline;} 
.cont  a:active {color:#859936;text-decoration:none;}
.cont  a:hover {text-decoration:none;}

.cont1 {font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;color:#424242;font-size:14px;}
.cont1  a:link {text-decoration:underline;} 
.cont1  a:visited{text-decoration:underline;} 
.cont1  a:active {color:#859936;text-decoration:none;}
.cont1  a:hover {text-decoration:none;}

.cont2  {font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;color:#424242;font-size:14px;}
.cont2  a:link {text-decoration:underline;} 
.cont2  a:visited{text-decoration:underline;} 
.cont2  a:active {color:#859936;text-decoration:none;}
.cont2  a:hover {text-decoration:none;}

#short {
width:400px;
}
.img1  {font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;color:#424242;font-size:14px; margin:20px 0;}

.cont3  {font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;color:#424242;font-size:18px;margin:20px 0;}
.cont3  a:link {text-decoration:underline;} 
.cont3  a:visited{text-decoration:underline;} 
.cont3  a:active {color:#859936;text-decoration:none;}
.cont3  a:hover {text-decoration:none;}

.nav   {font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;color:#CB2B0B;font-size:18px;}
.nav   a:link {text-decoration:underline;} 
.nav   a:visited{text-decoration:none;} 
.nav  a:active {color:;text-decoration:none;}
.nav   a:hover {text-decoration:none;}

.cont4  {font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;color:#CB2B0B;font-size:26px;margin:20px 0;}
.cont4  a:link {color:#CB2B0B; text-decoration:underline;} 
.cont4  a:visited{color:#CB2B0B;text-decoration:underline;} 
.cont4  a:active {color:#CB2B0B;text-decoration:none;}
.cont4  a:hover {color:#CB2B0B;text-decoration:none;}

#clear{
height:0;
font-size:1px;
line-height:0px;
clear:both;
}
#footer {
font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
color:#424242;
font-size:14px;
margin-left:270px;
margin-top:30px;
height: 50px; 
valign:center;
background-color:#FFFFFF;
}

/* ==================== ??????? ?????? */

.rating {
	color: #555555;
	font-size: 11px;		/* ! */
	font-family: tahoma;	/* ! */
	width: 85px;
	height: 16px;
}
.unit-rating {
	list-style: none;
	margin: 0px;
	padding: 0px;
	width: 85px;
	height: 16px;
	position: relative;
	background-image: url(../dleimages/rating.gif);
	background-position: top left;
	background-repeat: repeat-x;
}
.unit-rating li {
	text-indent: -90000px;
	padding: 0px;
	margin: 0px;
	float: left;
}
.unit-rating li a {
	display: block;
	width: 17px;
	height: 16px;
	text-decoration: none;
	text-indent: -9000px;
	z-index: 17;
	position: absolute;
	padding: 0px;
}
.unit-rating li a:hover {
	background-image: url(../dleimages/rating.gif);
	background-position: left center;
	z-index: 2;
	left: 0px;
}
.unit-rating a.r1-unit { left: 0px; }
.unit-rating a.r1-unit:hover { width: 17px; }
.unit-rating a.r2-unit { left: 17px; }
.unit-rating a.r2-unit:hover { width: 34px; }
.unit-rating a.r3-unit { left: 34px; }
.unit-rating a.r3-unit:hover { width: 51px; }
.unit-rating a.r4-unit { left: 51px; }	
.unit-rating a.r4-unit:hover { width: 68px; }
.unit-rating a.r5-unit { left: 68px; }
.unit-rating a.r5-unit:hover { width: 85px; }
.unit-rating li.current-rating {
	background-image: url(../dleimages/rating.gif);
	background-position: left bottom;
	position: absolute;
	height: 16px;
	display: block;
	text-indent: -9000px;
	z-index: 1;
}