body {
	color: #333333;
	font-family: Verdana, Arial, sans-serif;
	font-size: 8pt;
	margin: 0px; padding: 0px;
	}

#titlebox {
	position: absolute; left: 10px; top: 0px; width: 800px; height: 100px;
	border: solid 1px #cccccc; background-color: #eeeeee;
	}
	
#aboutlink {
	position: absolute; left: 700px; top: 0px; width: 110px; height: 20px;
	}
	
.heading {
	font-family:  Georgia, "times new roman", serif;
	font-size: 12pt;
	font-weight: bolder;
	color: #eb714d;
	}
	
.instructions {
	color: #000000;
	}
	
A.heading { 	
	font-family:  Georgia, "times new roman", serif;
	font-size: 12pt;
	font-weight: bolder;
	color: #eb714d;
	text-decoration: none;
	}
A.heading:hover { 	
	font-family:  Georgia, "times new roman", serif;
	font-size: 12pt;
	font-weight: bolder;
	color: #eb714d;
	text-decoration: underline;
	}


.small {
	font-size: 7pt;
	}

#urldiv {
	font-size: 7pt;
	color: #330000;
/*	border: solid 1px; */
	position: absolute; left: 10px; top: 100px; width:750px; height: 15px;
	overflow:auto;
	}
	
		
#querydiv {
	font-size: 8pt;
	color: #333333;
/*	border: solid 1px; */
	position: absolute; left: 10px; top: 120px; width:800px; height: 55px;
	overflow:auto;
	}

#map {
	position:absolute;width: 480px; left: 10px; height: 400px; top:195px;
	border:solid 1px #cccccc;
	}
	
#listtoggle { 
	position: absolute; top: 145px; width: 300px; height: 50px; left: 500px;
	}
	
#contentbox {
	position: absolute; left: 500px; top: 195px; width:300px; height: 270px;
	border:solid 1px #cccccc;
	overflow:auto;
	}
#content {
	padding: 0.5em;
	}
	
.inabox {
	padding: 0.5em;
	}



A { 
	font-family: verdana, sans-serif;
	text-decoration: none;
	font-size: 8pt;
	color: #0000ff;
	}
/* style for hovering over the event link */

A:hover {
	color: #0000ff;
	text-decoration: underline;
	}
	
	
#displaywhich {
	position: absolute; left: 500px; top: 465px; width:160px; height: 100px;
	text-align: center;
	}
	
#calendar {
	position: absolute; left: 670px; top: 455px; width:250px; height: 250px;
	}	


TABLE.calendar { border-style: solid;
                   border-width: 1px;
                   border-color: #cccccc;
                   padding: 1px;
                   background-color: transparent;
                   background-image: none;
                            }
/* the heading row: contains year and month  */

TR.calendarHeading { 
	background-color: #ffffff;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 8pt;
	color: #000000;
	align: center;
	height: 10;
	}

/* the days row (S M T W T F S) */

TR.calendarDays { 
                                   height: 10;
                                   font-family: verdana, arial, sans-serif;
                                   font-size: 7pt;
                                   color: #333333;
                                   text-align: right;
                                 }

/* the dates rows (containing all the numerical dates) */

TR.calendarDates { 
                                   height: 10;
                                   font-family: verdana, sans-serif;
                                   font-size: 7pt;
                                   color: #333333;
                                   text-align: right;
                                 }
/* day that has an event */
A.calendarEvent { font-family: verdana, sans-serif;
                     text-decoration: none;
                     font-size: 7pt;
                     color: #0000ff;
                     background-color: #ffffff;
                     text-align: right;
                   }
/* style for hovering over the event link */

A.calendarEvent:hover {
	color: #0000ff;
	text-decoration: underline;
	}

/* a highlighted event */
A.calendarHighlightedEvent { font-family: verdana, sans-serif;
                     text-decoration: none;
                     font-size: 7pt;
                     color: #0000ff;
                     text-align: right;
                     border: solid 1px #eb714d;
                   }

/* style for hovering over the event link */

A.calendarHighlightedEvent:hover {
	color: #0000ff;
	text-decoration: underline;
}

/* the control row (with (<< | >>) meaning previous month, next month)*/

TR.calendarControl { background-color: #ffffff;
                                   font-family: Georgia, "Times New Roman", serif;
                                   font-size: 7pt;
                                   color: #000000;
                                   align: center;
                                   height: 10;
                                 }