/* CSS Document */

body {
	font: small verdana, ariel, sans-serif;
	color:#486187;
	background-color:#ffc;
	behavior:url(css/csshover.htc);
	}
	
* html body {
	font-size: x-small; /* for IE5/Win */
	f\ont-size: small; /* for other IE versions */
	}

* {
	margin:0px;
	padding:0px;
	}

/* page width setup */

#width {
	width:100%;
	min-width:777px;
	}
	
* html #minwidth {
	border-left: 777px solid #ffc;
	}
	
/*\*/
* html #minwidth, 
* html #layout, 
* html #container, 
* html #walk_photos, 
* html #walk_next_previous,  
* html #fell_photos, 
* html #fell_pan, 
* html .shadow, 
* html #walk_map, 
* html .walk_map_info, 
* html .walks, 
* html .general, 
* html .box, 
* html .misc,
* html .cell_1, 
* html .cell_1_alt,
* html .cell_2, 
* html .cell_2_alt, 
* html .row, 
* html .row_alt, 
* html .photo_map {
	height:1px;
	}
/**/

#width {
	display:inline-block;
	}
/**/

#container {
	text-align:left;
	}
* html #container {
	margin-left:-777px;
	position:relative;
	}


/* End page width setup */

a {
	color: #FD5817;
	text-decoration: none;
	}

a:hover {
	text-decoration: underline;
	}

#misc ul, .misc ul, #new ul, #fell_info ul, .general ul {
	padding: 10px 30px;
	list-style:url(../images/peaks.gif) none;
	}

#misc ul li, .misc ul li, #new ul li, #fell_info ul li, .general ul li {
	padding-left:2px;
	padding-right:2px;
	}

.box ul, #thewalks ul, #thefells ul {
	padding: 0px 0px;
	list-style-type:none;
	}
	
.box ul li, #thewalks ul li, #thefells ul li {
	border-bottom-width: 1px;
	border-bottom-style:solid;
	border-bottom-color: #fc3;
	padding:1px;
	}

.box ul li:hover, #thewalks ul li:hover, #thefells ul li:hover {
	background-color:#ffc;
	}

.fifty {
	float:left;
	width:50%;
	}

.full_width {
	padding:10px;
	display:block;
	clear:both;
	}

.quarter_width {
	padding:10px;
	display:block;
	clear:both;
	width: 25%;
	}

.half_width {
	padding:10px;
	display:block;
	clear:both;
	width: 50%;
	}

.full_width p {
	padding-bottom:10px;
	}

p.totals {
	padding:5px 0;
	font-weight:bold;
	}

.centre {
	text-align:center;
	}

.left {
	text-align:left;
	padding-right:30px;
	}

.right {
	text-align:right;
	padding-right:10px;
	}

.top {
	vertical-align:top;
	}

#header {
	background: #ffc url(../images/tlf_ssc.jpg) no-repeat top left;
	border-bottom:3px solid #fc3;
	height:131px;
	}

#title {
	clear:both;
	width:100%;
	}

#title h1 {
	font-size:1.5em;
	font-weight:bold;
	text-align:center;
	padding-left:4px;
	padding-right:4px;
	padding-top:1px;
	padding-bottom:6px;
	}

#title h2, h3 {
	font-weight:bold;
	text-align:center;
	padding-left:4px;
	padding-right:4px;
	padding-bottom:3px;
	}

#title h2 {
	font-size:1.1em;
	}

h2.location {
	font-size:1.1em;
	font-weight:bold;
	text-align:left;
	padding-left:4px;
	padding-right:4px;
	padding-bottom:6px;
	}

h2.centre {
	font-size: 1.3em;
	font-weight:bold;
	text-align:center;
	padding-left:4px;
	padding-right:4px;
	padding-bottom:6px;
	}

h3 {
	font-size:.9em;
	}

#copy {
	border-bottom:3px solid #fc3;
	border-top:3px solid #fc3;
	color: #808080;
	background-color:#ffc;
	font-size:.7em;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:10px;
	padding-right:10px;
	text-align:center;
	clear:both;
	}

