/*------------------------------------------------------------------
[Master Stylesheet]

Project:    BDT Website
Version:    3
Last change:    2/07/08 [Joomla'd]
Assigned to:    David Whipps (dw), Coen Hyde (ch)
Primary use:    Master Stylesheet
-------------------------------------------------------------------*/

a img { border: none; }


a:active {outline: none;}
a:focus {-moz-outline-style: none;}

    body {
        margin: 0px;
        padding: 0px;
        background: #213246 url(/assets/siteimages/backgroundrepeat.gif?v=9ef1f0) repeat-x;
        width: 100%;
        font: 0.9em Verdana, Arial, Helvetica, sans-serif;
        color: #F2F2F2;

    }
    
    
/* -----------TYPEFACES--------------------------- */

    #contentContainer {color: #000000; font: 0.8em arial, Helvetica, sans-serif; letter-spacing: 0;}
                #contentContainer h1 {font-family: Helvetica, Arial, sans-serif; color: #213246; font-size: 3.3em; line-height: 0.6em; margin: 5px 0 15px;  padding: 0px 0px 6px 0px; letter-spacing: 0.5px; font-weight: bold;}
                #contentContainer h2 {font-family:  Arial, sans-serif; color: #213246; font-size: 1.3em; letter-spacing: 1.8px; font-weight: 600; padding-left: 2px;}
                #contentContainer h3 {font-family: Helvetica, Arial, sans-serif; color: #213246; font-size: 3.3em; line-height: 0.6em; margin: 0px 0 0px;  padding: 0px 0px 0px 0px; letter-spacing: 0.5px; font-weight: bold;}
                #contentContainer p {line-height: 1.6em; }
                #contentContainer a {color: #355070; text-decoration: none; font-weight: 600;}
                #contentContainer a:hover {text-decoration: underline;}
                #contentContainer strong { font-size: 1.1em; font-weight: 600;}
                
    #quote {padding-left: 20px; line-height: 1.6em}
    
    #textBox {color: #000000; font: 1.2em Verdana, Arial, Helvetica, sans-serif; letter-spacing: 0;}

    footer { display: block; color: #49617a; font: 0.7em Verdana, Arial, Helvetica, sans-serif;}
                    footer a {color: #7793af; text-decoration: none}
                    footer a:hover {text-decoration: underline}

/* ----------banner for logo-------------- */

    #banner {
        position: relative;
        margin: 0 auto;
        background: url(/assets/siteimages/title.png?v=9ef1f0) no-repeat;
        width: 820px;
        height: 180px;
        margin-bottom:0px;
        padding-bottom:10px;
    }
    #banner a {
        text-indent: -9999px;
        display: block;
        width: 100%;
        height: 100%;
    }
    
/* ----------Top Bar of the Page-------------- */

    #topBar {
        position: relative;
        height: 20px;
        width: 100%;
        background-color: #213246;
        border-bottom: #84aad7 1px solid;
    }
    
    
/* ----------- MENU -------------- */

    #nav {
        width: 760px;
        margin: 0px auto;
        padding: 5px 0;
        /*background-color: #213246;*/
        height: 18px;
    }
    
    #nav ul {
        text-align:center;
        padding: 0px 5px;
        margin:0px;
        font-family: verdana, arial, sans-serif;
        font-weight: 400;
        text-transform: uppercase;
    }
    
    #nav ul li {
        display: inline;
        padding: 10px 0px;
    }
    
    #nav ul li a {
        padding: 5px 15px;
        text-decoration:none;
        color:white;
    
    }
    
    #nav ul li a:hover {
        /*color:#7799bb;*/
        background: #213246;
    }   
        
    

    
/* -----------------content--------------------- */

    #contentContainer {
    width: 760px;
    margin: 5px auto;
    padding: 8px 0 0;
    background: #f1f1f1 url(/assets/siteimages/content-background.gif?v=9ef1f0) repeat-x bottom;
    border: 1px solid #000000;
    }
    
/* -----------------content left--------------------- */

        #contentLeft {
        float: left;
        width: 440px;
        padding: 10px 20px 20px 20px;
        }
        
        #welcomeTo {
        left: -15px;
        top: 12px;
        }
    
    
    /* -----------------content right--------------------- */

        #contentRight {
        float: right;
        width: 280px;
        }
                    
        
    /* -----------------content end--------------------- */
    
        #contentEnd {
        text-align: right;
        clear: both;
        }
    

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

    footer {
    width: 760px;
    margin: 20px auto;
    padding: 15px 0 15px;
    border-top: 1px solid #49617a;
    text-align: center;
    }
    

