/****************************************************************/
/*   Design:   Multiflex-3.12 / Layout-3                        */
/*   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-color:rgb(237,248,230); font-family:verdana,arial,sans-serif;} /*Font-size: 1.0em = 10px when browser default size is 16px*/
.page-container {
    width:854px;
    margin:0px auto;
    /*margin-top:10px; */
    margin-bottom:10px;
    border:solid 0px rgb(200,200,200);
    font-size:1.0em;
     background-color:rgb(255,255,255);
}
.clear{ clear: both;}
.center {text-align:center;}
.right {text-align:right;}
hr{
     height:0.1em;
     border:none;
    background-color: #f68d10;
    color: #f68d10;
}

.main {
        clear:both;
        width:854px;
        padding-bottom:30px;
    }

.footer
    {
        clear:both;
        width:854px;
        padding:1.0em 0 1.0em 0;
        margin: auto ;
        background-color:rgb(237,248,230);
        /*background:rgb(225,225,225) url(images/bg_foot.jpg) no-repeat;*/
        font-size:1.0em;
        overflow:visible !important /*Firefox*/;
        overflow:hidden /*IE6*/;
    }
/* --- For alternative headers START PASTE here --- */

/* HEADER */
.header
    {
        width:854px;
        font-family:"trebuchet ms",arial,sans-serif;
        background:rgb(205,235,185);
    }
.header-top
    {
        width:854px;
        height:205px;
        background: rgb(205,235,185) url(images/headerTopBg.png) no-repeat;
        overflow:visible !important /*Firefox*/;
        overflow:hidden /*IE6*/;
    }
.header-middle
    {
        width:854px;
        height:50px;
        background-color: rgb(205,235,185) ;
        overflow:visible !important /*Firefox*/;
        overflow:hidden /*IE6*/;
    }
.header-bottom {
        width:854px;
        background: url(images/header-bottomBg.png) repeat-x;
        height: 30px;
        margin: 0;
        padding: 0;
        }
.header-breadcrumbs
    {
        clear:both;
        width:854px;
        height:50px;
        /*padding:2.5em 0 2.0em 0; */
        border-bottom: solid 1px #fc8b11;
        background: rgb(255,255,255);
    }

/********************/
/*  HEADER TOP SECTION  */
/********************/
    .sitelogo
        {
            width:360px;
            height:90px;
            position:absolute;
            z-index:1;
            margin:100px 0 0 20px;
            border: 0px solid;
           /* background:url(images/logo.png); */
        }
    /*======= nav0 ==================================================================*/
    .nav0
        {
            width:400px;
            position:absolute;
            z-index:2;
            margin:55px 0 0 0;
            border: 0px solid;
            margin-left:450px !important /*Non-IE6*/;
            margin-left:453px /*IE6*/;
        }
    .nav0 ul
        {
            float:right;
            padding:0 20px 0 0;
        }
    .nav0 li
        {
            display:inline;
            list-style:none;
        }
    .nav0 li a { padding:0 0 0 3px; }
    .nav0 a:hover {text-decoration:none;}
    .nav0 a img
        {
            height:14px;
            border:none;
        }
    /*======= nav1 ==============================================================*/
    .nav1
        {
            width:400px;
            position:absolute;
            z-index:3;
            margin:165px 0 0 450px;
            border: 0px solid;
        }
    .nav1 ul
        {
            float:right;
            padding:0 15px 0 0;
            font-weight:bold;
        }
    .nav1 li
        {
            display:inline;
            list-style:none;
        }
    .nav1 li a
        {
            display:block;
            float:left;
            padding:2px 5px 2px 5px;
            color:rgb(255,255,255);
            text-decoration:none;
            font-size:120%;
        }
    .nav1 a:hover
        {
            text-decoration:underline;
            color:rgb(252,139,17);
        }

