a {
	text-decoration: none;
/*	border-bottom: 1px dotted #035;*/
	color: #520;
}

a img{
	border: 0px;
}

#content {
	background-color: #fff;
	border: 10px solid #000;
	padding: 10px 10px 20px 20px;
}
#content ul {
	list-style: disc outside;
}
#content li {
	margin: 1.5em 0px;
}

#notification {
	border: 5px solid #9c9;
	background-color: #cfc;
	padding: 5px;
	margin: 10px 0px;
	color: #363;
}
.fieldWithErrors {
	border: 5px solid #f00;
}

/* TODO: create a class that only changes the colors for calTabs instead of doubling the code */
#calTabs{
    margin-left: 0px;
    padding: 0px;
    background: transparent;
    voice-family: "\"}\"";
    voice-family: inherit;
    padding-left: 0px;
}
#calTabs ul{
    font: normal 11px Arial, Verdana, sans-serif;
    margin:0;
    padding:0;
    list-style:none;
}
#calTabs li{
    display:inline;
    margin:0 2px 0 0;
    padding:0;
    text-transform: capitalize;
}
#calTabs a.lastTab{
	border-right: 1px solid #000;
	padding: 1px 3px 4px 3px;
}
#calTabs a{
    float:left;
    background: #875305;
    margin:0px 1px 1px 0px;
	width: 85px;
    padding:1px 3px 4px 3px;
    text-decoration:none;
	border-right: 1px solid #000;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	color: #fff;
}
#calTabs a span{
    float:left;
    display:block;
    background: transparent;
    padding:2px 3px 0px 3px;
}
#calTabs a span{float:none;}
#calTabs a:hover{background-color: #a97527;color: white;}
/*#calTabs a:hover span{background-color: #a97527;}*/
#tabHeaderActiveA span { background-color: #42577B; color:#fff;}
#tabHeaderActiveA a { 
	background-image: url('../images/cal_tab_bg.gif');
	background-position: top;
	border-bottom: 1px solid #000;
}

/* This is for the calendar tabs */
.tabContent {
    clear:both;
    border: 0px solid #42577B;
/*	padding: 0px 5px 3px 9px;*/
	margin-left: 0px;
	width: 178px;
/*	font: normal 12px Arial, Verdana, sans-serif;*/
	color: #520;
}

/* Tabs for content */
#contentTabs{
    margin-left: 0px;
    padding: 0;
    background: transparent;
    voice-family: "\"}\"";
    voice-family: inherit;
    padding-left: 0px;
}
#contentTabs ul{
    font: normal 12px Arial, Verdana, sans-serif;
    margin:0;
    padding:0;
    list-style:none;
}
#contentTabs li{
    display:inline;
    margin:0 2px 0 0;
    padding:0;
}
#contentTabs a.lastTab{
	border-right: none;
}
#contentTabs a{
    float:left;
    background: #588;
    margin:0 0px 0 0;
    padding:1px 2px 2px 4px;
    text-decoration:none;
	border-right: 1px solid #000;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	color: #fff;
}

#contentTabs a span{
    float:left;
    display:block;
    background: transparent;
    padding: 2px 9px 0px 9px;
}
#contentTabs a span{float:none;}
#contentTabs a:hover{background-color: #7aa; color: white;}
/*#contentTabs a:hover span{background-color: #7aa;}*/
#tabHeaderActiveB span { background-color: #8cb; color:#520;}
#tabHeaderActiveB a { background-image: url('../images/info_bg.gif'); }
#tabHeaderActiveB a {border-bottom: none;}
.tabContent2 {
    clear:both;
    border: 0px;
	padding: 10px;
	margin-left: 0px;
/*	font: normal 12px Arial, Verdana, sans-serif;*/
}
	.tabContent2 ul{
		list-style: none;
		margin: 0px;
		padding: 0px;
	}
	.tabContent2 ul a{
		border-bottom: 1px dotted #520;
	}
	.tabContent2 li{
		margin: 2px;
	}

