@charset "utf-8";

div#frame { text-align: left; width: 936px; margin: 0 auto 0 auto }

div#pembina { width: 176px; overflow: hidden; float: left }
div#pembina-content { float: right; width: 158px; background-image: url(../images/template/pembina-background.png); background-position: right; background-repeat:repeat-y }
div#pembina-padding { padding: 0 8 0 16 }
div#pembina-bottom { float: right; clear: both }
div#pembina h5 { margin: 0 0 4 0; padding: 2 0 2 16; background-image:url(../images/template/pembina-li.png); background-repeat:no-repeat; background-position: 0 8 }
div#pembina a { color: #015be4; text-decoration: none }
div#pembina a:hover { text-decoration: underline }
div#pembina ul { padding: 0 0 0 16; margin: 0 }
div#pembina ul li { list-style: none; padding: 2 0 2 0 }
div#template { width: 760px; overflow: hidden; float: right }

div#contact { width: 760px; height: 80px; overflow: hidden }
div#school { width: 513px; height: 80px; overflow: hidden; float: left }
div#address { width: 247px; height: 80px; overflow: hidden; float: right }

div#top { width: 760px; height: 220px; padding: 3 0 0 0; background-image:url(../images/template/canvas-top.png); background-repeat:no-repeat; }
div#header { width: 754px; height: 220px; margin: 0 3 0 3; overflow: hidden }
div#menu-main { height: 35px; background-image:url(../images/template/menu-main-background.png) }
div#menu-main ul { padding: 6 0 14 0 }
div#menu-main li { font-weight: bold; padding: 8 8 12 10; background-image:url(../images/template/menu-main-separator.png) }
div#menu-sub { height: 24px; background-image:url(../images/template/menu-sub-background.png)  }
div#menu-sub ul { padding: 2 0 2 0 }
div#menu-sub li { font-size: 11px; padding: 6 16 6 16; background-image:url(../images/template/menu-sub-separator.png) }
div.menu { width: 754px; margin: 0 3 0 3; overflow: hidden; background-repeat:repeat-x }
div.menu ul { text-align: center; margin: 0 }
div.menu li { display: inline; background-repeat: no-repeat; background-position: right }
div.menu a { text-decoration: none }
div.menu a:hover { text-decoration: underline }
div#canvas { background-color: #fff; height: auto !important; height: 120px; min-height: 120px; background-image:url(../images/template/canvas-bottom.png); background-position:bottom; background-repeat: no-repeat }
div#content { color: #000; padding: 3 3 3 3 }
div#content a { color: #740b0e }
div#content p, li, dd { line-height: 1.6em }
div#welcome { position: relative; width: 395px; height: 250px; margin: 0 0 0 0; background-image:url(../images/template/welcome-background.png); background-repeat: no-repeat }
div#welcome h1 { position: absolute; top: 10; left: 16 }
div#welcome p { position: absolute; top: 35; left: 16; width: 360px; height: 80px; overflow: hidden }
div#welcome dl { position: absolute; top: 168; left: 30; margin: 0; padding: 0 }
div#welcome dd { margin: 0 }
div#welcome a { color: #fff !important }
div#footer { color: #fff }
div#footer p { margin: 8 8 0 8 }
div#footer a { color: #fff }

div.portal { padding: 0 0 16 16 }
div.portal-left { width: 427px; background-color: #fff }
div.portal-right { color:#fff;  width: 324px; background-color: #000048 }
div.portal-right a { color: #fff !important }
div.portal-right-dark { width: 324px; background-color: #000048 }
div.portal-padding { padding: 0 16 1 16 }
.portal-top { vertical-align: top }
.portal-bottom { vertical-align: top; margin-bottom: 3 }
div.col-left { float: left; width: 427px }
div.col-right { float: right; width: 324px }
div.clear { clear: both }

div.full-page { color: #000 }
div.full-page a { color: #000 }
div.visual-page td, th { padding-right: 24px }

.right { text-align: right }
.no-border { border: none !important; background: none !important }
.no-padding { margin-bottom: 0 !important }