/*----------------------- document setup --------------------------------- */
body {
	margin: 0px;
	background: url(/images/bg-main-repeat.jpg) repeat;
	font-family: Trebuchet, Geneva, Arial;
}


* {
	margin: 0px;
	padding: 0px;
}

p, h1, h2, h3 {
	margin-bottom: 10px;
}


.spacer {
	clear: both;
	margin: 0;
	padding: 0;
	border: 0;
	height: 0;
	width: 0;
}


a img {
	border: 0px;
}

a {
	text-decoration: none;
  color: #4F4F4C;
}

p a {
  color: #E31B23;
}

a:hover {
	text-decoration: underline;
}

.emphasise {
	color: #E31B23;
}

.smalltext {
  font-size:12px;
  line-height:18px;
}

/*-------------- layout --------------- */
#top {
	width: 100%;
	background: url(/images/bg-top-repeat.jpg) repeat;
	height: 76px;
}

#menu {
	width: 960px;
	height: 76px;
	background: url(/images/menu-bg.gif) no-repeat;
	margin: 0px auto;
}

#container {
	width: 960px;
	margin: 0px auto;
}

#header {
	height: 121px;
}

#footer {
  padding-top: 55px;
	background: url(/images/wawg-logo-footer.jpg) top no-repeat;
	color: #4f4c4c;
	text-align: center;
	font-size: x-small;
	font-weight: bold;
  padding-bottom: 15px;
}
#top-content {
	background: url(/images/top-content-bg.jpg) bottom no-repeat white;
	padding: 20px;
	overflow: hidden;
	vertical-align: middle;	
	width: 920px;
}

#bottom-content {
  *width: 100%;
  overflow: hidden;
	background: url(/images/bottom-content-bg.jpg) repeat;
}

#container-bottom {
	background: url(/images/wawg-content-bottom.jpg) no-repeat center;
	overflow: hidden;
	height: 36px;
}

/*-------------- the menu ---------------- */
#menu ul {
	list-style-type: none;
	margin-left: 190px;
}

#menu ul li {
	float: left;
	margin-right: 30px;
	text-transform: uppercase;
	font-size: 12px;
}

#menu a {
	color: black;
	display: block;
	width: 116px;
	height: 44px;
	padding-top: 32px;
	text-align: center;
}

#menu a:hover {
	color: white;
	text-decoration: none;
	background: url(/images/menu-item-bg.jpg) no-repeat;
}

.subpages {
	width: 160px;
	float: left;
	list-style-type: none;
	margin: 0px;
	padding-left: 10px;
}

.subpages ul li {
  width: 145px;
}

#sidemenu ul.subpages li a {
	width: 110px;
	*width: 128px;
	display: block;
	padding-left: 20px;
}

.subpages a:hover, .subpages a.selected {
	background: url(/images/submenu-active-bg.gif) left no-repeat;
	color: #ED1B2D;
	text-decoration: none;
}

/*------------- blog/columns ------------- */
.column {
	float: left;
	padding-right: 38px;
	*padding-right: 37px;
	margin-right: 38px;
	*margin-right: 37px;
	border-right: 1px dashed silver;

}

#bottom-content .column .first, 
{
  *margin-right: 0px;
  *padding-right: 0px;
	width: 185px;
  *width: 100px;
}

.first {
	width: 165px;
}

#top-content .first {
	text-align: center;
  padding-right: 20px !important;
  
  *padding-right: 38px;
}


#bottom-content h2 {
	padding-top: 10px;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

#bottom-content .last {
		padding-top: 20px;
}

.second a {
	color: #E31B23;
}

.second {
	width: 310px;
  *width: 305px;
	color: #4f4c4c;
	font-size: 12px;
	padding-top: 20px;
  line-height: 18px;
}

.second-only {
	width: 620px;
	*width: 610px;
	font-size: 12px;
	padding-top: 20px;
	color: #4f4c4c;
	border-right: 0px;
/*  line-height: 18px; */
}

#bottom-content .last ol, #bottom-content .last ul, #bottom-content .second ol, #bottom-content .second ul, #bottom-content .second-only ol, #bottom-content .second-only ul {
	margin-left: 20px;
}

.last {
  width: 290px;
  *width: 280px;
	margin: 0px;
	padding: 0px;
	border-right: 0px;
}
.content ul {
	margin-left: 20px;
}

