/*-----------------------------------

LAYOUT FOR COBENS
VERSION 1
CLEAR BREEZE DESIGN

-----------------------------------*/







body
{
    color: #333333;
    background-color: #ffffff;
    margin-top: 0;
    background-image: url('../images/bodybg.jpg');
    background-position: top center;
    background-repeat: no-repeat
}



a
{
    color: #000000;
}



div.clear
{
    clear: left;
}



div.clearleft
{
    clear: left;
}

div.clearright
{
    clear: right;
}

div.clearboth
{
    clear: both;
}



img
{
    border: 0;
}



img.left
{
    float: left;
    margin-right: 20px;
}



img.right
{
    float: right;
    margin-left: 10px;
}



h1
{
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 14px;
    padding-top: 5px;
    background-color: #80a3b7;
    background-image: url('../images/h1bg.gif');
    background-position: bottom;
    background-repeat: repeat-x;
    color: #ffffff;
    margin-left: 0;
    margin-right: 0;
    padding-left: 10px;
    font-weight: normal
}

h2  
{
    margin-left: 10px;
    margin-top: 10px;
    padding-bottom: 0;
    margin-bottom: -5px;
    color: #154e7b
}

    



/*------------------------------------ 
footer 
------------------------------------*/



div#wholepage div.footer
{
    width: 960px;
    clear: both;
    color: #999999;
    background-color: #b8ccd8;
    background-image: url('../images/footerbg.gif');
    background-position: top;
    background-repeat: repeat-x;
    color: #3d4549;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-top: 1px solid #ffffff;
    margin-top: 50px;
}

    div#wholepage div.footer p  
    {
        margin-top: 0;
        margin-bottom: 0
    }






/* page area */

div#wholepage
{
    width: 980px;
    margin: auto;
    background-color: #ffffff;
    margin-top: 0;
    background-image: url('../images/pagebg.jpg');
    background-position: top;
    background-repeat: no-repeat
}



/* auxilliary menu */





/* top  banner with menu */



div#wholepage div#topbanner
{
    
}

    div#wholepage div#topbanner ul
    {
        margin-left:0;
        padding-left: 100px;
        padding-top: 0;
        padding-bottom: 0;
        margin-bottom: 0;
        width: 880px;
        list-style: none;
        float: left;
        margin-top: 110px;
        background-color: #c8c9c9;
        background-image: url('../images/topmenubg.gif');
        background-position: left;
        background-repeat: repeat-y
    }



        div#wholepage div#topbanner ul li
        {
            float: left;
        }


        div#wholepage div#topbanner ul li a
        {
            display: block;
            text-decoration: none;
            color: #333333;
            padding-bottom: 7px;
            padding-left: 20px;
            padding-right: 20px;
            padding-top: 6px;
            background-image: url('../images/menulibg.gif');
            background-position: top left;
            background-repeat: no-repeat;
        }
        
        div#wholepage div#topbanner ul li a.first 
        {
            background-image: none
        }


        div#wholepage div#topbanner ul li a:hover
        {
            color: #ffffff
        }

        div#wholepage div#topbanner ul li.selected
        {
            font-weight: bold
        }
        
        div#wholepage div#topbanner ul li a.first 
        {
            background-image: none
        }
        
            div#wholepage div#topbanner ul li.selected a
            {
                font-weight: bold
            }
        
        /* login link */
        
        div#wholepage div#topbanner ul li.login 
        {
            background-image: url('../images/loginbg.gif');
            background-position: top left;
            background-repeat: no-repeat;
            margin-left: 20px;
        }

            div#wholepage div#topbanner ul li.login a   
            {
                background-image: url('../images/loginkey.gif');
                background-position: right 5px;
                background-repeat: no-repeat;
                padding-right: 40px;
            }


    
    





/* navigation */



div#wholepage div.secondlevnav
{
    width: 235px;
    float: left;
    margin-top: 107px;
    
}




/* submenu */



div#wholepage div.secondlevnav div.toolbar
{
    background-image: url('../images/navigationbg.jpg');
    background-position: bottom;
    background-repeat: no-repeat;
    margin-bottom: 0;
}


div#wholepage div.secondlevnav ul
{
    list-style: none;
    margin-left: 0;
    padding-left: 0;
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 0;
    background-image: url('../images/submenubg.gif');
    background-position: top;
    background-repeat: repeat-y;
    background-color: #d4d3c6
}



