﻿@import url('Core.css');

html, body, form
{
    height: 100%;
    margin: 0px;
}

body
{    
    background: #479cd0 url('Images/bg.gif') repeat-x top;
    
    font-family: Verdana;
    font-size: 10pt;
    color: #292929;
}


h1, h2, h3
{
    margin: 0px;
    color: #9f423a;
}

h1
{
    font-size: 16pt;
    margin-bottom: 10px;
}

h2
{
    font-size: 14pt;
    margin-top: 20px;
    color: Black;
}

h3
{
    font-size: 12pt;
    margin-top: 20px;
    color: Gray;
}

p
{

}

ul
{

}

li
{

}

img
{
border: none;
}

#container
{
    width: 834px;
    height: 100%;
    background: url('Images/containerbg.gif') no-repeat top;
    
    margin: 0 auto;
    
    
}


    #innercontainer
    {
        width: 832px;
        background: url('Images/innercontainerbg.gif') repeat-x top #62abd7;
        margin: 0 auto;
        
        min-height: 100%;
        
        overflow: hidden;
    }
    
    * html #innercontainer
    {
        height: 100%;
        overflow: visible;
    }
    
        #header
        {
            width: 832px;
            height: 120px;
            background: url('Images/header.gif') no-repeat;
        }
        
        #menu
        {
            width: 180px;

            
            float: left; 
            
            position: relative;
            left: 16px;
            
            background: white;
            
            text-align: center; 
            
            color: #3f3f3f;   
            
            z-index: 50;  
            
            padding-top: 10px;
            padding-bottom: 10px;      
            
            
            

        }
        
            #menu ul 
            {   
                list-style: none; 
                margin: 0px;  

                width: 180px;
                padding: 0px; 
                
                color: #3f3f3f;
                text-decoration: none;
                font-size: 9pt;
                font-weight: bold;

            }
            
            #menu li 
            {             
                margin: 0px;
                
                cursor: default;
                
                position: relative;
                
                height: 22px;
                
                padding-top: 6px;
            }
            
            #menu li:hover
            {
                background: url('Images/menuhover.gif') no-repeat;
            }
                    
                #menu li ul
                {     
                    position: absolute;
                    
                    display: none;
                    
                    list-style: none; 

                    width: 180px;
                    
                    top: -13px;
                    left: 180px;
                   
                    margin: 0px; 
                    padding-top: 10px;
                    padding-bottom: 10px;
                    
                    list-style: none; 
                    
                    border: solid 3px #e1bdbe;
                    background: white;
                    
                }   
                               
                #menu li ul li
                {                     
                    display: block; 
                    
                    width: 180px;
                    background: white;
                    
                    height: 22px;
                    
                    
                    
                    /*background: url('Images/menuhover.gif') no-repeat;*/
                    
                    padding-top: 6px;

                } 
                
                #menu li ul li:hover
                {
                    background: url('Images/menuhover.gif') no-repeat;
                }
            
               
                
                #menu li ul li a
                {
                    color: #3f3f3f;
                    text-decoration: none;
                    font-size: 9pt;
                    font-weight: bold;
                    
                    width: 180px;
                }
                
            #menu a 
            { 
                color: #3f3f3f;
                text-decoration: none;
                font-size: 9pt;
                font-weight: bold;  
                
                width: 180px;              
            }
            
            #menu a:hover
            { 
                text-decoration: none;
                
            }
        
        #content
        {
            width: 582px;
            height: auto; 
            
            float: right;
            position: relative;
            right: 16px;
            
            padding: 10px;
            
            background: white url('Images/contentbg.gif') bottom right no-repeat;
            
            min-height: 600px;  
            z-index: 10;      
        }
        
        * html #content
        {
            height: 600px;
        }
        
        #menu, #content
        {

            border: solid 3px #e1bdbe;
        }
        
#footer
{
    clear: both;
    padding-top: 20px;
    padding-bottom: 40px;
    
    color: White;
    font-size: 8pt;
    text-align: center;
}

#footer a
{
    text-decoration: none;
    color: White;
    font-weight: bold;
    
}


td.legend
{
    width: 150px;
}

th
{
    text-decoration: underline;
}


