/*
   SimplestNet website css
   11 nov 2005 by Eric Grossi
   egrossi@simplestnet.com
*/
body, html {
    background-color: #F9FCFF;
    font-family: Bitstream Vera Sans, Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;
    margin-top: 0px;
    margin-bottom: 0px; }

/* Main layout */
#container          { width: 800px; margin-left: auto; margin-right: auto; padding: 0px;
                      background: url(../images/layout-1_04.jpg) repeat-y; }
#panel_top          { height: 163px; clear: both; background: url(../images/layout-1_01.jpg) no-repeat }
#top_left           { float: left; width: 150px; padding-top: 5px; padding-left: 5px; }
#top_right          { float: right; width: 600px; padding-right: 20px; }
#slogan             { clear: both; float: right; padding-top: 29px; width: 480px; cursor: default; }
#slogan h4          { text-align: center; margin: 0px; padding: 0px; font-size: 11px; font-weight: bold; color: #202B36; }
#hiddentitle        { display: none; }
#panel_content      { width: 100%; background: url(../images/layout-1_03.jpg) top right no-repeat; }
#panel_left         { float: left; width: 170px; height: 922px;
                      background: url(../images/layout-1_02.jpg) top left no-repeat; }
#panel_middle       { float: left; width: 590px; color: #04297E; padding-left: 20px; padding-right: 20px;
                      background: url(../images/layout-1_03.jpg) top left no-repeat; }
#panel_middle p     { margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 5px; padding-bottom: 5px; }
#panel_middle h4    { color: #04297E; font-size: 16px; font-weight: bold; margin: 0px;
                      padding-top: 10px; padding-left: 0px; padding-bottom: 5px; padding-right: 0px; }
#panel_middle h5    { color: #04297E; font-size: 14px; font-weight: bold; margin: 0px;
                      padding-top: 10px; padding-left: 0px; padding-bottom: 5px; padding-right: 0px; }
#footer             { clear: both; height: 22px; text-align: center; margin: 0px; padding-left: 150px;
                      padding-top: 6px; background: url(../images/layout-1_05.jpg) bottom left no-repeat; }
#footer a           { text-decoration: none; color: #236CA9; font-size: 10px; font-weight: bold; }

/* language list */
#lang               { float: right; padding-top: 48px; padding-right: 10px; font-weight: bold; color: #98ACC8;
                      width: 125px; }
#lang_label         { text-align: right; padding-right: 8px; cursor: default; }
.menuLnfr           { border-top: #96a6b7 1px solid; }
.menuLni            { color: #92ACC4; width: 18px; height: 16px; padding-left: 6px; padding-top: 3px;
            	      font-size: 10px; background-color: #536B8B; border-right: #96a6b7 1px solid;
            	      border-left: #96a6b7 1px solid; border-bottom: #96a6b7 1px solid; cursor: pointer; }
.menuLnsfr          { border-top: #96a6b7 1px solid; }
.menuLnsi           { color: #92ACC4; width: 18px; height: 16px; padding-left: 6px; padding-top: 3px;
            	      font-size: 10px; background-color: #536B8B; border-right: #96a6b7 1px solid;
            	      border-left: #96a6b7 1px solid; border-bottom: #96a6b7 1px solid; cursor: pointer; }

/* menu */
#menu               { width: 135px; height: 362px;
                      margin-left: 28px; margin-top: 97px; padding-top: 32px; }
#menu a             { float: left; width: 111px; height: 22px; margin-bottom: 18px; margin-left: 12px; text-align: center;
                      padding-top: 8px; text-decoration: none; font-size: 12px; font-weight: bold; color: #2E3740; }
#menu a:hover       { background-image: url(../images/menu_over.jpg); }
#menu .sel          { background-image: url(../images/menu_sel.jpg); }

/* info section */
#info               { width: 128px; margin-left: 3px; margin-top: 50px; text-align: center; }
#info img           { border: none; }

/* print mode */
@media print {
    #top_left       { display: none; }
}
