﻿/*-----------------------------------
LAYOUT 
VERSION 1
CLEAR BREEZE DESIGN
-----------------------------------*/


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

div.clearleft   
{
    clear: left
}

div.clearright
{
    clear: right
}

div.clearboth   
{
    clear: both
}


h1  
{
    text-transform: uppercase;
    color: #d6d6d6;
    margin-bottom: 30px;
}

h2  
{
    margin-bottom: 0;
    text-transform: uppercase;
    color: #d6d6d6
}

img 
{
    border: none
}

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

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

a   
{
    color: #b3b3b3;
    text-decoration: none;
    border-bottom: 1px dotted #b3b3b3
}

a:hover 
{
    color: #ffffff
}



/*-----------------------------------
PAGE WIDTH/POSITION SETTINGS
-----------------------------------*/

div.wholepage  
{
    width: 980px;
    margin: auto;
}

    






    /*-----------------------------------
    TOP BANNER SETTINGS
    -----------------------------------*/
    
    
    
    div.wholepage div#topbanner
    {
        width: 980px;
        height: 120px;
        background-image: url('../images/topbanner.gif');
        background-repeat: no-repeat;
        background-position: top left;
    }
    
    /* original logo */
    
    div.wholepage div#topbanneroriginal
    {
        width: 980px;
        height: 120px;
        background-image: url('../images/topbanner2.gif');
        background-repeat: no-repeat;
        background-position: top left;
    }
    
        /* home page top banner */
        
        div.wholepage div#topbannerhome
        {
            width: 980px;
        height: 120px;
        background-image: url('../images/topbannerhome.gif');
        background-repeat: no-repeat;
        background-position: top left;;
        }
    
        
        
    
           
            
        /*-----------------------------------
        TOP LEVEL NAVIGATION 
        -----------------------------------*/
        
        div.wholepage div.toplevnav  
        {
            float: left;
            width: 980px;
        }
        
            div.wholepage div.toplevnav ul 
            {
                margin-left: 0;
                padding-left: 0;
                margin-bottom: 0;
                padding-bottom: 0;
                margin-top: 0;
                padding-top: 10px;
                text-transform: uppercase;
                text-align: center;
                background-image: url('../images/menubg.gif');
                background-position: top center;
                background-repeat: no-repeat
            }
            
                div.wholepage div.toplevnav ul li    
                {
                    display: inline;
                    padding-right: 8px;
                    padding-left: 8px;
                    background-image: url('../images/menulibg.gif');
                    background-position: right;
                    background-repeat: no-repeat;
                    padding-bottom: 13px;
                }
                
                div.wholepage div.toplevnav ul li#last  
                {
                    background-image: none
                }
                
                    div.wholepage div.toplevnav ul li a  
                    {
                        
                        background-image: url('');
                        background-repeat: repeat-x;
                        text-decoration: none;
                        color: #b3b3b3;
                        border-bottom: none
                    }
                    
                    div.wholepage div.toplevnav ul li a:hover    
                    {
                        color: #ffffff
                    }
                    
                    div.wholepage div.toplevnav ul li a.topselected   
                    {
                        color: #ffffff
                    }
                    
        
         
        
        /*-----------------------------------
        MAIN CONTENT AREA 
        -----------------------------------*/
        
        div.wholepage div#maincontent 
        {
            width: 930px;
            padding-left: 30px;
            padding-right: 20px;
            padding-top: 40px;
            float: left;
        } 
        
            div.wholepage p 
            {
                margin-top: 0
            }
            
            div.wholepage strong    
            {
                
            }
            
            
            div.wholepage div#maincontent div.maininfo   
            {
                width: 430px;
                float: left;
                margin-right: 13px;
                padding-top: 20px;
            }
            
                div.wholepage div#maincontent div.maininfo ul    
                {
                    margin-top: 0;
                    margin-left: 0;
                    padding-left: 0;
                    list-style: none
                }
                
                    div.wholepage div#maincontent div.maininfo ul li 
                    {
                        padding-left: 20px;
                        background-image: url('../images/bullet.gif');
                        background-position: left;
                        background-repeat: no-repeat
                    }
            
            
            div.wholepage div#maincontent div.maininfo img.picleft  
            {
                float: left;
            }
            
            div.wholepage div#maincontent div.maininfo ul.conflist  
            {
                padding-left: 70px;
                margin-left: 70px;
                margin-bottom: 40px;
                padding-top: 19px;
            }
            
            
            
            
            /*-----------------------------------
            IMAGES AREA
            -----------------------------------*/
            
            
            div.wholepage div#maincontent div.secondinfo    
            {
                width: 460px;
                float: right;
                padding-top: 20px;
                text-align: right;
            }
            
                div.wholepage div#maincontent div.secondinfo dl 
                {
                    width: 218px;
                    float: left;
                    margin-top: 0;
                    margin-bottom: 0;
                    margin-left: 10px
                }
                
                div.wholepage div#maincontent div.secondinfo dl.botright    
                {
                    border-bottom: 1px solid #333333;
                    border-right: 1px solid #333333;
                }
                
                div.wholepage div#maincontent div.secondinfo dl.bot   
                {
                    border-bottom: 1px solid #333333;
                    margin-left: 0
                }
                
                div.wholepage div#maincontent div.secondinfo dl.last    
                {
                    padding-bottom: 14px;
                }
                
                    div.wholepage div#maincontent div.secondinfo dl dt  
                    {
                        margin: 0;
                        padding-top: 20px;
                        text-align: left;
                        padding-left: 15px;
                    }
                    
                    div.wholepage div#maincontent div.secondinfo dl dd  
                    {
                        margin: 0;
                        padding-left: 0;
                        padding-left: 8px;
                        padding-right: 40px;
                        padding-top: 10px;
                        padding-bottom: 10px;
                        text-align: left;
                    }
                    
                    div.wholepage div#maincontent div.secondinfo dl dd.split    
                    {
                        border-bottom: 1px solid #333333;
                    }
                    
                        div.wholepage div#maincontent div.secondinfo dl dd strong   
                        {
                            color: #d6d6d6
                        }
                        
                        
                        
                div.wholepage div#maincontent div.secondinfo ul 
                {
                    list-style: none;
                    margin: 0;
                    padding: 0;
                    float: right
                    
                }
                
                    div.wholepage div#maincontent div.secondinfo ul li  
                    {
                        float: left;
                        padding-left: 15px;
                        padding-bottom: 10px;
                    }
            
            
               /* church comm page definition list */
               
               div.wholepage div#maincontent div.secondinfo dl#church   
               {
                   float: right;
                   width: 400px;
               } 
               
                    div.wholepage div#maincontent div.secondinfo dl#church dt  
                    {
                        margin: 0;
                        padding-top: 20px;
                        text-align: right;
                        padding-left: 15px;
                        border-bottom: 1px solid #333333;
                        padding-bottom: 10px;
                    }
                    
                    div.wholepage div#maincontent div.secondinfo dl#church dt.nobotborder   
                    {
                        border-bottom: 0
                    }
                    
                    div.wholepage div#maincontent div.secondinfo dl#church dd  
                    {
                        float: left;
                        padding-left: 0
                    }
                    
                    
                
                
                
            
            
            
            /*-----------------------------------
            FOOTER
            -----------------------------------*/
            
            div.wholepage div#footer    
            {
                width: 950px;
                padding-top: 5px;
                padding-bottom: 5px;
                padding-left: 30px;
                clear: both;
                margin-top: 20px;
                margin-bottom: 40px;
            }
            
            /* home page footer */
            
            div.wholepage div#footerhome  
            {
                width: 950px;
                padding-top: 5px;
                padding-bottom: 5px;
                padding-left: 30px;
                clear: both;
                margin-top: 80px;
                margin-bottom: 40px;
                float: left
            }
            
                div.wholepage div#footerhome p    
                {
                    margin-top: 20px
                }
        
        
        
            /*-----------------------------------
            HOME PAGE BITS
            -----------------------------------*/
            
            #homepictext    
            {
                text-align: center;
                margin-top: 120px;
                margin-bottom: 30px;
            }
        
        
            /*-----------------------------------
            CASE STUDY
            -----------------------------------*/
            
            div.wholepage div.casestudy 
            {
                width: 940px;
                background-color: #ffffff;
                clear: both;
                margin-left: 20px;
                color: #000000;
                padding-top: 0;
                border-bottom: 20px solid #666666
            }
            
                div.wholepage div.casestudy a   
                {
                    color: #000000
                }
            
                div.wholepage h2.casestudyh2 
                {
                    margin-top: 0;
                    padding-top: 0;
                    background-color: #000000;
                    margin-bottom: 20px;
                }
            
                div.wholepage div.casestudy div.copy    
                {
                    width: 410px;
                    padding-left: 20px;
                    padding-bottom: 20px;
                }
                
                    div.wholepage div.casestudy div.copy h3 
                    {
                        color: #000000;
                        padding-top: 0;
                        margin-top: 0;
                        text-transform: uppercase
                    }
                    
                    div.wholepage div.casestudy div.copy h4
                    {
                        text-transform: uppercase;
                        margin-bottom: 0;
                        padding-bottom: 10px;
                        padding-top: 10px
                    }
                    
                    div.wholepage div.casestudy div.copy img    
                    {
                        border: 1px solid #666666
                    }
                    
                    div.wholepage div.casestudy div.copy img.noborder   
                    {
                        border: 0
                    }
                    
            div.wholepage div.casestudy div.picright    
            {
                float: right;
                width: 424px;
                margin-top: 30px;
                padding-right: 20px;
                padding-top: 20px;
            }
            
                div.wholepage div.casestudy div.picright img   
                {
                    border: 0;
                }
