body {
margin:.5em auto;
padding:30px 0 0 0;
height:100%;
background-color:#ccc;
background-image:url("images/bg_etrossi.gif");
background-position:10px;
background-repeat:repeat-y;
color:#000;  
text-align:center;
font-family:Courier New, Helvetica, sans-serif;
font-size:.8em;
}

a {
color:#CCAA00;
text-decoration:none;
}

a:hover {
color:#CCAA00;
text-decoration:underline;
}

img {
border:none;
}

#content { 	
margin:0 auto;
padding:1em;
width:50em;
height:37em;
text-align:left;
vertical-align: middle;	
background-color:#fff;
border:1px solid #000;
}

#content h1 {
margin:0 0 -.5em 0;
padding:1em 0 1em 0;
font-size:1.5em;
letter-spacing:.1em;
color:#999;
}

#content span.h2 {
font-weight:bold;
letter-spacing:.1em;
}

#start {
margin:150px 0 0 15px;
font-size:2em;
font-weight:bold;
letter-spacing:.1em;
color:#999;
}

ul {
list-style: square outside url("images/square.gif")
}

#header {
margin:0 0 0 0;
padding:0 0 0 0;
height: 10.4em;
background-color:#ffffff;
background-image:url("images/header_bg.jpg");
background-position:bottom center;
background-repeat:no-repeat;
border-left:1px solid #000;border-top:1px solid #000;border-right:1px solid #000;
}

#header h1 {
margin:0 0 -.6em 0;
padding:0em 0 0 1em;
font-size:1.5em;
letter-spacing:.2em;
color:#ffffff;
}

#navigation {
margin:0 0 0 0;
float:left;
width:100%;
height:8em;
font-size:93%;
line-height:normal;
}

#navigation ul {
margin:0 0 0 0;
padding:4.1em 0 0 .7em;
list-style:none;
}

#navigation li {
display:inline;
margin:0;
padding:0;
}

#navigation a {
float:left;
background-image:url('images/tableft.gif');
background-position: left top;
background-repeat:no-repeat;
margin:0;
text-decoration:none; padding-left:4px; padding-right:0; padding-top:0; padding-bottom:0
}

#navigation a span {
float:left;
display:block;
background-image:url('images/tabright.gif');
background-position: right top;
background-repeat:no-repeat;
color:#fff; padding-left:6px; padding-right:15px; padding-top:5px; padding-bottom:4px
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#navigation a span {float:none;}

/* End IE5-Mac hack */
#navigation a:hover span {
color:#000;
}

#navigation a:hover {
background-position:0% -84px;
}

#navigation a:hover span {
background-position:100% -84px;
color:#fff;
}

#navigation a.active {
background-position:0% -42px;
}

#navigation a.active span {
background-position:100% -42px;
color:#000;
}

#footer {
position:relative;
bottom:0;
margin:0 0 0 0;
padding:0;
height:2em;
line-height:2em;
text-align:center;
font-size:.9em;
color:#000;
}

#logo {
position:relative;
top:1.2em;
left:-3.2em;
background-image:url('images/etrossi_logo.jpg');
background-repeat:no-repeat;
width:207px;
height:60px;
}