#main_1 {
	float:left;
	width:44%;
	/* background-color:#3399FF; */
	}

* html #main_1 {
	margin-right:-1px;
	}

#main_2 {
	float:right;
	width:55%;
	/* background-color:#3399FF; */
	}	

 #main_3 {
	float:left;
	width:50%;
	/* background-color:#3399FF; */
	} 

 * html #main_3 {
	margin-right:-1px;
	} 

 #main_4 {
	float:right;
	width:49%;
	/* background-color:#3399FF; */
	} 

 * html #main_4 {
	margin-right:-1px;
	}

.main_5 {
	float:left;
	width:50%;
	/* background-color:#3399FF; */
	}

* html .main_5 {
	margin-right:-1px;
	}

.main_6 {
	float:right;
	width:50%;
	/* background-color:#3399FF; */
	}	


#main {
	float:right;
	width:85%;
	/* background-color:#3399FF; */
	}

#other {
	float:left;
	width:15%;
	font-size:.8em;
	/* background-color:#99CCCC; */
	}

* html #other {
	margin-right:-1px;
	}

.cell_1, .cell_2_alt {
	border:1px solid #486187;
	text-align:center;
	background-color: #ffc;
	padding:5px;
	}

.cell_1_alt, .cell_2 {
	border:1px solid #486187;
	text-align:center;
	background-color: #ff9;
	padding:5px;
	}
	
.cell_1 a img, .cell_1_alt a img, .cell_2 a img, .cell_2_alt a img {
	border:1px solid #FD5817;
	}

.clear {
	clear:both;
	}

* html .copy {
	height:1%;
	}

.inside {
	padding:5px;
	}

.inside_1 {
	padding: 9px 5px 5px 8px;
	}

.shadow table a img {
	border:1px solid #FD5817;
	margin:5px;
	}
.box a img, #recent_walks a img {
	border:1px solid #FD5817;
	}

.box img.no_border, .general img.no_border, .photo_map img.no_border {
	border:0;
	}

.general img.right {
	float:right;
	margin:2px;
	}

.box, #recent_walks, #misc, .misc, #thewalks, #thefells, #photomap, #new {
	background-color:#ff9; /* colors the div */
	border:1px solid #486187;
	}

.box div {
	position:relative;
	padding:2px;
	text-align:center;
	}

.box p, #misc p, .misc p, #thewalks p, #thefells p, #photomap p, .general p {
	position:relative;
	padding:5px;
	}

.box p {
	text-align:center;
	}

#new p {
	position:relative;
	padding:1px 5px 5px 5px;
	}

#new {
	text-align:center;
	}

#new img {
	border:1px solid #486187;
	margin:5px 2px 1px 2px;
	}

.box img {
	border:1px solid #486187;
	margin:5px 2px 1px 2px;
	}

.box .pan_first {
	margin:5px 2px 0px 2px;
	border-top:1px solid #486187;
	border-right:1px solid #486187;
	border-left:1px solid #486187;
	border-bottom:0;
}

.box .pan_last {
	margin:0px 2px 5px 2px;
	border-top:0;
	border-right:1px solid #486187;
	border-left:1px solid #486187;
	border-bottom:1px solid #486187;
}

.box .pan {
	margin:0px 2px 0px 2px;
	border-top:0;
	border-right:1px solid #486187;
	border-left:1px solid #486187;
	border-bottom:0;
}

.box h3, #recent_walks h3, #misc h3, .misc h3, #thewalks h3, #thefells h3, #photomap h3, #new h3, .cell_1 h3, .cell_1_alt h3, .cell_2 h3, .cell_2_alt h3 {
	position:relative;
	color:#ffc;
	background-color:#486187;
	padding:2px;
	}

.box h3, #thewalks h3, #thefells h3 {
	text-align:center;
	}

#recent_walks h3 {
	text-align:left;
	}
	
.walks p {
	position:relative;
	}

.walks {
	padding:3px;
	position:relative;
	border-bottom: 1px solid #fc3;
	}

#recent_walks .alt {
	background-color: #ffc;
	}

