/****************************************************************/
/*   Design:   Multiflex-3.12 / Layout-2                        */
/*   File:     Global layout structure                          */
/*--------------------------------------------------------------*/
/*   Design:   www.1234.info                                    */
/*   Date:     January 20, 2008                                 */
/*--------------------------------------------------------------*/
/*   License:  Fully open source without restrictions.          */
/*             Please keep footer credits with the words        */
/*             "Design by 1234.info". Thank you!                */
/****************************************************************/

/************/
/*  GLOBAL  */
/************/

/* NON-HEADER */
*{padding:0; margin:0;}
 body {
    font-size:62.5%;
    background-image: url(images/bodyBg1.png);
    background-repeat: repeat-x;
    background-color: #fff;
    font-family:verdana,arial,sans-serif;
    } /*Font-size: 1.0em = 10px when browser default size is 16px*/
.page-container {
    width:920px;
    height: 660px;
    margin:0px auto;
    margin-top:20px;
    background:transparent url(images/mainBg.png) top left repeat-y;
    border:solid 1px rgb(150,150,150);
    border-bottom: 0;
    border-top: 0;
    font-size:1.0em;
    }
.footer {
    clear:both;
    width:920px;
    margin:0px auto;
    padding:1.0em 0 1.0em 0;
    background:#3c495e;
    font-size:8pt;
    overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;
    border:solid 1px rgb(150,150,150);
    border-top: 0;
    }
.header {
    width:920px;
    height: 100px;
    background: url(images/headerBg.png) repeat-x;
    }
.main {
    clear:both;
    width:920px;
    padding-bottom:30px;

    }
.main-left {
    display:inline /*Fix IE floating margin bug*/;
    float:left;
    width:204px;
    overflow:visible !important /*Firefox*/;  overflow:hidden /*IE6*/;

    }
.main-right{
        display:inline; /*Fix IE floating margin bug*/;
        float:left;
        width:716px;
        overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;
}

.clear{
    clear: both;
    height: 10px;
}


/* --- For alternative headers START PASTE here --- */
/* HEADER */
.header-top {
    width:920px; height:80px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;
    }
    /********************/
    /*  HEADER SECTION  */
    /********************/
    .seo{
        width:700px;
        height:80px;
        position:absolute;
        z-index:0;
        margin:0px 20px 10px 204px;
        display: none;
        color: #fff;
        }
    .seo a, .seo a:hover{
        color: #fff;
    }


    .sitelogo {
        width:920px;
        height:79px;
        position:absolute;
        z-index:1;
        margin:13px 0px 10px 0px;
        border: #FF3366 solid 0px;
        }

    /*======= nav1 ==============================================================*/
    .nav1 ul
    {
        float:left;
        width:700px;
        list-style:none;
        padding:10px 0 0 10px;
    }
    .nav1 ul li, .nav1 ul li.sel
    {
        display:inline;
        padding:0 5px 0 5px;
        border-right: 1px solid #325170;
        font-weight:bold;
        color:rgb(125,125,125);
        font-size:100%;
    }
    .nav1 ul a
    {
        color:rgb(70,122,167);
        text-decoration:none;
    }
    .nav1  ul li.sel a
        {
            color: #e10000;
        }
    .nav1 ul a:hover
    {
        color:#e10000;
        text-decoration:underline;
    }
    /*=============================================================================*/
/* MAIN NAVIGATION */
.nav3-grid {
    width:204px;
    border-bottom:solid 1px #f5f5f5;
    border-right:solid 1px #f5f5f5;
    background-color: #f29410;
    }

.nav3-grid dt a, .nav3-grid dt a:visited
    {
        display:block;
        padding:0px 10px 0px 20px;
        border-top: solid 0px rgb(255,255,255);
        text-decoration:none;
        color:#f5f5f5;
        font-weight:bold;
        font-size:120%;
    }
.nav3-grid dt
    {
        min-height:2.5em /*Non-IE6*/;
        height:auto !important;
        height:2.5em /*IE6*/;
        line-height:2.5em;
        border-top: solid 1px #f5f5f5;
        border-right:solid 1px #f5f5f5;
    }
.nav3-grid dd a, .nav3-grid dd a:visited
    {
        display:block;
        min-height:1.7em /*Non-IE6*/;
        height:auto !important; height:1.7em /*IE6*/;
        line-height:1.7em;
        padding:0px 10px 0px 40px;
        border:none;
        font-weight:normal;
        text-decoration:none;
        color:#f5f5f5;
        font-size:110%;
    }
