html, body {
 margin: 0;
 padding: 0;
 height: 100%;
 /* If these heights are not defined, the container height will
 revert to "auto" - see
 http://www.w3.org/TR/REC-CSS2/visudet.html#the-height-property
 */
}

body {
 background-color: #FFFFFF;
 font-family: "Verdana", "Georgia", sans-serif;
 text-align: left;
}
                        
#container {
 text-align: left;
 position: relative;
 width: 700px;    
 margin: 0 auto;
 min-height: 84.5%;
 /* This is for browsers that properly obey the box model. */
 border-right: 1px solid black;
 border-left: 1px solid black;
 padding-bottom: 150px;
}

* html #container {      
 /* This is for IE, which extends the box if it is too small
 instead of overflowing. */
 height: 84%;
}

#pad { /* This leaves space for the footer. */
 height: 100px;
}

#header {
 background-image: url("header.jpg");
 width: 700px;
 height: 219px;
}

#navigation {
 float: left;
 background-image: url("navigation.jpg");
 width: 245px;
 height: 499px;
}

#main {
 margin-left: 245px;
 margin-top: 0px;
 padding-top: 10px;
 width: 450px;
 color: black;  
 background: #FFFFFF;
 font-size: 11px;
}

                
#pad { /* This leaves space for the footer. */
 height: 190px;
}
                        
#footer {
 float: right; 
 position: absolute;
 bottom: 0;
 left: 0;
 right: 0;
 margin: 0 auto;
 padding: 0;
 padding-top: 10px;
 width: 700px;  
 color: black;  
 background: #FFFFFF;
 font-size: 11px;
 border-top: 1px dashed black; 
}

#footer img {
border: 0;
margin-left: 50px;
}

p { 
 /* This just avoids margin collapse issues. */
 margin: 0;
 padding: 0.5em 0;
}

img {
border: 1px solid black;
padding: 0px;
margin: 5px;
}
/*
#bgmain {
 height: 147px;
 background-image: url("");
 background-repeat: no-repeat;
 background-attachment: scroll;
 margin-left: 45px;
}*/

#highlight {
 float: right;
 width:135px;   
 padding: 4px;
 color: white;  
 margin-top:10px;
 margin-right:40px;
 background: #F59A25;
 font-family: "Verdana", sans-serif;
 font-size: 10px;
}

* html #highlight {
 /* This is for IE, which extends the box if it is too small
 instead of overflowing. */
 margin-right: 20px;
}

#navlist {
 position: absolute;
 margin: 80px 0px 0px 20px;
 border: 0;
 padding: 0;
 font-size: 10px;
 color: #7F4B19;
 display: block;
 font-family: "Verdana", sans-serif;
}

#navline {
 border: 0;
 padding: 0;
 height: 15px;
 color: #7F4B19;
 margin-top: 0px;
 margin-left:45px;
 display: block;
 background-image: url("bg_link.jpg");
 background-repeat: no-repeat;
 background-attachment: scroll;
}

#topic {
 border: 0;
 padding: 0;
 margin-left: 57px;
 height: 30px;
}

#topnav {
 background-image: url("main.jpg");
 background-repeat: no-repeat;
 background-position: top right; 
 border: 0;
 padding-top: 10px;
 font-size: 10px;
 margin-top: 0px;
 margin-left:40px;
 margin-bottom: 0px;
 display: block;
 font-family: "Verdana", sans-serif; 
}

* html #subnav {
 /* This is for IE, which extends the box if it is too small
 instead of overflowing. */
 margin-right: 20px;
}

#navlist li    
{
 list-style-type: none;
 padding-bottom: 5px;
}

#navlist a {
 color: black;
 font-family: Verdana, sans-serif;
 font-size: 14px;
 font-weight: bold;
 text-decoration: none;
}

#navlist a:hover {
 color: red;
 font-family: Verdana, sans-serif;
 font-size: 14px;
 font-weight: bold;  
 text-decoration : none;
}

#topnav a {
 /* color: red;
 font-family: "Tempo Heavy Condensed", Arial, Verdana, sans-serif;
 font-size: 16px;
 font-style: italic;
 font-weight: bold;
 text-decoration: none;
 text-shadow: black;
 text-transform: uppercase;*/
 margin-right: 40px;
 margin-left: -20px;
}

/*
#topnav a:hover {
 color: #32BCDE;   
 font-style: italic;
 font-weight: bold;  
 text-shadow: black;
 text-transform: uppercase;
 text-decoration : none;
}*/

#topnav li    
{
 display: inline;
 list-style-type: none;
 width: 100px;
}

#topnav img
{
 border: 0px;
}


#main h1 {
 color: white;
 background: #3057FC;
 font-weight: bold;
 text-decoration: none;
 font-size: 16px;
 padding: 2px 2px 2px 5px;
 letter-spacing: 1px;
}

#main h2 {
 /*color: white;
 background: #3057FC;*/
 color: #3057FC;
 font-weight: bold;
 text-decoration: none;
 font-size: 16px;
 /*padding: 2px 2px 2px 5px;*/
 letter-spacing: 1px;
}

#main h4 {
 color: #3057FC;
 font-weight: bold;
 text-decoration: none;
 font-size: 12px;
 letter-spacing: 1px;
}

a {
 color: red;  
 font-weight: bold;
 text-decoration: none;
 font-size: 11px;
 font-family: Verdana, Sans-Serif;
}

a:hover {
 color: #32BCDE;
 font-weight: bold;
 text-decoration : underline;
}

#highlight a {
 background-image: url("arrow2.gif");
 background-repeat: no-repeat;
 background-position: 0 .4em;
 padding-left: .8em;
 font-size: 9px;
}

form {
 display: inline;
 margin: 0px 0px;
}

select {
 font-size: 9px;
 font-family: Verdana, Sans-serif;
}

.special {
 position: absolute;
 right: 40px;
 width:135px;   
 padding: 4px;
 color: white;  
 background: #F59A25;
 font-family: "Verdana", sans-serif;
 font-size: 10px;
}

table.result {
 margin: 0px 0px 0px 0px;
 border: 1px dashed #AAAAAA;
 border-spacing: 0px;
 width: 95%;
 background-color: lightblue;

}

tr.topic {
 background-color: red;
 margin: 1px 0px 1px 0px;
 color: white;
}

td {
 border-bottom: 1px dashed black;
 border-right: 1px dashed black;
 padding: 1px 0px 1px 5px;
}