.appContainer {
	width: 948px;
}

#map {
	border: 1px #bbb solid;
	display: inline;
	height: 500px;
	float: left;
	width: 670px;
}



.theDay, .topic, .subject {
	color: #333;
	display: inline;
	padding: 6px 14px;
	margin: 10px -5px 10px 0;
	background: #fff;
	font-family: Arial, helvetica, sans-serif;
	font-size: 13px;
	width: 20px;
	height: 20px;
	border-top: 1px #ccc solid;
	border-bottom: 1px #ccc solid;
	-webkit-transition: background-color 100ms linear;
	-moz-transition: background-color 100ms linear;
	-o-transition: background-color 100ms linear;
	-ms-transition: background-color 100ms linear;
	transition: background-color 100ms linear;

}
.theDay:hover, .topic:hover {
	background: #DCF2D5;
}
.topic_clicked, .topic_clicked:hover {
	background: #398021;
	color: white;
}

.rightCorner { 
	border-top-right-radius: 4px; 
	border-bottom-right-radius: 4px;
	border-right: 1px #ccc solid;
}
.leftCorner {
	border-top-left-radius: 4px; 
	border-bottom-left-radius: 4px;	
	border-left: 1px #ccc solid;
}

.menuBar {
	margin: 15px 0;
	margin-right: 1%;
	cursor: pointer;
}

.dayHeader {
	margin-right: 6px;
}

.topBar {
	margin-top: 20px;
	margin-bottom: 7px;
}




.menuHeader {
	color: #444;
	font-family: verdana, arial, helvetica;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: bold;
}

.explainer {
	font-family: Helvetica, Arial, Verdana;
	font-size: 13px;
	color: #222;
	margin-bottom: 10px;
}

.errorText {
	font-family: Verdana, Helvetica, Arial;
	font-size: 11px;
	color: red;
}

.statusText {
	font-family: Verdana, Helvetica, Arial;
	font-size: 11px;
	color: black;
}


.row {
	margin-bottom: 15px;
}

.rowInside {
	display: inline-block;
	text-transform: uppercase;
	font-size: 10px;
	margin-bottom: 2px;
	padding-bottom: 2px;
	border-bottom: 1px #bbb solid;
}

.rowDescription {
	border-bottom: 0px;
	color: #666;
	text-transform: lowercase;
}



.slider{ display: inline-block; width: 300px; padding: 0 5px; margin-top: 20px; }
#months { margin-right: 10px;}
#years { margin-right: 20px;}



.imageDiv {
	margin-top: 10px;
	float:left;
	clear: both;
}


.eventName {
	font-size: 13px;
	font-weight: bold;
}
.eventInfo {
	margin: 10px 0;
}

.eventDate, .eventTime, .eventCost { font-size: 11px; }
.eventAddress {
	margin-bottom: 10px;
	border-bottom: 1px #AAA solid;
	padding-bottom: 4px;
	font-weight: bold;
}
.eventUrl { color: #234ea0; font-weight: bold; }
a:link { color: #234ea0; font-weight: bold; text-decoration: none;}

.containingClass { float: left; height: 460px;}
.statusBar {
	float: left;
	display: inline;
	margin-left: 10px;
	width: 240px;
	height: 458px;
	color: black;
	text-align: left;
	font-family: arial, helvetica, verdana;
	font-size: 12px;
	overflow: scroll;
}
#sidebarsubhead { margin-left: 10px; font-size: 12px; font-family: "helvetica", "arial", "verdana";  font-style: italic; margin-bottom: 10px; }

#closestSidebar { margin-left: 10px; font-family: "helvetica", "arial", "verdana"; font-weight: bold; font-size: 18px; }

.closestNav { font-family: arial, verdana, helvetica; font-size: 16px; }
.prevEvents { float: left; margin-left: 32px; }
.nextEvents { float: right; margin-right: 20px; }
.prevEvents, .nextEvents { font-weight: bold; cursor: pointer; color: #234ea0;}
.noevents { margin-left: 10px;}
.closestBar {  
	margin-bottom: 10px; padding: 10px; border: 1px #ccc solid; 
	width: 212px;      
	position:relative;   
	border:1px solid #E8E8E8;  
	border-top:1px solid #fdfd86;   
	border-bottom-right-radius: 60px 5px;  
	background: rgb(233,247,234); /* Old browsers */
	background: -moz-linear-gradient(-45deg, rgba(233,247,234,1) 77%, rgba(230,240,231,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(77%,rgba(233,247,234,1)), color-stop(100%,rgba(230,240,231,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg, rgba(233,247,234,1) 77%,rgba(230,240,231,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg, rgba(233,247,234,1) 77%,rgba(230,240,231,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg, rgba(233,247,234,1) 77%,rgba(230,240,231,1) 100%); /* IE10+ */
	background: linear-gradient(-45deg, rgba(233,247,234,1) 77%,rgba(230,240,231,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E9F7EA', endColorstr='#ffff88',GradientType=0 ); /* IE6-9 fallback on horizontal gradient */
}
.cornershadow {
	content: "";
	position:absolute;
	z-index:-1;
	right: 0px; bottom:9px;
	width:125px;
	height: 25px;
	background: rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 40px 27px 5px rgba(0, 0, 0, 0.40);
	-webkit-box-shadow: 40px 27px 5px rgba(0, 0, 0, 0.40);
	-o-box-shadow: 40px 27px 5px rgba(0, 0, 0, 0.40);
	/* box-shadow: 40px 27px 5px rgba(0, 0, 0, 0.40); */
	-moz-transform:skew(10deg,10deg) translate(-45px,-15px);
	-webkit-transform:skew(5deg,5deg) translate(-45px,-15px);
	-o-transform:skew(5deg,5deg) translate(-45px,-15px);
	transform:skew(10deg,10deg) translate(-45px,-15px)
	}​