/*  Master CSS document for OHOMAIRANGI LIMITED - Education, Training providers */

body {
    font:  0.9em/125% "Lucida Sans", Arial, Tahoma, Verdana, sans-serif;
    padding: 0; margin: 0;
    color:  #666;
    }

/*  required styling and classes */

    .clearfix:after {
        clear: both;
        display: inline-block;
        content: ".";
        height: 1%;
        visibility: hidden;
        }
/*  end required styles */

/*  link stlying - full document */

    a:link,
    a:visited,
    a:active
        {color: #8B5C29;}
        
    a:hover
        {color: #00A33D;}
        
    a img {border: none;}

/*  end link styling for now */

/*  header styling  */

    h1, h2, h3, h4, h5, h6 {color: #00A33D; font-family: Calibri, "Trebuche MS",  Tahoma, sans-serif;}

/*  end header styling  */

/*-------------------------------------------------------
    BEGIN LAYOUT STYLING  
-------------------------------------------------------*/
div#wrapper {
    width: 950px;
    margin: 0 auto;
    padding: 5px;
    }

div#header {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    background: url("../img/header-bg.png") no-repeat center top;
    padding-top: 5px;    
    }

    ul#nav {
        width: 950px;
        margin-top: 0.2em;
        margin-bottom: 0;
        }

    ul#nav li {
        float: left;
        margin-left: 10px;
        list-style: none;
        text-align: center;
        font: 1.1em/150%;
        }

div#contentWrap {
    width: 100%;
    overflow: auto;
    background: url("../img/wrapper-bg.jpg") repeat-y center top;
    }
    
div#main {
    width: 600px;
    padding: 4px; margin: 0;
    float: left;
    margin-left: 10px;
    }

    body div#wrapper  h1#logo {
        padding: 81px 0 0 0;
        overflow: hidden;
        background-image: url("../img/logo.png");
        background-repeat: no-repeat;
        font-size: 0em;
        
        margin: 0;
        height: 0px; !important
        height /**/: 81px;    
        }

div#sidebar {
    width:  300px;
    padding: 5px;
    float: left;
    margin-top: 81px;
    }
    
    ul#sidebarList { /* TODO style list and imagery */
        margin: 0;
        padding: 0;
        }
    
        ul#sidebarList li {
            list-style:  none;
            }

div#footer {
    clear: both;
    width: 100%;
    margin: 0px;
    background: url("../img/footer-bg.png") no-repeat center bottom;
    padding-bottom: 10px;
    padding-top: 30px;
    overflow: auto;
    }

    div#footer ul {
        margin: 0 auto;
        text-align: center;
        margin-left: 10px;
        }
        
        div#footer ul li {
            list-style: none;
            float: left;
            margin-left: 10px;
            }