@charset "utf-8";

div#template { text-align: left; width: 760px; margin: 0 auto 0 auto }
div#school-name { float: left; width: 411px }
div#school-crest { float: right; width: 349px  }
div#header-frame { padding: 10 10 10 10; background-image:url(../images/template/canvas-top.png); background-repeat: no-repeat; background-color: #005e7d }
div#header { width: 740px; height: 250px; overflow: hidden; margin: 0 auto 0 auto; background-image:url(../images/template/canvas-top.png); background-repeat: no-repeat; background-color: #005e7d }
div#canvas { padding: 0 10 0 10; background-color: #005e7d }
div#content-fullpage { padding-bottom: 16 }
div#welcome { width: 356px; height: 160px; overflow: hidden; margin-bottom: 16; background-image:url(../images/template/welcome-background.png) }
div#welcome p { width: 356px; height: 64px }
div#welcome dl { margin: 8 0 0 0; height: 60px; overflow: hidden }
div#welcome dd { margin: 2 0 2 16 }
div#footer { padding: 10 10 24 10 }
div#menu-main { width: 740px; height: 30px; margin-bottom: 5; background-image:url(../images/template/menu-main-background.png) }
div#menu-sub { width: 740px; height: 30px; margin-bottom: 10; background-image:url(../images/template/menu-sub-background.png) }

div.portal { background-repeat: no-repeat; background-color: #3084a0 }
div.portal h1 { margin: 4 0 4 0 }
div.portal-padding { padding: 1 16 1 16 }
div.portal-left { width: 400px; background-image:url(../images/template/portal-left-top.png) }
div.portal-right { width: 316px; background-image:url(../images/template/portal-right-top.png) }
img.portal-bottom { margin: 0 0 5 0 }

div.menu { background-repeat: no-repeat }
div.menu ul { margin: 0; padding: 6 0 6 0; text-align: center }
div.menu li { padding: 8; display: inline; background-repeat: no-repeat }
div.menu a { font-weight: bold; text-decoration: none }
div.menu a:hover { text-decoration: underline }

div.col-left { float: left; width: 400px }
div.col-right { float: right; width: 316px }

div.clear { clear: both }

.right { text-align: right }
.visual-page td, th { padding-right: 24 }

.teachers div.col-two-left { float: none }
.teachers div.col-two-right { float: none }
.teachers dt { font-weight: bold; margin-top: 8 }
.teachers div { float: none !important; width: auto !important }