.body {
	font-family: Helvetica, Tahoma, Arial, sans-serif;
	font-size: 14px;
	text-align: center;
	font-weight: normal;
}
.a {
	text-decoration: none;
	color: #000000;
	text-align: center;
}
a:hover {
	text-decoration: none;
	color: #3163CE;
}
.year {
	border-style: outset;
	border-width: 1px;
	background-color: #FAEBD7;
	text-align: center;
}
.month {
	border:1px solid #474747;
	background-color:#D4D4D4; /* #EEDFCC;*/
	text-align: center;
}
.yearname {
	text-align: center;
	font-size: 18px;
	font-weight: bold;
}
.monthname {
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	background-color:#D4D4D4;/*#C7C7C7; /*#FAEBD7;*/
	color:#00693c; /*#667171;*/
	border-style: solid;
	border-width:0px;
	padding-top:5px;
	padding-bottom:5px;
}
.dayname {
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	color: #667171;
	border-style: none;
	border-width:1px;
	padding:4px;
}
.weeknumtitle {
	text-align: center;
	font-size: 10px;
	font-weight: bold;
	color: #667171;
	border-style: none;
	border-width:1px;
}
.weeknum {
	text-align: center;
	font-size: 10px;
	height:100px;
	width:100px;
	color: #CD5C5C;
	background-color: #FAEBD7;
}
.week {
	border-style: none;
	background-color: #EEDFCC;
	text-align: center;
}
.monthweek {
	text-align: center;
	font-size: 10px;
	font-weight: bold;
	color: #667171;
	border-style: solid;
	border-width:1px;
}
.yearnavigation {
	font-size: 12px;
}
.datepicker {
	background-color: #FAEBD7;
}
.datepickerform {
	margin: 0px;
}
.monthnavigation {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 12px;
	padding-top:5px;
	padding-bottom:5px;
	text-align:center;
}
.monthpicker {
	font-size: 11px;
	background-color: #EEDFCC;
}
.yearpicker {
	font-size: 11px;
	background-color: #EEDFCC;
}
.pickerbutton {
	border-style: solid;
	border-width: 1px;
	background-color: #EEDFCC;
}
.nomonthday {
	text-align: center;
	vertical-align: top;
	font-size: 10px;
	height:100px;
	width:100px;
	color: #aaaaaa;
}
.monthday {
	text-align: left;
	vertical-align: top;
	font-size: 12px;
	font-weight: bold;
	background-color:#F2F2F2; /*#FFEFDB;*/
	color: #000000;
	/*height:75px;
	width:75px;*/
	height:100px;
	width:100px;
	padding:4px;
}
.today {
	text-align: center;
	vertical-align: top;
	font-size: 12px;
	font-weight: bold;
	border-width: 1px;
	border-style: solid;
/* 
	background-color: #EEE9E9;
	color: #000000;
*/	
	background-color:#CCFFFF; /*#D7AEAE; /* #E4B7B7 #7DC4A3 #91C5AD */
	color: #000000;
	height:100px;
	width:100px;
	padding:4px;
}
.selectedday {
	text-align: center;
	vertical-align: top;
	font-size: 14px;
	font-weight: bold;
	border-width: 1px;
	border-style: none;
	background-color: #CDC9C9;
	height:100px;
	width:100px;
}
.sunday {
	background-color:#F2F2F2; /* #FFEFDB;*/
	vertical-align: top;
	font-size: 14px;
	font-weight: bold;
	color: #667171;
	height:100px;
	width:100px;
	padding:4px;
}
.sunday a {
	color: #667171;
}
.saturday {
	background-color: #FFEFDB;
	vertical-align: top;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	color: #667171;
	height:100px;
	width:100px;
}
.saturday a {
	color: #667171;
}
.holiday {
	text-align: center;
	vertical-align: top;
	font-size: 14px;
	font-weight: bold;
	color: #0044FF;
	background-color: #e2e3ff;
	height:100px;
	width:100px;
}
.event {
	text-align: center;
	vertical-align: top;
	font-size: 14px;
	font-weight: bold;
	/*text: Holiday; */
	color: #000000;
	background-color: #e2e3ff;
	height:100px;
	width:100px;
}
.event a {
	color: #000000;
}
.selectedevent {
	text-align: center;
	vertical-align: top;
	font-size: 14px;
	font-weight: bold;
	border-width: 1px;
	border-style: solid;
	color: #000000;
	background-color: #CDC9C9;
	height:100px;
	width:100px;
}
.selectedevent a {
	background-color: #ffffff;
	color: #000000;
}
.todayevent {
	text-align: center;
	vertical-align: top;
	font-size: 11px;
	font-weight: bold;
	border-width: 1px;
	border-style: solid;
	color: #000000;
	background-color: #EEE9E9;
	height:100px;
	width:100px;
}
.todayevent a {
	background-color: #ffffff;
	color: #000000;
}
.eventcontent {
	font-size: 12px;
	/*border-style: solid;
	border-width: 0px; */
	padding:5px;
	margin:5px;
	width: 100%;
}

.eventcontent tbody tr td{ color: #666; }

/* begin styles for volunteer calendar tabs*/
.tabcontrol{
padding: 0;
width: 100%;
overflow: hidden;
background: transparent;
}

.tabcontrol ul{
font: bold 11px Arial, Verdana, sans-serif;
margin: 0;
padding: 0;
list-style: none;
}

.tabcontrol li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform: uppercase;
}

.tabcontrol a{
float: left;
color: white;
/*background: #CA6E00 url(http://www.raftbayarea.org/public/images/roundleft.gif) no-repeat left top;*/
background: #005A8A url(http://www.raftbayarea.org/public/images/roundleft.gif) no-repeat left top;
margin: 0 2px 0 0;
padding: 0 0 1px 3px;
text-decoration: none;
letter-spacing: 1px;
font-size:16px;
}

.tabcontrol a span{
float: left;
display: block;
background: transparent url(http://www.raftbayarea.org/public/images/roundright.gif) no-repeat right top;
/* background: transparent url(http://www.raftbayarea.org/public/css/roundright2.gif) no-repeat right top; /*right corner image*/
padding: 7px 9px 3px 6px;
cursor: pointer;
}

#sobrato-a {
background: #005A8A url(http://www.raftbayarea.org/public/images/roundleft.gif) no-repeat left top;/* default background color of tabs, left corner image*/
}

#spRWC, #spSobrato{
background: transparent url(http://www.raftbayarea.org/public/images/roundright.gif) no-repeat right top; /*right corner image*/
}

.tabcontrol a span{
float: none;
}

.tabcontrol a:hover, .tabcontrol li.selected a{
background-color:#007BBD; /* #993300; /*#993300 #994500 #996600 #AE5300;     background color of tabs onMouseover*/
color: white;
}

.unselected {
background-color:#005A8A; /* #CA6E00; /*background color of unselected tabs */
}

.tabcontrol a:hover span{
background-color: transparent;
}

.tabcontent {
border: 1px solid black;
background-color: #CCCCCC;
display: none;
padding: 5px;
}

#SJTab-a {
  margin-left:15px;
} 
/* begin styles for volunteer calendar tabs*/



/* signup form */
.frm-TD{ padding:8px; margin:8px;}