/* -----------------Courses Blue Card Login--------------------- */
            
            #box {
            padding-left: 10px;
            margin-bottom: 15px;
            border: 1px solid #d0dae6; 
            background-color: #f6f5f5;
            padding: 10px;
            }

            
    /* *************LINKS PAGE************* */
            
            
            
    #aboutpic {
        background-image: url(/assets/siteimages/aboutpics.png?v=9ef1f0);
        height: 500px;
        width: 262px;
    }
    
    .date {
        font-size: 0.9em;
        color: #999;
        padding: 0 10px;
        text-align: center;
    }
        
    .newstitle {
        font-size: 2em !important;
        line-height: 1em !important;
        text-align: center;
        padding: 0;
        margin: 0;
        font-weight: 600;
    }
    
    .newstable {
        font-size: 1em; 
    }
    
    .newstable td {
        padding: 10px 15px; 
    }
    
    
    /* -----------------FRONT PAGE--------------------- */


.small_butt {
    display:block;
    margin: 0;
    width: 111px;
    height: 35px;
    background-repeat: no-repeat;
}

#qld {
        height: 35px;
        background: url(/assets/siteimages/qld_sprite.png?v=9ef1f0) 0 0 no-repeat;
        text-decoration: none;
        text-indent: -9999px;
}

#qld:hover {
    background-position: 0 -35px;
}

#wa {
        height: 35px;
        background: url(/assets/siteimages/wa_sprite.png?v=9ef1f0) 0 0 no-repeat;
        text-decoration: none;
        text-indent: -9999px;
}

#wa:hover {
    background-position: 0 -35px;
}


#applink {
    display:block;
    margin: 0;
    width: 219px;
    height: 25px;
    background: url(/assets/siteimages/applogin_sprite.png?v=9ef1f0) 0 0 no-repeat;
    text-decoration: none;
    text-indent: -9999px;
}

#applink:hover {
    background-position: 0 -25px;
}

#shortcors {
    display:block;
    margin: 0;
    width: 219px;
    height: 25px;
    background: url(/assets/siteimages/shortcourses_sprite.png?v=9ef1f0) 0 0 no-repeat;
    text-decoration: none;
    text-indent: -9999px;
}

#shortcors:hover {
    background-position: 0 -25px;
}

#cprstart {
    display:block;
    margin: 0;
    width: 304px;
    height: 55px;
    background: url(/assets/siteimages/cprstartcourse_sprite.png?v=9ef1f0) 0 0 no-repeat;
    text-decoration: none;
    text-indent: -9999px;
}

#cprstart:hover {
    background-position: 0 -55px;
}

#appbox {
    height: 25px;
    margin-right: 29px;
    margin: 0 auto 20px auto;
    width: 655px;
}

#appbox ul {
    list-style: none;
    margin: 0 0 0 50px;
    padding: 0;
    }   
        #appbox li {
            display: inline;
        }
        #appbox li a {
            float: right;
        }
        
        

#whitecardbox {
    display: block;
    width: 700px;
    background-color: #ebedf0;
    border: 1px solid #d0dae6;
    text-align: center;
    margin: 20px auto;
}

    #whitecardbox ul {
        list-style: none;
        margin: 0 0 0 50px;
        padding: 0;
    }   
        #whitecardbox li {
            display: inline;
        }
        #whitecardbox li a {
            float: left;
        }
        


hr { clear: both; visibility: hidden; }


#whitecard-banner { background: url(/assets/siteimages/whitecard-banner-bg-2.jpg?v=9ef1f0) no-repeat top left #213246; height: 275px; margin: 0 0 15px 0; position: relative; width: 760px; }
    /*#wc-info { color: white; position: absolute; top: 170px; left: 494px; width: 250px; }*/
    #wc-info { color: white; position: absolute; top: 10px; left: 494px; width: 250px; }
        #wc-info .title h2 { color: white; line-height: 28px; font-size: 16px; font-weight: normal; margin: 6px 0; padding: 0; text-align: center; }
        #wc-info .title span { font-size: 20px; }
        #wc-info .title p { font-size: 18px; }
        #wc-info .title strong { color: white; display: block; font-size: 35px; margin: 10px 0 ; text-align: center; }
        #wc-info p { clear: both; margin: 0; padding: 10px 0 0 0; text-align: center; width: 250px; }
        #wc-info ul { list-style: none; margin: 5px 0; padding: 0px; }
        #wc-info li { display: inline; }
        #wc-info a { color: white; text-decoration: underline; }
        #wc-info a.qld,
        #wc-info a.wa,
        #wc-info a.tas { background: url(/assets/siteimages/wc-login-sprite.png?v=9ef1f0) no-repeat 0 0; display: block; float: left; height: 36px; margin: 0 0 0 4px; text-indent: -9999px; width: 78px; }

        #wc-info a.wa { background-position: -82px 0; }
        #wc-info a.tas { background-position: -163px 0; }
        #wc-info a.qld:hover { background-position: 0 -42px; }
        #wc-info a.wa:hover { background-position: -82px -42px; }
        #wc-info a.tas:hover { background-position: -163px -42px; }
    
