/* bridges.css -- styles for the
   Lensbury Bridges Handicap Race pages */

body {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	margin: 0em; padding: 0em;
	top: 0em; left: 0em; right: 0em;
}

a img {
	border:none;
}

/*
 * header
 */
#header {
	top: 0em; left: 0em; right: 0em; height: 4em;
	padding: 0em 3em; margin: 0em;
	background-color: #8fb2dc;
	color: #68121f;
}

/*
 * menu
 */
#menu {
	position: absolute;
	top: 3.7em; left: 4em; right: auto;
	background-color: white;
	padding: 0em 1em;
	border: solid 1px #68121f;
}

#menu a, #menu a:visited {
	text-decoration: none;
	color: #68121f;
}

#menu a:hover {
	text-decoration: underline;
	color: #0000e0;
}

/*
 * contents
 */
#contents {
	position: absolute;
	top: 6em; left: 0em; width: 98%;
	margin: 0em 0.5em 0.5em 0.5em;
}

/*
 * footer
 */
#footer {
	font-size: 70%;
	color: silver;
	border-top: 1px silver solid;
	padding: 0.2em 1em;
}
#footer div.sponsor {
	float: left;
}
#footer div.updated {
	float: right;
	text-align: right;
}

/*
 * route page
 *
 * see http://www.frankmanno.com/ideas/css-imagemap/
 */
/* hide the image if CSS is enabled, so we can use the clever stuff */
img.routemap { display: none; }

dl#routemap {
	margin: 0;
	padding: 0;
	width: 720px; height: 540px;
	background: transparent url(../route/images/RouteMap.jpg) top left no-repeat;
	position: relative;
}
dt { margin: 0; padding: 0; position: absolute; font-size: 85%; display: none; }
dd { margin: 0; padding: 0; position: absolute; font-size: 85%; }

dl#routemap a { text-decoration: none; }

/* ------------ Hotspots ----------- */

dd#pic01Def { left: 480px; top: 25px; }
dd#pic01Def a { position: absolute; width: 100px; height: 75px; }
dd#pic01Def a span { display: none; }
dd#pic01Def a:hover {
	position: absolute;
	background: transparent url(../route/images/pic01-s.jpg) top left no-repeat;
	width: 400px; height: 300px;
	top: 0; left: -300px;
}
dd#pic01Def a:hover span {
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	bottom: 100%;
	right: 0;
	margin: 0;
	padding: 5px;
	width: 125%;
}

dd#pic02Def { left: 594px; top: 84px; }
dd#pic02Def a { position: absolute; width: 75px; height: 100px; }
dd#pic02Def a span { display: none; }
dd#pic02Def a:hover {
	position: absolute;
	background: transparent url(../route/images/pic02-s.jpg) top left no-repeat;
	width: 300px; height: 400px;
	top: 0; left: -200px;
}
dd#pic02Def a:hover span {
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	bottom: 100%;
	right: 0;
	margin: 0;
	padding: 5px;
	width: 125%;
}

dd#pic03Def { left: 480px; top: 156px; }
dd#pic03Def a { position: absolute; width: 100px; height: 75px; }
dd#pic03Def a span { display: none; }
dd#pic03Def a:hover {
	position: absolute;
	background: transparent url(../route/images/pic03-s.jpg) top left no-repeat;
	width: 400px; height: 300px;
	top: 0; left: -300px;
}
dd#pic03Def a:hover span {
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	bottom: 100%;
	right: 0;
	margin: 0;
	padding: 5px;
	width: 125%;
}

dd#pic04Def { left: 589px; top: 204px; }
dd#pic04Def a { position: absolute; width: 75px; height: 100px; }
dd#pic04Def a span { display: none; }
dd#pic04Def a:hover {
	position: absolute;
	background: transparent url(../route/images/pic04-s.jpg) top left no-repeat;
	width: 300px; height: 400px;
	top: -100px; left: -200px;
}
dd#pic04Def a:hover span {
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	bottom: 100%;
	right: 0;
	margin: 0;
	padding: 5px;
	width: 125%;
}

dd#pic05Def { left: 474px; top: 293px; }
dd#pic05Def a { position: absolute; width: 100px; height: 75px; }
dd#pic05Def a span { display: none; }
dd#pic05Def a:hover {
	position: absolute;
	background: transparent url(../route/images/pic05-s.jpg) top left no-repeat;
	width: 400px; height: 300px;
	top: -200px; left: -300px;
}
dd#pic05Def a:hover span {
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	bottom: 100%;
	right: 0;
	margin: 0;
	padding: 5px;
	width: 125%;
}

