/* 
highlight color= b3222f
month hover= ce5962
nav bg color= eaeaea
calendar square= eeeeee
calendar square hover= f5f5f5
DOTW bg= dbdbdb 
DOTW border= cacaca
cal lines= dadada
*/





#calNav {
margin:30px auto 0 auto ;
height:45px;
}

div.error {
width:616px;
margin:0 auto ;
font-size:12px;
}

#monthChooser {
background: #eaeaea;
height:30px;
border-bottom: 2px solid #000000;
 	border-right:solid 1px #dadada;

}

#monthChooser ul {
    margin:0;
    padding:0;
    list-style:none;
	text-align: center
	float:left;
    }

#monthChooser a {
	color: #000000;
	display:block;
	text-decoration: none;
	}


#monthChooser a:hover {
	color: #000000;
	text-decoration: none;
	background-color: #ce5962;
}

#monthChooser li {
  	float:left;
  	margin:0;
 	line-height:20px;
 	border-right:solid 1px #dadada;
  }
  
#yearChooser {
	padding: 5px 15px 0 0;
	width:65px;
	float:right;
}

.clear {
 	clear:both;
 }

#monthnav {
	height: 35px;
	line-height:18px;
	background: #b3222f;
	
}

a.montharrow  {
color: #ffffff;
	display:block;
	padding:0px 35px;
	margin: 5px 0;
	text-decoration: none;
	font-size: 13px;
	font-weight: bold;
	font-family: arial;
}

a.montharrow:hover {
	text-decoration: none;
	color: #ce5962;

}
 
 a.R {
 float: right;
 border-left: solid 1px #3a3a3a;
 }
  a.L {
 float: left;
  border-right: solid 1px #3a3a3a;
 }
 
 #monthTitle  {
	width:250px;
	margin:auto;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	color:#ffffff;
	padding-top:7px;
	text-transform: uppercase;
	}


#cal {
clear: both;
line-height:12px;
}


#cal ul{
	list-style:none;
	margin:0px;
	padding:0px;
	
}

#cal ul li{
	position:relative;
	float:left;
	overflow: hidden;
	background:#eeeeee;
	margin:0;
	padding: 0 7px;
	border-right: solid 1px #dadada;
	border-bottom: solid 1px #dadada;
}

#cal ul li:hover{
	overflow: auto;
	background:#f5f5f5;
	color:#b3222f;

}

#cal ul li#monthTitle {
	width:200px;
	height:30px;
	text-align: center;
}

#cal ul li.day{
	height:17px;
	line-height:12px;
	display:block;
	padding: 5px 0 0 0;
	text-align:center;
	text-transform: uppercase;
	background:#dbdbdb;
	border-right:solid 1px #cacaca;
	
}

#cal ul li.currentday {
background: #ffffff;
}

#cal ul li.nav{
	height:30px;
	text-align: center;
}

#cal ul div.dailyEventList{
	font-size: 10px;
	margin:0;
	padding:0;
}



#cal ul div.dailyEventList a {
	color: #b3222f;
	text-decoration: none;
	display:block;
	margin-top:7px;
	}

#cal ul div.dailyEventList a:hover {
	color: #cb0000;
	text-decoration: none;
	background: none;
}


div.datenumber {
font-family: trebuchet ms, arial;
border-left: solid 1px #dadada;
border-bottom: solid 1px #dadada;
padding: 5px 3px 3px 3px;
font-weight: bold;
height:14px;
width:20px;
line-height:10px;
text-align:center;
font-size: 15px;
float: right;
margin: 0 -7px 0 5px;
display:inline;
}

div.currentdatenumber {
font-family: trebuchet ms, arial;
border-left: solid 1px #cbcdf1;
border-bottom: solid 1px #cbcdf1;
padding: 5px 3px 3px 3px;
font-weight: bold;
height:14px;
width:20px;
line-height:10px;
text-align:center;
font-size: 15px;
float: right;
margin: 0 -7px 0 5px;
color: #b3222f;
display:inline;
}

div.viewMode {
width: 500px;
}

#searchForm {
width: 235px;
float:right;
text-align:left;
background: URL(graphics/cal_searchbg.gif) no-repeat;
padding-left:22px;
}

a.viewNav {
background:#eaeaea;
padding: 6px 8px;
float: left;
text-decoration: none;
color: #333333;
line-height:12px;
margin-right:2px;
}

a.viewNav:hover {
background:#cacaca;
text-decoration: none;
color: #000000;

}
a.on {
	background: #b3222f;
	color:#ffffff;
}
a.on:hover {
	background: #b3222f;
	color:#ffffff;
}

ul.monthList {
margin:10px 0 0 15px;
padding:0 0 20px 0;
list-style:none;
border-bottom: solid 1px #eaeaea;
width:95%;
}

li.monthList {
margin:0;
padding:0;
}

span.listMonth {
font-size:16px;
color: #b3222f;
}

div.listDate{
font-weight: bold;
font-size:14px;
padding:2px;
border: solid 1px #eaeaea;
margin-right:10px;
margin-top:-3px;
width: 20px;
font-family: trebuchet ms, arial;
text-align:center;
float: left;
}
div.listDateEnd{
font-weight: bold;
font-size:14px;
padding:2px 4px;
border: solid 1px #eaeaea;
margin-right:10px;
width: 64px;
font-family: trebuchet ms, arial;
text-align:left;
float: left;
}

div.eventDateTime {
margin-top:10px;
padding-top:3px;
}
div.eventDateTime a{
text-decoration:none;
}
span.smallerdate {
font-size:11px;
}