body {
font: 76% Verdana, Arial, Helvetica, sans-serif;
background: #ff7a00;
margin: 0;
padding: 0;
text-align: center;
color: #000;
}
#container {
margin: 0 auto;
text-align: center;
position: relative;
background: #ff7a01 url(images/bgrd2.gif) repeat-y top center;
}
#container h1 {
margin: 0;
padding: 0 0 0 20px;
}
#main {
width: 740px;
margin: 0 auto;
background: #66c5ec url(images/lt-blue-square.gif) repeat-y 0 0;
}

#main ul {
float: right;
width: 30em;
margin: 0;
padding: 0;
list-style-type: none;
border-right: 2px solid #9de3ff;
}
#main ul li {
float: right;
width: 14em;
list-style-type: none;
border-left: 2px solid #9de3ff;
font-size: 0.9em;
}
#main ul li a {
display: block;
padding: 0.3em 1em 0.3em;
background: #ff7a01 url(images/top-button.gif) repeat-x 0 0;
}

#main ul li a:link {
background: #ff7a01 url(images/top-button.gif) repeat-x 0 0;
text-decoration: none;
color: #339;
text-shadow: #dcf2ff 2px 2px 2px;
}
#main ul li a:visited {
padding: 0.3em 0;
text-decoration: none;
}
#main ul li a:hover {
background: #ff7a01 url(images/top-button.gif) repeat-x 0 -163px;
padding: 0.3em 0;
color: #009;
}
#main ul li a:active {
padding: 0.3em 0;
color: red;
}

#main #mainContent {
float: left;
width: 740px;
padding: 0;
margin: 0;
text-align: center;
background-color: #59b8f0;
height: 87px;
}
#main #mainContent div {
display: inline;
background: #e67800;
width: 240px;
float: left;
margin: 5px 0 2px 5px;
height: 80px;
}
#main #mainContent div:hover {
background: #ff9701;
}
#main #mainContent div.inactivo {
background: #ff7a01 url(images/button.gif) no-repeat 0 0;
}
#main #mainContent div.activo {
background: #ff9701 url(images/button.gif) no-repeat 0 -176px;
}
#main #mainContent div h2 {
margin: 0;
padding: 0.6em 0 0 0;
font-size: 2em;
}

#main #mainContent div p {
margin: 0;
padding: 0;
font-size: 1.2em;
}
#main #mainContent div h2 a {
font-weight: bold;
}
#main #mainContent div h2 a:link {
padding: 10px 14px 10px;
margin: 0 0 0 0;
color: #8f2800;
text-decoration: none;
text-shadow: #fc9 2px 2px 2px;
}
#main #mainContent div h2 a:visited {
color: #8f2800;
text-decoration: none;
}
#main #mainContent div h2 a:hover {
color: #000;
}
#main #mainContent div h2 a:active {
color: red;
text-decoration: none;
}
#main #mainContent div p a {
text-decoration: none;
}
#main #mainContent div p a:link {
color: black;
}
#main #mainContent div p a:visited {
color: #633;
}
#main #mainContent div p a:hover {
color: #930;
}
#main #mainContent div p a:active {
color: red;
}
#footer {
clear: both;
padding: 0;
text-align: center;
background: #ff7a01 url(images/footer-bgrd-fp.gif) no-repeat center top;
}
#footer p {
margin: 0;
padding: 2px 0 80px 0;
color: #fff;
font-size: 0.9em;
}
#footer p a {
color: #fff;
font-size: 0.9em;
}