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: #D0DEEB url('bg_line.gif') repeat-y scroll top center;
 font-family: "Georgia", "Verdana", sans-serif;
 text-align: center;
}
                        
#container {
 text-align: left;
 position: relative;
 width: 539px;
 margin: 0 auto;
 min-height: 100%;                
 /* This is for browsers that properly obey the box model. */
}

* html #container {      
 /* This is for IE, which extends the box if it is too small
 instead of overflowing. */
 height: 100%;
}
                
#pad { /* This leaves space for the footer. */
 height: 190px;
}
                        
#footer {
 position: absolute;
 bottom: 0;
 background-image: url("bg_footer.jpg");
 background-repeat: no-repeat;
 background-attachment: scroll;
 margin-left: 45px;
 width: 494px;
 height: 162px;                 
 color: #FFE7B3;
}

#credit {
 position: absolute;
 bottom: 0;
 margin-left: 50px;
 color: #FFE7B3;
 text-align: left;
 font-size: 10px;
 font-family: Verdana, Verdana, Sans-serif;                                  
}

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

#bgmain {
 height: 147px;
 background-image: url("bg_main.jpg");
 background-repeat: no-repeat;
 background-attachment: scroll;
 margin-left: 45px;
}

#sisalto {
 margin-left:60px;
 margin-top:10px;
 width:250px;
 color: black;  
 background: #FFCC00;
 font-size: 11px;
}

#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 {
 border: 0;
 padding: 0;
 font-size: 10px;
 color: #7F4B19;
 margin-top: 0px;
 margin-left:60px;
 margin-bottom: 0px;
 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;
}

#subnav {
 float: right;
 border: 0;
 padding: 0;
 font-size: 10px;
 color: #7F4B19;
 margin-top: 0px;
 margin-right:40px;
 margin-bottom: 0px;
 display: block;
 font-family: "Verdana", sans-serif; 
 border-bottom: 1px solid #A9601C;
}

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

#navlist li    
{
 display: inline;
 list-style-type: none;
}

#navlist a {
 color: #7F4B19;
 font-weight: bold;
 text-decoration: none;
 padding-right: 4px;
 border-right: 1px solid #A9601C;
}

#navlist a:hover {
 color: #FFFFFF;   
 font-weight: bold;  
 text-decoration : none;
}

#subnav a {
 color: #7F4B19;
 font-weight: bold;
 text-decoration: none;
 padding-right: 4px;
 border-right: 1px solid #A9601C;
}

#subnav a:hover {
 color: #FFFFFF;   
 font-weight: bold;  
 text-decoration : none;
}

#subnav li    
{
 display: inline;
 list-style-type: none;
}


#sisalto h1 {
 color: white;
 background: #F69826;
 font-weight: bold;
 text-decoration: none;
 font-size: 13px;
 padding: 2px 2px 2px 5px;
 letter-spacing: 1px;
}

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

a:hover {
 color: white;
 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;
}

