body { background-color: #ffffcc;
       background-image: url(../ch04/background.gif);
       color: #330000;
       font-family: Verdana, Arial, sans-serif;
}
#container { margin-left: auto;    
       margin-right: auto;
       width:80%;
       background-color:#e8d882;
       color:#000000;
       border: 2px double #000000; 
       min-width:700px;
}

#logo {background-color: #ccaa66;
       color: #000000
       text-align: center;
        margin: 0;
        border-bottom: 2px double #000000;
}

#leftcolumn {float: left;
             width: 100px;
             padding-top: 10px;
}

#leftcolumn ul {list-style-type: none;
}



table { text-align: center;
         border-collapse: collapse;
           background-color:#ffffcc;}

td, th {padding: 10px:} 

.altrow {background-color:#ccaa66;}  

#content { margin-left:150px;
            background-color: #fle8b0;
           color: #000000;
           padding:10px 20px; 
           overflow:auto; 
}

.floatright { padding-left: 20px;
               float:right;
}


h1 { background-color:#ccaa66;
     color:#000000;     
     text-align:center;
}
.leftcolumn a { text-decoration: none;
       margin:15px;
        text-align: center;
        display:block;
}



#footer { background-color:#ccaa66;
        color:#000000;
        font-size: .60em;
        font-style: italic;
        text-align: center;
        border-top: 2px double #000000;
        padding-top:20px;
        padding-bottom: 20x;
}

h2 {text-transformation:uppercase;
    background-color:#ccaa66;
    color: #663300;
    font-size: 1.2em;
    border-bottom:1 px solid #000000;
    margin-right: 20px;
} 


.details { padding-left:20%;
           padding-right:20%; 
}


img {border:0; }