/********************/
/*  HEADER MIDDLE SECTION  */
/********************/

    .header-middle .searchform
        {
            border: 1px solid rgb(58,106,168);
            float:right;
            width:273px;
            margin:12px 15px 0 0;
            background-color: rgb(255,255,255);
            padding:0 0px 0px 0px !important /*Non-IE6*/;
            padding:0 0px 0px 0px /*IE6*/;
        }
    .header-middle .searchform form fieldset
        {
            float:right;
            border:none;
        }
    .header-middle .searchform input.field
        {
            width:19.5em;
            padding:0.3em 0 0.4em 0;
            border:0px solid rgb(200,200,200);
            font-family:verdana,arial,sans-serif;
            font-size:120%;
        }
    .header-middle .searchform input.button
        {
            width:30px;
            height: 24px;
            background:url(images/button-go.png) center no-repeat;
            padding:1px !important /*Non-IE6*/;
            padding:0 /*IE6*/;

            border:solid 1px rgb(255,255,255);
            text-align:center;
            font-family:verdana,arial,sans-serif;
            color:rgb(150,150,150);
            font-size:120%;
        }
    .header-middle .searchform input.button:hover
        {
            cursor:pointer;
            /*border:solid 1px rgb(58,106,168);*/
            border-left: solid  2px rgb(58,106,168);
            border-bottom:inset 2px rgb(58,106,168);
            /*background:rgb(220,220,220);
            color:rgb(80,80,80);*/
        }
/********************/
/*  HEADER BOTTOM SECTION  */
/********************/
.header-bottom-left {float:left; width:6px; height: 30px; margin: 0; background: url(images/header-bottomBgL.png) no-repeat;}
.header-bottom-right {float:right; width:6px; height: 30px; margin: 0; background: url(images/header-bottomBgR.png) no-repeat;}
.header-bottom-middle{
    float:left;
    width:830px;
     height: 30px;
}


    /*=============================================================================*/

    /*Drop-down menu*/
    .nav2
        {
            white-space:nowrap /*IE hack*/;
            width:842px;
            border:none;
            color:rgb(255,255,255);/*Color navigation bar normal mode*/
            font-size:130%;
        }

/********************/
/*  HEADER breadcrumbs SECTION  */
/********************/
    .breadcrumbs
        {
            float:left;
            width:500px;
        }
    .breadcrumbs ul
        {
            float:left;
            width:500px;
            list-style:none;
            margin-top: 25px;
            padding:0 0 0 15px;
            font-family:verdana,arial,sans-serif;
        }
    .breadcrumbs ul li
        {
            display:inline;
            padding:0 0 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%;
        }
    .breadcrumbs ul a
        {
            color:rgb(70,122,167);
            text-decoration:none;
        }

    .breadcrumbs ul a:hover
        {
            color:rgb(42,90,138);
            text-decoration:underline;
        }
    .nav3
        {
            float:right;
            width:300px;
            margin-top: 10px;
            padding:0 17px 0px 0px !important /*Non-IE6*/;
            padding:0 12px 0px 0px /*IE6*/;
        }
    .nav3 ul
        {
            float:right;
            padding:0 20px 0 0;
        }
    .nav3 li
        {
            display:inline;
            list-style:none;
        }
    .nav3 li a { padding:0 0 0 3px; }
    .nav3 a:hover {text-decoration:none;}
    .nav3 a img
        {
            /*height:14px;*/
            border:none;
        }

/* --- For alternative main START PASTE here --- */

/* MAIN */
.main-content
    {
        display:inline; /*Fix IE floating margin bug*/;
        float:left;
        width:560px;
        margin:0 0 0 12px;
        overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;
        border:0px solid rgb(200,200,200);
        line-height:1.5em; font-size:120%;
    }
.main-subcontent
    {
        display:inline /*Fix IE floating margin bug*/;
        float:right;
        width:256px;
        margin:0 10px 0 0;
        overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;
        border:0px solid rgb(200,200,200);
    }
