/* CSS Document */

body {
	margin:0px;
	background-color:#646769;	
	background-image:url(images/brick_bg.jpg);
	background-repeat: repeat;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
p {
	margin-top:-2px;
}
a {
	text-decoration:underline;
}
a:link, a:visited {
	text-decoration:underline;
	color:#b4b70d;
}
a:hover {
	color:#87c4c8;
}
a.calloutLink, a.calloutLink:link, a.calloutLink:visited {
	color:#f4f61f;
	font-size:18px;
	line-height:28px;
	text-decoration:none;
	letter-spacing:0.1em;
}
a.calloutLink:hover {
	color:#fff;
}
h2 {
	color:#87c4c8;
	text-transform:lowercase;
	font-weight:normal;
	font-size:26px;
}
h4 {
	color:#747576;
	margin-bottom:5px;
}

#container {
	position:relative;
	width:960px;
	height:758px;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
}
div#logo {
	position:relative;
	height:100px;
	margin-top:10px;
	margin-right:125px;
}
img.logo {
	float:right;
	margin-top:30px;
}
#mainContent {
	width:88%;
	position:relative;
	margin-left:auto;
	margin-right:auto;
}
#triangles {
	position:absolute;
	z-index:99;
}
#neighborhoodLink, #pressLink, #eventsLink, #mapLink {
	position:absolute;
	height:300px;
}
#mapLink {
	left: 789px;
	top: 51px;
}
#neighborhoodLink {
	left: 810px;
	top: 61px;
}
#pressLink {
	left: 852px;
	top: 78px;
}
#eventsLink {
	left: 832px;
	top: 70px;
}
#imageTable {
	position:absolute;
	left: 31px;
	top: 21px;
	width:auto;
	height:449px;
}
#imageTable img {
	margin:10px;
}
#homeCopy {
	position:absolute;
	left: 400px;
	top: 90px;
	width:36%;
	line-height:38px;
}
#mapCallout {
	position:absolute;
	left: 400px;
	top: 350px;
	width:33%;
	line-height:20px;
	color:#999999;
	font-size:11px;
}
#bodyCopy {
	position:absolute;
	left: 212px;
	top: 47px;
	width:510px;
	
}
#bodyCopy2 {
	position:absolute;
	left: 221px;
	top: 61px;
	width:480px;
	height: 358px;
}
div#homeCopy p, div#bodyCopy p {
	font-size:13px;
	color: #747576;
}
div#bodyCopy p {
	line-height:20px;
}
div#bodyCopy2 p {
	line-height:35px;
	font-size:13px;
	color: #747576;
}
p.intro {
	font-style:italic;
}
div#articles {
	margin-top:5px;
	height:340px;
	overflow:auto;
	width:105%;
	padding-right:10px;
}
span.pike, span.pine, span.triangle {
	font-size:14px;
	font-weight:bold;
	letter-spacing:0.1em;
}
span.pike {
	color:#9a9b9d;
}
span.pine {
	color:#b4b70d;
}
span.triangle {
	color:#87c4c8;
}
#callout {
	background-image:url(images/calloutTriangle.png);
	background-repeat:no-repeat;
	position:absolute;
	z-index:300;
	width:370px;
	height:224px;
	left: 445px;
	top: 423px;
}
#callout p {
	font-weight:bold;
	margin-left:20px;
	letter-spacing:1px;
}
p.white {
	margin-top:25px;
	font-size:12px;
	color:#fff;
	line-height:16px;
}
p.smallerHead {
	margin-top:15px;
	color:#ffffff;
	font-size:13px;
}
p.smaller {
	font-size:12px;
	color:#fff;
	line-height:17px;
	margin-top:-5px;
}
p.gray {
	margin-top:-5px;
	font-size:12px;
	color:#616265;
	line-height:16px;
}
p.nonHome {
	font-size:13px;
	color:#fff;
	margin-top:25px;
	line-height:22px;
}
div#callout a, div#callout a:link, div#callout a:visited {
	color:#ffffff;
}
div#callout a:hover {
	color:#fdff62;
}
img.knifeFork {
	margin-left:3px;
	margin-top:5px;
}
div#mapHolder {
	position:absolute;
	left:10px;
	top:8px;
	width:765px;
	height:465px;
	background:url(images/map-small.png) no-repeat;
	text-align:left;
	margin-left:5px;
	margin-top:5px;
	padding:0px;
}
div#mapOverflow {
	background-color:#a7dfe2;
	border: 5px #ffffff;
	border-style: solid;
	width:150px;
	height:70px;
	position:absolute;
	right:125px;
	bottom:135px;
	padding-top:3px;
	padding-left:5px;
}
span.offmap {
	color:#838511;
	font-size:13px;
}
div#mapDots {
	position:absolute;
	left:10px;
	top:8px;
	width:775px;
	height:465px;
	margin-left:5px;
	margin-top:5px;
}
div.dotContainer {
	width:5px;
	height:5px;
}
div.tooltip {
	position:absolute;
	visibility:hidden;
	width:auto;
	padding:6px;
	border:#ffffff 1px solid;
	background-color:#747679;
	color:#ffffff;
	-moz-border-radius:8px;
	border-radius:8px;
	z-index:500;
	font-size:0.6em;
	margin:10px 0 0 10px;
}
a.location {
	visibility:hidden;
	width:17px;
	height:16px;
	z-index:10;
	overflow:hidden;
	text-decoration:none;
	font-weight:bold;
}
a.location:hover {
	background:url(images/map/redPoint_over.png) no-repeat;
	background-position:top left;
	cursor:default;
}
div.tooltip span {
	font-weight:bold;
	color:#ffffff;
	text-decoration:underline;
}

div#mapControls {
	width:100%;
	height:auto;
	position:absolute;
	left: 0px;
	top: 480px;
}
ul.categories {
	margin-top:13px;
	width:745px;
}
ul.categories li {
	background-image:url(images/map/white.png);
	background-repeat:no-repeat;
	display:inline;
	margin:0 5px;
	line-height:22px;
	background-position: left center;
}
ul.categories a, ul.categories a:link, ul.categories a:visited {
	text-decoration:none;
	margin-left:18px;
	font-size:15px;
}
ul.categories a:hover {
	text-decoration:underline;
}
li#all {
	margin-left:108px;
}
li#all a, li#all a:link {
	color:#73d2d1;
	text-decoration:underline;
}
li#all a:hover {
	color:#000;
}
li#pdfmap {
	display:block;
	color:#000;
	margin-top:6px;
	font-size:11px;
}
li#pdfmap a, li#pdfmap a:link {
	color:#000;
	font-size:11px;
	text-decoration:underline;
}
li#pdfmap a:hover {
	color:#73d2d1;
}
div#submit {
	position:absolute;
	left: 594px;
	top: 490px;
	width:20%;
	color:#908f10;
	font-size:10px;
}
div#submit span {
	display:block;
	margin: 0 auto;
}
div#submitBtn {
	background-image:url(images/mapBtn.png);
	background-repeat:no-repeat;
	width:93px;
	height:26px;
	cursor:pointer;
	margin-top:5px;
}
div#submitBtn span.white {
	color:#fff;
	font-size:15px;
	margin-top:5px;
	display:block;
}