/* CSS Document */

#topheader{
position: relative;
height:316px;
clear:both;
margin:0;
}

#topheader h1{
margin:0 0 0 11px;
padding:0;
}


#newsArea{
}
#news{
float:left;
width:290px;
}
#news h2,
#case h2{
margin:0 0 3px 0;
padding:0;
}

#news ul,
#info ul,
#category ul,
#recent ul{
margin:0;
padding:0;
list-style:none;
}
#news li{
margin:0;
padding:6px 8px 5px 15px;
}

#recent li{
margin:0;
padding:4px 0 4px 8px;
}


#info{
float:right;
width:210px;
height:115px;
background-color:#d8e9fb;
background-image:url(../images_top/bg_infobottom.gif);
background-repeat:no-repeat;
background-position:bottom;
padding:0 0 7px 0;
margin:5px 10px 0 0;
}

#info h2{
background-image:url(../images_top/bg_infotop.gif);
background-repeat:no-repeat;
background-position:top;
margin:0;
padding:7px 0 5px 10px;
}
#info li{
margin:0;
padding:5px 5px 5px 12px;
}
#info a:hover{
text-decoration:underline;
}

#caseArea{
clear:both;
padding:5px 0 15px;
height:180px;
}
#caseArea h2{
padding:0;
margin:15px 0 0 0;
height:40px;
}

#pickup{
position:absolute;
width:150px;
background-color:#eeebe3;
background-image:url(../images_top/bg_casebottom.gif);
background-repeat:no-repeat;
background-position:bottom;
padding:0 0 15px 0;
}
#pickup h3{
background-image:url(../images_top/bg_casetop.gif);
background-repeat:no-repeat;
background-position:top;
padding:5px 0 10px 11px;
margin:0;
}
#pickup p.casephoto{
margin:0 0 7px 15px;
padding:0;
width:120px;
height:90px;
overflow:hidden;
}
#pickup .casephoto img{
width:120px;
border:0;
}
#pickup p.casephototitle{
margin:0 8px 0 8px;
padding:0;
}

#category{
position:absolute;
left:415px;
width:135px;
padding:0 0 15px 0;
}


#recent h3,
#category h3{
margin:0 0 5px 0;
padding:0;
}

#category li{
margin:0;
padding:5px 0px 1px 5px;
}

#category p.caselink{
float:right;
background-image:url(../images_top/bg_caselink.gif);
background-repeat:no-repeat;
width:98px;
height:21px;
padding:3px;
margin:15px 0 0 0 ;
text-align:center;
}

#recent{
position:absolute;
left:195px;
width:205px;
}