/* horizontal menu section - based on suckerfish: http://htmldog.com/articles/suckerfish/dropdowns/   */

#horizontalnav, #horizontalnav ul {
  padding: 0em;
  margin: 0em;
  list-style: none; 
  margin-left:20px;
  font-size: 14px;
  z-index:10;
  height: 35px; 
  width: 600px;
  line-height: 35px;
  color: #371C1C;
}

#horizontalnav a {
  display: block;
  text-decoration: none;
  color: #371C1C;
}

#horizontalnav li {
  float: left;
  padding-left: 1em;
  padding-right:1em;
  background-color: #838D9B;
}

#horizontalnav li ul {
  position: absolute;
  left: -999em; 
  background-color: #838D9B;
  width: auto; 
  margin-left: -1em; /* needs to cancel out #horizontalnav li padding-left */
}

#horizontalnav li:hover ul, #horizontalnav li.sfhover ul {
  left: auto;
}

#horizontalnav li ul li {
  float: none;
  display: block;
}


/* change background of active menu items */
#horizontalnav li.active{
  background-color: #961F67;
}

/* change font colour of active menu items */
#horizontalnav li.active a {
  color: #FFFFFF;
}

/* change it back for submenus */ 
#horizontalnav li.active ul a {
  color: #371C1C;
}

/* and turn it back on for the active submenu */
#horizontalnav li ul li#current a {
  color: #FFFFFF;
}

#horizontalnav a:hover, #horizontalnav li.active ul a:hover{
  color: #FFFFFF;
}

/* end of horizontal menu section */

/* Format header images */

#header {
  position: relative;
  width: 800px; /* width of the combined images in the header */
  height: 175px; /* height of the header images */
} 

#headerimg1 {
  position: absolute;
  left:0px;
  top:0px;
  border: none;
}

#headerimg2 {
  position: absolute;
  left:669px;
  top:0px;
  border: none;
}

/* end of header images formatting */

/* regular link formatting */

a:link, a:visited {
/* unvisited & visited links */
  color:#58687D;
}

a:hover {
/* mouse over link */
  color: #838D9B;
}

/* end of regular link formatting */



body {
  background-image: url('../img/bg-gradient.jpg');
  background-repeat: repeat-x;
  text-align: center; 
  margin-top: 0;
  margin-bottom: 15px;
  font-family: Arial,Helvetica,sans-serif;
  color: #232e33;
  font-size: 12px; 
}

h1, h2, h3{
  color: #961F67;
  font-weight: normal;
}


#outercontainer {
  text-align: left;
  background-color: white;
  position: relative;
  margin-left: auto;
  margin-right: auto;
/* header image width is 800px */
  width:800px;
}

#container {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  width: auto;
  min-height: 600px;
  background: white url('../img/bg_container.gif') no-repeat bottom right;
}

#content {
  padding-top: 50px;
  width: 475px;
  padding-left: 25px;
}

/* Right component formatting */

#sidebar_right {
  position: absolute;
  right: 37px;
  top: 75px;
}

#sidebar_right div.moduletable {
  width: 170px;
  border:1px solid #838D9B;
  background-color: #F8F7F7;
  padding: 0px 10px 0px;
  margin-bottom: 30px;
}

.mod_events_latest_table {
  margin-bottom: 10px;
}

/* end of right component formatting */

.contentheading {
  color: #58687D;
  font-style: bold; 
  padding-bottom: 10px;
  font-size: 18px; 
  border-bottom: 1px solid #838D9B;
  width: 475px;
}

/*
.contentheading {
  color: #961F67;
  font-size: 16px; 
  border-bottom: 1px solid #838D9B;
  width: 475px;
}*/

#footer {
  background-color: #838D9B;
  margin: 0; 
  padding: 1px 20px;
  min-height : 16px;
}

#footer a:hover {
  color:#58687D;
}