


body
    {
    margin: 0;
    padding: 0;
    color: #333;
    font: 13px Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
    background: #cfe2e6;
    text-align: center;
    }
a
    {
    color: #307082;
    }
a:hover
    {
    color: #D60808;
    }
acronym
    {
    border: none;
    }

 #preamble h3, #explanation h3, #participation h3, #benefits h3, #requirements h3
    {
    display:none;
    }

#container
    {
    background: #ffffff;    
    margin: 0 auto;
    width: 724px;
    position: relative
    background: #fff;
    padding: 0 10px 0 10px;
    text-align: left;

    }
* html #container
    {

    width: 724px;
    }

#pageHeader
    {
    position: absolute;
    top: 25px;
    left: 40px;
    }
h5
    {
    width: 120px;
    height: 50px;
    overflow: hidden;
    margin: 0;
    }
h1 span
    {
    display:none;

    }
h2
    {
    font-size: 12px;
    margin: 0;
    }

#quickSummary
    {
    padding-top: 0px;
    }
#quickSummary .p2
    {
    font-size: 12px;
    position: absolute;
    top: 65px;
    right: 20px;
    margin: 0px;
    }
#container #intro #quickSummary .p1
    {
    font-size: 11px;
    height: 190px;
    background: url("SkillgateBanner.jpg") no-repeat;
    margin: 0;
    width: 724px;
    color: #fff;
    font: 12px/150% Trebuchet MS;
    }


#container #intro #quickSummary .p3
    {
    font-size: 11px;
    height: 190px;
    background: url("PublicScheduleBanner.jpg") no-repeat;
    margin: 0;
    width: 724px;
    color: #fff;
    font: 12px/150% Trebuchet MS;
    }

#container #intro #quickSummary .p4
    {
    font-size: 11px;
    height: 190px;
    background: url("RoomHireBanner.jpg") no-repeat;
    margin: 0;
    width: 724px;
    color: #fff;
    font: 12px/150% Trebuchet MS;
    }


#container #intro #quickSummary .p5
    {
    font-size: 11px;
    height: 190px;
    background: url("TechnicalWritingBanner.jpg") no-repeat;
    margin: 0;
    width: 724px;
    color: #fff;
    font: 12px/150% Trebuchet MS;
    }

#container #intro #quickSummary .p6
    {
    font-size: 11px;
    height: 190px;
    background: url("TestingBanner.jpg") no-repeat;
    margin: 0;
    width: 724px;
    color: #fff;
    font: 12px/150% Trebuchet MS;
    }



#container #intro #quickSummary .p7
    {
    font-size: 11px;
    height: 190px;
    background: url("CustomisedTrainingBanner.jpg") no-repeat;
    margin: 0;
    width: 724px;
    color: #fff;
    font: 12px/150% Trebuchet MS;
    }


#container #intro #quickSummary .p1 span
    {
    padding: 30px 530px 0 30px;
    display: block;
    margin: 0;
    font: 12px/150% Trebuchet MS;
    }


#container #intro #quickSummary .p3 span
    {
    padding: 30px 530px 0 30px;
    display: block;
    margin: 0;
    font: 12px/150% Trebuchet MS;
    }



#container #intro #quickSummary .p4 span
    {
    padding: 30px 530px 0 30px;
    display: block;
    margin: 0;
    font: 12px/150% Trebuchet MS;
    }


#container #intro #quickSummary .p5 span
    {
    padding: 30px 530px 0 30px;
    display: block;
    margin: 0;
    font: 12px/150% Trebuchet MS;
    }


#container #intro #quickSummary .p6 span
    {
    padding: 30px 530px 0 30px;
    display: block;
    margin: 0;
    font: 12px/150% Trebuchet MS;
    }



#container #intro #quickSummary .p7 span
    {
    padding: 30px 530px 0 30px;
    display: block;
    margin: 0;
    font: 12px/150% Trebuchet MS;
    }

#supportingText
    {
    margin: 0 20px 0 243px;

    }

#supportingText .heading1
    {
    font-size: 22px;
    margin: 0;
    line-height: 150%;
    margin: 10px 0 10px 0;
    }
 
#supportingText p
    {
    line-height: 150%;
    margin: 10px 0 10px 0;
    }
 

#linkList
    {

    position: absolute;
    top: 200px;

    width: 210px;

    }

#lselect ul, #larchives ul, #lresources ul
    {
    list-style-type: none;
    margin: 0;
    padding: 0 20px 0 40px;
    border-right: solid #cfe2e6 5px;
    }
#lselect ul li a
    {
    text-decoration: underline;
    display: block;
    font-size: 13px;
    }
#lselect ul li.c, #lselect ul li a.c
    {
    display: inline;
    font-size: 12px;
    color: #333;
    }
#lselect ul li a.c
    {
    text-decoration: none;
    }
#lselect ul li a.c:hover
    {
    color: #D60808;
    }
#lselect ul li
    {
    font-size: 12px;
    border-bottom: 1px solid #E6EEF0;
    }
#linkList #larchives ul li
    {
    font-size: 13px;
    border-bottom: 1px solid #E6EEF0;
    display: block;
    padding: 5px 0;
    }
#linkList #lresources ul li
    {
    font-size: 13px;
    border-bottom: 1px solid #E6EEF0;
    display: block;
    padding: 5px 0;
    }
#lresources h3.resources
    {
    background: url("resources.gif") no-repeat;
    width: 69px;
    height: 15px;
    margin: 30px 0 5px 40px;
    }
#larchives h3.archives
    {
    background: url("archives.gif") no-repeat;
    width: 69px;
    height: 15px;
    margin: 30px 0 5px 40px;
    }

#footer
    {
    position: relative;
    background: url("footer.gif") no-repeat;
    color: white;
    height: 200px;
    text-align: right;
    padding: 0 10px 0 0;
    line-height: 26px;
    font-size: 11px;
    }
#footer a
    {
    color: #fff;
    text-decoration: none;
    }
#footer a:hover
    {
    text-decoration: underline;
    }

.sub_topic
    {
    list-style-type: none;
    margin: 0;
    padding: 0 0 0 20px;
    font-size: 9px;
    color: #333;
    border-bottom: 1px solid #E6EEF0;
    }

.sub_topic a.c:hover
    {
    color: #D60808;
    }


.menuoptions
    {
    color: #FF3300;
    font: 18px/150% Trebuchet MS;
    text-align: center;
    }

.monospace
    {
    color: #CC0000;
    font: 14px/150% Trebuchet MS;
    text-align: center;
    }