/* Tabs for SUBPAGE CONTENT */
#subpageTabs{
    margin-left: 0px;
    padding: 0;
    background: transparent;
    voice-family: "\"}\"";
    voice-family: inherit;
    padding-left: 0px;
}
#subpageTabs ul{
    font: normal 12px Arial, Verdana, sans-serif;
    margin:0;
    padding:0;
    list-style:none;
	text-align: center;
}
#subpageTabs li{
    display:inline;
    margin:0 2px 0 0;
    padding:0;
}
#subpageTabs a.lastTab{
/*	width: auto;*/
}
#subpageTabs a.lastTab span{
	border-right: none;
}
#subpageTabs a{
    float:left;
    background: #875305;
    margin:0px 0px 0px 0px;
    padding:1px 3px 4px 4px;
	padding:0px;
    text-decoration:none;
	color: #fff;
	width: auto;
}
#subpageTabs a span{
    float:left;
    display:block;
    background: transparent;
	border-right: 1px solid #000;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
    padding: 2px 9px 0px 9px;
}
#subpageTabs a span{float:none;}
#subpageTabs a:hover{background-color: #a97527; color: white;}
#tabHeaderActiveC span { background-color: #42577B; color:#520;}
#tabHeaderActiveC a { 
	background-image: url('../images/cal_tab_bg.gif');
	background-position: top;
}
#tabHeaderActiveC a span{
	 border-bottom: 1px solid transparent;
}
.tabContent3 {
    clear:both;
    border: 0px;
	padding: 10px;
	margin-left: 0px;
/*	font: normal 12px Arial, Verdana, sans-serif;*/
}

/* For Event Details */
.eventList {
	border: 1px solid #000;
	margin: 0px 30px;
	padding: 3px;
}
.eventList th, .eventList td{
	padding: 5px;
}
.eventList a, #eventDetails a{
	text-decoration: underline;
}
#eventDetails{
	margin: 20px 20px;
}
#eventDetails p{
	padding: 5px;
}
/* ############## */
/*
  CALENDAR Styles 
 A blue based theme, inspired by Blinksale and their ColorBurn widget. http://firewheeldesign.com
  
  AUTHOR: Geoffrey Grosenbach http://nubyonrails.com
  
  Colors: Irrelevant, because I changed them.
*/
.eventCalendar{
	font-size: 12px;
	color: #520;
}
.eventCalendar ul {
	list-style: none outside;
	line-height: 1;
	text-indent: -3em;
	margin-top: 3px;
	font-size: 10px;
}
.eventCalendar a:hover{
	text-decoration: underline;
}
.calendar {
  	margin: auto;
/*	border: solid;*/
	float: left;
}

.monthName {
  font-weight: bold;
  text-align: center;
  padding-top: 0px;
  padding-bottom: 15px;
}

.dayName th {
  font-size: 1em;
  padding-top: 0.3em;
  padding-bottom: 0.2em;
/*  background-color: #303030;*/
  background-color: transparent;
  color: #520;
  text-align: center;
}

.otherMonth, .day, .specialDay {
  padding: 0.3em .45em;
/*  border-right: 1px solid white;*/

}

.otherMonth {
  color: #ccc;
/*  background-color: #fff;*/
  background-color: transparent;
}
.day, .specialDay {
  text-align: center;
/*  border-bottom: 1px dotted #bbbbbb;*/
/*  background-color: #bbccff;*/
}
.specialDay {
/*  background-color: #003355;*/
  background-color: #875305;
/*  border: 1px solid #875305;*/
/*  color: white;*/
}
.specialDay.today {
	background-color: #875305;
}
.specialDay.weekendDay{
/*  background-color: #003355;*/
  background-color: #875305;
/*  border: 1px solid #875305;*/
/*  color: white;*/
}
.specialDay a, .specialDay a:visited, .specialDay a:hover {
  color: #fff;
  text-decoration: none;
  font-weight: bold;
/*  padding: 1em;*/
}
.specialDay a:hover {
	color: white;
/*	background-color: black;*/
}
.weekendDay {
/*  background-color: #ffffdd;*/
  background-color: transparent;
}
.today{
/*	background-color: #4682b4;*/  
	background-color: #dadab5;
	border: 2px solid #520;
}

/* CSS STYLES FOR TEXT BUTTONS */

.button{
	display: block;
	font-size: 9px;
	color: #fff;
	padding: 2px;
	margin: 5px;
	text-transform: capitalize;
	text-align: center;
}

.button.green{
	background-color: #295454;
}

.button.red{
	background-color: #950032;
}

/* STYLES FOR ARTICLE NAVIGATION*/

ul.menu {
	list-style: none;
	margin-left: -30px;
}
ul.menu li{
	display: inline;
	margin-right: 5px;
}
.page_link{
	margin-top: 10px;
}
#previous_page {
	display: block;
	float: left;
	margin-right: 5px;
}
#next_page {
	display: block;
	float: right;
	margin-right: 5px;
}