/****************************************************************/
/*   Design:   Multiflex-5.4                                    */
/*   Type:     Design without sidebar                           */
/*   File:     Grid Toolbox                                     */
/*--------------------------------------------------------------*/
/*   Design:   www.1234.info                                    */
/*   Date:     March 13, 2008                                   */
/*--------------------------------------------------------------*/
/*   License:  Fully open source without restrictions.          */
/*             Please keep footer credits with the words        */
/*             "Design by 1234.info". Thank you!                */
/****************************************************************/

/******************/
/* GLOBAL LAYOUT  */
/******************/

body {
    font-size:62.5%;
    background-color:rgb(240,240,240);
    font-family: arial,sans-serif;
}
/*Font-size:1.0em = 10px when browser default size is 16px*/
.t-container {
    width:978px;
    padding-top:10px;
    padding-bottom:20px;
    margin:0 auto;
    font-size:1.0em;
}
.t-header {
    width:958px;
    min-height:130px /*Non-IE6*/;
    height:auto !important /*Non-IE6*/;
    height:130px /*IE6*/;
    border-left:solid 10px rgb(200,200,200);
    border-right:solid 10px rgb(200,200,200);
    background:rgb(225,225,225) url(../images/bg_header.jpg) repeat-x /*Total header background image entered here. Height:125px*/;
    font-size:1.0em;
}
.t-header-top {
    clear:both;
    width:958px;
    height:100px;
    background:rgb(218,218,218) url(../images/bg_header_top.jpg) repeat-x /*Top header background image entered here. Height:100px*/;
    font-size:1.0em;
}
.t-header-bottom {
    clear:both;
    width:958px;
    min-height:30px /*Non-IE6*/;
    height:auto !important /*Non-IE6*/;
    height:30px /*IE6*/;
    background:rgb(225,225,225) url(../images/bg_header_bottom.jpg) repeat-x /*Bottom header background image entered here:Height:25 px*/;
    font-size:1.0em;
}
.t-navbar {
    white-space:nowrap /*IE hack*/;
    float:left;
    width:958px;
    border-left:solid 10px rgb(200,200,200);
    border-right:solid 10px rgb(200,200,200);
    background-color:rgb(225,225,225);
    font-family:tahoma,arial,sans-serif;
    font-size:130% !important /*Non-IE6*/;
    font-size: 120% /*IE6*/;
}
/*Color navigation bar normal mode*/
.t-main {
    clear:both;
    width:958px;
    padding:10px 0 20px 0;
    border-left:solid 10px rgb(200,200,200);
    border-right:solid 10px rgb(200,200,200);
    background-color:rgb(200,200,200);
    font-size:1.0em;
}
.t-content {
    display:inline;
    /*Fix IE floating margin bug*/;
    float:left;
    width:958px;
    background-color:rgb(200,200,200);
    font-size:1.0em;
    overflow:visible !important /*Non-IE6*/;
    overflow:hidden /*IE6*/;
}
.t-footer {
    clear:both;
    width:958px;
    padding:1.0em 0 1.0em 0;
    border-left:solid 10px rgb(200,200,200);
    border-right:solid 10px rgb(200,200,200);
    background-color:rgb(225,225,225);
    font-size:1.1em !important /*Non-IE6*/;
    font-size:1.0em /*IE6*/;
    overflow:visible !important /*Non-IE6*/;
    overflow: hidden /*IE6*/;
}
/****************/
/* HEADER-TOP */
/****************/
/* SITENAME AND SLOGAN */
.t-sitelogo {
    width:70px;
    height:70px;
    position:absolute;
    z-index:1;
    margin:15px 0 0 15px;
    background:url(../images/bg_logo.gif);
}
.t-sitename {
    width:300px;
    height:70px;
    position:absolute;
    z-index:1;
    margin:27px 0 0 95px;
    overflow:hidden;
}
.t-sitename h1 {
    font-family:"trebuchet ms",arial,sans serif;
    font-weight:normal;
    font-size:290% !important /*Non-IE6*/;
    font-size:260% /*IE6*/;
}
.t-sitename h2 {
    font-family:verdana,arial,sans serif;
    margin-top:-5px;
    padding-bottom:2px;
    color:rgb(125,125,125);
    height:20px;
    font-weight:normal;
    font-size:130% !important /*Non-IE6*/;
    font-size:120% /*IE6*/;
}
.t-sitename a {
    text-decoration:none;
    color:rgb(125,125,125);
}
.t-sitename a:hover {
    text-decoration: none;
}
/* BUTTON NAVIGATION */
.t-navbutton {
    width:400px;
    position:absolute;
    z-index:2;
    margin-top:26px;
    margin-left:547px !important /*Non-IE6*/;
    margin-left:550px /*IE6*/;
}
.t-navbutton ul {
    float:right;
}
.t-navbutton li {
    display:inline;
    list-style:none;
}
.t-navbutton li a {
    padding-left:3px;
}
.t-navbutton a:hover {
    text-decoration:none;
}
.t-navbutton a img {
    height: 32px;
}
/* GLOBAL NAVIGATION */
.t-navglobal {
    width:600px;
    position:absolute;
    z-index:3;
    margin-top:65px;
    margin-left:349px !important /*Non-IE6*/;
    margin-left:351px /*IE6*/;
}
.t-navglobal ul {
    float:right;
    font-weight:normal;
}
.t-navglobal li {
    display:inline;
    list-style:none;
}
.t-navglobal li a {
    display:block;
    float:left;
    padding:2px 5px 2px 5px;
    color:rgb(125,125,125);
    text-decoration:none;
    font-size:130% !important /*Non-IE6*/;
    font-size:120% /*IE6*/;
}
.t-navglobal a:hover {
    text-decoration:none;
    color: rgb(255,255,255);
}
/*******************/
/* HEADER BOTTOM */
/*******************/
/* BREADCRUMB */
.t-header-bottom ul {
    float:left;
    width:430px;
    list-style:none;
    padding:8px 0 3px 10px !important /*Non-IE6*/;
    padding:8px 0 3px 10px /*IE6*/;
}
.t-header-bottom ul li {
    display:inline;
    padding:0 0 0 10px;
    background:transparent url(../images/bg_bullet_arrow.gif) no-repeat 0 50%;
    font-size:110% !important /*Non-IE6*/;
    font-size:100% /*IE6*/;
}
.t-header-bottom ul li.t-nobullet {
    display:inline;
    padding:0;
    background:none;
    color:rgb(75,75,75);
}
.t-header-bottom ul a {
    color:rgb(125,125,125);
    font-weight:bold;
    text-decoration:none;
}
.t-header-bottom ul a:hover {
    color: rgb(255,255,255);
}
/* SEARCH FORM*/
.t-header-bottom .t-searchform {
    float:right;
    width:430px;
}
.t-header-bottom .t-searchform form fieldset {
    float:right;
    border:none;
    padding-top:5px;
    padding-right:10px;
}
.t-header-bottom .t-searchform input.t-field {
    width:15.0em;
    height:1.2em;
    padding:1px !important /*Non-IE6*/;
    padding:2px /*IE6*/;
    border:solid 1px rgb(200,200,200);
    background-color:rgb(255,255,255);
    font-size:110% !important /*Non-IE6*/;
    font-size:100% /*IE6*/;
}
.t-header-bottom .t-searchform input.t-button {
    width:4.5em;
    height:1.6em;
    background-color:rgb(240,240,240);
    border:solid 1px rgb(150,150,150);
    text-align:center;
    color:rgb(100,100,100);
    font-size:110% !important /*Non-IE6*/;
    font-size:100% /*IE6*/;
}
.t-header-bottom .t-searchform input.t-button:hover {
    cursor:pointer;
    border:solid 1px rgb(80,80,80);
    background-color:rgb(220,220,220);
    color: rgb(80,80,80);
}
/********************/
/* NAVIGATION BAR */
/********************/
/* MAIN MENU */
.t-navbar ul {
    list-style-type:none;
}
.t-navbar ul li {
    float:left;
    z-index:auto !important /*Non-IE6*/;
    z-index:1000 /*IE6*/;
    background-color:rgb(225,225,225);
}
.t-navbar 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);
    border-right:solid 0px rgb(215,215,215);
}
.t-navbar ul li ul {
    display:none;
    border: none;
}
/* SUBMENU (Non-IE6 hovering) */
.t-navbar ul li:hover {
    position: relative;
}
/*Sylvain IE hack*/
.t-navbar ul li:hover a {
    background-color:rgb(235,235,235);
    text-decoration: none;
}
/*Color main cells hovering mode*/
.t-navbar ul li:hover ul {
    display:block;
    width:10.0em;
    position:absolute;
    z-index:1000;
    top:3.0em;
    margin-top:0.1em;
    left:0;
    padding:0px 16px 0px 16px;
    border-top:solid 1px rgb(215,215,215);
}
.t-navbar ul li:hover ul li a {
    white-space:normal;
    display:block;
    width:10.0em;
    height:auto;
    line-height:1.3em;
    margin-left:-17px;
    padding:4px 16px 4px 16px;
    border-right:solid 1px rgb(215,215,215);
    border-left:solid 1px rgb(215,215,215);
    border-bottom:solid 1px rgb(215,215,215);
    background-color:rgb(235,235,235);
    font-weight:normal;
    color: rgb(100,100,100);
}
/*Color subcells normal mode*/
.t-navbar ul li:hover ul li a:hover {
    background-color:rgb(225,225,225);
    text-decoration: none;
}
/*Color subcells hovering mode*/
/* SUBMENU (IE6 hovering) */
.t-navbar table {
    position:absolute;
    z-index:1000;
    top:0px;
    left:-1px;
    border-collapse:collapse;
}
.t-navbar ul li a:hover {
    position:relative /*Sylvain IE hack*/;
    z-index:1000 /*Sylvain IE hack*/;
    background-color:rgb(235,235,235);
    text-decoration: none;
}
/*Color main cells hovering mode*/
.t-navbar ul li a:hover ul {
    display:block;
    width:10.0em;
    position:absolute;
    z-index:1000;
    top:3.1em;
    t\op:3.0em;
    left:0px;
    marg\in-top:0.1em;
    border-top:solid 1px rgb(215,215,215);
}
.t-navbar 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-right:solid 1px rgb(215,215,215);
    border-left:solid 1px rgb(215,215,215);
    border-bottom:solid 1px rgb(215,215,215);
    background-color:rgb(235,235,235);
    font-weight:normal;
    color: rgb(100,100,100);
}
/*Color subcells normal mode*/
.t-navbar ul li a:hover ul li a:hover {
    background-color:rgb(225,225,225);
    text-decoration: none;
}
/*Color subcells hovering mode*/
/*************/
/* CONTENT */
/*************/
/* CONTAINER (NO BOXES) */
.t-content-1col-nobox {
    width:958px;
    background-color:rgb(255,255,255);
}
.t-content-2col-nobox-leftcolumn {
    display:inline;
    float:left;
    width:478px;
    border-right:solid 1px rgb(215,215,215) /*Use this statement if left column is longer than the right column. Activate by removing "xx_" from property name*/;
    background-color:rgb(255,255,255);
}
.t-content-2col-nobox-rightcolumn {
    display:inline;
    float:right;
    width:478px;
    border-left:solid 1px rgb(215,215,215)/*Use this statement if right columnn is longer than the left column. De-activate by adding "xx_" to propery name*/;
    background-color:rgb(255,255,255);
}
.t-content-3col-nobox-leftcolumn {
    display:inline;
    float:left;
    width:318px;
    border-right:solid 1px rgb(215,215,215) /*Use this statement if left column is longer than the right column. Activate by removing "xx_" from property name*/;
    background-color:rgb(255,255,255);
}
.t-content-3col-nobox-middlecolumn {
    display:inline;
    float:left;
    width:318px;
    border-left:solid 1px rgb(215,215,215);
    border-right:solid 1px rgb(215,215,215) /*Use this statement if left column is longer than the right column. Activate by removing "xx_" from property name*/;
    background-color:rgb(255,255,255);
}
.t-content-3col-nobox-rightcolumn {
    display:inline;
    float:right;
    width:318px;
    border-left:solid 1px rgb(215,215,215)/*Use this statement if right columnn is longer than the left column. De-activate by adding "xx_" to propery name*/;
    background-color: rgb(255,255,255);
}
/* CONTAINER (BOXES) */
.t-content-1col-box {
    width:958px;
    background-color:transparent;
}
.t-content-2col-box-leftcolumn {
    display:inline;
    float:left;
    width:474px;
    background-color:transparent;
}
.t-content-2col-box-rightcolumn {
    display:inline;
    float:right;
    width:474px;
    background-color:transparent;
}
.t-content-2col-box {
    width:474px;
    background-color:rgb(255,255,255);
}
.t-content-3col-box-leftcolumn {
    display:inline;
    float:left;
    width:313px;
    background-color:transparent;
}
.t-content-3col-box-middlecolumn {
    display:inline;
    float:left;
    margin-left:10px;
    width:313px;
    background-color:transparent;
}
.t-content-3col-box-rightcolumn {
    display:inline;
    float:right;
    width:313px;
    background-color:transparent;
}
.t-content-3col-box {
    width:313px;
    background-color: rgb(255,255,255);
}
/************/
/* FOOTER */
/************/
.t-footer p {
    clear:both;
    line-height:1.3em;
    text-align:center;
    color:rgb(125,125,125);
    font-weight:bold;
    font-size:110%;
}
.t-footer p.t-credits {
    clear:both;
    font-weight:normal;
}
.t-footer a,.t-footer a:visited {
    text-decoration:underline;
    color:rgb(125,125,125);
}
.t-footer a:hover {
    text-decoration:none;
    color: rgb(0,0,0);
}
/*********************/
/* ROUNDED CORNERS */
/*********************/
/* PAGE */
.t-corner-page-top {
    width:978px;
    height:10px;
    background:transparent url(../images/bg_corner_page_top.gif) no-repeat;
    overflow:hidden;
}
.t-corner-page-bottom {
    width:978px;
    height:10px;
    padding-bottom:20px;
    background:transparent url(../images/bg_corner_page_bottom.gif) no-repeat;
    overflow: hidden;
}
/* CONTENT */
.t-corner-content-1col-top {
    clear:both;
    width:958px;
    height:7px;
    background:white url(../images/bg_corner_content_nosidebar_1col_top.gif) no-repeat;
    overflow:hidden;
}
.t-corner-content-1col-bottom {
    clear:both;
    width:958px;
    height:7px;
    margin-bottom:10px;
    background:transparent url(../images/bg_corner_content_nosidebar_1col_bottom.gif) no-repeat;
    overflow:hidden;
}
.t-corner-content-2col-top {
    width:474px;
    height:7px;
    background:transparent url(../images/bg_corner_content_nosidebar_2col_top.gif) no-repeat;
    overflow:hidden;
}
.t-corner-content-2col-bottom {
    width:474px;
    height:7px;
    margin-bottom:10px;
    background:transparent url(../images/bg_corner_content_nosidebar_2col_bottom.gif) no-repeat;
    overflow:hidden;
}
.t-corner-content-3col-top {
    width:313px;
    height:7px;
    background:transparent url(../images/bg_corner_content_nosidebar_3col_top.gif) no-repeat;
    overflow:hidden;
}
.t-corner-content-3col-bottom {
    width:313px;
    height:7px;
    margin-bottom:10px;
    background:transparent url(../images/bg_corner_content_nosidebar_3col_bottom.gif) no-repeat;
    overflow: hidden;
}
/******************/
/* CLEAR FLOATS   */
/******************/
.t-container:after,.t-header:after,.t-header-top:after,.t-header-bottom:after,.t-navbar:after,.t-main:after,.t-content:after,.t-content div:after,.t-subcontent:after,.t-subcontent div:after,.t-footer:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
.t-content-1col-nobox:after,.t-content-2col-nobox-leftcolumn:after,.t-content-2col-nobox-rightcolumn:after,.t-content-3col-nobox-leftcolumn:after,.t-content-3col-nobox-middlecolumn:after,.t-content-3col-nobox-rightcolumn:after,.t-content-1col-box:after,.t-content-2col-box-leftcolumn:after,.t-content-2col-box-rightcolumn:after,.t-content-2col-box:after,.t-content-3col-box-leftcolumn:after,.t-content-3col-box-middlecolumn:after,.t-content-3col-box-rightcolumn:after,.t-content-3col-box:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
.t-corner-content-1col-top:after,.t-corner-content-1col-bottom:after,.t-corner-content-2col-top:after,.t-corner-content-2col-bottom:after,.t-corner-subcontent-top:after,.t-corner-subcontent-bottom:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
p:after {
    content:".";
    display:block;
    height:0;
    /*clear:both Do not use here to avoid paragraphs clearing next to images;
    */ visibility: hidden;
}
/**************/
/* PRINTING   */
/**************/
/* To avoid that some layouts may break during printing */
/* we remove one vertical border-line for the columns */
@media print {
    .t-content-2col-nobox-rightcolumn {
        display:inline;
        float:right;
        width:313px;
        border-left:none;
        background-color:rgb(255,255,255);
    }
}
@media print {
    .t-content-3col-nobox-rightcolumn {
        display:inline;
        float:right;
        width:313px;
        border-left:none;
        background-color: rgb(255,255,255);
    }
}
/********************************************/
/* USED ONLY FOR DEMO PAGE FOR GRID SETUP   */
/* Do not use for operational purposes      */
/********************************************/
.t-main p.t-demo {
    margin:0;
    padding: 10px 20px 50px 20px;
}

/******************************************/
/*  YOUR OWN USER STYLES                  */
/*  If you want to add your own styles,   */
/*  then add them here below in order to  */
/*  avoid a mixup with default styles.    */
/******************************************/