/* Page Header */

.crossfade
{
  position: absolute;
}

#picicon{
  height: 150px;
  position: relative;
}

#logolayer {
  position: absolute;
  top: 27px;
  left: 27px;
}

#thisiswebdev {
  position: absolute;
  top: 27px;
  left: 390px;
  width: 581px;
  height: 94px;
  background-color: rgba(121, 121, 121, 0.6);
  border: white solid 1px;
  color: white;
  text-align: center;
  font-size: 11px;

}

#thisiswebdev .big {
  font-size: 1.5em;
  padding: 3px 0px;
}

#thisiswebdev a {
  color: yellow;
}

#thisiswebdev div {
  padding: 1px 0px;
}

/* Useful classes */

.hide {
  display: none;
}

.ghost {
  visibility: hidden;
}

.firstPara {
  margin-top: 5px;
}

.clear {
  clear: both;
}

.clearl {
  clear: left;
}

.clearr {
  clear: right;
}

.floatr {
  float: right;
  margin: 2px 4px;
}

.floatl { 
  float: left;
  margin: 4px 4px;
}

.floatm {
  text-align: center;
}

.clearfix:after {
  content: " ";
  display: block;
  height: 4px;
  clear: both;
}

.faded {
  color: #707070;
  font-weight: normal;
}

.toupper { 
  text-transform: uppercase;
}

.smaller {
  font-size: 0.8em;
}

.bold {
  font-weight: bold;
}

/* Page content blocks */

#columns {
  float: left;
  width: 100%;
}

#container {
  width: 1000px;
  margin: 4px auto;
}

#content {
  width: 800px;
  float: left;
  padding: 10px 0 0 10px;
}

#leftcolumn {
  clear: left;
  width: 190px;
  float: left;
  padding-top: 10px;
}

#newscol
{
  width: 450px;
  float: left;
}

#eventcol
{ 
  width: 350px;
  float: right;
}

#rightcol, #rightads {
  width: 240px;
  float: right;
  margin-bottom: 4px;
}

/* Bodge */
#rightcol ul, #rightads ul {
  list-style-type: none;
}


#lefttext{
  width: 550px;
  float: left;
  clear: left;
  margin-right: 10px;
}

/* Footer blocks */
#footer {
  position: relative;
  clear: both;
  float: left;
  width: 100%;
  padding-top: 9px;
}

#footer2 {
  clear: both;
  position: relative;
  padding-top: 9px;
}

#footer2 p {
  font-size: 0.8em;
  padding: 6px 0 0 0;
}

#footer2 p.update {
  float: left;
  clear: left;
}

#footer2 p.links {
  float: right;
  clear: right;
}

.purplebanner {
  position: absolute;
  top: 0px;
  left: 200px;
  width: 800px;
  min-height: 10px;
  padding: 2px;
  background: #5c0c0d;
  color: #FFFFFF;
  text-align: center;
  margin-bottom: 1em;
}

.purplebanner a {
  color: #FFFFFF;
}

/* Navigation */

.caption {
  background: #EBEBEB;
  color: #5C0C0D;
  font-weight: bold;
  padding: 2px 0px;
  margin-top: 4px;
  width: 186px;
}

ul.nav {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 1em;
  margin: 4px 0px;
  padding: 0px;
  list-style-type: none;
  width: 186px;
}

ul.nav li.caption {
  background: #EBEBEB;
  margin-top: 4px;
  padding: 2px 0px;
  font-weight: bold;
}

ul.nav li {
  background: url(../images/pheon_bullet.jpg) no-repeat top left;
  margin-top: 2px;
  margin-left: 0px;
  padding-top: 0px;
  padding-left: 20px;
  width: 100%;
  font-weight: 600;
}

ul.nav li .outdent {
  margin-left: -20px;
}

ul.nav li a {
  text-decoration: none;
  color: #404040;
}

ul.nav ul {
  display: block;
  list-style-type: none;
  margin: 0px;
}

.latestnews {
  text-align: left;

}
.navsearch {
  clear: both;
  margin: 3px 0px;
}

.hint {
  color: #a9a9a9 !important;
}

/* Index page stuff */

ul.newsitems {
  list-style-type: none;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 1em;
  padding-left: 0px;
}

ul.newsitems li.columnbanner {
  padding: 0px;
  margin: 0px;
}

ul.newsitems li {
  clear: left;
  padding: 10px;
  margin: 0 0 2px 0;
}

