/*
       Style sheet

*/





/************************   THE BODY SET UP  *************************************/



* {
        margin: 0px;
        padding: 0px;
        }



body {
        color: #000000;
        background-image : url('imgs/bg.gif');
        background-repeat : repeat-x;
        background-color : #FFF;
        font-family: Verdana, Arial, sans-serif;
        font-size: 100%;
        text-align: left;
        }




p {
        margin-top: 1.2em;
        }












/************************   THE MAIN BIT  *************************************/



        

.main_bit {
        width : 945px;
        margin-left:auto;
        margin-right:auto;
        }





.main_bigbit {
        width:945px;
        height:404px;
        background-color: #FFF;
        position:relative;
        top:0px;
        left:0px;
        }







/************************   THE PAGE HEADER *************************************/



.page_header {
        width : 945px;
        height: 260px;
        position:relative;
        top:0px;
        left: 0px;
        background-image : url('imgs/header.jpg');
        background-repeat : no-repeat;
        }





.buttonbar {
        position:relative;
        top:6px;
        left:0px;
        width : 945px;
        height: 42px;
        background-color : #FFF;
        padding-left : 2px;
        }
        










/**************** THE DYNAMIC DROP DOWN BUTTONS ALONG THE TOP    *************/


#tgb {
        margin: 0;
        padding: 0;
        z-index: 30;
}


#tgb li {
        margin: 0;
        padding: 0;
        list-style: none;
        float: left;
        font: bold 12px arial;
}




#tgb li a {
        display: block;
        margin: 0 1px 0 0;
        padding: 10px 0px 0px 0px;
        height: 42px;
        width: 156px;
        background-color: #C00;
        color: #FFF;
        text-align: center;
        text-decoration: none;
}




#tgb li a:hover {
        background-color: #444;
}














/**************** PAGE FOOTER *******************/


#page_footer {
        position:relative;
        top : 4px;
        width : 945px;
        margin-left : auto;
        margin-right : auto;
        background-image : url('imgs/footer.png');
        background-color : #FFF;
        height : 150px;
        font-family : Verdana, Arial, sans-serif;
        font-size : 90%;
        color: #FFFFFF;
        text-decoration : none;
        }











/*********************    H1 H2 etc  ***********************/


h1, h1 a {
        color: #222222;
        font-size: 22px;
        font-weight: normal;
        font-family: Calibri, Verdana, Arial, sans-serif;
        margin: 0 0 0 0;
        padding: 0;
        line-height: 2em;
        text-decoration: none;
}


h2, h2 a {
        color: #333333;
        font-size: 18px;
        font-weight: normal;
        font-family: Calibri, Verdana, Arial, sans-serif;
        line-height: 1.2em;
        margin: 0 0 0 0;
        padding: 0;
        text-decoration: none;
}




h3, h3 a {
        color: #333333;
        font-size: 18px;
        font-weight: normal;
        font-family: Calibri, Verdana, Arial, sans-serif;
        line-height: 1.1em;
        margin: 0 0 0 0;
        padding: 0;
        text-decoration: none;
}




h4, h4 a {
        color: #FFFFFF;
        font-size: 10px;
        font-weight: normal;
        font-family: Calibri, Verdana, Arial, sans-serif;
        line-height: 1.5em;
        margin: 0 0 0 0;
        padding: 0;
        text-decoration: none;
}






/********************  UNORDERED LISTS, SIDEBOXES ETC. ***************/

.mylist {
        color: #333333;
        font-size: 18px;
        font-weight: normal;
        font-family: Calibri, Verdana, Arial, sans-serif;
        line-height: 1.6em;
        margin: 0 0 0 0;
        padding: 0;
        text-decoration: none;
        }





.sideboxheader {
        background-color : #000;
        border-top : 2px black solid;
        border-left : 2px black solid;
        border-right : 2px black solid;
        width : 300px;
        height : 40px;
        color : #079FF1;
        font-size: 22px;
        font-weight: normal;
        font-family: Calibri, Verdana, Arial, sans-serif;
        padding: 5px 5px 10px 15px;
        }



.sideboxbody {
        background-color : #FFF;
        border-bottom : 2px black solid;
        border-left : 2px black solid;
        border-right : 2px black solid;
        width : 300px;
        color : #333;
        font-size: 12px;
        font-weight: normal;
        font-family: Calibri, Verdana, Arial, sans-serif;
        padding: 15px 5px 15px 15px;
        }
        
        
        
        
        
        
        
        




/*****************        CONTACT FORM      ******************/


.contact {
        width : 400px;
        height : 18px;
        font-size : 12px;
        font-family : Calibri, Verdana, Arial, sans-serif;
        color: #333333;
        text-decoration : none;
        }
        


.contacttbox {
        width : 400px;
        height : 50px;
        font-size : 12px;
        font-family : Calibri, Verdana, Arial, sans-serif;
        color: #333333;
        text-decoration : none;
        }











        

/********************   SNAZZY ROUNDED BUTTONS ***************/




.clearbtn { /* generic container (i.e. div) for floating buttons */
        overflow: hidden;
        width: 100%;
        }




a.button {
        background: transparent url('imgs/bg_button_a.gif') no-repeat scroll top right;
        color: #444;
        display: block;
        float: left;
        font: normal 12px arial, sans-serif;
        height: 24px;
        margin-right: 6px;
        padding-right: 18px; /* sliding doors padding */
        text-decoration: none;
        }




a.button span {
        background: transparent url('imgs/bg_button_span.gif') no-repeat;
        display: block;
        line-height: 14px;
        padding: 5px 0 5px 18px;
        }




a.button:active {
        background-position: bottom right;
        color: #000;
        outline: none; /* hide dotted outline in Firefox */
        }



