@charset "utf-8";

* {font-size: 1em; margin: 0; padding: 0;}

body {position: relative; background: #fff; color: #000; border: none;
  font-family: Arial, sans-serif; margin: auto; padding: 0.5em;
  min-width: 63em !important; max-width: 85em !important;}

a {text-decoration: underline;}
a.noline{text-decoration: none;}
a:hover {text-decoration: none;}
a img {border: none;}

abbr, dfn {cursor: help; border-bottom: 1px dotted;}
fieldset {border: none; padding: 0;}

#header {position: relative; border: #339 2px solid; padding: 0; margin: 0; height: 5em;}
#header h1 {font: italic 2.5em Times New Roman, serif; letter-spacing: 0.3em; margin: 0.5em 2em 0;}
#header h1 a span {position: absolute; top: 0.2em; left: 0.2em; width: 1.6em; height: 1.6em;}
#header h1 a:hover span {background-position: 0% 100%;}

#main {position: relative; width: 100%;}

#navbar {position: absolute; top: 0; left: 0; font-weight: bold; 
  width: 100%; height: 1.25em; letter-spacing: 0.1em;}
ul.cssmenu {position: absolute; top: 0; left: 0.5em; padding-left: 0; margin-left: 0; cursor: default;}
ul.cssmenu a {text-decoration: none;}
ul.cssmenu li {position: relative; display: inline; list-style-type: none; 
  margin: 0; padding: 0 0.5em; color: #fff;}
ul.cssmenu li a:hover, ul.cssmenu li:hover, ul.cssmenu li.ieHover {color: #fff;}
ul.cssmenu ul {display: none; position: absolute; top: 1.2em; left: 0; 
  width: 11.5em; border: #666 1px solid; background-color: #ccc;}
ul.cssmenu ul a {display: block; width: 100%;}
ul.cssmenu ul li {position: relative; display: block; margin: 0.25em 0;}
ul.cssmenu ul li span {position: absolute; top: 0; right: 0.5em;}
ul.cssmenu ul li:hover, ul.cssmenu ul li.ieHover {background: #fff; color: #000;}
ul.cssmenu ul ul {display: none; position: absolute; top: 0; left: 11em;}
ul.cssmenu li li a:hover {color: #000;}
ul.cssmenu ul.ieDisplay {display: block;}
ul.cssmenu li:hover > ul {display: block;}
ul.cssmenu li li:hover > a {color: #000;}

#toolbar {position: absolute; top: 3em; left: 0; width: 10em;}
#toolbar h4 {position: relative; margin: 0; padding: 0.2em; color: #fff; text-align: center;
  font: bold small-caps 1.2em Arial, sans-serif; letter-spacing: 0.15em;}
#toolbar h4 span {position: absolute; right: 0.1em; cursor: pointer;}
#toolbar form {margin: 0.5em 0;}
#toolbar label {font: normal 0.8em Arial, sans-serif;}
#toolbar input {float: right; border: 1px solid; width: 5em;}
#toolbar div {clear: both;}
#toolbar select {width: 100%; border: 1px solid; font-weight: bold; margin: 0 0 0.3em;}
#toolbar .pagestyle option {width: 8em; margin: 0.2em 0 0 -1em; padding-left: 2em;}
#toolbar .pagestyle optgroup {margin-top: 0.2em; padding-left: 1em; font-style: normal;}
#toolbar .w50 {width: 50%;}
#toolbar .left {float: left;}
#toolbar .right {float: right;}
#toolbar .ckrad {width: auto; border: none; /*to appease MSIE*/}

#toolbar .button {background: #fff; border: 1px solid; float: none; margin: 0.3em 0;
  text-align: center; cursor: pointer; font-weight: bold; width: 100%;}
#toolbar .button:hover {color: #fff;}

#toolbar .controls {position: relative; text-align: center; margin-bottom: 0.3em;}
#toolbar div.controls {margin: 0.5em 0;}
#toolbar .controls input {width: 2.5em; height: 1.75em;}
#toolbar .controls .asim {display: block; margin: auto; text-decoration: none;
  width: 2.5em; height: 1.75em; line-height: 1.75em;}
#toolbar .controls .left {position: absolute; top: 0; left: 0.25em;}
#toolbar .controls .right {position: absolute; top: 0; right: 0.25em;}
#toolbar .controls #dis {border-color: #ccc; color: #ccc; 
  background: #fff; cursor: default;}

#toolbar #select {padding-left: 0; margin-left: 0;}
#toolbar #eclipse {background: #ccc; color: #666;}
#toolbar #midnight {background: #99c; color: #339;}
#toolbar #pistachio {background: #9c9; color: #363;}
#toolbar #suede {background: #c96; color: #630;}
#toolbar #grassland {background: #387; color: #bc9;}

#content {margin: 0 10em 0; padding: 3em 2.5em 5em; min-height: 25em;}
#content h2 {font-size: 1.6em; margin: 1em 0; font-variant: small-caps;}
#content h3 {font-size: 1.3em; margin: 1em 0; font-variant: small-caps;}
#content h4 {font-size: 1.1em; margin: 1em 0.5em;}
#content h2 a {font-variant: normal; font-weight: normal;}
#content p {padding-left: 1em; margin: 0 0 1em; text-align: justify;}
#content p.small {font-size: 0.75em;}
#content ul {list-style-type: square; margin: 0 0 1em 3em;}
#content li {padding-left: 0.5em; margin: 0 0 0.5em 0.5em; text-align: justify;}
#content li.nest {list-style-type: none;}
#content ul ul > li {list-style-type: circle;}
#content #news p {padding-left: 2em; margin: 0 0 1em;}
#content #count {font-weight: bold;}
#content .mesg {font-weight: bold; width: 32em; margin: 0.5em auto;}
#content .err {color: #f00;}

#content #linkletters {font-weight: bold; text-align: center;}
#content #linkletters div {padding: 1em;}
#content #linkletters a {padding: 0 .5em; color: #000; font-size: 1.3em;}
#content #linklist {margin-left: 5em;}
#content #linklist p {padding-left: 0;}

#content #tabs {width: 32em; margin: auto;}
#content #tabs span {position: relative; margin-left: 0; text-align: center;}
#content #tabs a {position: absolute; top: 0.1em; left: 0; width: 13em;
  color: #fff; font-weight: bold;}
#content .darktab, .lighttab {border: #fff 1px solid; width: 13em;
  height: 0; border-width: 0 0.8em 1.6em;}
#content #downtab {border: 1px solid; width: 13em; height: 0; border-width: 1em 0.8em 0;}
#content #upleft {float: left;}
#content #upright {float: right;}
#content .field {border: 2px solid;}
#content .area {margin-top: 2em; padding: 1em;}
#content .area h4 {margin-top: 0;}
#content .area img {float: right; padding-left: 1em; padding-bottom: 1em;}
#content .w30em {width: 30em;}
#content .card {position: relative; margin: 0 auto 1em; padding: 2em; width: 32em; height: 16em; 
  clear: both;} /* border-radius: 1em;} */
#content .card img {float: right; border: 1px solid;}
#content .card p {margin: 0 0 0.25em; padding: 0;}
#content address {margin: 1em 0;}
#content input, textarea {border: 1px solid;}
#content textarea {width: 100%; height: 12em;}
#content .submit {margin: 0.5em 0 0; font-weight: bold; cursor: pointer;}
#content .submit:hover {color: #fff;}

#content #calendar {border-collapse: separate; border-spacing: 2px; width: 50em;}
#content #calendar th {width: 20%; color: #fff; text-align: center;}
#content #calendar div {font-weight: bold; font-style: italic;}
#content #calendar .nextline {font-weight: normal; font-style: normal;}
#content #calendar .exam {font-weight: normal; font-style: normal; background: #fc0;}
#content #calendar .noschool {background: #fff;}
#content #calendar td {vertical-align: top;}

#content #moron {padding: 1em; border: 0.2em #c30 solid; background: #f00; color: #fff;
  font: bold small-caps 1.2em Arial, sans-serif; letter-spacing: 0.15em;}