/* MAIN CONTENT */
.column1-unit {border:0px solid rgb(200,200,200);width:560px;  margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.column2-unit-left {border:0px solid rgb(200,200,200);float:left; width:80px; padding-top: 10px;  margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.column2-unit-right {border:0px solid rgb(200,200,200);float:right; width:475px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}


.main h1 {clear:both; margin:1.0em 0 0.5em 0; color:rgb(33,117,179); font-weight: bold ; font-size:180%;}
.main h2 {clear:both; margin:1.0em 0 0.5em 0; color:rgb(33,117,179); font-weight:bold; font-size:150%;}
.main h3 {clear:both; margin:1.0em 0 0.5em 0; color:rgb(90,90,90); font-weight:normal; font-size:120%;}
.main h4 {clear:both; margin:1.5em 0 1.0em 0; color:rgb(90,90,90); font-weight:normal; font-size:110%;}

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


.main a {color:rgb(70,122,167); font-weight:bold; text-decoration:none;}
.main h1 a ,.main h1 a:visited,.main h2 a ,.main h2 a:visited
    {
        color:rgb(252,139,17);
        font-weight: bold;
        text-decoration:none;
    }
.main h1 a:hover , .main h2 a:hover
    {
        color:rgb(33,117,179);
        font-weight: bold;
        text-decoration:underline;
    }
.main a:hover {color:rgb(252,139,17); text-decoration:underline;}
.main a:visited {color:rgb(42,90,138);}

.main a img {border:solid 1px rgb(150,150,150);}
.main a:hover img {border:solid 1px rgb(220,220,220);}
.main p {margin:0 0 1.0em 0; line-height:1.5em;}


.contactform {width:540px; margin:2.0em 0 0 0; padding:10px 10px 0 10px; border:solid 1px rgb(200,200,200); background-color:rgb(237,248,230);}
.contactform .userInfo { clear: both; width:500px; margin:0 0 10px 10px; padding:2px; font-size:110%;}
.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 0 2px; color:rgb(80,80,80); font-weight:bold; font-size:130%;}
.contactform label.left {float:left; width:120px; margin:0 0 0 10px; padding:2px; font-size:110%;}
.contactform select.combo {width:175px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.contactform input.field {width:275px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.contactform textarea {width:375px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.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; font-family:verdana,arial,sans-serif; color:rgb(150,150,150); font-size:110%;}
.contactform input.button:hover {cursor: pointer; border:solid 1px rgb(80,80,80); background:rgb(209,216,192); color:rgb(80,80,80);}




/* MAIN SUBCONTENT */
.divcolumn2{padding:5px;  margin-top:4px !important /*Non-IE6*/; margin-top:2px /*IE6*/;}
.subcontent-unit-border {width:256px; margin:20px 0 3.0em 0; padding:0 0 0 0; border:solid 1px rgb(233,211,233); border-top: 0; background:rgb(255,255,255);}

.round-border-topleft {width:10px; height:10px; position:absolute; z-index:100; background:url(./images/bg_corner_topleft.gif) no-repeat; margin-top:-1px; margin-left:-1px;}
.round-border-topright {width:10px; height:10px; position:absolute; z-index:100; background:url(./images/bg_corner_topright.gif) no-repeat; margin-top:-1px; margin-left:247px;}
.round-noborder-topleft {width:10px; height:10px; position:absolute; z-index:100; background:url(./images/bg_corner_topleft.gif) no-repeat; margin-top:0px; margin-left:0px;}
.round-noborder-topright {width:10px; height:10px; position:absolute; z-index:100; background:url(./images/bg_corner_topright.gif) no-repeat; margin-top:0px; margin-left:175px;}

.main-subcontent h1 {clear:both; margin:0 0 10px 0; padding:7px 10px 4px 10px; background-color:rgb(190,190,190); font-family:"trebuchet ms",arial,sans-serif; color:rgb(255,255,255); font-weight:bold; font-size:140%;}
.main-subcontent h1.blue {clear:both; margin:0 0 5px 0;  padding:7px 10px 4px 10px; background: rgb(39,111,177) url(images/bg_head_top_blue.png) repeat-x; font-family:"trebuchet ms",verdana,arial,sans-serif; color:rgb(255,255,255); font-weight:bold; font-size:140%;}
.main-subcontent h1.orange {clear:both; margin:0 0 5px 0;  padding:7px 10px 4px 10px;  background: rgb(252,139,17) url(images/bg_head_top_orange.png) repeat-x; font-family:"trebuchet ms",verdana,arial,sans-serif; color:rgb(255,255,255); font-weight:bold; font-size:140%;}
.main-subcontent h3 {clear:both; margin:1.0em 10px 0.5em 10px; color:rgb(80,80,80); font-weight:bold; font-size:110%;}
.main-subcontent p {clear:both; margin:0 10px 1.0em 10px; color:rgb(80,80,80); line-height:1.3em; font-size:110%;}
.round-border-buttom {width:258px; height:12px; position:absolute; z-index:10; background: url(images/Bg_round-border-buttom.png) no-repeat; margin-top:-1px; margin-left:-1px;}





/* Sidebar */

#sidebar {
	clear: both;
	width: 854px;
    height: 235px;
    margin: auto;
    /*background: rgb(230,230,230) url(images/bg_head_middle.jpg) repeat-y ; */
	background: #cbdbd7 url(images/footerSide.png) no-repeat;
	border-top: 0px solid #FFFFFF;
	color: #000;
}
#sidebar .left{
    display:inline; /*Fix IE floating margin bug*/;
    float: left;
    width: 200px;
    margin-left: 10px;
    overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;
    border-right: 1px solid #FFFFFF;
    height: 100%;
}


#sidebar .left h2 {
	margin: 5px 0 15px 0;
	color: #fff;
    font-size:120%;
}

