body{
        margin-top:5;
        margin-bottom:5;
        margin-right:0;
        margin-left:0;
        font-family:"Trebuchet MS", sans-serif;
        font-size:10.0pt;
        text-align: center;
        line-height: 1.2em;
        background: url("../assets/bg.jpg") repeat-x;
        background-color: #B5D3EF;
        }

b        {
        font-size: 110%;
        }
h1        {
        font-size:13.0pt;
        text-align: center;
        text-decoration:none;
        color:#000099;
        }

legend{
        color:#2B66DD;
        font-size:12.0pt;
        line-height: 1.2em;
        }

ul        {
        list-style-image: url(../assets/breadcrumb.png);
        line-height: 1.4em;
        }

hr        {
        text-align: center;
        border: 0;
        width: 80%;
        color: #000099;
        height: 1px;
        }

em        {
        color: red;
        }

a         {
        font-size:10.0pt;
        text-decoration:none;
        color:#666;
        }

a:hover {
        color: #336699;
        }

a:active {
        color:#666;
        }

#maincontainer{
        width: 750px; /*Width of main container*/
        margin: 0 auto; /*Center container on page*/
        text-align: left; /*Set left align on container*/
        margin-bottom: 0px;
        padding-bottom: 0px
        min-height: 100%;
        }

#header{
        margin-top:0;
        margin-bottom:0;
        margin-right:0;
        margin-left:0;
        width: 750px;
        height: 200px;
        background: url("../assets/header.png") 0 0 no-repeat;
        }

#contentwrapper{
        height: 100%;
        margin-left: 0px; 
        margin-top:0;
        margin-bottom:0;
        margin-right:0;
        min-height: 270px;
        background: url("../assets/background.png") 0 0 repeat;
        }


#postit{
        position: absolute;
        margin-left: 10px; 
        margin-top:0;
        margin-bottom:0;
        margin-right:0;
        float: left;
        width: 254px;
        height: 268px;
        background: url("../assets/postit.png") no-repeat;
        }

#logo2{
        clear: left;
        position: absolute; 
        margin-top: -10px;
        margin-left: 8px;
        width: 231px;
        height: 101px;
        background: url("../assets/sslogo4.png") 0 0 no-repeat;
        }
#brush{
        clear: left;
        zindex: 1;
        position: absolute; 
        margin-top: 460px;
        margin-left: 85px;
        width: 196px; /* 196 */
        height: 229px; /* 229 */
        background: url("../assets/brush/BrushcolourLeft.png") 0 0 no-repeat;
        }
#brush2{
        clear: left;
        zindex: 1;
        position: absolute; 
        margin-top: 860px;
        margin-left: 85px;
        width: 196px; /* 196 */
        height: 229px; /* 229 */
        background: url("../assets/brush/BrushblackwhiteLeft.png") 0 0 no-repeat;
        }
#brush3{
        clear: left;
        zindex: 1;
        position: absolute; 
        margin-top: 360px;
        margin-left: 85px;
        width: 196px; /* 196 */
        height: 229px; /* 229 */
        background: url("../assets/brush/BrushcolourLeft.png") 0 0 no-repeat;
        }

#contentcolumn{
        margin-left: 268px; /*Set left margin to LeftColumnWidth*/
        text-align: left;
        width: 450px;
        /*height: 400px;*/
        }


#footer{
        clear: both;
        width: 750px; /*Width of footer*/
        height: 110px;
        margin: 0 auto; /*Center footer on page*/
        text-align: left; /*Set left align on footer*/
        background: url("../assets/footer.png") 0 0 no-repeat;
        }

#tab1{
        position: absolute;
        clear: both;
        margin-top: 146px;
        margin-left: 295px;
        line-height: 1.2em;
        text-align: center;
        width: 100px;
        padding:2px 0px 8px 0px;
        }

#tab2{
        clear: left;
        position: absolute;
        margin-top: 146px;
        margin-left: 395px;
        line-height: 1.2em;
        text-align: center;
        width: 100px;
        padding:2px 0px 8px 0px;
        z-index: 2;
        }

#tab3{
        clear: left;
        position: absolute;
        margin-top: 146px;
        margin-left: 495px;
        line-height: 1.2em;
        text-align: center;
        width: 100px;
        padding:2px 0px 8px 0px;
        z-index: 3;
        }

#tab4{
        clear: left;
        position: absolute;
        margin-top: 146px;
        margin-left: 595px;
        line-height: 1.2em;
        text-align: center;
        width: 100px;
        padding:2px 0px 8px 0px;
        z-index: 4;
        }

.blue_over {
        color:#333;
        background: url("../assets/tabs/blue.png") 0 0 no-repeat;
        }
.blue_under { 
        color:#666;
        background: url("../assets/tabs/blue.png") 0 0 no-repeat;
        background-position: 0 -26px;
        }
.red_over {
        color:#333;
        background: url("../assets/tabs/red.png") 0 0 no-repeat;
        }
.red_under { 
        color:#666;
        background: url("../assets/tabs/red.png") 0 0 no-repeat;
        background-position: 0 -26px;
        }
.green_over {
        color:#333;
        background: url("../assets/tabs/green.png") 0 0 no-repeat;
        }
.green_under { 
        color:#666;
        background: url("../assets/tabs/green.png") 0 0 no-repeat;
        background-position: 0 -26px;
        }
.orange_over {
        color:#333;
        background: url("../assets/tabs/orange.png") 0 0 no-repeat;
        }
.orange_under { 
        color:#666;
        background: url("../assets/tabs/orange.png") 0 0 no-repeat;
        background-position: 0 -26px;
        }

#logotop{
        clear: left;
        position: absolute; 
        margin-top: 15px;
        margin-left: 15px;
        }
#strapline{
        clear: left;
        position: absolute; 
        font-size:18.0pt;
        line-height: 1.3em;
        color: #336699;
        margin-top: 92px;
        margin-left: 410px;
        }
#breadcrumb{
        clear: left;
        position: absolute; 
        margin-top: -30px;
        margin-left: 20px;
        }

#breadcrumb a{
        background: transparent url(../assets/breadcrumb.png) no-repeat         center right;
        text-decoration: none;
        padding-right: 18px; /*adjust bullet image padding*/
        color: #336699;
        }

#breadcrumb a:visited, .breadcrumb a:active{
        color: #336699;
        }

#breadcrumb a:hover{
        text-decoration: underline;
        }

#printer{
        clear: both;
        position: absolute; 
        margin-top: 24px;
        margin-left: 640px; 
        }
.rollover {
        width: 45px;
        }

.rollover a {
        width: 45px;
        position: relative;  
        margin: 0 auto;
        display:block;
        padding:15px 0px 15px 0px;
        background: url("../assets/buttons/printer.png") 0 0 no-repeat;
        }

.rollover a:hover { 
        background-position: 0 -45px;
        }

.rollover a:active {
        background-position: 0 -90px;
        }
        
.top {
        width: 45px;
        }

.top a {
        width: 45px;
        position: relative;
        margin: 0 auto;
        display:block;
        padding:14px 0px 15px 0px;
        background: url("../assets/buttons/top.png") 0 0 no-repeat;
        }

.top a:hover {
        background-position: 0 -45px;
        }

.top a:active {
        background-position: 0 -90px;
        }

img.floatLeft { 
    float: left; 
    margin: 4px; 
}
img.floatRight { 
    float: right; 
    margin: 4px; 
}