.post-info {
	width: 390px;
	border-top: 1px dotted silver;
	padding-top: 3px;
	font-size: smaller;
}

.blog-post h1 {
	font-size: 30px;
	font-weight: normal;
	margin-bottom: 0px;
} 

.page-title {
	padding-top: 40px;
	vertical-align: middle;
	height: inherit;
  width: 400px;
  color: black;
}

td.heading {
  text-align: right;
  font-weight: bolder;
  padding-right: 10px;
}

#bottom-content h3 {
  margin: 0px;
}

#event-date {
  font-weight: bold; 
  padding-bottom: 10px;
}

#event-description {
  line-height: 18px;
}
/*--------------- the calendars --------------------- */
.calendar-holder {
	width: 175px;
	font-size: 11px;
	background: none;
	margin: 0px 15px 0px 0px;
  *margin-right: 3px;
	padding: 0px;
	float: left;
}

.calendar .special, #calendar-legend .special {
	color: white;
	text-align: center;
	padding: 0px;
}

.calendar .special a {
	color: #E31B23;
	display: block;
	padding: 2px 6px;
}

.calendar td {
	border: 0px solid white;
	text-align: center;
	padding: 4px 5px;
}

#bottom-content  .calendar td {
	border: 0px solid silver;
}

.calendar td.today {
	background: #4f4c4c;
	color: white;
	font-weight: bold;
}

.calendar tr.dayName {
	text-align: center;
	color: white;
	background: #4f4c4c;
	padding: 3px 0px;
}

.calendar tr.dayName th{
	padding: 3px 0px;
	border: 0px;
}
.calendar .otherMonth, .calendar .monthName {
	visibility: hidden;
}

#big-day {
	float: left;
	vertical-align: top;
	text-align: center;
	width: 100px;
	padding-top: 0px;
	color: #4f4c4c;
	margin: 0px;
}

#big-day .day {
	font-size: 95px;
	letter-spacing: -9px;
	line-height: 1;
}

#big-day .month {
	font-size: 16px;
	text-transform: uppercase;
	text-align: center;
}

#event-preview {
    overflow: hidden;
}
#hidden-event-list-container {
  float: left;
  clear: left;
  overflow: hidden;
  left: 0;
}

#hidden-event-list-container ul li{
	float: left;
	clear: left;
	margin-left: 15px;
	color: #4f4c4c;
	font-size: x-small;
}

#calendar-container {
  text-align: center;
}

#calendar-container .small-text {
  font-size: x-small;
}

li.calendar-event {
}

.calendar-navigation a:link {
  color: #4f4c4c;  
}

.calendar-navigation {
	display: inline;
}

/*--------------- sidemenu --------------------- */
#menu-background {
	background: url(/images/wawg-menu-bg.jpg) no-repeat;
	padding-left: 30px;
	overflow: hidden;
}

#sidemenu ul {
	list-style-type: none;
}
#sidemenu ul li {
	float: left;
	margin-right: 30px;
	*margin-right: 0px;
	font-size: 12px;
	padding-top: 4px;
}

#sidemenu a {
	color: #4f4c4c;
	display: block;
	width: 130px;
	min-height: 18px;
  max-height: 100%;
	padding-left: 18px;
	padding-top: 6px;
  padding-bottom: 3px;
	text-align: left;
}

#sidemenu .active {
	color: white;
	text-decoration: none;
	background-color: #E31B23;
}

#sidemenu .active_inside {
	color: white;
	text-decoration: none;
	background-color: #4f4c4c;
}

#sidemenu a:hover {
	color: white;
	text-decoration: none;
	background-color: #4f4f4c;
}

/*--------------- contact us --------------------- */
.second textarea {
  width: 221px;
  height: 150px;
}

td.title-text {
  font-size: 10px;
  font-weight: bold;
}

td.content-text {
  text-align: left;
  font-size: 10px;
  font-weight: normal;
  padding-bottom: 12px;
  padding-left: 5px;
}

td.content-text a {
  color: #4f4c4c; 
}

/*--------------- errors --------------------- */
#errorExplanation h2, #errorExplanation li {
  color: #E31B23;
}

/*-------------- new section header classes -- */
#banner { text-align: center; }
.inside { background-color: #222222; }
.outside { background-color: #f0f0f0;}
.inside_hover { background-color: #000000; }
.outside_hover { background-color: #ffffff;}