#interface-box { width: 1000px; margin: 20px auto; text-align: left; }

#interface-header,
#interface-middle,
#interface-footer { overflow: auto; text-align: left; } 
#interface-header-left { float: left; width: 300px; text-align: right; margin-top: 10px; }
#interface-header-middle { float: left; width: 400px; text-align: center; }
#interface-header-right { float: right; width: 300px; height: 210px; overflow: hidden; }

div.interface-header-right-item { width: 300px; position: absolute; }

#interface-middle-left { float: left; width: 150px;  }

#interface-middle-middle { width: 650px; height: 540px; position: absolute; z-index: 20; background: url(/ENGINE/IMAGES/HUDSON/WEBSITE/schoolbord_outside.png) no-repeat center; margin: -30px 0px 0px 175px;}
#interface-middle-content-box { width: 604px; height: 502px; background: url(/ENGINE/IMAGES/HUDSON/WEBSITE/schoolbord_middle.jpg) no-repeat center; margin: 19px 0px 0px 23px; } 
#interface-middle-content-placeholder { padding: 62px 20px 30px 66px; }
#interface-middle-content-box-scroller { width: 475px; height: 377px; overflow: auto;  }                    
#interface-middle-content-box-inner { color: #FFF; padding: 15px; }
#interface-middle-content-box-inner a { color: #FFF; }

div.interface-content-image-left { float: left; width: 150px; margin: 0px 10px 10px 0px; }
div.interface-content-image-right { float: right; width: 150px; margin: 0px 0px 10px 10px; }
div.interface-content-image-center { display: block; width: 150px; text-align: center; }
div.interface-content-image-left img,
div.interface-content-image-right img,
div.interface-content-image-center img { border: 2px; solid #FFF; }

#interface-middle-right { float: right; width: 137px; margin: 20px 20px 0px 0px; }

#interface-footer { height: 170px; line-height: 30px; }
#interface-footer-left { width: 300px; margin-top: 0px; position: absolute;  z-index: 10; overflow: hidden; height: 220px;}
div.interface-footer-left-item { width: 280px; position: absolute; }
#interface-footer-middle { font-family: "Bernard MT Condensed"; font-size: 20px; width: 1000px; text-align: center; margin-top: 80px; color: #FFF; }
#interface-footer-middle b { font-family: "Bernard MT Condensed"; font-size: 26px; }

#interface-slogan { text-align: center; width: 420px; margin: 30px auto; font-size: 20px; }

div.interface-application { margin-top: 15px;}

div.interface-form-menu { color: #FFF; }   
div.interface-form-menu  h3 { margin: 0px 0px 15px 0px; border-bottom: 1px solid #FFF; padding: 0px 0px 5px 0px; }   
div.interface-form-menu table { width: 100%; } 
td.interface-menu-column-key { padding: 0px 20px 10px 0px; vertical-align: top;width:370px; }
td.interface-menu-column-value { text-align: left;  vertical-align: top; font-weight: bold; }
td.interface-menu-column-comment { padding: 15px 0px; font-style: italic; }

div.interface-newsletter-box { border-top: 1px solid #FFF;  }
div.interface-newsletter-box-inner { padding: 10px 0px;  }
div.interface-newsletter-box-inner input { border: 1px solid #FFF; width: 150px; background: none; color: #FFF; }

td.interface-newsletter-key { padding: 2px 15px 2px 0px; }
#interface-newsletter-submit { width: 116px; height: 28px; background: url(/ENGINE/IMAGES/HUDSON/WEBSITE/form_button.png) top repeat-x; border: 0px; color: #000; cursor: pointer; font-weight: bold; padding-bottom: 4px; }