* {
	margin: 0px; 
	padding: 0px;}
	
html, body{
	height: 100%;
	width: 100%;}

body {
	font-family: "trebuchet ms", sans-serif;
	font-size: 10pt;
	color: #111;
	line-height: 130%;}

h1,h2,h3 {
	font: bold 130% arial;	
	margin-bottom: 0.5em; }

a { text-decoration:none;
	font-weight:bold;}

#wrap {
	width: 98%;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	}

#map {
	width: 70%;
	height:90%; 
	float:left;
	border: 1px solid #000;
	}

#the_side_bar {
	background: #EEE;
	border: 1px;
	width: 29%; 
	height:90%;
	clear: none;
	float:left; 
	border: 1px solid #000;
	border-left: none;
	display:block;
	overflow-y: scroll;
	color:red; }

#the_side_bar  ul { 
	margin-left:4px; 
	padding:0px; }

#the_side_bar  li { 
	list-style: none;
	margin:0px; } 
	/* Control how "sided out" the tree is */
#the_side_bar ul  ul , #the_side_bar  ul li { 
	padding-left:50px; 
	text-indent: -42px; } 
	/* Format menu items differently depending on what level of the tree they are in */
#the_side_bar ul li { 
	font-size:  11px;
	line-height:16px;}
#the_side_bar ul li  a{
	line-height:16px;
	font-weight: 300;}
#the_side_bar  ul li ul li { 
	font-size: 10px; }
#the_side_bar  ul li ul li ul li { 
	font-size: 9px; }
#the_side_bar  ul li ul li ul li ul li { 
	font-size: 8px; }