/* NON-HEADER **********  GLOBAL  *********************************************************************             Wolfgang (www.1-2-3-4.info). Thank you!                    Please keep footer credits with a link to        License:  Fully open source without restrictions.       -----------------------------------------------------------   Homepage: wwww.1-2-3-4.info                                Date:     January 15, 2007                                 Author:   Wolfgang                                      -----------------------------------------------------------   File:     Global layout structure                          Design:   Multiflex-3 Update-7 / Layout-4               ************************************************************/

{
    padding : 0;
    margin : 0;
}
body
{
    font-size : 62.5%;
    background-color : rgb(255 , 255 , 255);
    font-family : verdana , arial , sans-serif;
}
/*Font-size: 1.0em = 10px when browser default size is 16px*/
.page-container
{
    width : 900px;
    margin : 0px auto;
    margin-top : 10px;
    margin-bottom : 10px;
    border : solid 1px rgb(150 , 150 , 150);
    font-size : 1em;
}
.main
{
    clear : both;
    width : 900px;
    padding-bottom : 30px;
    background : transparent url("../img/bg_main_withoutnav.jpg") top left repeat-y;
}
.main-navigation
{
    /*Fix IE floating margin bug*/
display : inline;
    float : left;
    width : 200px;
    /*IE6*/
overflow : hidden;
}
.main-content
{
    display : inline;
    /*Fix IE floating margin bug*/
float : left;
    width : 650px;
    margin : 0 0 0 30px;
    /*IE6*/
overflow : hidden;
}
.main-content-complete
{
    display : inline;
    /*Fix IE floating margin bug*/
float : left;
    width : 850px;
    margin : 0 0 0 30px;
    /*IE6*/
overflow : hidden;
}
.main-subcontent
{
    /*Fix IE floating margin bug*/
display : inline;
    float : right;
    width : 185px;
    margin : 0 15px 0 0;
    /*IE6*/
overflow : hidden;
}
.footer
{
    clear : both;
    width : 900px;
    padding : 1em 0 1em 0;
    background : rgb(225 , 225 , 225) url("../img/bg_foot.jpg") no-repeat;
    font-size : 1em;
    /*IE6*/
overflow : hidden;
}
/* HEADER  --- For alternative headers START PASTE here --- */
.header
{
    width : 899px;
    font-family : "trebuchet ms" , arial , sans-serif;
}
.header-top
{
    width : 899px;
    height : 131px;
    background : rgb(240 , 240 , 240) url("../img/bg_head_top.jpg");
    /*IE6*/
overflow : hidden;
}
.header-middle
{
    width : 899px;
    height : 50px;
    background : rgb(230 , 230 , 230) url("../img/bg_head_middle.jpg");
    /*IE6*/
overflow : hidden;
}
.header-bottom
{
    width : 899px;
    height : 40px;
    background : rgb(255 , 255 , 255) url("../img/bg_head_breadcrumbs.jpg") repeat-y;
}
.header-breadcrumbs
{
    clear : both;
    width : 899px;
    padding : 1em 0 1.5em 0;
    background : rgb(255 , 255 , 255) url("../img/bg_head_breadcrumbs.jpg") repeat-y;
}
/*******************  HEADER SECTION  *******************/
.sitelogo
{
    position : absolute;
    z-index : 1;
}
.sitename
{
    width : 300px;
    height : 45px;
    position : absolute;
    z-index : 1;
    margin : 20px 0 0 90px;
    /*IE6*/
overflow : hidden;
    Color : teal;
}
.sitename h1
{
    font-size : 240%;
}
.sitename h2
{
    margin : -4px 0 0 0;
    color : rgb(125 , 125 , 125);
    font-size : 120%;
}
.sitename a
{
    text-decoration : none;
    color : rgb(125 , 125 , 125);
}
.sitename a:hover
{
    text-decoration : none;
    color : rgb(50 , 50 , 50);
}
.nav0
{
    width : 350px;
    position : absolute;
    z-index : 2;
    margin : 110px 0 0 0;
    /*IE6*/
margin-left : 25px;
}
.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
{
    width : 400px;
    position : absolute;
    z-index : 3;
    margin : 100px 0 0 500px;
}
.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(125 , 125 , 125);
    text-decoration : none;
    font-size : 120%;
}
.nav1 a:hover
{
    text-decoration : none;
    color : rgb(50 , 50 , 50);
}
.sitemessage
{
    width : 900px;
    height : 50px;
    position : absolute;
    z-index : 1;
    margin : 10px;
    color : rgb(234 , 239 , 247);
    /*IE6overflow:visible !important /*Activate if Firefox print problems*/
overflow : hidden;
}
.sitemessage h1
{
    width : 900px;
    font-size : 220%;
    text-align: center;
    line-height : 100%;
    vertical-align: top;
}
.sitemessage h2
{
    float : right;
    width : auto;
    margin : 8px 0 0 0;
    text-align : right;
    line-height : 100%;
    font-size : 160%;
}
.sitemessage h3
{
    float : right;
    width : 320px;
    margin : 10px 0 0 0;
    text-align : right;
    font-size : 140%;
}
.sitemessage h3 a
{
    text-decoration : none;
    color : rgb(234 , 239 , 247);
}
.sitemessage h3 a:hover
{
    text-decoration : none;
    color : rgb(50 , 50 , 50);
}
/*Drop-down menu*/
.nav2
{
    float : left;
    width : 899px;
    border : none;
    background : rgb(220 , 220 , 220) url("../img/bg_head_bottom_nav.jpg") no-repeat;
    color : rgb(75 , 75 , 75);
    font-size : 130%;
}
/*Color navigation bar normal mode*/
.nav2 ul
{
    list-style-type : none;
}
.nav2 ul li
{
    float : left;
    position : relative;
    /*IE6*/
z-index : 1000;
    border-right : solid 1px rgb(175 , 175 , 175);
}
.nav2 ul li a
{
    /*IE-6*/
float : left;
    display : block;
    height : 3.1em;
    line-height : 3.1em;
    padding : 0 16px 0 16px;
    text-decoration : none;
    font-weight : bold;
    color : rgb(100 , 100 , 100);
}
.nav2 ul li ul
{
    display : none;
    border : none;
}
/*Non-IE6 hovering*/
.nav2 ul li:hover a
{
    background-color : rgb(210 , 210 , 210);
    text-decoration : none;
}
/*Color main cells hovering mode*/
.nav2 ul li:hover ul
{
    display : block;
    width : 10em;
    position : absolute;
    z-index : 999;
    top : 3em;
    margin-top : 0.1em;
    left : 0;
}
.nav2 ul li:hover ul li a
{
    display : block;
    width : 10em;
    height : auto;
    line-height : 1.3em;
    margin-left : -1px;
    padding : 4px 16px 4px 16px;
    border-left : solid 1px rgb(175 , 175 , 175);
    border-bottom : solid 1px rgb(175 , 175 , 175);
    background-color : rgb(237 , 237 , 237);
    font-weight : normal;
    color : rgb(50 , 50 , 50);
}
/*Color subcells normal mode*/
.nav2 ul li:hover ul li a:hover
{
    background-color : rgb(210 , 210 , 210);
    text-decoration : none;
}
/*IE6 hoveringColor subcells hovering mode*/
.nav2 table
{
    position : absolute;
    top : 0;
    left : 0;
    border-collapse : collapse;
}
.nav2 ul li a:hover
{
    background-color : rgb(210 , 210 , 210);
    text-decoration : none;
}
/*Color main cells hovering mode*/
.nav2 ul li a:hover ul
{
    display : block;
    width : 10em;
    position : absolute;
    z-index : 999;
    top : 3.1em;
    t\op : 3em;
    left : 0;
    marg\in-top : 0.1em;
}
.nav2 ul li a:hover ul li a
{
    display : block;
    w\idth : 10em;
    height : 1px;
    line-height : 1.3em;
    padding : 4px 16px 4px 16px;
    border-left : solid 1px rgb(175 , 175 , 175);
    border-bottom : solid 1px rgb(175 , 175 , 175);
    background-color : rgb(237 , 237 , 237);
    font-weight : normal;
    color : rgb(50 , 50 , 50);
}
/*Color subcells normal mode*/
.nav2 ul li a:hover ul li a:hover
{
    background-color : rgb(210 , 210 , 210);
    text-decoration : none;
}
/*Color subcells hovering mode*/
.header-breadcrumbs ul
{
    float : left;
    width : 560px;
    list-style : none;
    padding : 0 0 0 15px;
    font-family : verdana , arial , sans-serif;
}
.header-breadcrumbs ul li
{
    display : inline;
    padding : 0 0 0 10px;
    background : transparent url("../img/bg_bullet_arrow.gif") no-repeat 0 50%;
    font-weight : bold;
    color : rgb(125 , 125 , 125);
    font-size : 100%;
}
.header-breadcrumbs ul a
{
    color : rgb(70 , 122 , 167);
    text-decoration : none;
}
.header-breadcrumbs ul a:hover
{
    color : rgb(42 , 90 , 138);
    text-decoration : underline;
}
.header-breadcrumbs .searchform
{
    float : right;
    width : 285px;
    /*IE6*/
padding : 0 12px 0px 0px;
}
.header-breadcrumbs .searchform form fieldset
{
    float : right;
    border : none;
}
.header-breadcrumbs .searchform input.field
{
    width : 10em;
    padding : 0.2em 0 0.2em 0;
    border : 1px solid rgb(200 , 200 , 200);
    font-family : verdana , arial , sans-serif;
    font-size : 120%;
}
.header-breadcrumbs .searchform input.button
{
    width : 3em;
    /*IE6*/
padding : 0;
    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 : 120%;
}
.header-breadcrumbs .searchform input.button:hover
{
    cursor : pointer;
    border : solid 1px rgb(80 , 80 , 80);
    background : rgb(220 , 220 , 220);
    color : rgb(80 , 80 , 80);
}
/* MAIN NAVIGATION ****************  MAIN SECTION  **************** --- For alternative headers END PASTE here --- */
.main-navigation .round-border-topright
{
    width : 10px;
    height : 10px;
    position : absolute;
    z-index : 100;
    margin : 0 0 0 190px;
    background : url("../img/bg_corner_topright.gif") no-repeat;
}
/* MAIN CONTENT */
.column1-unit
{
    width : 650px;
    /*IE6*/
margin-bottom : 5px;
}
.column2-unit-left
{
    float : left;
    width : 200px;
    /*IE6*/
margin-bottom : 5px;
}
.column2-unit-right
{
    float : right;
    width : 200px;
    /*IE6*/
margin-bottom : 5px;
}
.column3-unit-left
{
    float : left;
    width : 120px;
    /*IE6*/
margin-bottom : 5px;
}
.column3-unit-middle
{
    float : left;
    width : 120px;
    /*IE6*/
margin-bottom : 5px;
    margin-left : 40px;
}
.column3-unit-right
{
    float : right;
    width : 120px;
    /*IE6*/
margin-bottom : 5px;
}
/* MAIN SUBCONTENT */
.subcontent-unit-border
{
    width : 183px;
    margin : 0 0 2em 0;
    padding : 0 0 5px 0;
    border : solid 1px rgb(190 , 190 , 190);
    background : rgb(235 , 235 , 235);
}
.subcontent-unit-border-green
{
    width : 183px;
    margin : 0 0 2.5em 0;
    padding : 0 0 10px 0;
    border : solid 1px rgb(160 , 214 , 81);
    background-color : rgb(217 , 239 , 185);
}
.subcontent-unit-border-blue
{
    width : 183px;
    margin : 0 0 2.5em 0;
    padding : 0 0 10px 0;
    border : solid 1px rgb(137 , 170 , 214);
    background-color : rgb(213 , 225 , 240);
}
.subcontent-unit-border-orange
{
    width : 183px;
    margin : 0 0 2.5em 0px;
    padding : 0 0 10px 0;
    border : solid 1px rgb(232 , 177 , 13);
    background-color : rgb(248 , 224 , 150);
}
.subcontent-unit-noborder
{
    width : 185px;
    margin : 0 0 2.5em 0;
    padding : 0 0 10px 0;
    background : rgb(235 , 235 , 235);
}
.subcontent-unit-noborder-green
{
    width : 185px;
    margin : 0 0 2.5em 0;
    padding : 0 0 10px 0;
    background-color : rgb(217 , 239 , 185);
}
.subcontent-unit-noborder-blue
{
    width : 185px;
    margin : 0 0 2.5em 0;
    padding : 0 0 10px 0;
    background-color : rgb(213 , 225 , 240);
}
.subcontent-unit-noborder-orange
{
    width : 185px;
    margin : 0 0 2.5em 0;
    padding : 0 0 10px 0;
    background-color : rgb(248 , 224 , 150);
}
.round-border-topleft
{
    width : 10px;
    height : 10px;
    position : absolute;
    z-index : 100;
    background : url("../img/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("../img/bg_corner_topright.gif") no-repeat;
    margin-top : -1px;
    margin-left : 174px;
}
.round-noborder-topleft
{
    width : 10px;
    height : 10px;
    position : absolute;
    z-index : 100;
    background : url("../img/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("../img/bg_corner_topright.gif") no-repeat;
    margin-top : 0px;
    margin-left : 175px;
}
/*******************  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);
}