BODY {

	font-family: verdana, helvetica, sans-serif;

	font-size: 10px;

	margin: 0px;

}



H1 {

	font-size: 16px;

	font-weight: bold;

}



H2 {

	font-size: 14px;

	font-weight: bold;

}



DIV.top {

	font-family: verdana, helvetica, sans-serif;

	font-size: 20px;

	font-weight: normal;

	padding-top: 5px;

	padding-bottom: 5px;

	padding-left: 22px;

	border-bottom: 1px solid black;

	/*border-top: 1px solid black;*/

	margin-top: 2px;

	/*margin-bottom: 5px;*/

}



A.top {

	text-decoration: none;

	color: black;

}



DIV.main {

	padding-left: 20px;

	width: 650px;

}



DIV.overview {



}



TABLE.overviewtable {

	font-size: 12px;

}



TR.overviewheaders {

	background-color: gray;

	color: white;

	font-size: 12px;

	font-weight: bold;

}



TD.overviewheader {

	padding-right: 5px;

	padding-left: 2px;

}



TD.areaname {

	padding-left: 2px;

	font-size: 12px;

}



TD.cragname {

	padding-left: 2px;

	font-size: 12px;

}



TD.sectorname {

	padding-left: 10px;

	font-size: 12px;

}



TD.routecount {

	text-align: center;

	font-size: 12px;

}



TD.approachtime, TD.areaapproachtime {

	text-align: center;

	font-size: 12px;

}





DIV.pagearea, DIV.pagesector {

	width: 450px;

	font-size: 12px;

}



DIV.sectoroverview, DIV.cragoverview {

	margin-top: 10px;

	font-size: 10px;

}







A.sectorlisturl {

	font-size: 12px;

}



DIV.crag {

	font-size: 12px;

}



SPAN.cragname {

	font-size: 16px;

	font-weight: bold;

}



SPAN.cragfeatures {



}



DIV.cragtopo {



}



DIV.cragroutes {

	margin-top: 10px;

}



DIV.cragroute {

	font-size: 12px;

	padding-bottom: 7px;

}



DIV.routebasics {



}



SPAN.routenumber {

	font-size: 14px;

}



SPAN.routename {

	font-size: 14px;

	font-weight: bold;

}



SPAN.routefeatures {





}



SPAN.routegrade {

	font-size: 14px;

	color: red;

}



DIV.routedetails {

	padding-left: 5px;

	width: 400px;

}



SPAN.routelength {

	color: blue;

}



SPAN.routedesc {



}



DIV.routehistory {

	font-style: italic;

	padding-left: 5px;

}



IMG.imgcragtopo {

	padding:0px;

	border: 1px solid #000000;

	margin-top: 5px;

}



DIV.navigator {

	font-size: 10px;

	margin-bottom: 5px;

}



A.navigator {

	color: gray;

	text-decoration: none;

}



A.navigator:hover {

	color: #000000;

}



TABLE.grades {

	font-size: 12px;

}



TD.gradeheader {

	font-weight: bolder;

}



TR.gradedetails {

}



TD.gradedetails {

	padding-right: 5px;

	vertical-align: top;

}



TD.gradedetailsdescription {

	width: 300px;

}



DIV.pagemenu {

	padding-left: 22px;

	background-color: #000000;

	color: #FFFFFF;

}



A.menuitem {

	color: #FFFFFF;

	text-decoration: none;

}



A.menuItem:hover {

	color: orange;

}



SPAN.menuitem {

}



DIV.text {

	margin-top: 10px;

	width: 450px;

	text-align: justify;



}



DIV.texttitle {

	font-weight: bold;

	font-size: 13px;

	margin-bottom: 5px;	

}



DIV.texttext {



}



DIV.bottom {

	margin-top: 20px;

	text-align: center;

}