body 
    {
        background: #e0e0e0 url(../img/samgis/bg.gif);
        color: #333;    
        padding: 0;
        margin: 0;     
        font-family: Georgia, Serif;
        font-size: 14px;
    }     
        
#wrapper 
{
    width: 960px;
    margin: 0 auto;    
}

#navContainer, #mainContent, #header, #footer
{
    background: #fff;
    width: 920px;  
    float: left;
    padding: 20px;  
}

    .navbar
    {
        margin: 0 auto;
        width: 100%;
        padding: 0;
    }
    
    .navbar li
    {
        margin: 10px 20px 10px 10px;
        padding: 0;
        list-style-type: none;
        float: left;
    }
    
    .navbar a 
    {
        color: #333;    
        text-decoration: none;
    }
    
    .navbar a:hover
    {
       text-decoration: underline;
    }

#navContainer 
{
    padding: 10px 20px;    
    font-size: 18px;
}
 
#header 
{
    background: url(../img/samgis/samgis_logo.png) no-repeat center left;
    height: 150px;
    width: 960px; 
    margin: 20px 0 20px 0;   
}

#mainContent 
{
    
}
    #mainContent h2 
    {
        font-size: 19px;   
        margin: 5px 5px 10px 0; 
    }
    
    #mainContent p 
    {
        /*margin-bottom: 40px;    */
    }
    
    #mainContText
    {
        width: 75%;
        float: left;    
    }
    
    #mainContSidebar 
    {
        width: 20%;
        float: left;
        margin: 0 0 0 20px;
    }
    
        #mainContSidebar ul, #mainContSidebar li 
        {
            list-style-type: none;
            margin: 0;
            padding: 0;
            line-height: 2em;
            font-weight: bold;
        }
        
     #mainContent .post 
     {
         padding: 20px 0 20px 0; 
         border-bottom: 1px solid #333;
         margin-bottom: 40px;
     }
     
     #mainContent .post:last-child 
     {
         padding: 20px 0 20px 0; border-bottom: none;
     }
     
     #mainContent > #excerpt 
     {
        width: 100%;
        float: left;   

     }
        .post > #excerpt 
        {
            
        }
        
      
     #mainContent #more 
     {
        width: 100%;
        float: left; 
        clear: left; 
        margin: 20px 0 50px 0;  
     }
     
     #mainContent .mapArea 
     {
        width: 50%;
        float: right;
     }
     
     iframe.mapFrame 
     {
        width: 425px;
        height: 350px;
        border: 0;    
     }
     
     ul.eventFormList
     {
        list-style-type: none;
        margin: 40px 0 0 0;
        padding: 0;    
     } 
     
     ul.eventFormList li 
     {
        margin: 5px;    
        float: left;
        clear: both;
     }
     
          ul.eventFormList li.caption
             {
                font-weight: bold;
             }
     
     
     ul.eventFormList li span 
     {
        display: block;
        float: left;
        width: 140px;
     }
     
     ul.eventFormList input, .eventFormList textarea 
     {
        float: left;    
     }
     

#footer 
{
    margin: 40px 0 0 0;    
}
    #footer ul 
    {
        float: left;  
        padding: 0;
        list-style-type: none;
        margin-right: 50px; 
        margin-top: 0; 
    }