@charset "UTF-8";
/* CSS Document */

div#maintitle {
width:692px;
height:60px;
margin:0;
padding: 0;
background-image:url(../images/ti_clip.gif);
background-repeat:no-repeat;
}

div#mainclip {
width:692px;
height:135px;
margin:0;
padding: 0;
background-image:url(../images/main_clip.gif);
background-repeat:no-repeat;
}

/*leftRight-------------------------*/

.clipcat {
margin:0;
padding: 20px 0 0 0;
font-size:10px;
color:#333;
line-height:17px;
}

#dairyafro #leftRight {
width:100%;
float:left;
padding: 0 3px; 0 0;
}

#dairyafro #leftRight h2 {
font-size:24px;
margin:0px;
padding:0 0 1px 0;
color: #333;
}

#dairyafro #leftRight h3 {
font-size:14px;
margin:0px;
padding:0 0 1px 0;
color: #333;
}

.clipdis {
width: 360px;
margin:0;
padding: 20px 0 20px 0;
font-size:11px;
color:#333;
line-height: 1.7em;
float: left;
}

.clipdis strong {
font-size:12px;
}

.clipsub {
width: 270px;
margin:0;
padding: 20px 0 20px 0;
font-size:10px;
color:#333;
line-height: 1.7em;
float: right;
}

.dateBox {
width:666px;
padding: 0 10px 10px 10px;
float:left;
margin-top: 0;
margin-right: 12px;
margin-bottom: 12px;
background-image:url(../../common/images/bg_white.gif);
background-repeat:repeat;
}

.dateBox img {
width: 666px;
float:left;
margin:0 10px 10px 0;
padding:0;
}

.dateBox3 {
width:325px;
height:100px;
border: 1px dotted #a29882;
padding: 5px;
float:left;
margin-bottom: 12px;
background-image:url(../../common/images/bg_catsearch.gif);
background-repeat:repeat;
}

.dateBox3 img {
width: 640px;
float:left;
margin:0 10px 0 0;
padding:0;
}

#dairyafro #leftRight table {
width: 686px;
text-align: center;
border: 1px solid #a29882;
background-image:url(../../common/images/bg_catsearch.gif);
background-repeat:repeat;
}

.dairyTd1 {
border: 1px solid #a29882;
padding: 0;
font-family:Arial;
}

.dairyTd1 span {
font-size: 24px;
}

.dairyTd2 {
border: 1px solid #a29882;
height: 40px;
font-size: 12px;
color: #666;
}

div#dairyTi {
text-align: left;
padding: 1px 0 11px 1px;
}

div#dairyTi img {
margin-right: 10px;
}

div#dairycal {
padding: 0 0 11px 1px;
}

div#dairycal img {
margin-top: 15px;
margin-right: 10px;
}

/*Rightinfo------------------------------*/

a.none {
width: 132px;
height: 95px;
display: block;
margin: 0;
padding: 15px 0 0 0;
font-size: 12px;
color:#857c56;
}

a.thiscover {
width: 132px;
height: 95px;
background-image:url(../images/bg_thiscover.gif);
background-repeat:no-repeat;
display: block;
margin: 0;
padding: 15px 0 0 0;
font-size: 12px;
color: #FFF;
opacity: 0.4;    filter:progid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=40);
}

a:hover.thiscover {
opacity: 1;    filter:progid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=100);
}

a.afroclip {
width: 132px;
height: 95px;
background-image:url(../images/bg_afroclip.gif);
background-repeat:no-repeat;
display: block;
margin: 0;
padding: 15px 0 0 0;
font-size: 12px;
color: #333;
opacity: 0.4;    filter:progid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=40);
}

a:hover.afroclip {
opacity: 1;    filter:progid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=100);
}

a.one {
width: 132px;
height: 95px;
background-image:url(../images/bg_one.gif);
background-repeat:no-repeat;
display: block;
margin: 0;
padding: 15px 0 0 0;
font-size: 12px;
color: #FFF;
opacity: 0.4;    filter:progid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=40);
}

a:hover.one {
opacity: 1;    filter:progid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=100);
}

a.fromto {
width: 132px;
height: 95px;
background-image:url(../images/bg_fromto.gif);
background-repeat:no-repeat;
display: block;
margin: 0;
padding: 15px 0 0 0;
font-size: 12px;
color: #FFF;
opacity: 0.4;    filter:progid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=40);
}

a:hover.fromto {
opacity: 1;    filter:progid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=100);
}

a.people {
width: 132px;
height: 95px;
background-image:url(../images/bg_people.gif);
background-repeat:no-repeat;
display: block;
margin: 0;
padding: 15px 0 0 0;
font-size: 12px;
color: #333;
opacity: 0.4;    filter:progid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=40);
}

a:hover.people {
opacity: 1;    filter:progid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=100);
}

a.produce {
width: 132px;
height: 95px;
background-image:url(../images/bg_produce.gif);
background-repeat:no-repeat;
display: block;
margin: 0;
padding: 15px 0 0 0;
font-size: 12px;
color: #FFF;
opacity: 0.4;    filter:progid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=40);
}

a:hover.produce {
opacity: 1;    filter:progid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=100);
}