#header{height: 298px;}
#head{ background: url(../img/head_home.jpg) 0 0 no-repeat; height: 219px;}	
#col2{width: 580px;}

#col3 {float:right; width: 270px; margin: 0 0 30px 0px; padding-left: 30px; text-align: left; background: url(../img/hrv.jpg) 0 80px no-repeat;}
#col3 ul{padding-left: 0;}
#col3 li{list-style-type: none; padding-bottom: 5px; margin-bottom: 10px;}
#col3 li a{color: #8AAC56; clear: left; margin-top: 8px; text-align: left; }
#col3 a{color: #4B8CA8; width:100%; display: block; text-align: center; margin-top: 15px; text-decoration: none;}
#col3 span a{display: inline; clear:none;}
#col3 li{padding-bottom: 5px; background: url(../img/hr-news.jpg) bottom left no-repeat;}
#col3 li p{font-size: 0.9em; color: #666; line-height: 1.3;}
#col3 h2{color: #4B8CA8; font-size: 2.5em; margin-bottom: 5px;}

/*old code from pure html template

#col3 h3{color: #8AAC56; clear: left;margin-top: 8px; }
#col3 img{float: left;}
#col3 div{padding-bottom: 5px; background: url(style/site/img/hr-news.jpg) bottom left no-repeat;}
#col3 div p{font-size: 0.9em; color: #666; line-height: 1.3;}
#col3 div p a{clear: both; text-align: right;  color: #638B24; margin-top: 5px; text-decoration: underline;}
*/