body {font-size:62.5%; background-color:#F0F0F0; font-family:arial,sans-serif;}
.container {min-width:800px; max-width:1100px; width:98%; padding-top:10px; padding-bottom:20px; margin:0 auto; font-size:1.0em;}
.header {min-height:130px; height:auto !important; height:130px; background:#C8C8C8; font-size:1.0em;}
.header-top {clear:both; height:150px; background:#c8c8c8 url(../img/banner-1.png) no-repeat; font-size:1.0em; margin: 0px 5px 0px 5px;}
.header-bottom {clear:both; width:98%; min-height:30px; height:auto !important; height:30px; background:#E1E1E1 url(../img/bg_header_bottom.jpg) repeat-x; font-size:1.0em;}
.navbar {width:100%; padding-top:5px; white-space:nowrap /*IE hack*/; float:left; background-color:#C8C8C8; font-family:tahoma,arial,sans-serif; font-size:130% !important; font-size:120%;} 
.main {/*this(height) is here because of IE bug?*/height:100%;clear:both; padding:10px 0 20px 0; border-left:solid 10px #C8C8C8; border-right:solid 10px #C8C8C8; background-color:#C8C8C8; font-size:1.0em;}
.content {display:inline; /*Fix IE floating margin bug*/; float:left; width:75%; background-color:#C8C8C8; font-size:1.0em; overflow:visible !important; overflow:hidden;}
.content_full {display:inline; /*Fix IE floating margin bug*/; float:left; width:100%; background-color:#C8C8C8; font-size:1.0em; overflow:visible !important; overflow:hidden;}
.content_50 {display:inline; /*Fix IE floating margin bug*/; float:left; width:50%; background-color:#C8C8C8; font-size:1.0em; overflow:visible !important; overflow:hidden;}
.subcontent {display:inline /*Fix IE floating margin bug*/; float:right; width:24%; background-color:#C8C8C8; font-size:1.0em; overflow:visible !important; overflow:hidden;}
.subcontent_50 {display:inline /*Fix IE floating margin bug*/; float:right; width:49%; background-color:#C8C8C8; font-size:1.0em; overflow:visible !important; overflow:hidden;}
.footer {clear:both; padding:1.0em 0 1.0em 0; border-left:solid 10px #C8C8C8; border-right:solid 10px #C8C8C8; background-color:#E1E1E1; font-size:1.1em !important; font-size:1.0em; overflow:visible !important; overflow:hidden;}

/* Sitename and slogan */
h1.logo {padding-right: 20px; padding-top: 35px; text-align: right; font-family:"trebuchet ms",arial,sans serif; font-weight:normal; font-size:290% !important; font-size:260%;}
h2.logo {padding-right: 20px; text-align: right; font-family:verdana,arial,sans serif; color:#000000; font-weight:normal; font-size:130% !important; font-size:120%;}
a.logo{text-decoration:none; color:#000000;}
a.logo:hover {text-decoration:none;}

/* Button navigation */
.navbutton {width:400px; position:absolute; z-index:2; margin-top:26px; margin-left:547px !important; margin-left:550px;}
.navbutton ul {float:right;}
.navbutton li {display:inline; list-style:none;}
.navbutton li a {padding-left:3px;}
.navbutton a:hover {text-decoration:none;}
.navbutton a img {height:32px;}

/* Main menu */
.navbar ul {list-style-type:none; padding-left:10px;}
.navbar ul li {float:left; z-index:auto !important; z-index:1000; background-color:#E1E1E1;}
.navbar ul li a {float:none !important; float:left; display:block; height:3.1em; line-height:3.1em; padding:0 16px 0 16px; text-decoration:none; font-weight:bold; color:#646464; border-right:solid 0px #D7D7D7;}
.navbar ul li ul {display:none; border:none;}

/* Submenu (Non-IE6 hovering) */
.navbar ul li:hover {position:relative;}
.navbar ul li:hover a {background-color:#EBEBEB; text-decoration:none;}
.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 #D7D7D7;}
.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 #D7D7D7; border-left:solid 1px #D7D7D7; border-bottom: solid 1px #D7D7D7; background-color:#EBEBEB; font-weight:normal; color:#646464;} /*Color subcells normal mode*/
.navbar ul li:hover ul li a:hover {background-color:#E1E1E1; text-decoration:none;}

/* Submenu (IE6 hovering) */
.navbar table {position:absolute; z-index:1000; top:0px; left:-1px; border-collapse:collapse;}
.navbar ul li a:hover {position:relative; z-index:1000; background-color:#EBEBEB; text-decoration:none;}
.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 #D7D7D7; }
.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 #D7D7D7; border-left:solid 1px #D7D7D7; border-bottom: solid 1px #D7D7D7; background-color:#EBEBEB; font-weight:normal; color:#646464;} /*Color subcells normal mode*/
.navbar ul li a:hover ul li a:hover {background-color:#E1E1E1; text-decoration:none;}

.content-cell {background-color:#FFFFFF;}

.subcell { float:none; background-color:#FFFFFF;}

.footer p {clear:both; line-height:1.3em; text-align:center; color:#7D7D7D; font-weight:bold; font-size:110%;}
.footer p.credits {clear:both; font-weight:normal;}
.footer a, .footer a:visited {text-decoration:underline; color:#7D7D7D;}
.footer a:hover {text-decoration:none; color:#000000;}

/******************/
/*  CLEAR FLOATS  */
/******************/
.container:after, .header:after, .header-top:after, .header-bottom:after, .navbar:after, .main:after, .content:after, .content div:after, .subcontent:after, .subcontent div:after, .footer:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.content-cell:after, .content-subcell-left:after, .content-subcell-right:after, .content-subcell-cell:after, .content-cell-box:after, .content-subcell-left-box:after, .content-subcell-right-box:after, .content-subcell-cell-box:after, .subcell:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.cell_top:after, .cell_bottom:after, .content-subcell-corner-top:after, .content-subcell-corner-bottom:after, .subcell_top:after, .subcell_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 subcells  */                 
@media print {.main {border-right:none; border-left:none;} .footer {border-right:none; border-left:none;} .content-subcell-right-nobox {display:inline; float:right; width:337px; border-left:none; background-color:#FFFFFF;}}