@charset "utf-8";
div#division { width: 760px; height: 62px; margin: 0 auto 0 auto }
div#division ul { margin: 16 0 0 0; padding: 8 0 8 0 }
div#division li { list-style: none; padding: 8 16 8 48; background-position: 8 0 }
ul#division-left { float: left; width: 320px; text-align: left  }
ul#division-right { float: right; width: 320px; text-align: right }
div#logo { position: absolute; left: 50%; margin: 0 0 0 -35px }
li.staff { background-image:url(../images/template/prsd-staff.png) }
li.student { background-image:url(../images/template/prsd-student.png) }
li.employment { background-image:url(../images/template/prsd-employment.png) }
li.files { background-image:url(../images/template/prsd-files.png) }

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: #8ec608 }
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: #8ec608 }
div#canvas { padding: 0 10 0 10; background-color: #8ec608 }
div#content-fullpage { padding-bottom: 16 }
div#welcome { width: 356px; height: 200px; overflow: hidden; margin-bottom: 16; background-image:url(../images/template/welcome-background.png) }
div#welcome p { width: 200px; height: 92px; overflow: hidden }
div#welcome dl { margin: 32 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: #679004 }
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 }