#drawer { background: url(/assets/siteimages/drawer-bg.png?v=9ef1f0) no-repeat #a8a8a8; margin: auto; padding: 10px 0 0 0; width: 730px; }
    #drawer div { padding: 0 10px; }
    #drawer .bottom { background: url(/assets/siteimages/drawer-bottom.png?v=9ef1f0) no-repeat bottom; clear: both; height: 13px; padding: 0; }
    #drawer ul { list-style: none; margin: 0; padding: 0; }
        #drawer li { float: left; margin: 0 5px; text-align: center; width: 224px; }
    #drawer a.apprentice,
    #drawer a.short-courses,
    #drawer a.vet-in-schools { background: url(/assets/siteimages/login-sprite.png?v=9ef1f0) no-repeat 0 0; display: block; height: 35px; margin: auto; text-indent: -9999px; width: 218px; }
    
    #drawer a.short-courses { background-position: -218px 0; width: 184px; }
    #drawer a.vet-in-schools { background-position: -402px 0; width: 192px; }
    #drawer a.apprentice:hover { background-position: 0 -35px; }
    #drawer a.short-courses:hover { background-position: -218px -35px; }
    #drawer a.vet-in-schools:hover { background-position: -402px -35px; }


#contentContainer .news-item h2 {
    font-family: Arial, sans-serif;
    font-size: 24px;
    text-align: center;
}


.latest-news { color: #5d5d5d; font-size: 1.1em; margin-bottom: 5px; }
    .news-thumb { background: white; border: 1px solid #aaa; float:left; margin: 8px 10px 0 0; padding: 3px; }
    
    
.news-inset { background: white; border: 1px solid #aaa; color: #555; float: right; font-size: 10px; margin: 0 0 5px 5px; padding: 4px; text-align: center; width: 300px; }
    .news-inset img { display: block; margin: 0 auto 4px auto; }
    

#white-card { background: url(/assets/siteimages/white-card-bg.png?v=9ef1f0) no-repeat top; margin: 0 -5px; padding: 20px; }
    #white-card h2 { font-size: 22px; }
    #white-card p { text-align: justify; }
    #white-card .get-your-white-card-today { margin: 30px 0 0 0; }
    

img.news-full { margin: 0 -20px; }

blockquote { background: url(/assets/siteimages/blockquote-bg.png?v=9ef1f0) no-repeat top left; margin: 10px 30px 10px 0; padding: 0 0 0 70px; }
    blockquote .reference { text-align: right; font-style: italic; }

ul {
    line-height: 1.6em;
}

.box {
    border-right: 1px solid #ccc;
    width: 328px;
    padding: 0 25px;
    float: left;
    font-size: 1.1em;
}
.box.last {
    border-right: none;
}


/* BEGIN -- TESTING banner buttons */
#drawer {
    background: none;
    border-bottom: 1px solid #CCC;
    padding-bottom: 0.5em;
    padding-left: 30px;
    background: #DDD;
}
h4 {
    margin: 1em 0;
}
#drawer .bottom {
    height: 1px;
    background: none;
}
#drawer a.apprentice,
    #drawer a.short-courses,
    #drawer a.vet-in-schools { background: url(/assets/siteimages/login-sprite-2.png?v=9ef1f0) no-repeat 0 0; display: block; height: 38px; margin: auto; text-indent: -9999px; }
    
    #drawer a.apprentice { background-position: 0 0; width: 171px; }
    #drawer a.short-courses { background-position: -172px 0; width: 152px; }
    #drawer a.vet-in-schools { background-position: -323px 0; width: 171px; }
    #drawer a.apprentice:hover { background-position: 0 -38px; }
    #drawer a.short-courses:hover { background-position: -172px -38px; }
    #drawer a.vet-in-schools:hover { background-position: -323px -38px; width: 171px; }

#whitecard-banner { 
    background: url(/assets/siteimages/whitecard-banner-bg-3.jpg?v=9ef1f0) no-repeat top left #213246; 
}
#wc-info {
    left: 444px;
}
#wc-info p, #wc-info {
    width: 300px;
}
#wc-info ul {
    margin-left: 20px;
}
#wc-info a.qld,
#wc-info a.wa,
#wc-info a.tas { background: url(/assets/siteimages/wc-login-sprite2.png?v=9ef1f0) no-repeat 0 0; display: block; float: left; height: 50px; margin: 10px 0 -5px 4px; text-indent: -9999px; width: 83px; }

#wc-info a.qld { background-position: -83px 0; }
#wc-info a.tas { background-position: -166px 0; }
#wc-info a.wa:hover { background-position: 0 -50px; }
#wc-info a.qld:hover { background-position: -83px -50px; }
#wc-info a.tas:hover { background-position: -166px -50px; }


#other-courses {
}
#other-courses h3 {
    border-top: 1px solid #CCC;
    padding-top: 1em;
    margin-top: 1em;
}
#other-courses ul, #other-courses li {
    padding: 0;
    margin: 0;
    list-style-type: disc;
}
#other-courses li {
    margin-left: 1.5em;
}
#other-courses a {
    font-weight: normal;
}

.facebook {
    padding-top: 1em;
    margin-top: 2em;
    border-top: 1px solid #CCC;
}
.facebook iframe {
    margin-top: 10px;
}
.facebook .twitter {
    padding-top: 1em;
}
.newsContent {
    font-size: 1.2em;
}