#content #moron a {color: #fff;}

#sidenav {position: absolute; top: 3em; left: 0; width: 10em; color: #fff;}
#sidenav img {display: block; margin: 1em auto;}
#sidenav h4 {margin: 0 0.5em 0.25em; padding: 0;}
#sidenav p {font-size: 0.85em; margin-bottom: 0.15em;}
#sidenav a {text-decoration: none;}

#f_err {width: 48em;}
#f_err span#ecl {float: left; width: 10%; text-align: center; font: bold 3em serif; color: #f00;}
#f_err span#mes {float: right; width: 90%; text-align: left; font: bold 1.2em arial, sans-serif; padding-top: 0.5em;}
#f_err span#mes span#eg {color: #000; padding-left: 4px; border-left: 2px solid #f00;}
#survey {clear: both; width: 48em; color: #000; border: 3px solid; font-weight: bold;}
#survey p {text-align: justify;}
#survey fieldset {border: none; padding: 0.5em;}
#survey legend {color: #fff; font: bold small-caps 150% arial, sans-serif; padding: 0.5em 0;}
#survey table {width: 100%; border-collapse: collapse;}
#survey table.line {border-bottom: 2px solid #fff; margin-bottom: 1em;}
#survey table.line td {border-top: 2px solid #fff;}
#survey tr {height: 2em;}
#survey td.label {width: 50%; text-align: left; padding: 0 1em;}
#survey td.input {width: 50%; text-align: left;}
#survey td.cont_label {width: 35%; text-align: left; padding: 0 1em;}
#survey td.cont_left {width: 20%; text-align: right;}
#survey td.cont_input {width: 25%; text-align: center;}
#survey td.cont_right {width: 20%; text-align: left;}
#survey td.center {text-align: center;}
#survey label {cursor: pointer; font-style: normal; font-weight: bold;}
#survey label.err {padding-left: 4px; border-left: 2px solid #f00;}
#survey input, #survey select, #survey textarea {background: #ff9 ! important; border: 2px solid;}
#survey textarea {width: 95%; height: 10em;}
#survey div#f_submit {width: 100%; text-align: center; margin: 1.5em;}
#survey #f_submit input {padding: 0.25em 3em; text-align: center; font-weight: bold;}
#survey #f_submit input:hover {color: #fff;}

#footer {margin: 0; padding: 0.5em; font: 0.85em Arial, sans-serif; text-align: center; clear: both;}
#footer .credits {border-bottom: 2px solid; padding-bottom: .5em;}
#footer .credits img {border: none; margin: 0 .5em;}
#footer #totop {float: right; text-decoration: none;}
#footer span {float: left;}


#navbar, #content .submit:hover, #content #calendar th {background: #339;}

#header, #content .field, #content .submit, #content #calendar tr {background: #99c;}

a:link, #header h1 a, #content h2, #content h3, #content h4, #content h2 a,
  ul.cssmenu ul li, ul.cssmenu ul li a, ul.cssmenu ul li a:visited,
  .field, .field a, .field a:visited, #totop {color: #339;}
  
a:visited, #navbar, ul.cssmenu a, ul.cssmenu li {color: #99c;}

#header, #content .field, #content .field img, #content input, #content textarea, #footer .credits {border-color: #339;}

ul.cssmenu ul {border: #339 1px solid; background-color: #99c;}