
body {
text-align: center;
}

div {
margin: 0;
padding: 0;
}

#center {
float: left;
width: 535px;
margin-left: 215px;
}

* html #center 	{
display: inline;
}

#left {
float: left;
width: 220px;
margin-left: -750px;
}

/* Mac IE5 filter \*/
#center, #left {
padding-bottom: 32767px !important;
margin-bottom: -32767px !important; 
}
/* Mac IE5 filter */

.verticalalign 	{
position: absolute;
bottom: 0;
}

#center .verticalalign {
width: 545px;
}

#left .verticalalign {
width: 230px;
}

/* for Opera 7+ */
@media all and (min-width: 0px){
.verticalalign {
width: 100% !important;
}

div[id^="wrapper"] #center .verticalalign {
width: 545px !important;
}

div[id^="wrapper"] #left .verticalalign {
width: 175px !important;
}
}

/* for IEs before IE7 */
* html .verticalalign {
width: 100% !important;
}

.verticalalign p {
position: absolute;
bottom: 0;
right: 0;
margin: 0;
padding: 0;
}

#wrapper {
width: 750px;
margin: auto;
position: relative;
overflow: hidden; 
text-align: left;
}

#wrapper {
	float: left;
	float/**/: none;
}

/* clearing */
#wrapper:after {
content: '+++'; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

#wrapper {
display: inline-block;
}
/*\*/
#wrapper {
display: block;
}
/* end clearing */



#header, #footer {
width: 750px;
clear: both;
}


* > #footer, * > form, * > #notes, * > .output {
position: relative;
z-index: 1000;
}


#left_content {
padding-right: 20px;
}
