body {
	margin: 0px;
	padding: 0px;
	background: #242323;
	text-align: justify;
	font: 13px Arial, Helvetica, sans-serif;
	color: #ffffff;
}

h1, h2, h3 {
	margin-top: 0px;
	font-weight: normal;
	color: #FFFFFF;
}

h1 {
	font-size: 2.4em;
}

h2 {
	font-size: 1.8em;
}

h3 {
	font-size: 1.4em;
}

p, ol, ul {
	margin-bottom: 1.8em;
	line-height: 160%;
}

a {
	color: #FFFFFF;
}

a:hover {
	text-decoration: none;
	color: #FF0000;
}

a img {
	border: none;
}

#wrapper {
	width: 900px;
	margin: 0 auto;
	border: 10px solid #FFFFFF;
}

/* Header */

#header {
	width: 900px;
	height: 100px;
	margin: 0px auto;
}

#header a {
	text-decoration: none;
	color: #FFFFFF;
}

/* Logo */

#logo {
	float: left;
	padding-left: 20px;
}

#logo h1, #logo p {
	margin: 0px;
	line-height: normal;
	font-weight: normal;
	color: #FFFFFF;
}

#logo h1 {
	padding: 25px 0px 0px 0px;
}

#logo h2 {
	float: right;
}

/* Cpy Map */

#cyp_map {
	float: left;
	padding-left: 20px;
}

#cyp_map h1, #cyp_map p {
	margin: 0px;
	line-height: normal;
	font-weight: normal;
	color: #FFFFFF;
}

#cyp_map h1 {
	padding: 25px 0px 0px 0px;
}

/* Menu */

#menu {
	float: right;
}

#menu ul {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
	line-height: normal;
}

#menu li {
	float: left;
	margin: 0px;
}

#menu a {
	display: block;
	width: auto;
	padding: 6px 20px;
}

#menu a:hover {
	text-decoration: underline;
}

#menu .active {
	background: #404040;
}

#menu .active a {
	background: url(images/img02.jpg) no-repeat 100% -40px;
}

/* Page */

#page {
	width: 900px;
	margin: 0px auto;
	padding: 10px 0px 0px 0px;
	background: #FFFFFF;
}


#areas {
	width: 900;
	height: 100%;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding: 10px 10px 10px 10px;
	background: #000000;
	font-color: #FFFFFF;
	border-style:solid;
	border-width:3px;
	border-color: blue;
	font-size: 13px;
}


.area_hdr {
	font-size: 16px;
	color: white;
	font-weight: bold;
}

.area_name {
	font-size: 13px;
	color: white;
	font-weight: bold;
}

#header-pic {
	background: url(images/cyprusrocksmain.jpg) no-repeat left top;
	width: 900px;
	height: 210px;
}

#crags {
	width: 900;
	height: 100%;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding: 10px 10px 10px 10px;
	background: #000000;
	font-color: #FFFFFF;
	border-style:solid;
	border-width:3px;
	border-color: blue;
	font-size: 13px;
}

.white_divider {
	height: 15px;
	background: #ffffff;
}


#crag-pic {
	background: url(images/cyprusrocksmain.jpg) no-repeat left top;
}


#map-pic {
	position: relative;
	#background: url(images/cyprus-map-clickable.jpg) no-repeat left top;
	width: 900px;
	usemap: "#planetmap";
}

/* Content */

#content {
	float: right;
	width: 580px;
	background: #000000;
}

#content-crag {
	float: right;
	width: 570px;
	background: #000000;
}


#content-feedback {
	float: right;
	background: #000000;
}

.post {
	margin: 0px 0px 30px 0px;
}

.post .title {
	margin: 0px;
	background: #444444 url(images/img02.jpg) no-repeat left 50%;
	padding: 7px 25px;
	font-size: 1.4em;
}

.post .title h1 {
}

.post .entry {
	padding: 0 20px;
}

.post .meta {
	font-weight: bold;
	padding-left: 20px;
}

.post .byline {
	margin: 0px;
	padding-left: 20px;
}

/* Sidebar */

#sidebar {
	float: left;
	width: 300px;
}

#sidebar-bgtop {
}

#sidebar-bgbtm {
	background: url(images/img03.jpg) no-repeat left bottom;
}

#sidebar-content {
	background: url(images/img01.jpg) repeat-y left top;
}

#sidebar ul {
	padding: 0px 0 5px 0;
	margin: 0px;
	list-style: none;
}

#sidebar li li {
	margin-left: 20px;
	margin-right: 20px;
	line-height: 30px;
	padding-left: 15px;
	border-bottom: 1px dashed #BDBDBD;
	background: url(images/img04.jpg) no-repeat left 50%;
}

#sidebar li ul {
	margin-bottom: 1.8em;
	list-style: none;
}

#sidebar h2 {
	background: #444444 url(images/img02.jpg) no-repeat left 50%;
	padding: 7px 25px;
	font-size: 1.4em;
}

#sidebar a {
	text-decoration: none;
	color: #009933;
}

#sidebar a:hover {
	text-decoration: underline;
}

/* Search */

#search {
}

#search form {
	margin-bottom: 1.8em;
	padding: 0px;
}

#search fieldset {
	margin-left: 20px;
	padding: 0px;
	border: none;
}

#search #s {
	width: 160px;
}

/* Footer */

#footer {
	clear: both;
	width: 900px;
	height: 50px;
	margin: 0px auto 30px auto;
	color: #FFFFFF;
}

#footer p {
	margin: 0px;
	padding: 19px 0px 0px 0px;
	text-align: center;
	line-height: normal;
	font-size: smaller;
}

#footer a {
	color: #FFFFFF;
}

table.crag_info {
	border-width: 1px;
	border-spacing: ;
	border-style: outset;
	border-color: gray;
	border-collapse: separate;
	background-color: white;
	color: #000000;
}

p.routeProfile1 {
	background-color: #ffcccc;
	border: 1px solid black; 
	margin: 5px;
}

p.routeProfile2 {
	background-color: #00ff00;
	border: 1px solid black; 
	margin: 5px;
}

#box-link { 
		position: absolute; 
		top: 334px; 
		left: 882px; 
		width: 20px; 
		height: 20px; 
		background-color: transparent; 
		border: 1px solid yellow; }



/* Note that v1 of firefox incorrectly interprets the layering of the body and page tags,
which leads to the central vertical divider between sidebar and content getting its
background from body when should come from the page div.  So we don't get the central bit white
but black.
*/