* { font-family: arial, sans-serif }
a { color: #aa0000 }
img { border: 2px #0000aa solid }
body { background: #ffffff url(watermark.png) fixed no-repeat center center }

body.bannerGrow { background: url(headerBackground.jpg) repeat top left; margin: 0; padding: 0 }
body.bannerGrow img { border: 0px }
body.mainMenu, body.subMenu { background: url(menuBackground.jpg) repeat top left; margin: 0; padding: 0 }

body.mainMenu a { height:40px; display: block; background: url(menu.jpg) 0 0 no-repeat }
body.mainMenu ul { padding: 0; list-style: none; margin: 0;}
//body.mainMenu a { padding: 0 0 0 166px; }
body.mainMenu a { margin: 0 0 0 -166px }
body.mainMenu a.exception { margin: 5px 0 0 0; background: none; border: none; text-align: center }
body.mainMenu a.exception img { border: none }
body.mainMenu a.about { background-position: 166px 0; }
body.mainMenu a.about:hover { background-position: 166px -40px; }
body.mainMenu a.students { background-position: 0 0; }
body.mainMenu a.students:hover { background-position: 0 -40px; }
body.mainMenu a.parents { background-position: -166px 0; }
body.mainMenu a.parents:hover { background-position: -166px -40px; }
body.mainMenu a.staff { background-position: -332px 0; }
body.mainMenu a.staff:hover { background-position: -332px -40px; }
body.mainMenu a.institutes { background-position: -499px 0; }
body.mainMenu a.institutes:hover { background-position: -499px -40px; }
body.mainMenu a.showcase { background-position: -665px 0; }
body.mainMenu a.showcase:hover { background-position: -665px -40px; }
body.mainMenu a.whatson { background-position: -831px 0; }
body.mainMenu a.whatson:hover { background-position: -831px -40px; }


body.subMenu dt { height:40px; display: block; background: url(menu.jpg) 0 0 no-repeat; padding: 0 0 0 0px; margin: 0 0 .5em -166px }
body.subMenu dt.about { background-position: 166px -80px; }
body.subMenu dt.students { background-position: 0 -80px; }
body.subMenu dt.parents { background-position: -166px -80px; }
body.subMenu dt.staff { background-position: -332px -80px; }
body.subMenu dt.institutes { background-position: -499px -80px; }
body.subMenu dt.showcase { background-position: -665px -80px; }
body.subMenu dd { margin: 0 0 0 0; padding: 0 }
body.subMenu dd a { display: block; font-size: 12pt; text-align: left; padding: 0.25em 0.25em 0.25em 0.25em }
body.subMenu dd a.on, body.subMenu dd a:hover { background-image: url(menuOn.jpg) }

body.subMenu a { color: white; text-decoration: none; }
body.subMenu a:focus {outline-style: none;}
body.frontpage { text-align: center }