@charset "utf-8";

div#template { text-align: left; width: 750px; margin: 0 auto 0 auto }
div#logo { float: left; width: 450px }
div#address { float: right; width: 180px  }
div#header { width: 750px; height: 200px; overflow: hidden; margin: 0 0 8 0 }

div#menu-main { height: 40px; background-image:url(../images/template/menu-background.gif)}
div#menu-main ul { padding: 8 0 8 0 }
div#menu-main li { padding: 8 8 8 8; background-image:url(../images/template/menu-separator.gif) }
div#menu-sub ul { padding: 6 0 6 0 }
div#menu-sub { height: 31px; background-color: #067a95 }
div#menu-sub li { padding: 6 16 6 16; border-right: solid 1px #045466 }

div.menu { width: 750px; overflow: hidden; background-repeat: no-repeat }
div.menu ul { text-align: center; margin: 0; padding: 0 }
div.menu li { display: inline; background-repeat: no-repeat; background-position: right }
div.menu a { color: #fff; text-decoration: none }
div.menu a:hover { text-decoration: underline }

div#canvas { width: 750px; overflow: hidden; background-color: #c2edfb }
div#content { padding: 1 16 16 16 }
div#footer p { color: #fff; margin: 8 16 24 16 }
div#footer a { color: #fff }

div.col-left { float: left; width: 370px }
div.col-right { float: right; width: 340px }
div.clear { clear: both }

.right { text-align: right }
.no-border { background: none !important; border: none !important }

div.portal { height: auto !important; height: 78px; min-height: 78px; margin: 0 0 16 0; background-repeat:no-repeat }
div.portal-padding { padding: 70 0 0 0 }

.news { background-image:url(../images/template/portal-news.jpg) }
.newsletter { background-image:url(../images/template/portal-newsletter.jpg) }
.sponsor { background-image:url(../images/template/portal-sponsors.jpg) }
.homework { background-image:url(../images/template/portal-homework.jpg) }
.calendar { background-image:url(../images/template/portal-calendar.jpg) }
.quicklinks { background-image:url(../images/template/portal-quicklinks.jpg) }
.quicklinks ul { margin: 0; padding: 0 }