a img {
  border:none;
}

a.bold, p.bold, span.bold, td.bold{
  font-weight:bold;
}

.textbox {
 border:1px solid #999999;
 padding:1px;
}

.textbox_error {
 border:2px solid #FF0000;
 padding:1px;
}
 
.button {
 background:#EEEEEE;
 padding:1px 3px 1px 3px;
 border:1px outset #999999;
}

div.printArea#mainArea {
  position:relative;
  margin:2em;
  width:40em;
  color:#000000;
  background-color:#ffffff;
  padding:0;
}

form {
  margin:0;
}


/* main layout */

#outer {
  position:relative;
  min-height:100%;
  margin-bottom:-2em;
  border-right:1px solid #336633;
  max-width:71em;
  min-width:51em;
}

#container {
  position:relative;
  clear:both;
  padding-top:0.5em;
}

#container p {
  margin:0;
  padding:0;
}

#leftColumn {
  position:relative;
  float:left;
  width:10.5em;
  margin-left:1em;
  overflow:hidden;
  margin-bottom:0.5em;
}

#rightColumn {
  position:relative;
  left:1px;
  float:right;
  width:13em;
  margin-right:1em;
  margin-bottom:0.5em;
  background-color:#eeeeee;
  border:1px solid #cccccc;
}

#rightColumnInner {
  border:1px solid #ffffff;
  border-bottom:none;
  padding-top:0.5em;
  padding-bottom:0.5em;
}

#mainArea {
  position:relative;
  margin-left:14em;
  margin-right:17em;
  margin-bottom:0.5em;
  max-width:40em;
  min-width:20em;
  color:#000000;
  background-color:#ffffff;
  padding:0;
}

#clearFooter {
  clear:both;
  height:2em;
}

#footer {
  position:relative;
  max-width:71em;
  min-width:51em;
  height:2em;
  color:#ffffff;
  background-color:#56b430;
  border-right:1px solid #336633;
  z-index:100;
}


/* header */

#header {
  float:left;
  position:relative;
  width:100%;
  max-width:71em;
  min-width:51em;
  overflow:hidden;
  color:#ffffff;
  background-color:#56b430;
  border-bottom:1px solid #336633;
  z-index:100;
}

#logo {
  float:left;
  margin-left:1em;
  margin-top:1em;
}

#logo a img {
  margin:0;
  padding:0;
}

#headerImages {
  position:absolute;
  left:252px;
  padding-left:1em;
  width:303px;
}

#headerImages img {
  float:left;
  margin:0.5em 5px 0.5em 5px;
}

#quickLinks {
  position:relative;
  color:#ffffff;
  background-color:#56b430;
  float:right;
  padding:0.5em 2em 0.5em 0;
  z-index:100;
  min-height:63px;
}

#quickLinks ul {
  margin:0;
  padding:0;
  list-style-position:inside;
  /*list-style-image:url('../images/header_blip.png')*/
}

#quickLinks li {
  margin:0;
  padding:0.1em 0 0.1em 0;
}

#quickLinks a, #quickLinks a:visited {
  color:#ffffff;
}

#quickLinks a:active, #quickLinks a:hover {
  color:#dfdfdf;
}

#rightHeader {
  position:relative;
  z-index:100;
  float:right;
  width:14em;
  border-left:1px solid #336633;
}

#tools {
  border-bottom:1px solid #336633;
}

#toolsInner {
  position:relative;
  padding:0.4em;
  color:#ffffff;
  background-color:#cc8d34;
  border:1px solid #deb57b;
  border-top:none;
}

#search {
}

#searchInner {
  position:relative;
  padding:0.9em 0.4em 0.9em 0.4em;
  color:#ffffff;
  background-color:#66CC33;
  border:1px solid #9bde7a;
  border-top:none;
}

.toolButton {
  color:#ffffff;
  background-color:#8d6124;
  border:1px solid #deb57b;
}

#toolsInner .rightButton {
  position:absolute;
  top:0.4em;
  right:0.4em;
}

#searchInner .rightButton {
  position:absolute;
  top:0.9em;
  right:0.4em;
}

#searchField {
  border:1px solid #336633;
  width:8em;
}

#searchButton {
  color:#ffffff;
  background-color:#56b430;
  border:1px solid #9bde7a;
}


/* menu general */

.menu {
  color:#000000;
  background-color:#FFFFFF;
  margin-bottom:1em;
}

.menu div.title {
  margin:0;
  padding:0 0.4em 0.3em 0.4em;
  font-size:1em;
  font-weight:bold;
}

.menu ul {
  color:#ffffff;
  background-color:#eeeeee;
  list-style-type:none;
  margin:0;
  padding:0;
  border-top:1px solid #cccccc;
}

.menu li {
  border:1px solid #cccccc;
  border-top:none;
  margin:0;
  padding:0;
}

.menu li div {
  border:1px solid #ffffff;
  border-bottom:none;
}

.menu a, .menu a:link, .menu a:visited, .menu a:active {
  color:#000000;
  background-color:#eeeeee;
  text-decoration:none;
  display:block;
  margin:0;
  padding:0.1em 0.4em 0.1em 0.4em;
}

.menu a:hover {
  color:#000000;
  background-color:#dddddd;
}


/* menu sub-items */

.menu li ul {
  padding-left:1em;
  border:none;
}

.menu ul li ul li {
  border:none;
}


