html, body {
margin: 10px 0 20px 0;
padding: 10px 0 20px 0;
background: #762c3b;
text-align: center;
}

.invisible {
display: none;
}

/* This is not the best idea for screen readers, look at my accessibility CSS on joshuaink for more info, it's not very semantic trying an give it more meaning maybe? */


#container {
position:relative;
width: 780px;
background: #FFF;
margin: 0 auto;
text-align: left;
}


/*  HEADER REGION */
#header {
height: 70px;
background: #BBB;
}


#animation {
z-index:1000;
position:absolute;
width: 150px;
background-color: #bdc9d9;
height: 70px;
top:0;
right:0;
}
#navigation {
width: 513px;
height: 43px;
background-color: #486891;
border-top: 2px solid #FFF;
float: left;
}


/*  END HEADER REGION */


.newsItem ul {
  font: 70%/120% Arial, Helvetica, sans-serif;  
  color: #555;
}


.newsItem h3 {
  font: bold 90%/120% Arial, Helvetica, sans-serif;  
  color: #4A6C9A;
  margin: 5px 0 2px 0;
}

.newsItem h4 {
  font: italic bold 80%/120% Arial, Helvetica, sans-serif;  
  color: #4A6C9A;
  margin: 3px 0 1px 0;
}

#content {
background-color: transparent;
float: left;
margin: 2px 2px 0 0;
padding: 30px 10px 20px 130px;
width: 628px;
voice-family: "\"}\""; 
voice-family: inherit;
width: 488px;
min-height:378px;
height:378px;
} 
div[id] #content
{
height:auto;
}

/* Recover from BMH - Also known as be nice to Opera */
html>body #content {
width: 488px;
}

#newsColumn {
width: 140px;
background: #BDC9D9 url(../images/asepsys-logo.jpg) 0 100% no-repeat;
padding: 5px 5px 67px 5px;
float: right;
margin: 0 0 10px 0;
}
#newsColumn h3 {
margin-bottom: 10px;
}
#footer {
background: #BDC9D9 url(../images/footer-curves.gif) bottom no-repeat;
border-top: 1px solid #FFF;
clear: both;
text-align: center;
height: 48px;
padding: 0;
}