/* -----------------------------------------------------
   author:              Alex Dunae - dunae.ca
   date:                2007-06
-------------------------------------------------------- */
body {
	color: #222;
	background: #cec9bd none;
	font-family: "Arial", sans-serif;
	font-size: 12px;
	line-height: 18px;
}

a { text-decoration: none; color: #00f; font-weight: bold; }



em, i { font-style: italic; }

strong, b { font-weight: bold; }

/* -----------------------------------------------------
   Container and header
-------------------------------------------------------- */
#wrapper { width: 820px; margin: 0 auto;
	background-image: url("/langara-fishing-map/img/background-content.gif") !important;
}

#header { width: 805px; 

background: url("/langara-fishing-map/img/background-top.gif") left top no-repeat;

}

#content {
	margin: 0 24px;
	padding: 30px 20px 30px 0;
	background-color: #fff;
}

.intro {
	font-size: 16px;
	font-weight: bold;
}

ul.modes {
	list-style: none;
}

.modes li {
	float: left;
	margin: 20px;
	width: 190px;
	padding: 20px;
	text-align: center;
}

.modes li img {
	display: block;
	margin: 5px auto;
}

/* -----------------------------------------------------
   Map
-------------------------------------------------------- */
dl#langara-map {
	position: relative;
	border: 1px solid #aaa;
	margin: 0 auto;
}


#content .map dt { display: inline; }

#content .map dd {
	background: #333;
	border: 1px solid #999;
	border-radius: 8px; /* CSS3 rounded corners */
	-moz-border-radius: 8px; /* Mozilla rounded corners */
	color: #fff;
	padding: 10px;
	width: 300px;
	position: absolute;
	left: -9999px;
	z-index: 11;
}


.geo {
	display: block;
	padding-bottom: 10px;
	font-size: 80%;
	color: #aaa;
}

abbr { border-bottom: none; text-decoration: none; }

#content dl.map dt a {
	display: block;
	outline: none;
	text-decoration: none;
	position: absolute;
	z-index: 10;
	font: bold 10px/10px "Arial", sans-serif;
	background-color: white;
	padding: 5px 9px;
	border-style: solid;
	border-width: 2px 0;
	border-color: #999;
	color: #333;
}

#content .map dd img {
	display: block;
	float: right;
	margin: 0 0 20px 20px;
	border: 1px solid #aaa;
}