div#wholepage div.secondlevnav ul li
{
    background-image: url('../images/submenulibg.gif');
    background-position: left bottom;
    background-repeat: no-repeat;
}



div#wholepage div.secondlevnav ul li.last
{
    
}



div#wholepage div.secondlevnav ul li.first
{
    
}



div#wholepage div.secondlevnav ul li a
{
    
    display: block;
    text-decoration: none;
    color: #494942;
    padding-left: 20px;
    padding-top: 3px;
    padding-bottom: 4px;
}

   
    
    
    



div#wholepage div.secondlevnav ul li a:hover
{
    color: #ffffff;
    background-color: #6d6c64
}

    
    
    

div#wholepage div.secondlevnav ul li a.selected
{
    color: #ffffff;
    background-color: #6d6c64
}







 
 
/*-----------------------------------
maincontent CONTENT AREA 
-----------------------------------*/

div#wholepage div#maincontent  
{
    margin-right: 226px;
    margin-left: 245px;
    padding-top: 0;
    border-left: 1px solid #dee7ed;
    border-right: 1px solid #dee7ed;
    background-color: #ebf1f5;
    margin-top: 60px;
    background-image: url('../images/mainbg.gif');
    background-position: bottom;
    background-repeat: repeat-x
} 

    
    div#wholepage div#maincontent p {
    padding-right: 10px;
    padding-left: 10px;
    }
    
    div#wholepage div#maincontent p.intro   
    {
        background-color: #e2e3e4;
        margin-left: 10px;
        margin-right: 10px;
        padding-top: 8px;
        padding-bottom: 10px;
        color: #636363;
        border: 1px dashed #848585
    }
    
    
    
    /* data table */
    
    div#wholepage div#maincontent table 
    {
        margin-left: 10px;
        margin-right: 10px;
        width: 486px;
        background-color: #ffffff
    }
    
        div#wholepage div#maincontent table tr.header   
        {
            background-color: #52514a;
            color: #ffffff;
            background-image: url('../images/tableheadbg.gif');
            background-position: top;
            background-repeat: repeat-x
        }
        
            div#wholepage div#maincontent table tr.header td    
            {
                border-bottom: 1px solid #a6a599;
                padding-top: 0;
                padding-bottom: 0
            }
        
        div#wholepage div#maincontent table td  
        {
            padding-left: 5px;
            padding-right: 5px;
            border-bottom: 1px solid #cccccc;
            padding-bottom: 3px;
            padding-top: 3px
        }
    
    
    
    
    /* feedback form */
    
    div#wholepage div#maincontent table.feedbackform  
    {
        margin-left: 10px;
        margin-right: 10px;
        width: 486px;
        background-image: url('../images/formbg.gif');
        background-position: top;
        background-repeat: repeat-x;
        border-top: 1px solid #80a3b7;
        border-left: 1px solid #c0d2db;
        border-right: 1px solid #c0d2db;
        color: #0f3451;
        background-color: #ffffff
    }
    
        div#wholepage div#maincontent table.feedbackform td 
        {
            width: 50%;
            padding-left: 20px;
            padding-bottom: 10px;
            padding-top: 10px;
            vertical-align: top;
            border-bottom: 1px solid #ffffff
        }
        
            div#wholepage div#maincontent table.feedbackform td input, textarea   
            {
                border: 1px solid #80a3b7;
                width: 200px
            }
            
            div#wholepage div#maincontent table.feedbackform td textarea    
            {
                height: 150px
            }
        
            div#wholepage div#maincontent table.feedbackform td.button  
            {
                text-align: right;
                padding-right: 20px
            }
            
                div#wholepage div#maincontent table.feedbackform td.button input    
                {
                    background-image: url('../images/buttonbg.gif');
                    background-position: bottom;
                    background-repeat: repeat-x;
                    width: auto;
                    border: 1px solid #80a3b7;
                    padding-left: 10px;
                    padding-right: 10px;
                    color: #194d74
                }



 
 
 
 /*-----------------------------------
AREA FOR CALLOUTS, CALL TO ACTIONS & ADDITIONAL INFORMATION 
-----------------------------------*/

div#wholepage div.addinfo  
{
    float: right;
    width: 140px; 
    margin-top: 120px;
    padding-left: 70px;
    background-image: url('../images/contacticon.gif');
    background-position: left;
    background-repeat: no-repeat;
    color: #104a7d;
    font-weight: bold;
    padding-top: 8px;
    padding-bottom: 5px;
}