BODY {
    font: 16px "Palatino Linotype";
}

.page {
    position: relative;
    margin: auto;
    width: 1200px;
}

#navigation {
    float: left;
    margin-right: 20px;
    font-size: 18px;
}

    #navigation A{
        text-decoration: none;
        color: #000000;
    }

    #navigation .menu{
        margin-top: 5px;
        width: 200px;
    }
    
    #navigation .menu DIV{
        padding: 2px 10px 2px 10px;
        cursor: pointer;
    }
    
    #navigation .menu DIV:hover{
        background-color: #F3899B;
    }
    
    #navigation .menu DIV SPAN{
        font-family: Courier, monospace;
        font-size: 20px;
    }

#content {
    float: left;
    text-align: center;
    font-style: italic;
}
    #content .content {
        float: left;
        margin-right: 10px;
        display: block;
    }
    
    #content P{
        font-style: normal;
    }
    
    #content UL{
        text-align: left;
        font-style: normal;
    }
    
    #content .RSVP{
        padding-top: 70px;
        width: 800px; 
        margin-left: auto; 
        margin-right: auto;
        text-align: left;
        font-style: normal;
    }
    
        #content .RSVP .yesnobuttons {
            text-align: center; 
            width: 80%;
            margin: auto;
        }
        
        #content .RSVP .yesnobuttons A.yes{
            padding: 10px 50px 10px 50px;
            text-align: center;
            background-color: #45BE89;
            text-decoration: none;
            color: #FFFFFF;
        }
        
        #content .RSVP .yesnobuttons A.yes:hover{
            background-color: #006633;
        }
        
        #content .RSVP .yesnobuttons A.no{
            padding: 10px 50px 10px 50px;
            text-align: center;
            background-color: #eb4141;
            text-decoration: none;
            color: #FFFFFF;
        }
        
        #content .RSVP .yesnobuttons A.no:hover{
            background-color: #780000;
        }