body {
font-family:"Verdana","Verdana","bitstream vera sans","trebuchet ms",verdana,sans-serif;
font-size:12px;
color:#000000;
text-align:center; /*aqui mandamos a centrar todo el contenido*/ 
padding-top:60px;
}
h2 {
font-family:"Verdana","Verdana","bitstream vera sans","trebuchet ms",verdana,sans-serif;
font-size:18px;
color:#000000;
padding-left:20px;
}
#content {
width:800px; /*ancho total de la pagina*/ 
heigth:600px;
border:1px solid #333333; /*encadeno los 3 atributos claves del borde en una sola linea, ahorrando codigo XD*/ 
background-color:#BABABA;
margin:10px auto; /*10px arriba y abajo, y auto a los lados, para los navegadores nuevos es suficiente para centrar la pagina*/ 
text-align:left; /*aqui alineamos todo de nuevo a la izquierda, pero dentro del contenedor*/ 
}

a {text-decoration:none}

li p {
text-align:justify;
}

p {
padding:5px;
text-align:justify;
}

div#sectionContainer{
position:relative; 
width:800px;
height:480px;
overflow:hidden;
margin:auto;
background:url("../images/logoback.png") no-repeat scroll center 20px;
margin:auto;
}

div.sectionTitle{
font-family:Verdana;
font-size:30px;
text-align:left;
margin-left:50px;
margin-top:10px;
margin-bottom:10px;
}

div#wait{
background-color:#FFFFFF;
background-image:url("../images/loader.gif");
background-position:center center;
background-repeat:no-repeat;
border:2px solid #000000;
position:absolute;
text-align:center;
width:100px;
z-index:10;
}

div#logo{
background:transparent url(../images/logosmall.png) no-repeat;
position:absolute; 
width:80px;
height:80px;
overflow:hidden;
z-index:10;
}

div.section{
position:relative; 
width:800px;
height:480px;
overflow:hidden;
margin:auto;
}

div.sectionContent{
height:auto;
position:relative;
width:450px;
font-family:Verdana;
font-size:18px;
text-align:left;
margin-left:10px;
margin-top:10px;
margin-bottom:10px;
}

div#copyrightPanel{
position:relative;
float:right;
width:auto;
heigth:auto;
z-index:20;
}