
/*
.left{
    border: 1px solid black;
    float:left;
    margin-right: 12px;
}
.middle{
        border: 1px solid red;

}
.right{
        border: 1px solid blue;
        float: right;

}
*/

#main-content .newsPageVertical{
    width: 900px;
   /* padding:25px 100px 0px 0px;*/
   margin-left: 20px;
/*    padding-left:20px;*/
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom:1px solid #999999;
    position:relative;
    /*min-height:107px;*/
    height:auto !important;
   /* height:107px; */   
}

#main-content .newsPageVertical:last-child{
    border-bottom:none;
}

#main-content  .padding-left{
    padding-left:158px !important;
}

#main-content .newsPageVertical img:first-child{
    border:1px solid #999999;
    width:138px;
    float:left;
    margin-left:-158px;
    margin-bottom:30px;
}




#main-content .newsPageVertical h3{
    font-size:15px;
    font-weight:bold;
    padding:0 0 10px 0;
    margin:0;

}

#main-content .newsPageVertical span.date{
    font-size:12px;
    font-weight:bold;
    color:white;
    background-color:#666;
    padding:5px;
    margin-bottom:5px;
}
#main-content .newsPageVertical span.category{
    font-size:12px;
    font-weight:bold;
    padding-top: 5px;
    padding-left: 5px;
}


#main-content .newsPageVertical div.paragraph{
    float:left !important;
    padding:10px 0 0 0;
    margin:0;
    clear:none !important;
}

#main-content .newsPageVertical div.paragraph a{
     color:#006699;
     font-weight:bold;
         text-decoration: none;

     
}

#main-content .newsPageVertical .social{
    position:absolute;
    right:0;
    width:100px;
    height:73px;
    top:25px;
    text-align:right;
}

#main-content .newsPageVertical .social span{
    margin-bottom:3px;
}



/*
VIEW MAIN ARTIICLE

*/

#main-content .newsPageVerticalView{
    position:relative;
    min-height:107px;
    height:auto !important;
    height:107px;    
    margin-bottom: 10px;
    
}

#main-content .newsPageVerticalView img{
    border:1px solid #999999;
    width:138px;
    position:absolute;
    left:0px;
}

#main-content .newsPageVerticalView h3{
    font-size:15px;
    font-weight:bold;
    padding:0 0 5px 0;
    margin:0;
    float:left;
}

#main-content .newsPageVerticalView span.date{
    clear: left;
    float:left;
    font-size:12px;
    font-weight:bold;
    color:white;
    background-color:#666;
    padding:5px;
    margin-bottom:5px;
}

#main-content .newsPageVerticalView div.paragraph{
    clear:left;
    padding:0;
    margin:0;
}

#main-content .newsPageVerticalView div.paragraph a{
     color:#0066cc;
     font-weight:bold;
}



a.commentsClass{
    display:inline-block;
    width:77px;
    height:15px;
    color:white !important;
    text-align:right;
    background: url(images/comments.jpg) repeat-x;
    padding:2px;
    margin-right:7px;
    margin-bottom:5px;
}

#main-content .newsPageVerticalView .social{
    clear:left;
    padding:0;
    margin-bottom:20px;
}
.mainPageDataDiv{
 margin: 0px !important;
 padding: 0px;
}
.items{
   /* margin: 10px;*/
    padding-left: 10px;
    /* width: 800px;*/
 
}
.backtoNews{
    padding-left: 20px;
}
.parContent{
    padding: 20px;
}
.backtoNews a{
    text-decoration: none;
}
.leftPadding{
    margin-left: 15px !important;
}
span.date{
    font-size:12px;
    font-weight:bold;
    color:white;
    background-color:#666;
    padding:5px;
    margin-bottom:5px;
}
.buttonBg{
    background: url(images/bg-button.jpg);
    font-size:12px;
    font-weight:bold;
     padding:5px;
    margin-bottom:5px;

}
.buttonBg a{
    color: white !important;
}
.buttonBg a:hover{
text-decoration: underline !important;
 }