@charset "utf-8";

div#template { width: 1100px; margin: 0 auto 0 auto }

div#logo { float: left; width: 710px }
div#options { float: right; width: 390px; position: relative }
div#schools { position: absolute; cursor: pointer; top: 24; right: 178; width: 218px; height: 35px }
div#school-button { position: absolute; z-index: 100 }
div#school-list { position: absolute; top: 30; left: 44; width: 160px; background-color: #fff; border: solid 1px #cecece; z-index: 50 }
div#school-list iframe { position: absolute; z-index: 9999 }
div#school-list ul { margin: 0; padding: 0 }
div#school-list li { list-style: none; line-height: 0.7em; border-bottom: solid 1px #f0f0f0 }
div#school-list a { display: block; font-size: 14px; font-weight: normal; color: #a2a2a2; padding: 0.5em 1em 0.5em 1em; background-color: #fff }
div#school-list a:hover { color: #000; background-color: #e5e5e5 }

div#search { position: absolute; top: 24; right: 1; width: 178px; height: 35px; overflow: hidden }
div#searchbox { width: 178px; height: 35px; background-image:url(../images/template/search-background.png) }
div#searchbox input { color: #a2a2a2; width: 164px; height: 28px; padding: 4 2 2 2; margin: 1 0 0 48; border: none }

div#header { position: relative; width: 1100px; overflow: hidden; z-index: -1 }
.h-homepage { height: 260px; background-image:url(../images/template/header-background.jpg) }
div#rotating-banner { position: absolute; top: 5; left: 712; }

div#canvas { padding: 0 0 10 0 }
.purple { color: #fff; background-color: #2b3388 }
.purple table { color: #fff }
.purple .portal { background-color: #272e7a }

.portal { margin-bottom: 1 }
.portal-padding h4 { margin: 0 0 8 0 }
.portal-padding { padding: 12 18 12 18 }

div#menu { margin: 64 0 20 0; width: 200px; overflow: hidden; background-color: #f9c510 }
div#menu a { display: block; width: 200px; font-weight: bold; padding: 0.3em 0em .3em 0em; color: #000; text-decoration: none }
div#menu a:hover { background-color: #e0b10e; text-decoration: underline }
div#menu span { padding-left: 24 }
div#menu dd { margin: 0 }

.col-left { float: left; width: 200px }
.col-right { float: right; width: 892px }
.col-sub-left { float: left; width: 490px }
.col-sub-right { float: right; width: 380px; margin-right: 10 }

div#footer { color: #000 }
div#footer a { color: #000 }
div#footer p { margin: 0; padding: 24 0 0 24 }

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