.nav3-grid dt a:hover, .nav3-grid dd a:hover {background-color:#a7bcda; color: #707070; text-decoration:none;}
.left-footer {
    width:204px;
    margin:0px auto;
    padding:1.0em 0 1.0em 0;
    background:rgb(1,160,199);
    font-size:8pt;
    overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;
    border:solid 0px rgb(150,150,150);
    border-top: 0;
    }
.left-footer div{
    margin-left: 20px;
    line-height:1.2em; text-align:center; color:rgb(255,255,255); font-weight:bold; font-size:90%;
}

.banner {height:130px; background-color:#707070; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.main-breadcrumbs ul {float:left; width:700px; list-style:none; padding:10px 0 0 10px;}
.main-breadcrumbs ul li {display:inline; padding:0 15px 0 10px; background:transparent url(images/bg_bullet_arrow.gif) no-repeat 0 50%; font-weight:bold; color:rgb(125,125,125); font-size:100%;}
.main-breadcrumbs ul a {color:rgb(70,122,167); text-decoration:none;}
.main-breadcrumbs ul a:hover {color:rgb(42,90,138); text-decoration:underline;}

.main-content
    {
        display:inline; /*Fix IE floating margin bug*/;
        float:left;
        width:675px;
        height: 363px;
        margin:10px 0 0 10px;
        border:solid 0px rgb(150,150,150);
        overflow: auto ;
        padding:1.0em;
        padding-bottom: 0;
        line-height:1.5em; font-size:120%;
    }

.main-content h1 {clear:both; margin:1.0em 0 0.5em 0; color:rgb(110,110,110); font-weight:normal; font-size:190%;}
.main-content h2 {clear:both; margin:1.0em 0 0.5em 0; color:rgb(110,110,110); font-weight:normal; font-size:150%;}
.main-content h3 {clear:both; margin:1.0em 0 0.5em 0; color:rgb(110,110,110); font-weight:normal; font-size:110%;}
.main-content h4 {clear:both; margin:1.5em 0 1.0em 0; color:rgb(110,110,110); font-weight:normal; font-size:100%;}

/*.main-content ul {list-style:none; margin:0.5em 0 1.0em 0;}
.main-content ul li {margin:0 0 0.2em 2px; padding:0 0 0 12px; background:url(images/bg_bullet_full.gif) no-repeat 0 0.5em; line-height:1.4em; font-size:100%;}
*/
.main-content ol {margin:0.5em 0 1.0em 20px !important /*Non-IE6*/; margin:0.5em 0 1.0em 25px /*IE6*/;}
.main-content ol li {list-style-position:outside; margin:0 0 0.2em 0; line-height:1.4em; font-size:100%;}

.contentList{
      clear:both;
      margin:3px 10px 7px 100px;  padding:0 0 0 12px;
}
.main-content ul {list-style: url(images/bg_bullet_full.gif); margin:0.5em 0 1.0em 0; padding:0 0 0 12px;}
.main-content ul li {margin:0 0 0.2em 2px; padding:0 0 0 0px;font-size:100%; line-height:1.4em;}


/********************/
/*  COMMON CLASSES  */
/********************/
.main-content img {clear:both; margin:3px 10px 7px 0; padding:1px; border:1px solid rgb(150,150,150);}

.main-content a {color:rgb(70,122,167); font-weight:bold; text-decoration:none;}
.main-content h1 a {color:rgb(70,122,167); font-weight:normal; text-decoration:none;}
.main-content a:hover {color:rgb(225,125,1); text-decoration:underline;}
.main-content a:visited {color:rgb(42,90,138);}
.center {text-align:center;}
.right {text-align:right;}
.noBorder{ border: 0;  }

.main-content a img {border:solid 1px rgb(150,150,150);}
.main-content a:hover img {border:solid 1px rgb(220,220,220);}

.contactform {width:518px; margin: auto; padding:10px 10px 0 10px; border:solid 1px rgb(200,200,200); background-color:rgb(240,240,240);}
.contactform fieldset {padding:20px 0 0 0 !important /*Non-IE6*/; padding:0 /*IE6*/; margin:0 0 20px 0; border:solid 1px rgb(220,220,220);}
.contactform fieldset legend {margin:0 0 0 5px !important /*Non-IE*/; margin:0 0 20px 5px /*IE6*/; padding:0 2px 10px 2px; color:rgb(80,80,80); font-weight:bold; font-size:110%;}
.contactform label.left {float:left; width:100px; margin:0 0 0 10px; padding:2px; font-size:90%;}
.contactform select.combo {width:175px; padding:2px; border:solid 1px rgb(200,200,200); font-size:90%;}
.contactform input.field {width:300px; padding:2px; border:solid 1px rgb(200,200,200); font-size:90%;}
.contactform textarea {width:380px; padding:2px; border:solid 1px rgb(200,200,200); font-size:90%;}
.contactform input.button {float:right; width:9.0em; margin-right:20px; padding:1px !important /*Non-IE6*/; padding:0 /*IE6*/; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; color:rgb(150,150,150); font-size:110%;}
.contactform input.button:hover {cursor: pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}
.contactform p{
    clear: both;
}



.pagingForm {width:300px; margin: auto; padding:10px 10px 0 10px; border:solid 0px rgb(200,200,200);}
.pagingForm img{ clear: none; float:left;margin:0; padding:1px; border:1px solid rgb(150,150,150);}
.pagingForm input.field {float:left;width:20px; padding:2px; border:solid 1px rgb(100,100,100); font-family:verdana,arial,sans-serif; font-size:110%;}
.pagingForm fieldset {padding:0 !important /*Non-IE6*/; padding:0 /*IE6*/; margin:auto ; border:solid 0px rgb(220,220,220);}
.pagingForm .bottons{ clear: both;  margin:1.0em 0 1.5em 0 !important /*Non-IE*/; margin:1.0em 0 1.5em 0 /*IE6*/  ;  }

.pagingForm fieldset legend {margin:0 0 0 5px !important /*Non-IE*/; margin:0 0 20px 5px /*IE6*/; padding:0 2px 0 2px; color:rgb(80,80,80); font-weight:bold; font-size:130%;}
.pagingForm label.left {float:left; margin:0 3px 0 0; padding:2px; font-size:110%;}
.pagingForm label.right {float:left; margin:0 0 0 3px; padding:2px; font-size:110%;}
.pagingForm select.combo {float:left; width:75px; padding:2px; border:solid 1px rgb(100,100,100); font-family:verdana,arial,sans-serif; font-size:110%;}

.pagingForm textarea {width:275px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.pagingForm input.button {float:right; width:9.0em; margin-right:20px; padding:1px !important /*Non-IE6*/; padding:0 /*IE6*/; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; font-family:verdana,arial,sans-serif; color:rgb(150,150,150); font-size:110%;}
.pagingForm input.button:hover {cursor: pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}


/********************/
/*  FOOTER SECTION  */
/********************/
.footer p, left-footer div {line-height:1.1em; text-align:center; color:rgb(255,255,255); font-weight:normal; font-size:8pt;}
.footer p.credits {font-weight:normal;}
.footer a, .footer a:visited, .left-footer a, .left-footer a:visited {text-decoration:underline; color:rgb(255,255,255);}
.footer a:hover, left-footer a:hover {text-decoration:none; color:rgb(235,162,86);}

.column1-unit
    {
        width:630px;
        text-align: justify;
        padding: 0 10px 0 10px;
        border-top: 0px dashed #ABB9C8;
        margin:  0;


    }
.columnImage {width: 130px; height: 130px; overflow: hidden;  margin: auto;   padding:3px;  border: solid 2px rgb(220,220,220);}
.navImg
{
    float:left;
    display:inline;
    width:155px;
    margin: auto;
    border:0;
    overflow: hidden;
    padding: 0;
    margin-top: 10px;
}
.navImg .text{ margin: auto;}
.navImg img {margin: auto;  padding:0px;border:0;}
.navImg a:hover, .navImg a {text-decoration:none; border:0; padding: 0;}
.navImg a img,.navImg a:hover img, .navImg img {margin: auto;border:0; padding: 0;}




/******************/
/*  CLEAR FLOATS  */
/******************/
.page-container:after, .header:after, .main-breadcrumbs:after,nav1:after, .navImg:after, .main:after, .main-left:after,.main-right:after, .main-content:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.column1-unit:after, {content:"."; display:block; height:0; clear:both; visibility:hidden;}
 p:after {content:"."; display:block; height:0; /*clear:both*/; visibility:hidden;}
.footer:after, left-footer:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clear-contentunit {clear:both; width:640px; height:0.1em; border:none; background:rgb(210,210,210); color:rgb(210,210,210);}
#map{
    display: none;
}


/********************************/
/*  PRINTING and MISCELLANEOUS  */
/********************************/

@media print {.header-top {width:920px; height:80px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}}
@media print {.nav3-grid { width:402px;  background-color:rgbrgb(225,125,1); overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}}
@media print {.main-breadcrumbs {width:920px; background:transparent;}}
@media print {.main {clear:both; width:920px; padding-bottom:30px; background:transparent;}}
@media print {.main-left {display:inline /*Fix IE floating margin bug*/; float:left; width:204spx;  overflow:visible !important /*Firefox*/; overflow:hidden /*IE*/;}}
@media print {.footer {clear:both; width:920px; height:3.7em; padding:1.1em 0 0; background:rgb(1,160,199); font-size:9pt; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}}