/* info */

#leftColumn #leftInfo {
  font-size:80%;
  padding:0;
  margin:0;
  margin-top:1em;
}


/* main area */

#mainArea h1 {
 font-size:1.3em;
  color:#396a33;
  font-weight:bold;
  padding:0;
  padding-bottom:0.2em;
  margin:0;
  margin-bottom:0.4em;
 
  width:100%;
  background-image:url(/images/line.png);
  background-repeat:repeat-x;
  background-position:bottom left;
}

#mainArea a, #mainArea a:link, #mainArea a:visited, #mainArea a:focus {
  color:#396a33;
  text-decoration:underline;
}

#mainArea a:active, #mainArea a:hover {
  color:#ff0000;
  text-decoration:underline;
}

.topSpacer {
  margin-bottom:0.3em;
}

#pageInfo {
  float:left;
  text-align:left;
  width:100%;
  margin-top:2em;
  margin-bottom:1em;
  font-size:80%;
}

#mainArea table.formTable {
  margin-top:2em;
}

#mainArea table.formTable td {
  padding-bottom:0.5em;
  padding-right:0.5em;
}

#mainArea table.formTable .textbox {
  font-family:helvetica;
  font-size:1em;
  width:20em;
}

#mainArea table.formTable textarea {
  height:10em;
}

/* main area user content */

#mainArea #content {
  width:100%;
  float:left;
}

#mainArea h2 {
  font-size:1.2em;
}

#mainArea h3, #mainArea h4 {
  font-size:1em;
}

#mainArea h2, #mainArea h3, #mainArea h4{
  color:#000000;
  font-weight:bold;
  padding:0;
  margin:0;
  margin-top:0.4em;
  margin-bottom:0em;
}
 
#mainArea p {
  padding:0;
  margin:0;
/*  margin-bottom:0.9em;*/
}

/* news */

.newsItem {
  margin-bottom:1.5em;
  float:left;
}

.newsListHtml {
  float:left;
}

#mainArea div.newsItem h1 {
  margin-bottom:0.2em;
}

#mainArea p.fullLink, #mainArea p.newsNav {
  margin-top:0.4em;
}

#mainArea p.newsNav {
  margin-bottom:0.6em;
}

#mainArea p.listLink {
  width:100%;
  text-align:right;
  float:left;
}

#mainArea p.fullLink {
  text-align:left;
  width:100%;
}

#mainArea p.newsDate {
  margin-top:0.4em;
  margin-bottom:0.6em;
  font-size:0.8em;
  color:#777777;
}


/* contact list */

.contact {
  float:left;
  width:100%;
  margin-bottom:1em;
}

.contact img {
  float:left;
  margin-right:1em;
  border:1px solid #000000;
}

#mainArea .contactInfo p {
  margin-top:0.4em;
}

table.contactTable {
  border-collapse:collapse;
  margin:1em 0;
}

table.contactTable td, table.contactTable th {
  border-bottom:1px solid #cccccc;
  padding:0.2em 1em 0.2em 0;
}

table.contactTable th {
  font-size:1.2em;
  text-align:left;
  padding-top:1.5em;
}

/* search */

#mainArea #searchBox {
  width:100%;
  float:left;
  padding-bottom:0.5em;
  border-bottom:1px solid #cccccc;
}

#mainArea #searchBox input {
  margin-right:1em;
}

#mainArea .searchResult {
  width:100%;
  margin-bottom:2em;
}


/* right column */

#rightColumn div.textBox {
  margin:0.5em;
  font-size:0.85em;
}

#suggestionBox div.textStrip img{
  position:absolute;
  right:0.5em;
  top:50%;
  margin-top:-19px;
}

div.textStrip {
  position:relative;
  font-weight:bold;
  background-color:#ffffff;
  border-top:1px solid #bbbbbb;
  border-bottom:1px solid #bbbbbb;
  padding:0.3em 0.5em 0.3em 0.5em;
  margin:0;
}

#principals {
  position:relative;
  margin-bottom:2em;
}

#principals div.imgContainer {
  position:relative;
  overflow:hidden;
  height:110px;
  width:100%;
}

#principals img {
  position:absolute;
  left:50%;
  margin-left:-92px;
}

#rightColumn p.fullLink {
  text-align:right;
  width:100%;
}

#rightColumn a, #rightColumn a:link, #rightColumn a:visited, #rightColumn a:focus {
  color:#396a33;
  text-decoration:underline;
}

#rightColumn a:active, #rightColumn a:hover {
  color:#ff0000;
  text-decoration:underline;
}

#schoolSoft {
  margin-bottom:2em;
}
#schoolSoft a {
  display:block;
}
#schoolSoft a img {
  float:right;
  margin-left:1em;
}
#schoolSoft a, #schoolSoft a:link, #schoolSoft a:visited {
  color:#000000;
  text-decoration:none;
}
#schoolSoft a:hover, #schoolSoft a:focus, #schoolSoft a:active {
  color:#ff0000;
  text-decoration:none;
}


/* slideshow */

.slideshow {
  position:relative;
  height:100px;
  margin-bottom:1em;
  width:100%;
  overflow:hidden;
}

.slideshow img.slide {
  position:absolute;
  top:0;
  left:0;
}

.slideshow img.fade {
  position:absolute;
  top:0;
  right:0;
  z-index:1000;
}