body, td {font-family:tahoma,arial; font-size: 95%; color: gray}

H1.intro {color: red; font-size: 100%;text-align: center;font-family: arial;}
H1.gray {color: gray; font-size: 90%;text-align: center ; font-family: arial;}
H1.red_1 {color: red; font-size: 100%;text-align: center ;font-family: arial;}
H1.white {color: silver; font-size: 100%;text-align: left;font-family: arial;}

H3.gray { background-color:gray; padding-left: 30px;color: black; font-size: 100%;text-align: left;font-family: arial;}


A:link { text-decoration: none; font-size: 100%; color: #F7596F}
A:visited { text-decoration: none; font-size: 100%; color: #F7596F}
A:active { text-decoration: none ; font-size: 100%; color: #F7596F}
A:hover { text-decoration: none; font-size: 100%; color: white}


/*next&previous*/
* html #nextprevious{ /*IE only rule, to negate the padding below IE includes in menu width.*/
width: 130px;
}

#nextprevious a{
font: 12px Verdana;
padding: 5px;
padding-left: 00px;
padding-right: 0px;
margin:7px;
display: block; background:#101010;
width: 130px;
color: orange;
text-decoration: none;
border-bottom: 1px solid black;
border-top: 1px solid black;
border-left: 1px solid black;
border-right: 1px solid black;
}

html>body #nextprevious a{ /*Non IE rule*/
width: 130px;
}

#nextprevious a:hover{
font:12px bold Verdana;
padding: 5px;
padding-left: 0px;
padding-right: 0px;
display: block; background:#010101;
width: 130px;
color: white;
text-decoration: none;
border-bottom: 1px solid orange;
border-top: 1px solid orange;
border-left: 1px solid orange;
border-right: 1px solid orange;
}






<!--
div.scroll {
height: 600px;
width: auto;
overflow: auto;
border: 0px solid #666;
padding: 8px;
}
-->
