html { height: 100% }
body { height: 100%; margin: 0; padding: 0; font-family: "Quattrocento", serif; font-size: 14px; line-height: 140%;}
header {width: 960px; height: 95px; margin: 0 auto; padding: 59px 0 5px;}
#footer {font-size: .8em; padding:1em 0; width:100%; height: 75px; background: #222222;}

h1 {font-weight: 400; padding: 0; margin: 0 0 20px 1px; font-size: 30px; color:#000;}
h2 {font-weight: 400;}

.title a {
	color: #000000;
	text-decoration: none;
}

#header-wrap {width: 100%; border-bottom: 1px dashed #CCCCCC; }
#inside-head {width: 960px; margin: 3em auto 1.5em; font-size: 1.2em; }
#app-wrapper { height: 70%; width: 80%; min-width:960px; margin: 0 auto;}      
#map-wrap {width:80%; height:90%; min-height:500px; margin-bottom: 1em; float:left; opacity:1; background-color: #FFFFFF;}
#map-canvas {height: 100%; width: 100%; float:left;}
#map-tools {
	width:18%; 
	height: 90%; 
	min-height: 495px;
	margin-right: 1em;
	margin-bottom: 1em; 
	background: #cee3fc; 
	border: 1px solid #d3e0e7; 
	float:left; 
	font-family: "Helvetica Neue", Arial, sans-serif; 
	font-weight: 300; 
	font-size: 0.9em;
}
#map-extras p {margin-left: 5px; margin-right: 5px;}
discussion-wrapper {width: 960px; margin: 2em auto;}
#discussion {width:100%}
#map-tools-title {width:100%; margin:0.7em auto 1em; text-align: center; font-size: 1.4em;}
#tool-map-choices {width:90%; margin: 0.2em 5px 0em;}
#tool-buttons {width:95%; margin: auto auto;}

.subtitle, .subtitle a {font-size: 14px; margin-right: 1px; line-height: 16px; color:#000; text-decoration: none;}

.subtitle a:hover, .subtitle a.hover, .highlight {color:#ABABAB;}

.tool-area-title {width:100%; margin: 1em 5px 0em; font-size: 1.2em;}

.facet{
	width:90%;
	margin:0.2em 5px 0em;
}
.tool-area-label {
	width:100%; 
	margin:1em 5px 0em;
	font-size: 1em;
}
.tool-area-text {
	width:100%; 
	margin:0.2em 5px;
	font-size: 1em;
}
.first-comment {
	margin-top: 3em;
}

.btn {
	margin-bottom: 1.5em;
}