@charset "utf-8";

div#stripe { height: 19px; background-image:url(../images/template/stripe.png) }
div#template { width: 1008px; overflow: hidden }
div#mascot { float: left; width: 88px; height: 366px; overflow: hidden }
div#frame { float: right; width: 920px; overflow: hidden }
div#barnwell-school { position: relative; width: 920px; height: 116px; overflow: hidden; background-image:url(../images/template/barnwell-school.png) }
div#barnwell-school ul { position: absolute; margin: 0; top: 90px; left: 120px }
div#barnwell-school li { display: inline; padding: 0 12 0 12; font-size: 13px; font-weight: bold }
div#barnwell-school a { text-decoration: none; color: #9210a4 }
div#barnwell-school a:hover { text-decoration: underline }
div#header { width: 920px; height: 250px; overflow: hidden }
div#menu { position: relative; width: 920px; height: 88px; overflow: hidden; background-image:url(../images/template/menu-background.png) }
div#menu ul { position: absolute; width: 880px; margin: 0; padding: 0; text-align: center }
div#menu ul li { display: inline; padding: 0 12 0 12 }
div#menu a { color: #000; text-decoration: none }
div#menu a:hover { text-decoration: underline }
ul#main { top: 12; left: 16; font-size: 13px; font-weight: bold }
ul#sub { top: 55; left: 16 }
div#canvas { width: 920px; overflow: hidden; background-image:url(../images/template/canvas-background.png) }
div#canvas-gradient { margin: 0 16 0 16; background-color: #fff; background-image:url(../images/template/canvas-gradient.png); background-repeat:repeat-x }
div#canvas-padding { height: auto !important; height: 300px; min-height: 300px; padding: 4 16 4 16 }
div#footer { color: #000; padding: 8 32 24 32 }
div#footer a { color: #000 }

div#col-left { float: left; width: 520px }
div#col-right { float: right; width: 330px }

div.portal { background-repeat: repeat-y }
div.portal h1 { margin-top: 0 }
div.portal-left { background-image:url(../images/template/portal-left-background.png) }
div.portal-right { background-image:url(../images/template/portal-right-background.png) }
div.portal-padding { padding: 1 8 1 16 }
img.portal-bottom { margin-bottom: 8 }
div.full { color: #000 }
div.full h1, div.full h2, div.full h3 { color: #000 !important }
div.full a { color: #9210a4 }

div.clear { clear: both }
.right { text-align: right }

.input-text { width: 200px }
.input-textarea { width: 400px; height: 200px }