/*
---------------------------------------------
| HEADER									|
---------------------------------------------
| MENU										|
---------------------------------------------
| CONTENT					|	SUB-CONTENT |
|							|				|
|							|				|
|							|				|
---------------------------------------------
| FOOTER									|
---------------------------------------------
*/
HTML {
	height: 100%;margin: 0px; padding: 0px; 
}
BODY {
	height: 100%;margin: 0px; padding: 0px; 
}
ul li {display:inline}
/*******************************************************************/
body {min-width:640px;}
/* MSIE display:inline-block is to make sure MSIE doesn't paint the backround above the containers, 
the overflow declaration is to make sure the containers do not drop below siblings if content pushes 
the width (in modern browsers it doesn't drop, but it spawns an orizontal scrollbar)  */
#header,#menu,#content,#sub-section,#footer {overflow:hidden;display:inline-block;}
#footer {width:100%; float:left; height:60px;} /* safari and opera need this */
#header,#menu,#content {float:left}
#sub-section {float:right}
#header {width:100%; height:70px; }
#menu {width:100%; height:20px;}
#container {margin:auto; width:850px}

/* leaving room for rounding error (MSIE) */
#main-content {width: 70%; height:100%; float:left; border: solid 1px #990033; background-color:#FAFAFA; padding: 10px 10px 0 10px;}
#sub-section {width:25%;}
#main-contentIndex {width: 90%; height:100%; float:center; border: solid 1px #990033; background-color:#FAFAFA; padding: 10px 10px 0 10px;}
#main-content-white {width: 70%; height:100%; float:left; border: solid 1px #6698BD; background-color:#FFFFFF; padding: 10px}
#sub-content { width: 89%; height: 100%; float:left; border: solid 1px #990033; background-color:#FFFFFF; padding: 10px}
#sub-content-validation { width: 89%; height:400px; float:left; border: solid 1px #ffffff; margin-bottom: 20px; background-color:#FFFFFF; padding: 10px;}

#footer {clear:both}