body { font-size: 0.55em; font-family: arial, sans }
div.frame   { margin: 5px auto auto; position: relative; width: 802px; height: 602px; border: solid 1px black }

/*COLUMNS*/
div.left-column {
	position:absolute;
	left:13px;
	top:12px;
	width:166px;
	height:551px;
	background-color:#4C4C4C;
	padding:12px;
}
.left-column-content  { height: 500px; overflow: auto }
.left-column-body { line-height: 10px; height: 400px; overflow: auto }
div.neighbourhood-column {
	position:absolute;
	left:13px;
	top:12px;
	width:190px;
	height:575px;
	background-color:#5a5a5a;
}
.neighbourhood-column-content{
height:440px;
overflow:scroll;
}
div.left-column p{
	line-height:1.3em;
	margin-bottom:1.4em;
	color:#f2f2f2;
}
div.right-column {
	position:absolute;
	left:218px;
	top:12px;
	width:570px;
	height:575px;
	overflow:hidden;
}



/*NAVIGATION ELEMENTS*/
.nav{

	position:absolute;
	left:0px;
	top:452px;
	width:802px;
	height:87px;
	background-color: white;
	background-image: url('images/logo.jpg');
	background-repeat: no-repeat;
}
.nav .menu { position: absolute; top: 14px; right: 0 }
.nav a{
	text-decoration:none;
	color:#FB000B;
}
.nav a:hover{
	text-decoration:none;
	color:#4C4C4C;
}
.nav .menu span{
	margin-right:12px;
}
.nav a.selected{
	padding-bottom:2px;
	border-bottom: 1px solid #fdbbad;
}
.nav a.selected:hover{
	color: #fdbbad;
}

/* typography */
.red{
	color:#FB000B;
}
div.left-column-content p.disclaimer { color: #9b9b9b; line-height: 10px }
div.left-column-content p.discsmall { color: #9b9b9b; font-size: 10px }
.home-gap  { font-size: 11.5px; margin-top: 113px }
.links { }
.links a { color: white; text-decoration: none }
.links a.selected { border-bottom: solid #fff }