﻿body 
{
    margin: 0;
    padding: 0;
    font-family: Arial, Tahoma, Verdana;
    font-size: 12px;
    background-color: #fff;
    background-image: url(../img/background.gif);
    background-repeat: repeat-x;
}

a {
    color: #10593b;        
}

a:hover {
    text-decoration: none;
}

#container 
{   
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -375px;    
    display: block;    
    width: 750px;
}
    #logo img {
        border: none;
    }

    #pagecontent {
        position: relative;
        float: left;
        display: block;        
        padding-top: 20px;
    }
    
        #form {
            float: right;        
            display: block;  
            width: 210px;
            height: 310px; 
            background: url(../img/formbackground.gif);      
            padding: 20px;            
        }
        
            #form label {
                display: block;
                margin-bottom: 10px;
            }
            
            #form label span {
                float: left;
                font-weight: bold;
                color: #FFF;
            }
            
            #form label span.whiteshade {
                float: right;
                font-weight: normal;
                color: #a8c0b0;
                font-size: 10px;
                padding-right: 2px;
            }
            
            #form input {
                border: 1px solid #626262;
                background-color: Transparent;
                background: url(../img/inputbackground.gif);  
                width: 201px;
                padding: 2px 2px;
                margin-bottom: 5px;           
            }
        
            #form input.button {
                width: 205px;                
                height: 40px;
                border: none;
                background-color: Transparent;
                background: url(../img/buttonbackground.gif);                
                cursor: pointer;
            }
            
            #form p {
                color: #a8c0b0;
                font-size: 14px;
                line-height: 1.2;
            }
            
            #form a {
                color: #a8c0b0;  
                font-weight: bold;      
            }

            #form a :hover {
                text-decoration: none;
            }
            
            #form #errorMessages {
                position: absolute;
                width: 100px;
                top: 55px;
                right: -110px;       
            }
            
            #form #errorMessages p {
                font-size: 10px;
                color: #FF0000;
                margin: 0 0 10px 0;      
            }
      
        #content {            
            float: left;
            width: 460px;
            margin-right: 40px;
            
        }
        
        #content h1 {
            color: #12602e;
            font-weight: bold;
            font-size: 16px;
            border-bottom: 1px dotted #83a99c;
        }
        
        #content h2 {
            color: #12602e;
            font-weight: bold;
            font-size: 14px;
            border-bottom: 1px dotted #83a99c;
        }
        
         #content td {
            border: 1px solid #cccccc;
        }
        
        #content p {
            font-size: 12px;
            color: #000;
        }
        
        #content p.shade {
            font-size: 10px;
            color: #868686;
        }
        
        #footer {
            float: left;
            display: block;
            margin-top: 20px;
            width: 100%;            
            border-top: 1px solid #10593b;
            font-size: 10px;
            text-align: center;
            padding: 5px;
            color: #999999;
        }

