body {
	font-family : verdana, arial, helvetica, sans-serif;
	font-size: 14px;
	min-width: 730px;
	background: #00317b;
}

#ie_wrap {
	width: expression(document.body.clientWidth < 902? "900px" : "auto"); 
}

#header { 
	background: white url("http://charlestonbb.placeaware.com/images/charlestonbb/logo_bg.png") no-repeat left;
	height: 60px;
	margin-bottom: 10px;
}

#header #chap_title {
	font-style: bold;
	font-size: 160%;
	color: #00317b; 
	padding-left: 280px;
	padding-top: 15px;
	float: left;
}

#hidehelp {
	position: absolute;
	right: 1%;
	background: white;
	padding: 10px;
	text-decoration: none;
	font-weight: bold;
}


#header #control_wrapper {
	float: right;
}

#content {
	height: 400px;
}

#log_box {
	margin: 0px;
	padding: 0px;
}

#map {
	height: 356px;
	min-height: 356px;
	min-width: 700px;
	border: 1px solid;
}

#map_wrapper {
	background: white;
	margin-left: 265px;
	padding-bottom: 10px;
	padding-right: 10px;
	padding-top: 10px;
	border: 1px solid;
}

#map_container {
	margin-left: 10px;
}

#map_list_container {
	top: 40px;
	left: 300px;
}

#map_list_container span, #map_list_container a {
	text-decoration: none;
	margin-right: 15px;
}

#map_list_menu {
	font-size: 75%;
	margin-bottom: 5px;
	padding: 5px;
	height: 3em;
	min-width: 500px;
	border: 1px solid #aaabab;
	background:url("http://charlestonbb.placeaware.com/images/charlestonbb/menu-background.png") repeat-x;
}

#map_list_menu ul {
	display: inline;
	list-style-type: none;
}
#map_list_menu li a{
	margin: 0px;
}

#map_list_menu li:hover {
	background: #f1f3f2;
}

#map_list_menu img {
	border: 0px;
}

#map_list_menu li{
	float: left;
	margin: 0px;
	margin-right: 8px;
	padding: 0px;
	text-align: center;
}

#map_list {
	font-size: 110%;
	margin-left: 10px;
}

.selected_map {
	/*
	background-color: grey;
	border: 1px solid;
	*/
	background:url("http://charlestonbb.placeaware.com/images/charlestonbb/norm_right_on.gif") no-repeat right top;
	color: #000000;
	margin: 0px;
	padding: 0px;
}

.selected_map .tab {
	background:url("http://charlestonbb.placeaware.com/images/charlestonbb/norm_left_on.gif") no-repeat left top;
	padding-left: 10px;
}

.unselected_map {
	background:url("http://charlestonbb.placeaware.com/images/charlestonbb/norm_right.gif") no-repeat right top;
	margin:0px;
	padding:0px;
	color: #000000;
}

.unselected_map .tab {
	background:url("http://charlestonbb.placeaware.com/images/charlestonbb/norm_left.gif") no-repeat left top;
	padding-left: 10px;
}

.map_name_hover {
	color: #FF0000;
	cursor: pointer;
}

#trip {
	clear: both;
	min-height: 100px;
	width: 100%;
	margin-top: 10px;
}

.directions {
	padding-bottom: 8px;
}

#search {
	float: right;
	padding: 5px 5px 8px 5px;
	margin-top: 8px;
	margin-right: 10px;
	min-width: 280px;
	width:280px;
	background: #b9c9e1;
	border: 2px solid #00317b;
}

#search img {
	padding-left: 8px;
	padding-top: 5px;
}

#type_menu_wrapper {
	width: 255px;
	height: 441px;
	min-height: 441px;
	border: 2px solid #aaabab;
	float: left;
	background: #f1f3f2;
}

#type_menu_wrapper h1 {
	font-size: 100%;
	padding: 0px;
	margin: 0px;
	padding-left: 5px;
}

#type_menu {
	overflow: auto;
	border-top: 1px solid #aaabab;
	background: #f1f3f2;
	width: 255px;
	height: 397px;
	min-height: 300px;
	font-weight: normal;
}

