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;
}

.leftcolumn a { text-decoration: none;
       margin:15px;
        text-align: center;
        display:block;
}

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



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

table { width: 75%;
         margin: auto;
         border-collapse: collapse;
}
          

td, th {padding: 10px;} 

.altrow {background-color:#ccaa66;
        }

.labelCol { float: left;
            width:100px ;
            text-align: right;
            padding-right: 10px;   
}

.myrow { padding-bottom:20px;
}

.mysubmit { margin:10px;
}

h1 { background-color:#ccaa66;
     color:#000000;     
     text-align:center;
}

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





#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;
}



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


img {border:0; }