/* 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}
.toppanel { padding: 0px 10px; }
.header { width: 360px; 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 { padding:10px; position: relative; text-align: left;  }
.menu { position: relative; width: 100%; text-align: left; z-index: 100; padding: 7px 0px; margin-bottom: 10px }

/* Middle Block */
.middle { position: relative; !height:100%}
.leftpanel { width: 170px; text-align: left; float:right; padding: 0px 10px 10px 0px; }
.rightpanel { width: 300px; text-align: left; float:right; margin: 0px 10px 10px 0px; }
.content { width: 620px; text-align: left; float: left; margin: 5px 10px 10px 15px; }

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