.walks img {
	float:left;
	border: 1px solid #486187;
	margin:2px 4px;
	}
	
.crown {
	font-size: .7em;
	color: #000;
}

#content img.map, #content img.area_map {
	border: 1px solid #486187;
	margin-top:10px;
	}

.misc img {
	border: 1px solid #486187;
	float:right;
	margin:5px;
	}

.misc img.rss {
	border: 0;
	margin: 0 1px;
	float:none;
}

/* ****** ABOUT ANDREW ******** */
/* for Mozilla/Safari */
*>#andrew {
	padding-top:320px;
	min-height:1px;
	}

*>#andrew .min {
	margin-top:-320px;
	}

/* for IE, with IE5/Mac backslash filter \*/
* html #andrew {
	height:320px;
	}

/* end filter */

/* ****** IXUS700 ******** */
/* for Mozilla/Safari */
*>#ixus700 {
	padding-top:145px;
	min-height:1px;
	}

*>#ixus700 .min {
	margin-top:-145px;
	}

/* for IE, with IE5/Mac backslash filter \*/
* html #ixus700 {
	height:145px;
	}

/* end filter */

/* ****** IXUS300 ******** */
/* for Mozilla/Safari */
*>#ixus300 {
	padding-top:225px;
	min-height:1px;
	}

*>#ixus300 .min {
	margin-top:-225px;
	}

/* for IE, with IE5/Mac backslash filter \*/
* html #ixus300 {
	height:225px;
	}

/* end filter */

/* ****** eos400d ******** */
/* for Mozilla/Safari */
*>#eos400d {
	padding-top:230px;
	min-height:1px;
	}

*>#eos400d .min {
	margin-top:-230px;
	}

/* for IE, with IE5/Mac backslash filter \*/
* html #ieos400d {
	height:230px;
	}

/* end filter */


/* ****** FORMS ****** */

#formcontainer {
	}

#formcontainer form {
	margin-bottom:10px;
	}
#formcontainer .form_line {
	clear:both;
	padding-top:2px;
	}
	
#formcontainer .form_line .lable {
	width:120px;
	text-align:right;
	float:left;
	}

#formcontainer .form_line .field {
	text-align:left;
	float:left;
	}

/* ****** END FORMS ****** */

/* ****** FELL AND WALK PAGES SPECIFIC ****** */

#walk_info, #fell_info, #walk_map, #walk_photos, #fell_photos, #fell_pan, #walk_next_previous {
	background-color:#ff9; /* colors the div */
	border:1px solid #486187;
	}

/* for Mozilla/Safari */
*>#walk_info {
	padding-top:255px;
	min-height:1px;
	}

*>#walk_info .min {
	margin-top:-255px;
	}

/* for IE, with IE5/Mac backslash filter \*/
* html #walk_info {
	height:255px;
	}

/* end filter */

/* for Mozilla/Safari */
*>#fell_info {
	padding-top:255px;
	min-height:1px;
	}

*>#fell_info .min {
	margin-top:-255px;
	}

/* for IE, with IE5/Mac backslash filter \*/
* html #fell_info {
	height:255px;
	}

/* end filter */


#walk_info p, #fell_info p, #walk_map p, #walk_photos p, #fell_photos p, #fell_pan p {
	position:relative;
	padding:5px;
	}

#walk_photos span, #fell_photos span, #fell_pan span, .smaller {
	font-size:.8em;
	}

#walk_info img, #fell_info img {
	border: 1px solid #486187;
	margin:4px;
	float:right;
	}

#walk_info h3, #fell_info h3, #walk_map h3, #walk_photos h3, #fell_photos h3, #fell_pan h3 {
	text-align:left;
	position:relative;
	color:#ffc;
	background-color:#486187;
	padding:2px;
	}

#walk_map img, #walk_photos img, #fell_photos img, #fell_pan img {
	border: 1px solid #486187;
	margin:4px;
	}

#walk_map p, #walk_photos p, #fell_photos p, #fell_pan p {
	text-align:center;
	}

#walk_previous {
	float:left;
	width:50%;
	text-align:left;
	margin-right:-1px;
	}

