/* Screen cascading style sheet for CAS Website */

body {
  background: #88A5A5;
  font-family: Verdana;
  font-size: 0.8em;
  margin: 0;
  padding: 0;
}

a:link {color: #336600; font-weight: bold; text-decoration: none}
a:visited {color: #336600; font-weight: bold; text-decoration: none}
a:hover {color: #B30000; font-weight: bold; text-decoration: none}
a:active {color: #336600; font-weight: bold; text-decoration: none}

h1 {color: #FFFFFF; font-size: 1.6em; font-weight: normal; margin: 0 0 -10px 0; padding: 0px; text-align: right}
h2 {border-bottom: 1px solid #CC6600; color: #336600; font-size: 1.2em; margin: 0 0 -10px 0; padding: 10px 0 0 0}

input, textarea {border: 1px solid #808080; border-style: solid}

p {text-align: justify}
p.center {text-align: center}

table.prices {border-color: #808080; border-style: solid; font-size: 1em; margin: 20px 0; text-align: center}
.prices td {border-color: #808080; border-style: solid}
.prices td.head {background: #cbdeae; font-weight: bold; text-align: center}
.prices td.title {font-style: italic; text-align: left}

td.eventsDate {background: #749247; color: #FFFFFF; text-align: right; width: 150px}
td.eventsHead {background: #749247; color: #FFFFFF; font-size: 1.2em; text-align: center}

ul {color: #CC6600; list-style: square;}
span.list {color: #000000}

.imgright {float: right; font-size: 0.85em; margin: 0 0 10px 20px; text-align: center}

#col2_1 {
  float: left;
  text-align: center;
  width: 330px
}

#col2_2 {
  float: right;
  text-align: center;
  width: 330px
}

#container {
  margin: auto;
  width: 900px;
}

#containerBk {
  float: left;
  background: #FFFFFF;
  border: 1px solid #000000;
  margin: 20px 0;
  width: 900px;
}

#flyer {
  float: right;
  font-size: 0.8em; 
  text-align: center;
  width: 160px;
}

#flyer a {color: #000000; font-weight: normal}
#flyer img {border: 0}

#footer {
  float: left;
  background: #c9dbae;
  border-top: 1px solid #000000;
  font-size: 0.85em;
  text-align: center;
  width: 900px;
}

#footer a {color: #1D3838; font-weight: normal}
#footer a:hover {color: #000000}

#footer_links {
  border-bottom: 1px solid #234343;
  margin: 0 auto;
  padding: 2px;
  width: 640px
}

#footer_details {
  float: right;
  padding: 5px;
  text-align: right;
  width: 250px;
}

#footer_emails {
  float: left;
  padding: 5px;
  text-align: left;
  width: 300px
}

#footer_valid {
  float: left;
  margin-top: 10px;
  text-align: center;
  width: 300px;
}

#header {
  float: left;
  color: #5A6845;
  font-family: Arial, Verdana;
  font-size: 3em;
  font-weight: bold;
  padding-top: 22px;
  height: 68px;
  width: 900px;
}

#header img {float: left; border: 0; margin: -17px 20px 0 10px}

#headerPost {
  float: left;
  background: #749247;
  border-bottom: 1px solid #000000;
  border-top: 1px solid #000000;
  padding: 3px 30px 0 0;
  height: 29px;
  width: 870px;
}

.imgright {
  float: right;
  margin-left: 20px;
}

.imgright a {color: #000000; font-weight: normal}
.imgright img {border: 1px solid #000000}

#main {
  float: right;
  padding: 20px 30px;
  text-align: left;
  width: 679px;
}

#main li {padding: 3px 0}

#nav {
  float: left;
  width: 160px;
}

#nav ul {
  background: #c9dbae;
  border-right: 1px solid #808080;
  list-style: none;
  padding: 0;
  margin: 0;
  margin-bottom: -1px;
  width: 160px;
}

#nav li {
  margin: 0px;
}

#nav li a {
  display: block;
  color: #1D3838;
  border-top: 1px solid #FFFFFF;
  border-bottom: 1px solid #808080;
  margin: 0px;
  padding: 5px;
  text-decoration: none;
}

html>body #nav li a {
  width: auto;
}

#nav li a:hover {
  background: #234343;
  border-right: 3px solid #FFCC33;
  color: #FFCC33;
}

#publBack {
  float: left;
  background: #cbdeae;
  border: 1px solid #808080;
  margin: 1%;
  width: 47%;
}

#publCurrent {
  float: left;
  background: #92ab6c;
  border: 1px solid #808080;
  margin: 1%;
  width: 48%;
}

#publBack a, #publCurrent a {color: #1D3838}
#publBack a:hover, #publCurrent a:hover {color: #B30000}
#publBack h3, #publCurrent h3 {background: #C0C0C0; border-bottom: 1px solid #808080; margin: 0; padding: 2px 0; text-align: center}
#publCurrent h4 {text-align: center}
#publCurrent img {border-bottom: 1px solid #808080; border-left: 1px solid #808080}
#publBack p, #publCurrent p {margin: 5px}
#publBack ul, #publCurrent ul {color: #FFCC33; margin: 0px}

#rotateImg {
  float: right;
  border: 1px solid #000000;
  margin: 17px 0 20px 20px;
}