/* Basic Layout */
body { height:100%; margin: 0; padding: 0; text-align: center; }
form { padding: 0; margin: 0; }

.page { width: 980px; margin-left: auto; margin-right: auto; }
.clear { clear: both; }

/* Top Block */
.top { margin: 0 auto; position: relative; z-index: 10}
.header { width: 400px; position: relative; float: left; text-align: left; margin: 5px 0px 5px 0px; }
.headercontrols { position: relative; float: right; text-align: right; padding: 10px 10px 10px 10px; z-index: 110 }
.banner { width: 980px; position: relative; text-align: left; margin: 0px 0px 10px 0px; }
.menu { position: relative; width: 100%; text-align: left; z-index: 100; }

/* Middle Block */
.middle { position: relative; height:100%; }
.leftpanel { width: 200px; text-align: left; float:left; padding: 0px 20px 0px 0px; }
.rightpanel { width: 200px; text-align: left; float:right; padding: 0px 0px 0px 20px; }
.content { width: 540px; text-align: left; float: left; padding: 0px 0px 0px 0px; }

/* Bottom Block */
.bottom { position: relative; }
.footer { width: 980px; text-align: left; float: left; margin: 20px 0px 0px 0px; }