#sidebar ul {list-style:none; margin:0.5em 0 1.0em 0;}
#sidebar ul li {margin:0 0 0.2em 2px; padding:0 0 0 12px; background:url(images/bg_bullet_full_1.gif) no-repeat 0 0.4em; line-height:1.4em; font-size:105%;}

#sidebar a {
	color:rgb(36,66,62); font-weight:bold; text-decoration:none;
}

#sidebar a:hover {
	text-decoration: underline;
    color:rgb(246,141,16);
    	/*color:rgb(70,122,167);*/
}



/********************/
/*  FOOTER SECTION  */
/********************/
.footer p {line-height:1.3em; text-align:center; color:rgb(125,125,125); font-weight:bold; font-size:110%;}
.footer p.credits {font-weight:normal;}
.footer a {text-decoration:underline; color:rgb(125,125,125);}
.footer a:hover {text-decoration:none; color:rgb(0,0,0);}
.footer a:visited {color:rgb(0,0,0);}

/******************/
/*  CLEAR FLOATS  */
/******************/
.page-container:after, .header:after, .header-bottom:after, .header-breadcrumbs:after, .main:after, .main-navigation:after, .main-content:after, .main-subcontent:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.column1-unit:after, .column2-unit-left:after, .column2-unit-right:after, .column3-unit-left:after, .column3-unit-middle:after, .column3-unit-right:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.subcontent-unit-border:after, .subcontent-unit-noborder:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.subcontent-unit-border-blue:after, .subcontent-unit-border-green:after, .subcontent-unit-border-orange:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.subcontent-unit-noborder-blue:after, .subcontent-unit-noborder-green:after, .subcontent-unit-noborder-orange:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
 p:after {content:"."; display:block; height:0; /*clear:both*/; visibility:hidden;}
.footer:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clear-contentunit {clear:both; width:440px; height:0.1em; border:none; background:rgb(210,210,210); color:rgb(210,210,210);}