body {
	font: 12px/1.5 Verdana, sans-serif;
	color: #000099;
	background-color: #FFFFFF;
	list-style-image: url(../images/blue_arrow.gif);
	margin: 0;
	padding: 0;
	border-color: #000;
}
h1 {font-size: 18px; color: #000099; margin-top: 10px;}
h2 {font-size: 14px; color: #733335; margin-top: 0px;}
h3 {font-size: 16px; font-weight: bold; color: #000099; margin-top: 0px;}
h4 {font-size: 16px; color: #733335; margin: 0 0 0 0;}
h5 {font: bold 12px Verdana, sans-serif; color: #334d55; margin: 0px; padding: 0px;}
h6 {font: bold 12px Verdana, sans-serif; color: #733335; margin: 0px; padding: 0px;}
p {font: 12px/1.45 Verdana, sans-serif; color: #000099; top: 0px;}
em strong {font-weight: bold; font-style: normal}
/**************** Lists *************/
ol {font-size: 12px; color: #000099;}
ul {font-size: 12px; line-height: 18px; padding-top: 10px;}
li {margin-bottom: 18px; list-style-image: url(../images/blue_arrow.gif);
}
dl {font-size: 12px; color: #000099; line-height: 1.3;}
dt {font-weight: bold; font-size: 12px; line-height: 1.3; margin: 10px; }
hr {size: 1px; color:#cccccc;}
/************ The links **************/
a:link {text-decoration: underline; color: #3333FF;}
a:visited {text-decoration: underline; color: #3333FF;}
a:hover {text-decoration: underline; color: #000066; background-color: #DFEFFF;}
a:active {text-decoration: underline; color: #3333FF; }
/*************  outer page cell  *******************/
#outer {margin: 0px 0px 0px 0px; padding: 0px; background-color: #FFFFFF;}
#raw img {position: absolute; right: 2px; top: 2px; border: 1px solid #000000;}
/************* top www.fairheadclimbers.com **************/
#top {margin: 0px; background-color: #000099; clear: both;}
#top p {margin: 0px; padding: 8px 0 8px 0; font: 18px Verdana, sans-serif; color: #FFFFFF; text-align: center;}
/************ main top row of links **************/
#toplinks {margin: 0px; font-size: 10px; color: #8CC6FF; background-color: #0066FF; clear: both;}
#toplinks p {margin: 0px; padding: 6px 0 6px 0; color: #8CC6FF; font-size: 10px; text-align: center;}
#toplinks a:link {text-decoration: none; color: #8CC6FF;}
#toplinks a:visited {text-decoration: none; color: #8CC6FF;}
#toplinks a:hover {text-decoration: none; color: #000099; background-color: #8CC6FF;}
#toplinks a:active {text-decoration: none; color: #8CC6FF;}
/************ next top row of links **************/
#toplinks2 {margin: 0px; font-size: 10px; color: #8CC6FF; background-color: #0066FF; border-top: 1px solid #3399FF;}
#toplinks2 p {margin: 0px; padding: 6px 0 6px 0; color: #8CC6FF; font-size: 10px; text-align: center;}
#toplinks2 p em {color: #0066FF;} /*** to create blank bar ***/
#toplinks2 a:link {text-decoration: none; color: #8CC6FF;}
#toplinks2 a:visited {text-decoration: none; color: #8CC6FF;}
#toplinks2 a:hover {text-decoration: none; color: #000099; background-color: #8CC6FF;}
#toplinks2 a:active {text-decoration: none; color: #8CC6FF;}
/**************** the left side column ********************/
#leftside {float: left; width: 210px; padding: 0px; margin: 1px 0 0 0; background-color: #F5f7f7; border: 1px solid #cccccc;
	font: 12px Verdana,sans-serif;}
/**************** for the last updated date in the top left corner ********************/
#updated h5{display: block; color: #999999; padding: 15px 0px 30px 10px; font: bold 10px Verdana, sans-serif; 
		border-bottom: 1px solid #cccccc;}
#updated h6{display: block; color: #21536A; padding: 10px 0px 10px 10px; font: bold 10px Verdana, sans-serif; 
		border-bottom: 1px solid #cccccc;}
/************ the main links in the left side column **************/	
#leftmajor {margin: 0px; padding: 0px;}
#leftmajor h5 {color: #334d55; padding: 10px 0px 10px 10px; border-bottom: 1px solid #cccccc;}
#leftmajor a:link, #leftmajor a:visited {display: block; border-top: 1px solid #ffffff;
	border-bottom: 1px solid #cccccc; background-image: url(../images/bg_nav.jpg); font-weight: bold; 
	padding: 4px 0px 4px 10px; color: #21536A; text-decoration: none; font-size: 11px;}
#leftmajor a:hover {border-top: 1px solid #cccccc; background-color: #DDEEFF; background-image: none;
		font-weight: bold; text-decoration: none;}
/************ the minor links in the left side column **************/	
#leftminor {margin: 0px; padding: 0px 13px 20px 13px; border-bottom: 1px solid #cccccc; line-height: 18px;}
#leftminor h5 {padding: 15px 0px 2px 0px;}
#leftminor p {font: 10px/1.3 Verdana, sans-serif; color: #334d55;}
#leftminor a {font: 10px/1.8 Verdana, sans-serif;}
#leftminor a:link {color: #334d55; text-decoration: underline;}
#leftminor a:visited {color: #334d55; text-decoration: underline;}
#leftminor a:hover {color: #334d55; text-decoration: underline; background-color: #DDEEFF;}
#leftminor a:active {color: #334d55; text-decoration: underline;}
#sideimages {margin: 0px; padding: 15px 13px 10px 13px; line-height: 18px;}
#sideimages img {border: 1px solid #000000;}
#sideimages p {font: 10px/1.3 Verdana, sans-serif; color: #334d55;}
#sideimages h5 {padding: 12px 0px 12px 0px;}
/*********************** right column ****************************/
#gradedlist {float: right; width: 176px; display: block; padding: 15px 0px 10px 10px; margin: 1px 0 30px 0; background-color: #F5f7f7; border: 1px solid #cccccc; font: 10px/1.3 Verdana, sans-serif; color: #334d55; clear: none;}
#gradedlist h5 {padding: 15px 0px 0px 10px;}
#gradedlist p {padding: 0px 0px 0px 10px; font: 10px/1.3 Verdana, sans-serif; color: #334d55;}
/************ the main pages **************/
#page {margin: 0px 0px 0px 211px; padding: 10px 70px 0px 50px;}
#page a.redtext {text-decoration: none; color: #CC0000; }
#page img {border: 1px solid #000000;}
#pagemiddle {margin: 0px 150px 0px 211px; padding: 10px 70px 0px 50px;}
#middle {margin: 0px 0px 0px 211px; padding: 10px 50px 0px 40px;}
#sitemap {margin: 0px 0px 50px 0px; padding: 0px 0px 0px 0px;}
#me {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; clear: both;}
/*********** Used for simple pages with a Single column *****************/
#pageSingle {margin-top: 10px; position: relative; width: 700px; text-align: left;}
/*********** Used for home page *****************/
#index {margin-top: 10px; position: relative; width: 552px;}
#index p {text-align: left;}
/************ the entire right side column **************/
#rightside {float: right; width: 210px; display: block; padding: 0; margin: 1px; background-color: #F5f7f7;
	border: 1px solid #cccccc; font: 10px/1.3 Verdana, sans-serif; color: #334d55; clear: none;}
#rightimages {margin: 0px; padding: 15px 13px 10px 13px; line-height: 18px;}
#rightimages img {border: 1px solid #000000;}
#rightimages p {font: 10px/1.3 Verdana, sans-serif; color: #334d55;}
#rightimages h5 {padding: 12px 0px 12px 0px;}
/*********** The bottom links *****************/
#bottomlinks {margin: 0px; font-size: 12px; color: #8CC6FF; background-color: #0066FF; clear: both;}
#bottomlinks p {margin: 0px; padding: 2px 0 6px 0; color: #8CC6FF; font-size: 12px; text-align: center;}
#bottomlinks a:link {text-decoration: none; color: #8CC6FF;}
#bottomlinks a:visited {text-decoration: none; color: #8CC6FF;}
#bottomlinks a:hover {text-decoration: none; color: #000099; background-color: #8CC6FF;}
#bottomlinks a:active {text-decoration: none; color: #8CC6FF;}
#bottom {margin: 0px; background-color: #000099;}
#bottom p {margin: 0px; padding: 6px 0 6px 0; font: 10px Verdana, sans-serif; color: #000099; text-align: center;}
/*********** The Photo Pages *****************/
#photoouter {margin: 0px; padding: 0px; background-color: #000000;}
#phototitle h2 {margin: 0; padding: 20px 0  10px 60px; font-size: 14px; color: #CCCCCC;  clear: right; }
#phototitle p {margin: 0; padding: 20px 50px 30px 60px; font-size: 12px; color: #CCCCCC;  clear: right; }
.phototall {float: left; padding: 0px; margin: 10px 0px 10px 30px; height: 330px; width: 180px; }
.tall img {height: 260px; width: 180px; margin: 0px; }
.photowide {float: left; padding: 0px; margin: 10px 0px 10px 30px; height: 210px; width: 180px; }
.wide img {height: 140px; width: 180px; margin: 0px; background-color: #000000;}
.photopeople {float: left; padding: 0px; margin: 10px 0px 10px 30px; height: 260px; width: 200px; }
.square img {height: 200px; width: 200px; margin: 0px; background-color: #000000;}
.photowide img, .phototall img, .photopeople img {border: none; }
.photowide p, .phototall p {font: 10px/1.3 Verdana, sans-serif; color: #CCCCCC; text-align: left; }
.photopeople p {font: 12px Verdana, sans-serif; color: #CCCCCC; text-align: left; }
/*********** Used for pages with a clear left column *****************/
#clearMargin {margin: 0px; float: left; width: 210px; padding:100px 13px 10px 13px;
	font: 10px/1.5 Verdana,sans-serif; display: block;}		
#clearMargin p {font: 10px/1.3 Verdana, sans-serif;}
#clearMargin a {font: 12px Verdana, sans-serif; display: block;}
#clearMargin em {font: bold italic 12px/1.5 Verdana, sans-serif;}

/**************** For a header on the page **********************/
#pageHeader {margin: 0px; padding: 10px; background-color: #F5F7F7; border: 1px solid #cccccc;  top: 0px; bottom: 0px;}
#pageHeader h1 {margin: 0px; padding: 0px 0px 0px 0px; font-size: 12px; color: #334d55;}
#pageHeader p {margin: 0px; padding: 10px 0px 0px 0px; font: 10px/1.5 Verdana,sans-serif; color: #334d55;}
/**************** For news flash items on the page **********************/
#newsflash {margin: 0px; padding: 10px; background-color: #FFFFCC; border: 1px solid #FF6600;  top: 0px; bottom: 0px;}
#newsflash h1 {margin: 0px; padding: 0px 0px 0px 0px; font-size: 12px; color: #000000;}
#newsflash p {margin: 0px; padding: 10px 0px 0px 0px; font: 12px/1.5 Verdana,sans-serif; color: #000000;}
/**************** Image or Table Positioning *************/
.floatright {float: right;}
.imagefloatright {margin: 0 0 10px 10px; float: right;}
.imagefloatleft {margin: 0 10px 10px 0; float: left;}
.image {margin: 0 0 10px 15px; float: right;}
.imgright {margin: 10px 10px 10px 15px; font: 10px Verdana, sans-serif; color: #ffffff;}
.imgright2 {margin: 0 0 0 15px;}
.imgleft {margin: 0 15px 10px 0px; font: 10px Verdana, sans-serif; color: #ffffff;}
.imgtext {font: 10px Verdana, sans-serif; color: #ffffff; padding: 10px 10px 10px 0px; }
.textboxright {margin: 0 0 10px 15px; font: bold italic 14px Verdana, sans-serif;
	color: #000099; background-color: #C2D5FC; border: solid #0066CC 5px;}
.textboxleft {margin: 0 15px 10px 0; font: italic bold 14px Verdana, sans-serif;
	color: #000099; background-color: #C2D5FC; border: solid #0066CC 5px;}
.gradestable {margin: 13px 13px 13px 13px; border: 1px solid #cccccc; font: 12px/1.3 Verdana, sans-serif; color: #334d55; 
	text-align: left; background-color: #ECEEFF;}
.numberstable {margin: 15px 0px 30px 0px; border: 1px solid #cccccc; font: 10px/1.3 Verdana, sans-serif; color: #334d55; 
	text-align: left; background-color: #ECEEFF;}
.mtbtable {margin: 13px 13px 13px 13px; border: 3px solid #cccccc; font: 11px/1.3 Verdana, sans-serif; color: #000000; 
	text-align: left;}
/*********** Rolloverimages NOT USED YET ***************/

#rolloverenlarge a img {height: 0; width: 0; border-width: 0;}
#rolloverenlarge a {display:block; padding-top: 110px;}
#rolloverenlarge img {position: relative; top: -260px; left: -90px; height: 700px; width: 479px; 
	border-width: 1px; border-color: #000;}
.thumbnail {float: left; border: 1px solid #000; width: 280px; height: 400px; margin: 0 15px 15px 0; padding: 5px; 
	text-align: center; background-repeat: no-repeat; background-position: 50% 50%;}

/**************** Sitemap Page **********************/
#sitemap a:link {text-decoration: none; color: #000099;}
#sitemap a:visited {text-decoration: none; color: #000099;}
#sitemap a:hover {text-decoration: none; color: #000099;  background-color: #8CC6FF;}
#sitemap a:active {text-decoration: none; color: #000099;}
/**************** Guide Page **********************/
#guide {margin: 10px 0px 50px 0px; position: relative; text-align: left; width: 420px}
#guide p {font: 12px/1.45 Verdana, sans-serif; color: #000000; top: 0px;}
#guide h1 {font-size: 18px; color: #000000;  margin-top: 10px;}
#guide h2 {font-size: 14px; color: #000000; margin-top: 0px;}
#guide strong {font-weight: bold; font-style: normal}
#guide .redtext {color: #CC0000;}
#guide .greentext {color: #009900;}
/*************************************************************************/
/*        various fonts, renamed versions							     */
/*************************************************************************/
.fontA {font: 6px Verdana, sans-serif; color: #FFFFFF;}
.fontB {font: 10px Verdana, sans-serif; color: #000000; background-color: #0066FF;}
.fontC {font: normal 10px Verdana, sans-serif; }
.fontD {font: bold 12px Verdana, sans-serif; color: #000000; background-color: #ECEEFF;}
.fontE {font: normal 12px Verdana, sans-serif; color: #000099;}
.fontF {font: bold 14px Verdana, sans-serif; color: #333333;}
.redtext {color: #CC0000;}
.red14pt {font: bold 14px Verdana, sans-serif; color: #CC0000;}
.blacktext {color: #000000;}
.whitetext {font: 6px Verdana, sans-serif; color: #FFFFFF;}
.greentext {color: #009900;}
.black {background-color: #000000;}
.tablefont {font-size: 12px; color: #000099;}
.tablefont1 {font: bold 12px Verdana, sans-serif; color: #000000;}
.tablefont2 {font: 12px Verdana, sans-serif; color: #000000;}
.tablefont3 {font: 10px Verdana, sans-serif; color: #000099;}
.tablefont4 {font-size: 10px; color: #000000;}
.photocaption {font-size: 10px; color: #000099;}
.font12pt {font-size: 12px; color: #333333;}
.font14pt {font-size: 14px; color: #333333;}
/*********** Routes Index, 2nd Ascents, New Routes tables ***************/
#guideindex {margin: 10px 0px 50px 0px; position: relative; text-align: left; width: 550px}
table.routes {font: 12px Verdana, sans-serif; color: #000099; border-width: 1px; border-style: solid; border-color: gray;  background-color: #CCCCFF;}
table.routes th {font: bold 12px; text-align: left; border-width: 1px; padding: 7px 3px 7px 3px; border-style: inset; border-color: gray;}
table.routes a.bold {color: #000099; font-weight: bold;}
table.routes td {border-width: 1px; padding: 3px 6px 3px 3px; border-style: inset; border-color: gray;}
table.routes a {text-decoration: none; font: 12px Verdana, sans-serif;}
table.routes tr.newroute, a.newroute {color: #CC0000;}
table.routes a.greentext {color: #009900;}