html
{
    background: #2F3234;
    font-family: verdana, arial, sans-serif;
    font: normal normal 12px 100% Verdana, sans-serif;
}

.middle
{
    margin-left: auto;
    margin-right: auto;
    width: 800px;
    background: #FFFFFF;
    border: #CECECE 1px solid;
}

.relatedLabel
{
    font-size: 12px;
}

.pageCenter
{
    background: #FFFFFF;
    font-size: 12px;
}

.eventTitle
{
    font-size: 30px;
}

.eventImage
{
    padding: 5px;
}

.eventResponse
{
   
}

.yourResponse
{
    padding: 20px;
    background: #F0FAFF;
    border: 1px solid #333333;
    font-weight: 700;
}

.eventResponseSection
{
    border: 1px solid #333333;
    width: 200px;
    margin-left: 20px;
}

.eventResponseTitle
{
    border-bottom: 1px solid #333333;
    border-top: 1px solid #333333;
    background: #CCFFFF;
    font-size: 12px;
    font-weight: bold;
    padding-left: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.eventResponseTitleYes
{
    background: #CCFFCC; 
   border-bottom: 1px solid #333333;
   border-top: 1px solid #333333;
    font-size: 12px;
    font-weight: bold;
    padding-left: 5px;
    padding-top: 10px;
    padding-bottom: 10px;   
}

.eventResponseTitleMaybe
{
    background: #FFFF99; 
        border-bottom: 1px solid #333333;
        border-top: 1px solid #333333;
    font-size: 12px;
    font-weight: bold;
    padding-left: 5px;
    padding-top: 10px;
    padding-bottom: 10px; 
}

.eventResponseTitleNo
{
    background: #FFCCFF; 
        border-bottom: 1px solid #333333;
        border-top: 1px solid #333333;
    font-size: 12px;
    font-weight: bold;
    padding-left: 5px;
    padding-top: 10px;
    padding-bottom: 10px; 
}

.eventResponseTitleUndecided
{
    background: #CCCCCC; 
    border-bottom: 1px solid #333333;
    border-top: 1px solid #333333;
    font-size: 12px;
    font-weight: bold;
    padding-left: 5px;
    padding-top: 10px;
    padding-bottom: 10px; 
}

.eventResponseHeader
{
}

.eventResponseHeaderTitle
{
    background: #99CCFF; 
    border-bottom: 1px solid #333333;
    font-size: 12px;
    font-weight: bold;
    padding-left: 5px;
    padding-top: 10px;
    padding-bottom: 10px;     
}

.eventResponseHeaderBody
{
    padding: 5px;
    font-size: 12px;
}

.eventGuestResponse
{
    padding: 5px;
}

.eventGuestName
{
    font-size: 12px;
    font-weight: bold;
}

.banner
{
    height: 67px;
    width: 800px;
    background-image: url('http://www.socialconduct.com/images/banner.png');
    border-bottom: #D5C95A 1px solid;    
    background-repeat: no-repeat;
    background-position: top;  
    text-align: right;
    font-size: 12px;
    color: #FFFFFF;
    font-weight: bold; 
}

.bannersaf
{
    height: 195px;
    width: 800px;
    background-image: url('/images/SAF_bluebg.gif');
    border-bottom: #DDDDDD 1px solid;    
    background-repeat: no-repeat;
    background-position: top;  
    text-align: right;
    font-size: 12px;
    color: #FFFFFF;
    font-weight: bold; 
}

.formTitle
{
    font-size: 20px;
    font-weight: bold;
    color: #333333;
    width: 550px;
    float: left;
    background: #FFFFFF;
}

.formBody
{
    width: 768px;
    background: #FFFFFF;
    border: 1px solid #FFFFFF;
        padding: 15px;
}

.formData
{
    float: left;
    width: 768px;
}

.error
{
    color: #FF0000;
    font-size: 12px;
}

.formHRule
{
    width: 750px;
    float: left;
}

.formAddRow
{
    float: left;
    width: 800px;
    padding-top: 20px;
}

.formNewLink
{
    width: 195px;
    text-align: right;
    float: left;
}

.bannerText
{
    float: right;
    margin-right: 8px;
    margin-top: 50px;
    letter-spacing: 5px;
    color: #CCCCCC;
}

.bannerLink
{
    background: #424242;
    width: 100%;
    float: left;  
    font-size: small;
    vertical-align: middle;
    text-align: center;
    border-bottom: #CECECE 1px solid;
    color: #CCCCCC;
    font-size: 11px;
}

.bannerLink a 
{
    color: #EEEEEE;
    font-size: 12px;
}

.pictureColumn
{
    width: 600px;
    background: #FFFFFF;
    float: left; 
    text-align: left; 
    padding-left: 20px;
    padding-top: 20px; 
}

.linkContainer
{
    border-bottom: #2F3234 1px solid;
}

.linktable
{
    background: #CCCCCC;   
    font-size: 12px;
}

.folderColumn
{
    width: 100%;
    background: #FFFFFF;
    float: left; 
    font-size: small;
    padding-top: 20px; 
    color: #333333;
}

.folderColumn a {
    color: #333333;
    text-decoration: none;
}

.folderColumn a:hover {
    text-decoration: underline;
}

.wrapper
{
    background: #CCCCCC;
    width: 800px;
    height: 100%;
}

.folderTitle
{
    font-weight: bold;
    font-size: 14px; 
    font-family: Verdana, sans-serif;
    color: #4D4D4D;
}

.moreFolders
{
    font-weight: bold;
}

.footer
{
    background: #000000;
    color: #FFFFFF;
    width: 800px;
    float: left;
    text-align: center;
    font-size: small;
    border-top: #D5C95A 1px solid;
}

.albumDate
{
    color:#808080;
    font-size:12px;
}
    
.albumTitle
{
    color:#4D4D4D;
    font-weight:bold;
    text-decoration:none;
    font-size:12px;
}

.albumLabels
{
    color:#4D4D4D;
    text-decoration:none;
    font-size:12px;
}

.albumLabels a
{
    color:#CC0000;
    text-decoration:none;
    font-size:12px;
}

.albumDescription
{
    color:#808080;
    font-size:12px;
    margin-left: 1px;
    border-left: 1px solid #CCCCCC;
    padding-left: 12px;
}

.relatedAlbum
{
    vertical-align: top;
    color: #4D4D4D;
    font-size: 12px;
}

a .relatedAlbum
{
    vertical-align: top;
}

a
{
    color: #675D00;
    font-size:12px;
}

.pictureTable
{
    font-size:12px;  
}

span
{
    color: #808080;
    font-size: small;
}