/* */
body { 
color: #564b47; 
font-size: 12px; 
line-height: 1.6em; 
background-color: #fff; 
background-image: url(img0/bg.gif); 
}
a { color: #936; text-decoration: none; padding: 2px;}
a:hover { color: #c9c; background-color:#e8e8e8; }
img  { border-width: 0; }
/*---------------------box*/
#container   { background-color: #fff; width: 800px; height: auto; margin: 30px auto 0; padding: 0; border: solid 12px #cae5c1; background-repeat: repeat; }

#main { width: 470px; height: auto; text-align: left; color:#564b47; background-color: #fff; float: left; margin-left: 20px; padding: 0 20px; display:inline; }
#side { background-color: #e9e8e4; width: 200px; height: auto; float: right; text-align: left; margin-right: 10px; padding: 10px; display:inline; }
.info { background-color: #fff; width: auto; padding: 10px; text-align: left; }
#hd-logo { 
width: 100%; 
height: 170px; 
text-align: right;
background-image: url(img0/hd-logo.jpg); 
background-repeat: no-repeat; 
padding-top: 0; 
padding-bottom: 2em; 
 }
#footer { clear:both; width: 780px; height: auto; font-size: 0.8em; line-height: 1.2em; text-align: right; margin-right: 20px; padding-top: 30px; padding-bottom: 10px; }
/*---------------------txt*/
em { font-size: 12px; font-weight: lighter; font-style: normal; }
#main p.date { font-size: 10px; text-align: right; padding-bottom: 3px; padding-top: 3px; color: #4a525a; padding-right: 10px; margin-bottom: 10px; border-bottom: 1px dotted #798076; }
#main h1 { font-size: 1.3em; font-weight: bold; margin: 0; padding: 5px 0; }
#main h2 { color: #936; font-size: 1.1em; font-weight: bold; text-transform: uppercase; margin: 0; }
#main h3 { font-size: 1em; font-weight: bold; margin: 0; }
#main h2:first-letter { background-image: url(img0/ribbon.gif); background-repeat: no-repeat; padding-left: 30px; }
#main p { font-size: 0.95em; line-height: 160%; text-align: justify; padding-right: 10px; padding-bottom: 10px; }
#main p.more { color: #6cf; font-size: 0.95em; text-align: right; padding-right: 10px; padding-bottom: 10px; }
/* */
#side h2 { color: #6cf; font-size: 13px; font-weight: lighter;font-family: "times new roman", times; }
#side ul {margin: 0 0 0 0; padding: 0;}
#side li  { font-size: 1.2em; font-family: "times new roman", times; list-style-type: none; text-align: left; }
#side li a { color: #5b3414; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; display: block; padding: 8px 0 8px 12px; width: 180px; text-decoration: none; border-bottom: 1px dotted #696755; }
#side li a:hover {
	background: #cae5c1;
	color: #906;
}
#side p.links{ color: #906; font-size: 10px; line-height: 130%; background: #e9e8e4; }
/* */
#footer a:link { color: #e3e3e3; font-size: inherit;}
/*---------------------slide*/
.slide{ height:230px; width:400px; padding: 30px 40px 0; }

/*---------------------new*/
.news{ height:180px; width:450px; overflow: auto; padding: 5px 10px; }
.news dl{ text-align: left; width: 430px; padding-left: 1em; }
.news dt{ width: 325px; clear: left; float: left; margin: 0; padding: 2px 2px 2px 2em; border-bottom: 1px dotted #999; }
.news dd{ margin: 0; padding: 2px; border-bottom: 1px dotted #999; }
/*---------------------hr*/
.line{ background-image: url(../upc/img0/hr.gif); background-repeat: no-repeat; height:20px; width:470px; margin-top: 2em; margin-bottom: 2em; }