body { background-color: #FFFFFF; background-image: url('../images/header-bgrd.jpg'); background-repeat: no-repeat; background-position: top center; }
body * {  }

#outer { width: 820px; margin: 0 auto; font-family: Verdana, sans-serif; font-size: 11px; }
#outer a { text-decoration: none; }
#outer a:hover { text-decoration: underline; }

#header { width: 820px; height: 82px; background-image: url('../images/header.jpg'); margin-top: 56px; }

/* PRIMARY NAV */
#nav { width: 820px; height: 35px; background-image: url('../images/nav-primary-bgrd.jpg'); background-repeat: no-repeat; }

ul#main-menu { margin: 0; padding: 0; height: 35px; }
ul#main-menu li { padding: 0; list-style: none; display: block; float: left; }
ul#main-menu li a { height: 35px; display: block; }
ul#main-menu li a:hover { background-image: url('../images/nav-bgrd-over.jpg'); }
ul#main-menu li a span { display: none; }

ul#main-menu li#home a { background-position: 0; width: 54px; }
ul#main-menu li#school a { background-position: -54px 0; width: 67px; }
ul#main-menu li#students a { background-position: -121px 0; width: 81px; }
ul#main-menu li#payments a { background-position: -202px 0; width: 82px; }
ul#main-menu li#bot a { background-position: -284px 0; width: 46px; }
ul#main-menu li#calendar a { background-position: -330px 0; width: 86px; }
ul#main-menu li#sports a { background-position: -416px 0; width: 70px; }
ul#main-menu li#contact-us a { background-position: -486px 0; width: 100px; }
ul#main-menu li#index a { margin: 0 0 0 173px; background-position: -759px 0; width: 22px; }
ul#main-menu li#email a { background-position: -781px 0; width: 39px; }
/* END PRIMARY NAV */

#imgfade-bgrd { width: 581px; height: 260px; float: left; border-bottom-style: solid; border-width: 2px; border-color: #666666; }
#imagefader { width: 561px; height: 260px; margin: 0 auto; background-image: url('../images/homepage-PLACEHOLDER.jpg'); } /*DELETE IMG REF ONCE FINALISED*/

#notices { width: 239px; height: 260px; float: right; border-bottom-style: solid; border-width: 2px; border-color: #666666; }
#notices h1 { color: #C01522; font-size: 22px; padding: 15px 0 0 14px; }
#notices p { font-size: 12px; padding: 0 0 0 14px }
#notices img { padding: 0 0 0 14px }

#content { width: 541px; float: left; margin: 10px 10px 0 20px; }
#content h1 { color: #C01522; }
#content p { font-size: 13px; }

#recent-acts { width: 551px; height: 206px; float: left; margin: 0 0 0 20px; }
#recent-acts h1 { color: #C01522; font-size: 14px; }

#newsletter { width: 239px; height: 300px; float: right; background-image: url('../images/listing1-bgrd.jpg'); background-repeat: repeat-y; border-bottom-style: solid; border-width: 1px; border-color: #666666; }
#newsletter h1 { color: #C01522; font-size: 22px; padding: 15px 0 0 14px; }
#newsletter p { font-size: 12px; padding: 0 0 0 14px }
#newsletter a { color: #C01522; text-decoration: none; font-size: 10px; }
#newsletter table { padding: 0 0 0 11px; }

#teamnotices { width: 239px; height: 286px; float: right; background-image: url('../images/listing2-bgrd.jpg'); background-repeat: repeat-y; }
#teamnotices h1 { color: #C01522; font-size: 22px; padding: 15px 0 0 14px; }
#teamnotices p { font-size: 12px; padding: 0 0 0 14px }
#teamnotices a { color: #C01522; text-decoration: none; font-size: 10px; }
#teamnotices table { padding: 0 0 0 11px; }

#footer { width: 820px; height: 149px; float: left; background-image: url('../images/footer-bgrd.jpg'); border-top-style: solid; border-width: 1px; border-color: #666666; }
#footer h1 { font-family: Arial, Helvetica, sans-serif; font-size: 24px; }
#footer a { color: #000000; text-decoration: none; }
#footer a:hover { text-decoration: underline; }
#footer .left { float: left; margin: 10px 0 0 20px; width: 300px; }
#footer .right { text-align: right; float: right; margin: 10px 20px 0 0; width: 300px; }