a.button:active span {
        background-position: bottom left;
        padding: 6px 0 4px 18px; /* push text down 1px */
        }








/********************    CLICKABLE ELEMENTS    ***************/

.clickable : { border : 0px; }
.clickable:hover { cursor : pointer; }








/********************    TABLES    ***************/

/* Let the width find itself ! */
#one-column-whateverwidth { font-family: Calibri, Arial, Sans-Serif; font-size: 12px; margin: 2px; text-align: left; border-collapse: collapse; }
#one-column-whateverwidth th { font-size: 12px; font-weight: normal; padding: 6px 6px; color: #111; }
#one-column-whateverwidth td { padding: 6px 6px; color: #111111; border-top: 1px solid #888; }
#one-column-whateverwidth tr:hover td { color: #222; background: #AAA; }

/* Second option */
#one-column-whateverwidth2 { font-family: Calibri, Arial, Sans-Serif; font-size: 12px; margin: 2px; text-align: left; border-collapse: collapse; }
#one-column-whateverwidth2 th { font-size: 12px; font-weight: normal; padding: 6px 6px; color: #111; }
#one-column-whateverwidth2 td { padding: 6px 6px; color: #111111; border-top: 1px solid #888; }
#one-column-whateverwidth2 tr:hover td { color: #222; background: #999; }











/********************    SUITE OF INPUT BOXES, TEXT AREAS AND DROPDOWNS    ***************/

input.onecol_txt_70 { width: 70px; height: 20px; font-family: Calibri, Arial, Sans-Serif; font-size: 12px; color : #111111; border: 1px solid #777777; }
input.onecol_txt_120 { width: 120px; height: 20px; font-family: Calibri, Arial, Sans-Serif; font-size: 12px; color : #111111; border: 1px solid #61B7C6; }
input.onecol_txt_150 { width: 150px; height: 20px; font-family: Calibri, Arial, Sans-Serif; font-size: 12px; color : #111111; border: 1px solid #61B7C6; }
input.onecol_txt_210 { width: 210px; height: 20px; font-family: Calibri, Arial, Sans-Serif; font-size: 12px; color : #111111; border: 1px solid #777777; }
input.onecol_txt_350 { width: 350px; height: 20px; font-family: Calibri, Arial, Sans-Serif; font-size: 12px; color : #111111; border: 1px solid #777777; }
input.onecol_txt_650 { width: 650px; height: 20px; font-family: Calibri, Arial, Sans-Serif; font-size: 12px; color : #111111; border: 1px solid #777777; }

.onecol_drop_70 { width: 70px; height: 20px; font-family: Calibri, Arial, Sans-Serif; font-size: 12px; color : #111111; }
.onecol_drop_150 { width: 150px; height: 20px; font-family: Calibri, Arial, Sans-Serif; font-size: 12px; color : #111111; }
.onecol_drop_210 { width: 210px; height: 20px; font-family: Calibri, Arial, Sans-Serif; font-size: 12px; color : #111111; }

.onecol_txtarea { width: 210px; height: 80px; font-family: Calibri, Arial, Sans-Serif; font-size: 12px; color : #111111; border: 1px solid #61B7C6; }
.onecol_txtarea_deep { width: 210px; height: 160px; font-family: Calibri, Arial, Sans-Serif; font-size: 12px; color : #111111; border: 1px solid #61B7C6; }
.onecol_txtarea_shallow { width: 210px; height: 20px; font-family: Calibri, Arial, Sans-Serif; font-size: 12px; color : #111111; border: 1px solid #61B7C6; }

.onecol_upload_150 { width: 150px; height: 20px; font-family: Calibri, Arial, Sans-Serif; font-size: 12px; color : #111111; border: 1px solid #61B7C6; }
.onecol_upload_210 { width: 210px; height: 20px; font-family: Calibri, Arial, Sans-Serif; font-size: 12px; color : #111111; border: 1px solid #61B7C6; }









/************** CALENDAR CONTROL (javascript popup calendar)  **************/

#CalendarControlIFrame { display: none; left: 0px; position: absolute; top: 0px; height: 250px; width: 250px; z-index: 99; }
#CalendarControl { position:absolute; background-color:#FFF; margin:0; padding:0; display:none; z-index: 100; }
#CalendarControl table { font-family: arial, verdana, helvetica, sans-serif; font-size: 8pt; border-left: 1px solid #336; border-right: 1px solid #336; }
#CalendarControl th { font-weight: normal; }
#CalendarControl th a { font-weight: normal; text-decoration: none; color: #FFF; padding: 1px; }
#CalendarControl td { text-align: center; } #CalendarControl .header { background-color: #171717; }
#CalendarControl .weekday { background-color: #601819; color: #FFF; }
#CalendarControl .weekend { background-color: #601819; color: #FFF; }
#CalendarControl .current { border: 1px solid #339; background-color: #222; color: #FFF; }
#CalendarControl .weekday, #CalendarControl .weekend, #CalendarControl .current { display: block; text-decoration: none; border: 1px solid #FFF; width: 2em; }
#CalendarControl .weekday:hover, #CalendarControl .weekend:hover, #CalendarControl .current:hover { color: #FFF; background-color: #333; border: 1px solid #999; }
#CalendarControl .previous { text-align: left; }
#CalendarControl .next { text-align: right; }
#CalendarControl .previous, #CalendarControl .next { padding: 1px 3px 1px 3px; font-size: 1.4em; }
#CalendarControl .previous a, #CalendarControl .next a { color: #FFF; text-decoration: none; font-weight: bold; }
#CalendarControl .title { text-align: center; font-weight: bold; color: #FFF; }
#CalendarControl .empty { background-color: #CCC; border: 1px solid #FFF; }