#walk_previous p, #walk_next p {
	padding: 1px 4px;
	}

#walk_next {
	float:right;
	width:50%;
	text-align:right;
	}

/* ****** END FELL AND WALK PAGES SPECIFIC ******** */

/* ****** WALK MAP PAGES SPECIFIC ****** */
.walk_map_info {
	background-color:#ff9; /* colors the div */
	border:1px solid #486187;
	}

.walk_map_info p {
	position:relative;
	padding:5px;
	}

.walk_map_info span {
	display:block;
	}

.walk_map_info h3 {
	text-align:left;
	position:relative;
	color:#ffc;
	background-color:#486187;
	padding:2px;
	}

/* ****** END WALK MAP PAGES SPECIFIC ****** */

/* ****** PHOTO MAP SPECIFIC *************** */

.photo_map {
	background-color:#ff9; /* colors the div */
	border:1px solid #486187;
	text-align:center;
	}



.photo_map_help {
	width:200px;
	float:left;
	/* background-color:#66FF66; */
	padding:3px;
	}

.photo_map_help .compass img {
	border:0;
	padding:0;
	margin:0;
	}

.photo_map_help .compass a img {
	border:0;
	padding:0;
	margin:0;
	}

.photo_map_help .compass p{
	line-height:0;
	padding:0;
	}

.photo_map_area {
	float:left;
	background-color:#486187;
	padding:5px;
	margin:5px;
	width:421px;
	height:421px;
	}

.photo_map_area img.image {
	border:1px solid #486187;
	}

.photo_map_area img.imagered {
	border:1px solid #FD5817;
	}

* html .photo_map_help {
	height:1px;
	}

.photo_map p.grid {
	line-height:0;
	padding:0;
	}

.photo_map_nav_t {
	background-color:#ff9;
	border:1px solid #486187;
	}

.photo_map_nav_t p.grid {
	line-height:0;
	padding:0;
	margin:2px;
	}

.photo_map_nav_t img.image {
	border:1px solid #486187;
	padding:0;
	margin:0;
	}

.photo_map_nav_t img.imagered {
	border:1px solid #FD5817;
	padding:0;
	margin:0;
	}

.photo_map_nav_t h3 {
	color:#ffc;
	background-color:#486187;
	padding:2px;
	}



/* ************* Photo Map Square ******** */
#photo_map_main_1 {
	float:left;
	width:70%;
	}

#photo_map_main_2 {
	float:right;
	width:30%;
	}

* html #photo_map_main_2 {
	margin-left:-1px;
	}

#photo_map_main_3 {
	float:left;
	width:50%;
	}

#photo_map_main_4 {
	float:right;
	width:50%;
	}

#photo_map_main_4 {
	margin-left:-1px;
	}

#photo_map_main_2 .inside {
	padding-right:5px;
	padding-bottom:2px;
	padding-top:1px;
	}

#photo_map_main_3 .inside,
#photo_map_main_4 .inside {
	padding:1px 5px 2px 5px;
	}

#photo_map_photos {
	background-color:#ff9;
	text-align:center;
	border:1px solid #486187;
	clear:both;
	}


#photo_map_photos h3 {
	color:#ffc;
	background-color:#486187;
	padding:2px;
	}

#photo_map_photos p {
	margin:2px;
	}

#photo_map_photos img {
	border: 1px solid #486187;
	margin:4px;
	}

#extended_map {
	background-color:#ff9;
	text-align:center;
	border:1px solid #486187;
	clear:both;
	}


#extended_map h3 {
	color:#ffc;
	background-color:#486187;
	padding:2px;
	}

#extended_map p {
	line-height:0;
	padding:0;
	margin:2px;
	}
		
#extended_map img {
	border:0;
	}

* html #photo_map_photos, 
* html #extended_map,
* html .photo_map_box {
	height:1px;
	}

.photo_map_box {
	background-color:#ff9; /* colors the div */
	border:1px solid #486187;
	padding-bottom:5px;
	}

	
.photo_map_box h3 {
	color:#ffc;
	background-color:#486187;
	padding:2px;
	}

