/* --- START COPY here --- */

/* HEADER */
.header {
    width:900px;
    font-family:"trebuchet ms",arial,sans-serif;
}

.header-middle {
    width:900px;
    height:150px;
    background: url(../../img/bg_head_middle/city.png);
    overflow:visible !important /*Firefox*/;
    overflow:hidden /*IE6*/;
}

.header-bottom {
    width:900px;
}

.header-breadcrumbs {
    clear:both;
    width:900px;
    padding:1.0em 0 1.5em 0;
    background:rgb(255,255,255) url(../../img/bg_head_breadcrumbs.jpg) repeat-y;
}

/********************/
/*  HEADER SECTION  */
/********************/
.sitelogo {
    width:221px;
    height:125px;
    position:absolute;
    top: 3px;
    z-index:1;
    margin:12px 0 0 20px;
    background:url(../../img/k_logo.png) no-repeat;
    
}

.sitename {
    width:300px;
    height:45px;
    position:absolute;
    z-index:1;
    margin:20px 0 0 90px;
    overflow:visible !important /*Firefox*/;
    overflow:hidden /*IE6*/;
}

.sitename h1 {
    font-size:240%;
}

.sitename h2 {
    margin:-4px 0 0 0;
    color:rgb(234,239,247);
    font-size:120%;
}

.sitename a {
    text-decoration:none;
    color:rgb(234,239,247);
}

.sitename a:hover {
    text-decoration:none;
    color:rgb(50,50,50);
}

.nav0 {
    width:350px;
    position:absolute;
    z-index:2;
    margin:25px 0 0 0;
    margin-left:550px !important /*Non-IE6*/;
    margin-left:553px /*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 {
    width:350px;
    position:absolute;
    z-index:3;
    margin:45px 0 0 550px;
}

.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(234,239,247);
    text-decoration:none;
    font-size:120%;
}

.nav1 a:hover {
    text-decoration:none;
    color:rgb(50,50,50);
}

/*Drop-down menu*/
.nav2 {
    white-space:nowrap /*IE hack*/;
    float:left;
    width:900px;
    border:none;
    background:rgb(225,225,225) 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;
    z-index:auto !important /*Non-IE6*/;
    z-index:1000 /*IE6*/;
    border-right:solid 1px rgb(175,175,175);
}

.nav2 ul li a {
    float:none !important /*Non-IE6*/;
    float:left /*IE-6*/;
    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 {
    position:relative;
}

 /*Sylvain IE hack*/
.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:10.0em;
    position:absolute;
    z-index:999;
    top:3.0em;
    margin-top:0.1em;
    left:0;
}

.nav2 ul li:hover ul li a {
    white-space:normal;
    display:block;
    width:10.0em;
    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;
}

 /*Color subcells hovering mode*/

/*IE6 hovering*/
.nav2 table {
    position:absolute;
    top:0;
    left:0;
    border-collapse:collapse;
}

.nav2 ul li a:hover {
    position:relative /*Sylvain IE hack*/;
    z-index:1000 /*Sylvain IE hack*/;
    background-color:rgb(210,210,210);
    text-decoration:none;
}

 /*Color main cells hovering mode*/
.nav2 ul li a:hover ul {
    display:block;
    width:10.0em;
    position:absolute;
    z-index:999;
    top:3.1em;
    t\op:3.0em;
    left:0;
    marg\in-top:0.1em;
}

.nav2 ul li a:hover ul li a {
    white-space:normal;
    display:block;
    w\idth:10.0em;
    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:670px;
    list-style:none;
    padding:0 0 0 15px;
    font-family:verdana,arial,sans-serif;
}

.header-breadcrumbs ul li {
    display:inline;
    padding:0 0 0 5px;
    /*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;
    padding:0 0 0 10px;
    background:transparent url(../../img/bg_bullet_arrow.gif) no-repeat 0 50%;
    
}

.header-breadcrumbs img {
    border: none;
    text-decoration:none;
}

.header-breadcrumbs .searchform {
    float:right;
    /*width:190px;*/
    padding:0 17px 0px 0px !important /*Non-IE6*/;
    padding:0 12px 0px 0px /*IE6*/;
}

.header-breadcrumbs .searchform form fieldset {
    float:right;
    border:none;
}

.header-breadcrumbs .searchform input.field {
    width:10.0em;
    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:3.0em;
    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: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);
}

/* --- END COPY here --- */