/* mac hide \*/
html, body {height:100%}
/* end hide*/
body {
 padding:0;
 margin:0;
 font-family:verdana, sans-serif;
 background:url("../images/gliolivi-logo-right.jpg") repeat-x top left;
 text-shadow:1px 1px 2px #ccc;
}
#outer {
  min-height:100%; /* Mozilla and IE treat height as min-height anyway */
  margin-left:150px;
  margin-bottom:-90px;
}
* html #outer {height:100%;margin-left:157px} /* IE 3 pixel jog */
#header{
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:112px;
 background:#FF0000;
 color:#000000;
 overflow:hidden;
 background:url("../images/gliolivi-logo.jpg") no-repeat top left;
}
#left {
 position:absolute; /* IE needs this to show float */
 left:150px;
 top:115px;
 width:150px;
 margin-left:-150px;
}
* html #left { /* three pixel jog */
}
#footer {
 position:relative;
 width:100%;
 clear:both;
 height:62px;
 bottom:5px;
}
#webcounter {
 width:105px;
}
* html #footer { /* only IE gets this style */
 \height:62px; /* for IE5 */
 he\ight:60px; /* for IE6 */
}
#clearheader { /* needed to make room for header */
 height:112px;
}
#clearfooter { /* needed to make room for footer */
 clear:both;
 height:2px;
}
div, p { /* clear top margin for Mozilla */
 margin-top:0;
}
* html #centercontent { /* combat IE's 3 pixel jog */
 height:1%;
 margin-bottom:12px;
}
#centercontent { /* combat IE's 3 pixel jog */
 margin-top:0;
 margin-bottom:1px;
 margin-left:1px;
 margin-right:3px;
}
.content-cell {
 font-size:11px;
 font-weight:normal;
 text-align:justify;
 text-indent:15px;
 margin-top:1px;
 margin-bottom:3px;
 margin-right:5px;
}
.content-cell p {
 margin-top:7px;
 margin-bottom:7px;
}
.img-left, .img-right, .img-full {
 display:inline;
 border:solid #000 1px;
 cursor:pointer;
}
.img-left {
 float:left;
 margin-top:5px;
 margin-bottom:5px;
 margin-left:0;
 margin-right:4px;
}
.img-right {
 float:right;
 margin-top:5px;
 margin-bottom:5px;
 margin-left:4px;
 margin-right:0;
}
.img-full {
 float:right;
 margin-top:5px;
 margin-bottom:5px;
 margin-left:0;
 margin-right:0;
}
#list {
 list-style:none;
 margin:0;
 padding:0;
 border:1px solid #5976b2;
 border-top:0;
 background:url("../images/menu-background.png") repeat-x top left;
 font-size:12px;
 line-height:14px;
 text-shadow:1px 1px 3px #000;
}
#list li {
 margin:0;
 padding:0;
 border-top:1px solid #5976b2;
 border-bottom:1px solid #22437f;
 text-shadow:1px 1px 3px #000;
}
#list a {
 margin:0;
 color:#eeeeee;
 display:block;
 text-decoration:none;
 padding-top:3px;
 padding-bottom:3px;
 padding-left:6px;
 outline:none;
 text-shadow:1px 1px 3px #000;
}
#list a:hover {
 background:#00008b;
 color:#fff;
 text-shadow:1px 1px 3px #000;
}
#list ul {
 list-style:none;
 margin:0;
 padding:0;
 text-shadow:1px 1px 3px #000;
}
#list ul li {
 border-top:1px solid #34548e;
 background-color:#34548e;
 border-bottom:1px solid #34548e;
 text-shadow:1px 1px 3px #000;
}
#list ul li a {
 color:#a7b2c9;
 padding-left:18px;
 text-shadow:1px 1px 3px #000;
}
#flag {
 border:0;
 position:absolute;
 left:92px;
 top:180px;
 cursor:pointer;
 opacity:.80;
}
#title-red, #title-green, #title-blue {
 font-family:verdana,sans-serif;
 color:#fff;
 font-size:13px;
 padding-top:0;
 padding-left:4px;
 font-weight:bold;
 background-color:#c33;
 margin-top:0;
 margin-left:1px;
 margin-right:0;
 text-align:left;
 line-height:20px;
 text-shadow:1px 1px 3px #000;
}
#title-red {
 background:url("../images/title-red-background.png") repeat-x top left;
}
#title-green {
 background:url("../images/title-green-background.png") repeat-x top left;
}
#title-blue {
 background:url("../images/title-blue-background.png") repeat-x top left;
}