/* sweet quick links section */
#quick_links
{
	width: 244px;
	height: 363px;
	float: right;
	margin: 0 0 25px 15px;
	background: transparent url(http://www.downtownmedford.com/images/mura_quick_link_bg_03.png) no-repeat;
}
#quick_links h3
{
	color: #FFF;
	font-size: 16px;
	padding: 18px 0 0 20px;
	margin-bottom: 20px;
}
#quick_links strong
{
	color: #191919;
	font-weight: bold;
}
#quick_links a
{
	color: #9b9b9b;
	display: block;
	text-decoration: none;
	margin: 0 0 12px 28px;
	width: 195px;
}
#quick_links a:hover
{
	color: #525252;
}

/* tab section for board of directors */
ul.bod
{
	list-style:none;
	list-style-type:none;
	display:block;
	width: 700px;
	margin-top: 20px;
}
ul.bod li
{
	float: left;
	margin: 0; padding: 0;
	height: auto;
	width: 48px;
	margin: 5px;
	text-align:center;
}
ul.bod li a
{
	padding-top: 50px;
	font-size: 10px;
	text-align: center;
	display:block;
	color: #666666;
	text-decoration:none;
}
ul.bod li a:hover
{ color: #000000; }
ul.bod li a#tab-1 { background: url(http://www.downtownmedford.com/images/bod_jason_a.jpg) no-repeat; }
ul.bod li a#tab-2 { background: url(http://www.downtownmedford.com/images/bod_bill_d.jpg) no-repeat; }
ul.bod li a#tab-3 { background: url(http://www.downtownmedford.com/images/bod_dick_e.jpg) no-repeat; }
ul.bod li a#tab-4 { background: url(http://www.downtownmedford.com/images/bod_peter_n.jpg) no-repeat; }
ul.bod li a#tab-5 { background: url(http://www.downtownmedford.com/images/bod_skip_p.jpg) no-repeat; }
ul.bod li a#tab-6 { background: url(http://www.downtownmedford.com/images/bod_joy_p.jpg) no-repeat; }
ul.bod li a#tab-7 { background: url(http://www.downtownmedford.com/images/bod_eric_s.jpg) no-repeat; }
ul.bod li a#tab-8 { background: url(http://www.downtownmedford.com/images/bod_gregory_y.jpg) no-repeat; }

div#bod div
{
	clear: left;
	width: 500px;
	min-height: 210px;
}
div#bod div img
{
	background: white;
	border: 1px solid #d3d3d3;
	padding: 6px;
	float:right;
	margin: 10px;
}
/* dots for timeline */
#timeline_dots
{ float:left; margin-top: 20px; }
#timeline_holder ul
{
	list-style: none;
	list-style-type: none;
	border-left: 1px solid #d3d3d3;
	width: 95px;
}
#timeline_holder ul li
{
	text-indent: -999999px;
}
#timeline_holder ul li a
{
	float: left;
	background: transparent url(http://www.downtownmedford.com/images/timeline_dot.png) no-repeat;
	height: 10px;
	width: 10px;
	margin: 0 0 0 3px;
}
#timeline_holder ul li a:hover
{ background: transparent url(http://www.downtownmedford.com/images/timeline_dot_hov.png) no-repeat; }
/* bottom links for timeline */
#timeline_list
{ margin-bottom: 20px; }
#timeline_list .li_holder
{ width: 225px; margin-top: 20px; }
#timeline_list .li_holder h3
{ color: #60bffb; }
#timeline_list .li_holder ul
{ list-style: none; list-style-type:none; }
#timeline_list .li_holder ul li a
{ text-decoration:none; color: #706f6f; border-bottom: 1px solid #d3d3d3; padding: 1px; }
#timeline_list .li_holder ul li a:hover
{ color: #FFFFFF; background: #60bffb; }
/* interactive map!!! */
#interactive_map
{
	position: relative;
	height: 884px;
	width: 502px;
	background: url(http://www.downtownmedford.com/images/map_bg.jpg) no-repeat;
}
#interactive_map ul { list-style: none; list-style-type: none; }
#interactive_map ul li a
{
	position: absolute;
	width: 15px;
	height: 15px;
	text-indent: -9999px;
	background: transparent url(http://www.downtownmedford.com/images/timeline_dot_hov.png) center no-repeat; 
	border-width: 1px;
	border-color: transparent;
	border-style: solid;
	/* opacity: .5; */
}
#interactive_map ul li a:hover
{
	/*
	background-color: #FFFFFF;
	border-width: 1px;
	border-color: #d3d3d3;
	border-style: solid;
	*/
	background: transparent url(http://www.downtownmedford.com/images/timeline_dot.png) center no-repeat; 
	/* opacity: .9; */
}
#interactive_map #evergreen_parking_facility
{ left: 110px; top: 430px; }
#interactive_map #middleford_parking_facility
{ left: 172px; top: 365px; }
#interactive_map #vogel_plaza
{ left: 155px; top: 400px; }
#interactive_map #craterian_theater
{ left: 160px; top: 410px; } 
table.fy { border: 1px solid #d3d3d3; margin: 20px 0 20px 0; padding: 0px; text-align: left; width: 740px;}
table.fy { margin: 0; padding: 0; }
table.fy td { padding: 5px; margin: 0; border-width: 0 1px 1px 1px; border-color: #CCCCCC; border-style: dotted; }
table.fy tr td table tr td { border: none; }
table.fy td.bg { background: #d3d3d3; color: #868686; border: 1px solid #868686; }