#top {     position:absolute;
     left: 50%; 
     top: 0%;
     width: 700px;
     height: 400px;
     
     margin-left: -350px; /* half of the width */
     border: 1px solid #fff;
     }

div.headline {    width: 495px;
    padding: 2px;
    font-family: verdana;    font-color: #000000;
    font-size: 14px;
    background-color: #ffffff;
    text-align: left;
}


div.topstory {    width: 495px;
    padding: 2px;
    font-family: verdana;
    font-color: #000000;
    font-size: 18px;
    background-color: #ffffff;
    text-align: left;
}


div.preview {
    display: table;
    width: 495px;
    padding: 10px;
    font-family: verdana;
    font-color: #000000;
    font-size: 12px;
    background-color: #f6e17e;
    text-align: left;
}

div.footer {
    clear: both;
    width: 495px;
    padding: 1px;
    margin-right: 9px;
    font-family: verdana;
    font-color: #000000;
    font-size: 10px;
    background-color: #ffffff;
    text-align: right;
}

div.comments {
    clear: both;
    width: 495px;
    padding: 0px;
    margin-left: 9px;
    font-family: verdana;
    font-color: #000000;
    font-size: 11px;
    background-color: #ffffff;
    text-align: left;
}

td.comments {
    width: 495px;
    padding: 3px;
    margin-right: 10px;
    margin-left: 10px;
    font-family: verdana;
    font-color: #000000;
    font-size: 11px;
    background-color: #cccccc;
    text-align: left;
}

H3 {
font-family: verdana;
font-color: #524b4b;
font-size: 20px;
padding: 10px;
}

hr.ruler {border: none 0;
border-top: 1px dashed #000;/*the border*/
width: 50%;
height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
}

a.hallowhead:link { 
color: #f27413; 
font-family: verdana;
text-decoration: none;
font-weight: bold;
border: none;
font-size: 16px; 

}
a.hallowhead:visited { 
color: #f27413; 
font-family: verdana;
text-decoration: none;
font-weight: bold;
border: none; 
font-size: 16px;

}
a.hallowhead:hover {
color: #ff8c37; 
font-family: verdana;
text-decoration: underline;
font-weight: bold;
border: none; 
font-size: 16px;

} 

a.hallowhead:active { 
color: #f27413; 
font-family: verdana;
text-decoration: none;
font-weight: bold;
border: none;
font-size: 16px; 

}

a.prevhead:link { 
color: #3d3dc6; 
font-family: verdana;
text-decoration: none;
font-weight: bold;
border: none;
font-size: 16px; 

}
a.prevhead:visited { 
color: #3d3dc6; 
font-family: verdana;
text-decoration: none;
font-weight: bold;
border: none; 
font-size: 16px;

}
a.prevhead:hover {
color: #3d3dc6; 
font-family: verdana;
text-decoration: underline;
font-weight: bold;
border: none; 
font-size: 16px;

} 

a.prevhead:active { 
color: #3d3dc6; 
font-family: verdana;
text-decoration: none;
font-weight: bold;
border: none;
font-size: 16px; 

}






a.footer:link { 
color: #ffffff; 
font-family: arial;
text-decoration: none;
border: none;
font-size: 14px; 

}
a.footer:visited { 
color: #ffffff; 
font-family: arial;
text-decoration: none;
border: none; 
font-size: 14px;

}
a.footer:hover {
color: #ffffff; 
font-family: arial;
text-decoration: underline;
border: none; 
font-size: 14px;

} 

a.footer:active { 
color: #ffffff; 
font-family: arial;
text-decoration: none;
border: none;
font-size: 14px; 

}

    
a.link:link { 
color: #2c1db3; 
font-family: verdana;
text-decoration: none;
border: none;
font-size: 14px; 

}
a.link:visited { 
color: #2c1db3; 
font-family: verdana;
text-decoration: none;
border: none; 
font-size: 14px;

}
a.link:hover {
color: #ffffff; 
font-family: verdana;
text-decoration: none;
background-color: #2c1db3;
border: none; 
font-size: 14px;

} 

a.link:active { 
color: #2c1db3; 
font-family: verdana;
text-decoration: none;
border: none;
font-size: 14px; 

}


a.comm:link { 
color: #000000; 
font-family: verdana;
text-decoration: underline;
border: none;
font-size: 11px; 

}
a.comm:visited { 
color: #000000; 
font-family: verdana;
text-decoration: none;
border: none; 
font-size: 11px;

}
a.comm:hover {
color: #010101; 
font-family: verdana;
text-decoration: none;

border: none; 
font-size: 11px;

} 

a.comm:active { 
color: #000000; 
font-family: verdana;
text-decoration: none;
border: none;
font-size: 11px; 
}