.photo_map_box p {
	margin:0 2px;
	}
	
.photo_map_box img {
	/* border:1px solid #486187; */
	margin:2px;
	}
	
.photo_map_box .photo_map_overview_map p.base_map img {
	margin:0;
	}

.photo_map_overview_map {
	position:relative;
	width:180px;
	height:155px;
	border:0;
	margin-bottom:0;
	margin-top:0;
	margin-left:auto;
	margin-right:auto;
	padding:0;
	}

.photo_map_overview_map p.base_map {
	position:absolute;
	bottom:0px;
	left:0px;
	margin:0;
	padding:0;
	}

/* ****** INDIVIDUAL PHOTO SPECIFIC ****** */

#container_photo {
	text-align:left;
	}


#photo_copy {
	color: #808080;
	font-size:.7em;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:5px;
	text-align:left;
	clear:both;
	}

#photo {
	text-align:center;
	width:100%;
	background-color:#ff9;
	border-bottom:1px solid #486187;
	border-top:1px solid #486187;
	}

#photo_header img {
	border:0;
	margin:2px;
	}


#photo img {
	border:1px solid #486187;
	}

#photo p {
	font-size:1.1em;
	font-weight:bold;
	text-align:center;
	padding-left:4px;
	padding-right:4px;
	padding-top:1px;
	padding-bottom:1px;
	}

#photo p.pan {
	font-size:1.1em;
	font-weight:bold;
	text-align:left;
	padding-left:4px;
	padding-right:4px;
	padding-top:1px;
	padding-bottom:1px;
	}

#photo span {
	font-size:.8em;
	}

/* ****** END INDIVIDUAL PHOTO SPECIFIC ** */


/* ****** START PHOTO MAP ** */

/* ****** END PHOTO MAP **** */
.shadow {
	background: #919191;
	}

.shadow table {
	position: relative;
	top: -4px;
	left: -4px;
	width: 100%;
	border: 1px solid #486187;
	background: #ff9;
	}
	
table th, table td {
	margin: 0;
	padding: 3px 2px;
	text-align:center;
	}
	
table th {
	font-weight:bold;
	background: #486187;
	color: #ffc;
	}

table td {
	border-bottom: 1px solid #fc3;
}
	
table td.alt, table tr.alt {
	background: #ffc;
	}

table th.t100 {
	width: 100px;
	}

table th.t150 {
	width: 150px;
	}

table th.t75 {
	width: 75px;
	}

table th.t40 {
	width: 40px;
	}

table th.t50 {
	width: 50px;
	}

table th.w33 {
	width: 33%;
	}



.shadow table img.left {
	border:1px solid #486187;
	float:left;
	padding:0;
	margin:0 5px 0 0;
	}



/* the horizontal menu starts here */
#menu, #submenu {
	width:100%; 	/* makes the div full width */
	float:left; /*makes the div enclose the list */
	font-size:.8em;	/* SET FONT-SIZE HERE */
	background-color:#ff9; /* colors the div */
	border-bottom:3px solid #fc3;
	}


#menu li, #submenu li {
	float:left;	/* causes the list to align horizontally instead of stack */
	list-style-type:none;	/* removes the bullet off each list item */
	/* border-right:1px solid #ffc;  creates dividing lines between the li elements */
	padding-bottom:2px;
	padding-top:2px;
	font-weight:bold;
	}

#menu li:hover { 

	}

#menu a, #submenu a {
	display:block; /*makes list items in drop down highlight and wrapped lines indent correctly */
	padding:0 6px; /*creates space each side of menu item's text */
	text-decoration:none;	 /* removes the underlining of the link */
	color:#FD5817;	/* sets the type color */
	}
#menu a:hover,#submenu a:hover {
	text-decoration: underline;
	}

#submenu a.here {
	color: #486187;
}

#menu a.here {
	color: #486187;
}
/* the horizontal menu ends here */

/* THE HACK ZONE - */
/* hack for IE (all flavors) so the menu has a vertical line on the left */
* html #menu ul, * html #submenu ul {
	float:left; /* makes the ul wrap the li's */
	}

/* end of hack zone */