body
{
  margin-top: 20px;
  margin-left: 20px;
  font-family: arial;
  font-size: 9pt;
  color:#333333;
}

form  {
  margin:0;
}

table  
{
  font-family: arial;
  font-size: 9pt;
  color:#333333;
}

.button  {
  border:1px solid #52B038;
  background-color:lightyellow;
  cursor:pointer;
  cursor:hand;
}

.button_link  {
  border:1px solid #52B038;
  background-color:lightyellow;
  padding:3px;
  text-decoration:none;
  color:#333;
}

#container  {
  width:760px;
}

#leftside  {
  float:left;
  width:200px;
  vertical-align:top;
}

#rightside  {
  float:right:
  width:560px;
  vertical-align:top;
  padding-left:10px;
  position:relative;
}

#home_rightside  {
  float:right:
  width:760px;
  vertical-align:top;
  padding-left:10px;
  position:relative;
}

#content  {
  width:540px;
  position:relative;
}

#header  {
}

#menu  {
  margin-top:20px;
}

#menu a  {
  text-decoration:none;
}

#footer {
  clear:both;
}

#footer a  {
  text-decoration:none;
}

.bold  {
  font-weight:bold;
}

.center  {
  text-align:center;
}

.green  {
  color:#52B038;
}

.red  {
  color:red;
}

.greenborder  {
  border:1px solid #52b038;
}

.lightgreenbg  {
  background-color:lightgreen;
}

.black  {
  color:black;
}

.large  {
  font-size:12pt;
}

.x_large  {
  font-size:16pt;
}

.hint  {
  font-style:italic;
  font-size:7pt;
}

.cursor_hand  {
  cursor:pointer;
  cursor:hand;
}

.flash  {
  border:1px solid #52B038;
  padding:.5em;
  background-color:lightgreen;
  margin:1em;
  width:500px;
}

.fieldWithErrors input {
  background-color: lightgreen;
}

#errorExplanation {
  width: 400px;
  border: 2px solid #52B038;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
}

#errorExplanation h2 {
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: lightgreen;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
}

.evenrowbg  {
  background-color:#f5f5f5;
}

.bandedrowborder  {
  border-bottom:1px solid lightgrey;
}

.paddingbottom5  {
  padding-bottom:5px;
  padding-top:5px;
}

div.auto_complete  {
  width:350px;
  background:lightyellow;
}

div.auto_complete ul  {
  border:1px solid #52b038;
  margin:0;
  padding:0;
  width:100%;
  list-style-type:none;
}

div.auto_complete ul li  {
  margin:0;
  padding:3px;
  cursor:pointer;
  cursor:hand;
}

div.auto_complete ul li.selected  {
  background-color:lightgreen;
}

div.auto_complete ul strong.highlight  {
  color:#800;
  margin:0;
  padding:0;
}

div.volunteer_for_team  {
  padding-left:10px;
}

.volunteer_line  {
  margin:3px;
}

.volunteer_line a  {
}

div.page_counter  {
  text-align:right;
  padding-right:10px;
  height:40px;
}

div .page_counter .next_previous  {
  font-weight:bold;
  background-color:lightgreen;
}

div .page_counter .pages  {
  color:red;
}

div.page_counter a  {
  border:1px solid #52b038;
  padding:3px;
  text-decoration:none;
  color:black;
  background-color:lightyellow;
}

/* event styles */
.events
{
}

.events .event_list  {
  list-style: none;
  padding: 7px 0 7px 6px;
  margin:0px;
}

.event_list li
{
  text-decoration: none;
  color: #fff;
  margin-bottom:10px;
  position:relative;
}

.event_list li a
{
  text-decoration: none;
  background: transparent;
  color: #333333;
  position: relative;
  width: 520px; 
  padding: 0 0 5px 5px;
  display: block;
  height:120px;
  border: 1px solid #cee6be;
}

.event_list li a:hover
{
  background: #fffbe9;
  border-color:#52B038;
}

.event_logo  {
  margin-top:5px;
  float:left;
  width:130px;
  height:120px;
}

.event_logo img  {
  margin-right:10px;
  position: relative;
}

.event_name
{
  font-size: 150%;
  font-weight: normal;
  color: #333333;
  padding: 0;
  position:relative;
}

.event_date
{
  font-size: 150%;
  color: #333333;
  font-weight: normal;
  padding: 0 0 0 0;
  position:relative;
}

.event_reg_dates
{
  font-size: 130%;
  color: #52b038;
  padding: 0 0 0 0;
  position:relative;
  padding-right:5px;
  padding-top:55px;
  padding-left:90px;  
}

.event_desc
{
  position:relative;
}

#progress  {
  margin-top:15px;
}