ul.newsitems li strong, ul.newsitems li a {
  color: #5C0C0D;
}

.paleframe {
  margin: 4px;
  border: 1px solid #dccacb;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
}

.topnewsfloatr { 
  float: right;
  margin: 4px 4px 4px 10px;
}

.topnewsfloatl { 
  float: left;
  margin: 4px 10px 4px 4px;
}

#topnews {
  margin: 0px 0px 10px 0px;
  padding: 4px;
}

#topnews p {
  font-size: 1.2em;
}

.boldfirst p:first-child {
  font-weight: bold;
}

.wordbite {
  width: 90%;
  position: relative;
  padding: 0.5em 1em 0.5em 1em;
  margin: 0.5em auto;
  border: 1px solid #5c0c0d;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
}

.wordbite p {
  text-align: left;
}

.tallbite {
  min-height: 242px;
  float: right;
}

.teaser {
  position: absolute;
  padding: 0 0.2em;
  top: -0.75em;
  left: 1em;
  color: #5c0c0d;
  font-weight: bold;
  background: white;
}

.purplebar {
  clear: both;
  width: 100%;
  min-height: 10px;
  padding: 2px;
  background: #5c0c0d;
  color: #FFFFFF;
  text-align: center;
  margin-top: 1em;
  margin-bottom: 1em;
}

.purplebar a {
  color: #FFFFFF;
}

.plugrow {
  clear: both;
}

.plugcol {
  width: 50%;
  height: 100%;
  float: left;
}

.rightplugcol {
  width: 50%;
  height: 100%;
  float: right;
}

.lrrule { 
  margin: 0px 2px;
  padding: 0px 2px;
  border-left: thin solid #5c0c0d;
  border-right: thin solid #5c0c0d;
}

.fieldset {
  width: 95%;
  position: relative;
  padding: 0.5em 1em 0.5em 1em;
  margin: 1em 0;
  border: 1px solid #000;
  background: #F8F8F8;
}

.legend {
  position: absolute;
  padding: 0 0.2em;
  top: -0.75em;
  left: 1em;
  background: #FFF;
  color: #000;
  font-weight: bold;
}

/* Table settings */

table.tablelist {
  vertical-align: top;
  border-right: 1px solid gray;
  border-bottom: 1px solid gray;
}

table.tablelist td {
  border-top: 1px solid gray;
  border-left: 1px solid gray;
  padding: 4px;
}

table.tablelist th {
  border-top: 1px solid black;
  border-left: 1px solid black;
  padding: 4px;
}

/* Form spacing */
.vspaced { 
  margin: 0px 0px;
  display: block;
}

.vwspaced { 
  margin: 2px 0px;
  display: block;
}

.vhspaced { 
  margin: 0px 2px;
  display: block;
}

.vhwspaced { 
  margin: 2px 2px;
  display: block;
}

/* Tool tips */

.tooltip {
  padding: 5px;
  margin: 5px;
  background-color: #F0F0F0;
  color: black;
  border-style: solid;
  border-width: 4px;
  border-color: black;
  z-index: 1000;
}

.menutip {
  padding: 5px;
  margin: 5px;
  width: 200px;
  background-color: #F0F0F0;
  color: black;
  border-style: solid;
  border-width: 4px;
  border-color: black;
  text-align: center;
  z-index: 1000;
}

.menutip hr {
  width: 50%;
  margin: 4px auto;
}

.menutip h3 {
  margin: 0px 0px 4px 0px;
}

/* Hall stuff */

.hthall label {
  position: relative;
  height: 1.8em;
}

.hthall label input, .hthall label select, .hthall label span {
  position: absolute;
  left: 100px;
}

.hthall div span.floatl {
  width: 100px;
}

.hthall label .calendarpop {
  position: absolute;
  left: 270px;
}

.calendarpop {
  cursor: pointer;
  vertical-align: middle;
}

.menutip {
  padding: 5px;
  margin: 5px;
  width: 200px;
  background-color: #F0F0F0;
  color: black;
  border-style: solid;
  border-width: 4px;
  border-color: black;
  text-align: center;
}

.menutip hr {
  width: 50%;
  margin: 4px auto;
}

.menutip h3 {
  margin: 0px 0px 4px 0px;
}

#banneritems {
  list-style: none;
}

#banneritems li {
  margin-left: 0px;
}

.exeat { 
  margin: 4px;
  padding: 2px;
  border-style: solid;
  border-color: silver;
}