@charset "utf-8";


div#template { text-align: left; width: 760px; margin: 0 auto 0 auto; overflow: hidden }
div#header { width: 760px; height: 250px; overflow: hidden }
div#menu-main { font-weight: bold; height: 42px; background-image:url(../images/template/menu-main-background.gif) }
div#menu-main ul { padding: 10 0 16 0 }
div#menu-main li { padding: 8 8 8 8; background-image:url(../images/template/menu-sub-separator.gif) }
div#menu-main a { color: #fff }
div#menu-sub { height: 30px; background-image:url(../images/template/menu-sub-background.gif) }
div#menu-sub ul { padding: 6 0 6 0 }
div#menu-sub li { padding: 8 12 8 12; background-image:url(../images/template/menu-main-separator.gif) }
div#menu-sub a { color: #fff }

div#canvas { width: 760px; overflow: hidden; background-color: #fff }
div#content { padding: 8 16 16 16; height: auto !important; height: 400px; min-height: 400px }

div#welcome { position: relative; width: 370px; height: 240px; overflow: hidden; background-image:url(../images/template/welcome-background.png); background-position: bottom; background-repeat: no-repeat }
div#welcome h1 { margin: 0 }
div#welcome a { color: #fff }
div#welcome p { position: absolute; top: 28; width: 160px; height: 104px; overflow: hidden }
div#welcome dl { position: absolute; top: 154 }
div#welcome dd { margin: 0 0 0 16 }

div#weather { margin: 10 0 10 0 }
div#weather-left { float: left; width: 140px; border: solid 2px #010060 }
div#weather-left img { width: 140px }
div#weather-right { float: right; width: 220px }
div#weather-right h3 { margin: 0 }
div#weather-right p { margin: 0 }

div#footer { color: #fff; padding: 8 }
div#footer a { color: #fff }

div.menu { background-repeat: repeat-x }
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: #000; text-decoration: none }
div.menu a:hover { text-decoration: underline }

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

div.portal-color { color: #fff; width: 302px; height: auto !important; height: 40px; min-height: 40px; margin: 34 0 0 0; background-color: #2942f6; background-image:url(../images/template/portal-top.gif); background-repeat: no-repeat }
div.portal-color a { color: #fff }
div.portal-color-content { padding: 0 0 16 0 }
div.portal-padding { padding: 0 8 8 16 }
div.portal-bottom { }

.right { text-align: right }
.no-border { background: none !important; border: none !important }
.visual-page td { padding-right: 24 }

table.teacher-pages { border-collapse: collapse; border: 0; margin: 0; }
table.teacher-pages td { padding: 0 55px 10px 0; text-align: left; vertical-align: top; }
table.teacher-pages td table { border-collapse: collapse; border: 0; margin: 0; }
table.teacher-pages td table th { text-align: right; vertical-align: middle; padding: 5px; }
table.teacher-pages td table td { text-align: left; vertical-align: middle; padding: 5px 15px 8px 0; }
table.teacher-pages td table td p { margin: 0; padding: 0 0 5px 0; }


table.health-nav { margin: 0 25px 25px 0; padding: 0; float: left; }
table.health-nav {
  background: #2d5e02;
  margin: 0; padding: 0; 
  font: bold 13px/1  Verdana, Geneva, sans-serif;
}
table.health-nav tr td {
  margin: 0; padding: 0; 
}
table.health-nav tr td a {
  background: #2d5e02; color: #ffffff;
  display: block; width: 110px;
  margin: 0; padding: 10px;
  text-decoration: none;
}
table.health-nav tr td a:hover {
  background: #339933; color:#ffffff;
  text-decoration: none;
}