/*----------------------------------------
    Main stylesheet for: Forklift School
    Author: Libby Chapman
    Email: Libby@simb.com.au
    Author website: http://www.simb.com.au
    ----------------------------------------*/ 
    
    /*----------------------------------------  
    Colour Master List
    
    Blue : #143482          
    Tan: #944125
    Off-white: #f0f5fb
    Dark blue (text): #071229
    ----------------------------------------*/ 

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td 
{
    border: 0;
    font-family: inherit;
    font-style: inherit;
    font-weight: inherit;
    line-height: normal;                
    margin: 0;
    outline: 0;     
    padding: 0;
}
    
html
{
    background: #84bdea url(../images/bk_page_dark.png) top left repeat-x;
}

body 
{       
   border: 3px solid black; 
   color: #071229;     
    font: 0.8em/1.4em  Verdana, Helvetica, sans-serif;
    margin: 20px auto;      
    width: 960px !important;     
}

/* Type and styling -------------------------------------------------------------------------------------  */

h1, h2, h3, h4, h5, h6
{
    color: #000;
    font-size: 1.4em;    
    line-height: 1.2em;
    padding-bottom: .2em; 
}

    h1
    {
        font-weight: bold;     
    }
    
    h2
    {
        color: #68696b;
        font-size: 1.3em;            
        font-weight: normal;
    }

    h3, h4
    {
        color: #143482;
        font-size: 1.3em;
        font-weight: bold;         
    }
    
    h5, h6
    {
        color: #143482;        
        font-size: 1.1em;
    }    
    
    #sidebar h2, #sidebar h3
    {
        color: #68696b;
        font-weight: bold;      
    }
    
    #header h4
    {                  
        color: #000;          
        font-size: 36px;
        font-weight: bold;
        font-style: italic;
        text-transform: uppercase;
    }    
    
    #header h5
    {                  
        color: #515151;          
        font-size: 14px;
        font-weight: bold;
    }

    #header h6
    {                  
        color: #000;          
        font-size: 14px;
        font-weight: bold;
    }        

p
{
    line-height: 1.5em; 
    padding-bottom: 0.8em;     
}

strong
{
	font-weight: bold;	
}

.left
{
    float: left;
}

.right
{
    float: right;
}

.center
{
    margin: 0 auto;
    text-align: center;
}

    .Rpadding
    {
        padding-right: 20px;
    }
    
    .Lpadding
    {
        padding-left: 20px;
    }    
    
    .Bpadding
    {
        padding-bottom: 20px;
    }
    
textRight
{
    text-align: right;
}
 
ul
{
    padding-bottom: 0.8em;  
}
    
    li
    {
        background: url(../images/i_hardhat_16.png) top left no-repeat; 
        background-position: 0 2px;
        color: #4f4f51;
        font-size: 0.9em;
        font-weight: bold;
        line-height: 20px;
        list-style-type: none; 
        margin-left: 10px;
        padding-left: 26px;   
        padding-bottom: 0.2em;  
    } 

blockquote
{
    background: url(../images/i_pen_16.png) bottom right no-repeat;
    margin-bottom: 20px; 
}   

    .author
    {
        color: #333;
        font-style: italic;
        padding-right: 20px; 
        padding-bottom: 20px;        
        text-align: right;
    }
    
        .author a
        {
            color: #333;
            text-decoration: none;
            border-bottom: 1px dashed;
        }  
        
        .author a:hover
        {
            color: #666;
        }
        
a
{
    border-bottom: 1px dashed;
    color: #071229;
    text-decoration: none;
}

    a:hover
    {
        color: #944125;
    }            
        
.button, #submit
{
    background: #7183b0 url(../images/bk_nav_light.png) top left repeat-x; 
    border: 1px solid #071229; 
    color: #f0f5fc;
    cursor: pointer;
    display: block;
        height: 1.6em;   
    font-size: 1em;
    font-weight: bold;
    line-height: 1.6em;        
    margin: 0 auto;
    padding: 6px;
    text-align: center;
    vertical-align: middle;     
    width: auto;     
} 

    a.button:hover, #submit:hover
    {
        background-image: none;
        color: #fff; 
    } 
    
.highlight
{
    color: #f06522;
}  

.divider
{
    border-bottom: 1px dashed #143482;
    display: block;
    height: 10px;
    margin-bottom: 20px;
    width: 100%;     
}         

/* Layout -------------------------------------------------------------------------------------  */ 

    #header
    {
        background: #fee504 url(../images/bk_header_dark.png) bottom left repeat-x;
        border-bottom: 3px solid black;
        height: 80px; 
        padding: 20px;
        position: relative;        
        width: 920px;          
    }

        #headerRight
        {
            position: absolute;
                bottom: 40px;
                right: 20px;
            text-align: right;
            width: 220px;
        }
        
    #logo
    {
       margin-top: -10px;
       margin-left: -10px;
       padding-right: 10px;
    }
        
    #main
    {     
        background: #fff url(../images/bk_page_light_40.png) top left repeat-x;         
        position: relative;
    }
    
    #content
    {
        
        min-height: 740px;
        padding: 40px 20px 20px 20px;
        width: 640px;
    }
    
    #sidebar
    {
        padding: 40px 20px 20px 20px;         
        position: absolute;
            top: 0;
            right: 20px;
        width: 220px;
    }
    
    #footer
    {
        background: #000 url(../images/bk_nav_light.png) top left repeat-x;
        clear: both;
        color: #ccc;
        height: 100px;
        padding: 10px 20px;
        text-align: center;
        width: 920px;            
    }  
    
    
    
    
/* Nav -------------------------------------------------------------------------------------  */ 
    #nav
    {
        background: #000 url(../images/bk_nav_light.png) top left repeat-x;         
        border-bottom: 3px solid black;
        height: 40px;
        padding-bottom: 0;
    }    
    
    ul#nav li
    {
        background: none;
        float: left;
        height: 100%;          
        line-height: 40px;
        list-style-type: none;
        margin: 0;           
        padding: 0;
    }
    
        ul#nav li a
        {
            border: 0 none;
                border-right: 1px solid #444243;             
            color: #fee504;
            float: left; 
            font-weight: bold;
            height: 100%;
            line-height: 40px;               
            text-decoration: none;          
            padding: 0 20px;            
        }
            
            ul#nav li a:hover
            {
                background-color: #fee504;
                color: #000;
            }   
            
            ul#nav li a.selected  
            {
               background-color: #666;                 
               color: #fff;
            }
            
/* Footer & Nav -------------------------------------------------------------------------------------  */     
      
        #footer a
        {
            border-bottom: 1px dashed;
            color: #ccc;
            text-decoration: none;
        }
            
            #footer a:hover 
            {
                
                color: #fee504;
            }
    #footer p
    {
        color: #ccc;
        font-size: 0.8em;
        padding-bottom: 0;
        padding-top: 10px;
    }
    
    #footer .highlight
    {
       color: #666;
    }