dd#pic06Def { left: 589px; top: 328px; }
dd#pic06Def a { position: absolute; width: 100px; height: 75px; }
dd#pic06Def a span { display: none; }
dd#pic06Def a:hover {
	position: absolute;
	background: transparent url(../route/images/pic06-s.jpg) top left no-repeat;
	width: 400px; height: 300px;
	top: -200px; left: -300px;
}
dd#pic06Def a:hover span {
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	bottom: 100%;
	right: 0;
	margin: 0;
	padding: 5px;
	width: 125%;
}

dd#pic07Def { left: 474px; top: 396px; }
dd#pic07Def a { position: absolute; width: 75px; height: 100px; }
dd#pic07Def a span { display: none; }
dd#pic07Def a:hover {
	position: absolute;
	background: transparent url(../route/images/pic07-s.jpg) top left no-repeat;
	width: 300px; height: 400px;
	top: -300px; left: -200px;
}
dd#pic07Def a:hover span {
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	bottom: 100%;
	right: 0;
	margin: 0;
	padding: 5px;
	width: 125%;
}

dd#pic08Def { left: 138px; top: 407px; }
dd#pic08Def a { position: absolute; width: 100px; height: 75px; }
dd#pic08Def a span { display: none; }
dd#pic08Def a:hover {
	position: absolute;
	background: transparent url(../route/images/pic08-s.jpg) top left no-repeat;
	width: 400px; height: 300px;
	top: -100px; left: -50px;
}
dd#pic08Def a:hover span {
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	bottom: 100%;
	margin: 0;
	padding: 5px;
	width: 125%;
}

dd#pic09Def { left: 144px; top: 311px; }
dd#pic09Def a { position: absolute; width: 100px; height: 75px; }
dd#pic09Def a span { display: none; }
dd#pic09Def a:hover {
	position: absolute;
	background: transparent url(../route/images/pic09-s.jpg) top left no-repeat;
	width: 400px; height: 300px;
	top: -100px; left: -50px;
}
dd#pic09Def a:hover span {
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	bottom: 100%;
	margin: 0;
	padding: 5px;
	width: 125%;
}

dd#pic10Def { left: 48px; top: 245px; }
dd#pic10Def a { position: absolute; width: 75px; height: 100px; }
dd#pic10Def a span { display: none; }
dd#pic10Def a:hover {
	position: absolute;
	background: transparent url(../route/images/pic10-s.jpg) top left no-repeat;
	width: 300px; height: 400px;
	top: -50px; left: -30px;
}
dd#pic10Def a:hover span {
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	bottom: 100%;
	margin: 0;
	padding: 5px;
	width: 125%;
}

dd#pic11Def { left: 133px; top: 185px; }
dd#pic11Def a { position: absolute; width: 75px; height: 100px; }
dd#pic11Def a span { display: none; }
dd#pic11Def a:hover {
	position: absolute;
	background: transparent url(../route/images/pic11-s.jpg) top left no-repeat;
	width: 300px; height: 400px;
	top: -20px; left: -100px;
}
dd#pic11Def a:hover span {
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	bottom: 100%;
	margin: 0;
	padding: 5px;
	width: 125%;
}

dd#pic12Def { left: 227px; top: 171px; }
dd#pic12Def a { position: absolute; width: 100px; height: 75px; }
dd#pic12Def a span { display: none; }
dd#pic12Def a:hover {
	position: absolute;
	background: transparent url(../route/images/pic12-s.jpg) top left no-repeat;
	width: 400px; height: 300px;
	top: 0; left: -100px;
}
dd#pic12Def a:hover span {
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	bottom: 100%;
	margin: 0;
	padding: 5px;
	width: 125%;
}

dd#pic13Def { left: 222px; top: 89px; }
dd#pic13Def a { position: absolute; width: 100px; height: 75px; }
dd#pic13Def a span { display: none; }
dd#pic13Def a:hover {
	position: absolute;
	background: transparent url(../route/images/pic13-s.jpg) top left no-repeat;
	width: 400px; height: 300px;
	top: 0; left: -100px;
}
dd#pic13Def a:hover span {
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	bottom: 100%;
	margin: 0;
	padding: 5px;
	width: 125%;
}

dd#pic14Def { left: 108px; top: 42px; }
dd#pic14Def a { position: absolute; width: 100px; height: 75px; }
dd#pic14Def a span { display: none; }
dd#pic14Def a:hover {
	position: absolute;
	background: transparent url(../route/images/pic14-s.jpg) top left no-repeat;
	width: 400px; height: 300px;
	top: 0; left: -100px;
}
dd#pic14Def a:hover span {
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	bottom: 100%;
	margin: 0;
	padding: 5px;
	width: 125%;
}