@media screen
{

    /* LAYOUT */
    html
    {
        background-color: #e0e0e0;
    }
    body
    {
        font-family: Tahoma;
        margin: 0px;
        padding: 0px;
        font-size: 75%;

    }
    .container
    {
        width: 100%;
        text-align: center;

    }

    .wrapper
    {
        width: 900px;
        background-color: #ffffff;
        text-align: left;
        margin-left: auto;
        margin-right: auto; /*border: 1px solid #151e6a;*/
    }

    .header
    {
        width: 900px;
    }
    .header .logo_print
    {
        display: none;
    }
    .header .pagebanner
    {
        width: 900px;
    }

    /* Main Navigation */
    .navigation
    {
        width: 900px;
        background-color: #336633;
    }

    .main
    {
        clear: both;
        width: 898px;
        background-color: #ffffff;
        min-height: 300px;
        height: auto !important;
        height: 300px;
        border-left: 1px solid #003300;
        border-right: 1px solid #003300;
        /*padding-bottom: 30px;*/
    }
    .content
    {
        width: 878px;
        padding: 20px 10px 0 10px;
    }
    .footer
    {
        clear: both;
        width: 900px;
        background-color: #336633;
        background-image: url(images/MenuBackGround.gif);
        background-repeat: repeat-x;
        background-position: top left;
    }

    .footercellleft, .footercellright
    {
        width: 449px;
        float: left;
    }
    .footercellleft p, .footercellright p
    {
        padding: 6px 10px;
        margin: 0px;
        color: #fffffe;
        font-size: 0.833em;
    }
    .footercellleft p
    {
        text-align: left;
    }

    .footercellright p
    {
        text-align: right;
    }



/* Formatting */
    h1, h2, h3
    {
        display: block;
        font-family: Tahoma;
        font-weight: normal;
        padding: 0px;
        color: #336633;
    }
    .MessageBox h1, .MessageBox h2, .MessageBox h3
    {
        color: #333333;    
    }

    h1
    {
        font-size: 1.5em; /*18px*/
        margin: 25px 0 0 0;
    }
    h1.title, .MessageBox h1
    {
        margin: 0;
    }

    h2
    {
        font-size: 1.333em;
        margin: 35px 0 0 0;
    }

    h2.title, .MessageBox h2
    {
        margin: 0;
    }

    h3
    {
        font-size: 1.167em;
        margin: 25px 0 0 0;
    }
    h3.title, .MessageBox h3
    {
        margin: 0;
    }
    p
    {
        font-size: 1.0em;
        color: #333333;
        text-align: left;
        margin: 0 0 15px 0;
        line-height: 1.5em;
        padding: 0px;
    }
    
    p.gotop {
	    text-align: right;
    }
    p.gotop a {
	    font-family: Arial, Helvetica, sans-serif;
	    font-size: 10px;
	    font-weight: normal;
        text-decoration: underline;
        color: #003300;
    }  
    a
    {
        font-size: 1.0em;
    }    
    a:link, a:visited
    {
        text-decoration: underline;
        color: #003300;
    }
    a:hover, a:active
    {
        text-decoration: underline;
        color: #336633;
    }      
    table
    {
        font-size: 1em;
        border-collapse: collapse;
    }
   li
    {
        margin-top: 3px;
        font-size: 1.0em;
        color: #333333;
        line-height: 1.4em;
    }

    input.button
    {
        width: 86px;
        font-family: Tahoma;
        font-size: 1.0em;
    }
    /* Lists  */
    ul
    {
        list-style-type: square;
        padding: 0 0 0 5px;
        margin: 10px 10px 10px 40px;
    }

    ul.documentlist
    {
        list-style-type: none;
        margin: 0px;
        margin-bottom: 10px;
        padding: 0 0 0 5px;
    }
    ul.documentlist li
    {
        background-image: none;
        margin: 0 0 5px 0;
        padding: 0;
    }

    ul.documentlist li p
    {
        font-size: 1.0em;
        margin-top: 1.333em;
        margin-bottom: 0;
        color: #336633;
        font-weight: bold;
    }
    ul.documentlist li ul
    {
        list-style-type: none;
        margin: 0;
        padding: 0 0 0 25px;
    }
    ul.documentlist li.pdf
    {
        background-image: url(images/pdf.gif);
        background-position: 0 0.3em;
        background-repeat: no-repeat;
        padding: 6px 0 3px 25px;
    }
    ul.documentlist li.image
    {
        background-image: url(images/image.gif);
        background-position: 0 0.3em;
        background-repeat: no-repeat;
        padding: 6px 0 3px 25px;
    }
    ul.documentlist li ul li a:link
    {
        color: #003300;
    }

    ul.documentlist li ul li a:visited
    {
        color: #666633;
    }

    ul.documentlist li ul li a:hover, ul.documentlist li ul li a:active
    {
        color: #336633;
    }


    /* Panel <dl> Definition List */

    dl.leftpanel, dl.rightpanel
    {
        width: 200px;
        margin: 5px 10px;
        padding: 0;
        background-color: #336633;
        background-image: url(images/Panel/RoundCorner_bottom.gif);
        background-repeat: no-repeat;
        background-position: bottom left;
    }
    dl.leftpanel
    {
        float: left;
    }
    dl.rightpanel
    {
        float: right;
    }
    dl.leftpanel dt, dl.rightpanel dt
    {
        font-size: 1.167em;
        margin: 0px;
        padding: 5px 5px 5px 10px;
        font-weight: normal;
        color: #ffffff;
        background-color: #003300;
    }
    dl.leftpanel dt.top, dl.rightpanel dt.top
    {
        background-color: #003300;
        background-image: url(images/Panel/RoundCorner_Top.gif);
        background-repeat: no-repeat;
        background-position: top left;
    }
    dl.leftpanel dd, dl.rightpanel dd
    {
        margin: 0;
        padding: 5px 5px 5px 10px;
        color: #ffffff;
    }
    dl.leftpanel dd.pdf, dl.rightpanel dd.pdf,
    dl.leftpanel dd.image, dl.rightpanel dd.image
    {
        background-position: 0 0.3em;
        background-repeat: no-repeat;
        padding: 6px 0 3px 25px;
        margin: 2px 5px 2px 10px;     
    }
    dl.leftpanel dd.pdf, dl.rightpanel dd.pdf
    {
        background-image: url(images/pdf.gif);
     
    }
    
    dl.leftpanel dd.pdf, dl.rightpanel dd.image
    {
        background-image: url(images/image.gif);  
    }

    dl.leftpanel dd p, dl.rightpanel dd p
    {
        margin-bottom: 5px;
        overflow: hidden;
        white-space: nowrap;
    }

    dl.leftpanel a:link, dl.leftpanel a:visited, dl.rightpanel a:link, dl.rightpanel a:visited
    {
        text-decoration: none;
        color: #ffffff;
    }
    dl.leftpanel a:hover, dl.leftpanel a:active, dl.rightpanel a:hover, dl.rightpanel a:active
    {
        text-decoration: underline;
    }

    img.photo
    {
        margin: 10px;
        border-top: 2px solid #336633;
        border-left: 2px solid #336633;
        border-right: 2px solid #003300;
        border-bottom: 2px solid #003300;
    }

    /* Login */
    .logincontainer
    {
        width: 100%;
        text-align: center;
    }
    .login
    {
        border-collapse: collapse;
        font-family: Tahoma;
        font-size: 1.0em;
        border: 1px solid #151e6a;
        margin: 50px 0px 0px 0px;
        padding: 2px;
        text-align: left;
        margin-left: auto;
        margin-right: auto;
    }
    .login td
    {
        padding: 2px 3px;
    }
    .login td.LoginTitle
    {
        font-size: 1.273em;
        font-family: Tahoma;
        color: #ffffff;
        padding: 5px;
        margin: 0px;
        border-bottom: solid 1px #003300;
        text-align: center;
        background-image: url(images/MenuBackGround.gif);
        background-repeat: repeat-x;
        background-position: top left;
    }
    .login td.LabelColumn label
    {
        width: 70px;
        display: block;
        font-family: Tahoma;
        font-size: 1.0em;
        margin: 2px;
    }
    .login input.textbox
    {
        width: 150px;
        font-family: Tahoma;
        font-size: 1.0em;
        margin: 2px;
    }


    /* Enquiry Form */
    .enquiry
    {
        border: 0px;
        padding: 20px 10px 10px 10px;
    }
    .enquiry label.fixedwidth
    {
        display: block;
        width: 160px;
        float: left;
    }
    .enquiry input.textbox
    {
        font-family: Tahoma;
        font-size: 1.0em;
        width: 250px;
        padding-left: 5px;
        border: 1px solid #e2e3ea;
        margin-bottom: 5px;
    }
    .enquiry textarea.textbox
    {
        font-family: Tahoma;
        font-size: 1.0em;
        width: 250px;
        height: 70px;
        border: 1px solid #e2e3ea;
        padding-left: 5px;
        margin-bottom: 5px;
        overflow: auto;
    }
    .enquiry select.dropdown
    {
        font-family: Tahoma;
        font-size: 1.0em;
        width: 258px;
        padding-left: 5px;
        border: 1px solid #e2e3ea;
        margin-bottom: 5px;
    }
    .enquiry div.buttonarea
    {
        padding: 4px 4px 4px 334px;
    }
    .enquiry input.button
    {
        font-size: 1.0em;
        width: 86px;
    }
    .enquiry span.required
    {
        color: Red;
    }
    .enquiry p.instruction
    {
        margin: 0px 0px 5px 160px;
        font-size: 0.818em;
        font-style: italic;
    }
    .enquiry .validator
    {
        display: block;
        font-family: Tahoma;
        font-size: 1.0em;
        vertical-align: top;
        margin: 5px;
    }






    .pushbutton
    {
        font-size: 1.0em;
        width: 86px;
    }




    /*Admin styles */

    .admin div.mainarea
    {
        width: 1000px;
        background-color: #ffffff;
        min-height: 300px;
        height: auto !important;
        height: 300px;
        border: 0px;
    }
    .admin div.leftcolumn
    {
        float: left;
        width: 190px;
        overflow: hidden;
        height: 100%;
        padding: 20px 10px 20px 5px;
    }
    .admin div.content
    {
        float: left;
        width: 780px;
        padding: 20px 5px 20px 10px;
    }
    .admin h2.header
    {
        width: auto;
        float: left;
        margin: 10px 0px 5px 0px;
        padding: 5px;
        background: none;
        letter-spacing: 5px;
    }
    .admin hr
    {
        clear: both;
    }
    .admin table.tbl
    {
        width: 780px;
        border-collapse: collapse;
    }

    .admin table.tbl th
    {
        width: 770px;
        text-align: left;
        margin-top: 20px;
        padding: 5px;
        background-color: #888888; /*background-image: url(images/MenuBackGround.gif);         background-repeat: repeat-x;         background-position: top left;*/
    }
    .admin table.tbl td.leftcell
    {
        width: 180px;
        padding: 5px;
    }
    .admin table.tbl td.rightcell
    {
        vertical-align: top;
        padding: 5px;
    }
    .admin table.tbl td.buttonrow
    {
        width: 780px;
        text-align: right;
    }
    .admin table.tbl td span.required
    {
        color: Red;
        padding-top: 5px;
    }
    .admin label.TextBoxLabel
    {
        font-family: Tahoma;
        font-size: 1.0em;
        clear: left;
        display: block;
        float: left;
        width: auto;
        text-align: right;
        padding-right: 5px;
        color: #333333;
        margin-top: 3px;
        margin-bottom: 5px;
    }
    .admin input.TextBox
    {
        font-family: Tahoma;
        font-size: 1.0em;
        width: 200px;
        padding-left: 5px;
        margin-bottom: 5px;
        border-top: 1px solid #abadb3;
        border-right: 1px solid #e2e3ea;
        border-bottom: 1px solid #e2e3ea;
        border-left: 1px solid #abadb3;
    }
    .admin input.TextBoxNoBorder
    {
        font-family: Tahoma;
        font-size: 1.0em;
        width: 200px;
        padding-left: 5px;
        margin-bottom: 5px;
        border: 0px;
    }
    .admin textarea.TextBox
    {
        font-family: Tahoma;
        font-size: 1.0em;
        width: 200px;
        height: 70px;
        border: 1px solid #e2e3ea;
        padding-left: 5px;
        margin-bottom: 5px;
        overflow: auto;
    }
    .admin .CheckBox label
    {
        font-family: Tahoma;
        font-size: 1.0em;
        clear: left;
        display: block;
        float: left;
        width: 150px;
        text-align: right;
        padding-right: 10px;
        margin-top: 3px;
        margin-bottom: 5px;
    }
    .admin .CheckBox input
    {
        font-family: Tahoma;
        font-size: 1.0em;
        padding-right: 10px;
        color: #333333;
        margin-bottom: 5px;
        border: 1px solid #333333;
    }
    .admin select.PageOptions
    {
        font-family: Tahoma;
        font-size: 1.0em;
        padding-left: 5px;
        border: 1px solid #e2e3ea;
    }
    .admin select.DropDown
    {
        font-family: Tahoma;
        font-size: 1.0em;
        width: 208px;
        padding-left: 5px;
        border: 1px solid #e2e3ea;
    }
    .admin div.DropDown
    {
        font-family: Tahoma;
        font-size: 1.0em;
        width: 208px;
        border: 1px solid #e2e3ea;
    }

    div.SelectHeaderImageArea
    {
        margin: 3px 0px;
        background-color: #f0f2f4;
        border-bottom: 1px solid #333333;
    }
    div.SelectHeaderImageTextArea
    {
        text-align: center;
    }

    .gridview
    {
        border-collapse: collapse;
    }
    .AltTextBox
    {
        font-family: Tahoma;
        font-size: 1.0em;
        margin: 0;
    }




}