#type_menu ul, #type_menu li {
	margin-left: 5px;
	padding-left: 5px;
	list-style-type: none;
}
#type_menu_wrapper .menu_header {
	padding-left: 10px;
	padding-bottom: 5px;
	font-weight: bold;
	border-bottom: 1px solid black;
	background: #c9c998;
	background-image: url("http://charlestonbb.placeaware.com/images/charlestonbb/top_corner.gif");
	background-repeat: no-repeat;
	background-position: top right;
}
#map_message, #mini_map_message {
	position: absolute;
	right: 5px;
	top:  5px;
	height: 80%;
	width: 60%;
	background: #FFFFFF;
	z-index: 5500;
	padding: 10px;
	border: 1px outset;
}

#login_box, #create_login_box {
	background: #FFFFFF;
	position: absolute;
	top: 35%;
	left: 35%;
	padding: 20px;
	border: 1px outset;
	z-index: 6000;
}

#help_box {
	position: absolute;
	top: 1%;
	left: 1%;
	z-index: 6000;
}

#mini_map_message {
	right: 25px;
	top:  0px;
	height: 10px;
	width: 300px;
	padding-bottom: 15px;
	padding-left: 15px;
	font-weight: bold;
}

#map_message div {
	width: 100%;
	height: 100%;
	overflow: auto;
}

.hidden_block {
	display: none;
}

#type_menu .typeHeading {
	background:url("http://charlestonbb.placeaware.com/images/charlestonbb/menu-background.png") repeat-x;
	/* font-size: 80%; */
	text-align: center;
	cursor: pointer;
}	

#type_menu .typeContents {
}

.place_link {
	font-size: 90%;
	color: black; 
	cursor: pointer;
	padding-bottom: 6px;
}

/* Fecking IE sucks the big one. */
.place_link_hover, .typeHeading_hover {
	color: grey;
}

a, .span_link {	
	color: blue;
}

a:hover, .span_link_hover {
	cursor: pointer;
	border-bottom: 1px dotted grey;
}

.map_message { 
	left: 0px; 
	top: 0px; 
	background-color: #FFFFFF; 
	z-index: 5500; 
	height: 100%; 
	width: 100%; 
}

#darken {
	position: absolute;
	left: 0px; 
	top: 0px; 
	background-color: #FFFFFF;
	z-index: 5600; 
	height: 100%; 
	width: 100%; 
	_height: expression((document.documentElement.clientHeight)+"px");
	_width: expression((document.documentElement.clientWidth)+"px"); 
}

.marker_place_info {
	font-size: 80%;
	width: 410px;
}

.marker_place_info h1 {
	font-size: 130%;
}

.marker_place_info .description {
	width: 400px;
	height: 60px;
	border: 1px solid grey;
	padding: 5px;
	margin-bottom: 5px;
	overflow: auto;
}

.trip_place_info {
	font-size: 80%;
	width: 100%;
}

.trip_place_info .description {
	width: 90%;
}

.trip_place_info h1 {
	font-size: 130%;
}

.trip_place_info .trip_details {
	padding: 10px;
	font-size: 100%;
	background: #ffffff url("http://charlestonbb.placeaware.com/images/charlestonbb/background-grade.png");
	background-repeat: repeat-x;
}

.trip_empty {
	padding: 10px;
	font-size: 100%;
	background-image: url("http://charlestonbb.placeaware.com/images/charlestonbb/background-grade.png");
	background-repeat: repeat-x;
	text-align: center;
}

.trip_empty h1 {
	font-size: 120%;
}

#empty {
	font-size: 110%;
	padding: 0px;
	margin: 0px;
	text-align: center;
}


.trip_place_menu {
	background-color: #f4ebde;
	background-repeat: no-repeat;
	background-position: bottom left; 
	height: 30px;
	padding-left: 10px;
	padding-top: 10px;
}

.trip_place_info .note {
	padding-top: 5px;
}

.button {
	color: black;
	padding-left: 3px;
	padding-right: 3px;
	border: 1px solid #aaabab;
	background: #f1f3f2;
}