body{
background: white url(BG.gif) repeat top left;
color: black;
font-family: Times New Roman,serif;
font-size: 0.9em;
}
#heading{
width: 86%;
position: relative;
left: 7%;
text-align: center;
vertical-align: middle;
background-color: rgb(128,128,128);
color: white;
border: 3px solid black;
padding: 1em 1em 1em 1em;
font-family: Times New Roman,serif;
font-size: 1.2em;
}
#main{
width: 70%;
position:relative;
left: 16%;
padding: 0 0 0 0;
margin-top: 10px;
background: white url(shade.jpg) repeat-y scroll top right;
border-left: 1px solid black;
}
#main .first{
background: url(corner.jpg) no-repeat scroll top right;
}
#main * h2,h3,p{
padding-left: 5px;
}
#main h1,h2,h3,h4,h5,h6{
font-family: Ariel,Helvetica,sans-serif;
}
#main .first h2{
border-top: 1px solid black;
padding-top: 5px;
height: 1em; /* IE needs this to display the upper border */
overflow: visible; /* This and the next line fixes the mess the previous line left */
padding-bottom: 2em;
}
#main .first,.last,.normal{
padding-right: 10px;
}
#main .last p.lastp{
border-bottom: 1px solid black;
margin-bottom: 0px;
height: 1em; /* IE needs this to display the upper border */
overflow: visible; /* This and the next line fixes the mess the previous line left */
padding-bottom: 1em;
}
#main a img{
border-style: none;
float: right;
margin: 5px 5px 5px 5px;
}
#main img{
margin: 5px 5px 5px 5px;
}
hr{
border-style:solid;
color:black;
}
#main a{
color: gray;
text-decoration: none;
}
#main a:hover{
border-bottom: 1px dotted gray;
}