@charset "shift_jis";
body {
		margin:0px;
		padding:0px;
		background:#eee;
		margin-bottom:50px;
		color:#333;
		font-size:12px;
		font-family: verdana;
		}
	
.container {
	margin-right:50px;
	margin-left:50px;
	background:white;
	border-left:1px solid #ccc; 
	border-right:1px solid #ccc; 
	border-bottom:1px solid #ccc; 		
	}


/* Style for index page-----------------------------------------------------*/

.pedalpower_logo{
	position:absolute;
	top:80px;
	left:75px;
	width:400px;
	height:67px;	
}

.Peaks_logo{
	position:absolute;
	top:210px;
	left:176px;
	width:200px;
	height:230px;	
}

.rb_globe{
	position:absolute;
	top:135px;
	left:75px;
	width:400px;
	height:67px;	
}


#centercontent_index {
    	margin-left: 150px; 
	   margin-right:150px;
	   margin-top:8px;
	   padding-left:10px;
   	padding-right:10px;	
	   border-right:1px no #ccc;
	   }

.cp{
	position:absolute;
	top:3px;
	left:5px;
	width:166px;
	height:99px;	
}

.er{
	position:absolute;
	top:3px;
	left:194px;
	width:166px;
	height:98px;	
}

.sd{
	position:absolute;
	top:3px;
	left:381px;
	width:166px;
	height:99px;	
}

.aw{
	position:absolute;
	top:108px;
	left:5px;
	width:166px;
	height:99px;	
}

.rb{
	position:absolute;
	top:148px;
	left:176px;
	width:166px;
	height:98px;	
}

.ds{
	position:absolute;
	top:108px;
	left:381px;
	width:166px;
	height:99px;	
}

.bs{
	position:absolute;
	top:213px;
	left:5px;
	width:166px;
	height:99px;	
}

.lu{
	position:absolute;
	top:213px;
	left:381px;
	width:166px;
	height:99px;	
}

.cd{
	position:absolute;
	top:318px;
	left:5px;
	width:166px;
	height:99px;	
}

.gr{
	position:absolute;
	top:335px;
	left:381px;
	width:166px;
	height:66px;	
}

.ca{
	position:absolute;
	top:423px;
	left:5px;
	width:166px;
	height:99px;	
}

.ga{
	position:absolute;
	top:423px;
	left:194px;
	width:166px;
	height:98px;	
}

.ml{
	position:absolute;
	top:423px;
	left:381px;
	width:166px;
	height:98px;	
}
		
/* Style for index page END-----------------------------------------------------*/

/* Style for normal pages-----------------------------------------------------*/

/* Navigation -----------------------------------------------------*/

#navigation {
	width: 100%;	/* hack for opera7 */
	height: 24px;
	background-color:#8EA48E;
	margin-top:30px;
}
#navigation h4 {
	display: none;
}

#navigation ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#navigation li {
	margin: 0;		/* hack for opera7 */
	float: left;
	background-repeat: no-repeat;
}

#navigation li a {
	display: block;
	height: 24px;
	background-repeat: no-repeat;
}
/* not using overflow:hidden technique because of float */
#navigation li a span {
	display: none;
}
/*spacer*/
#navigation li.spacer {
	width: 10px;
	background-image: url(/img/menu/menu_spacer.gif);
	color: #8EA48E;
}

/* Home */
#navigation li.home a {
	width: 81px;
	background-image: url(/img/menu/home_off.gif);
}
body.home #navigation li.home a,
#navigation li.home a:hover {
	background-position: -81px 0;
}

#navigation li.homedown a, body.homedown #navigation li.homedown a,
#navigation li.homedown a:hover {
	width: 81px;
	background-image: url(/img/menu/home_on.gif);
}

/* 7 peaks */
#navigation li.peaks a {
	width: 81px;
	background-image: url(/img/menu/7peaks_off.gif);
}
body.peaks #navigation li.peaks a,
#navigation li.peaks a:hover {
	background-position: -81px 0;
}

#navigation li.peaksdown a, body.peaksdown #navigation li.peaksdown a,
#navigation li.peaksdown a:hover {
	width: 81px;
	background-image: url(/img/menu/7peaks_on.gif);
}

/* Against the Wind */
#navigation li.against a {
	width: 125px;
	background-image: url(/img/menu/aw_off.gif);
}
body.against #navigation li.against a,
#navigation li.against a:hover {
	background-position: -125px 0;
}

#navigation li.againstdown a, body.againstdown #navigation li.againstdown a,
#navigation li.againstdown a:hover {
	width: 125px;
	background-image: url(/img/menu/aw_on.gif);
}

/* Charity Donation */
#navigation li.charity a {
	width: 130px;
	background-image: url(/img/menu/charity_off.gif);
}
body.charity #navigation li.charity a,
#navigation li.charity a:hover {
	background-position: -130px 0;
}

#navigation li.charitydown a, body.charitydown #navigation li.charitydown a,
#navigation li.charitydown a:hover {
	width: 130px;
	background-image: url(/img/menu/charity_on.gif);
}

/* Data Source */
#navigation li.data a {
	width: 110px;
	background-image: url(/img/menu/data_off.gif);
}
body.data #navigation li.data a,
#navigation li.data a:hover {
	background-position: -110px 0;
}

#navigation li.datadown a, body.datadown #navigation li.datadown a,
#navigation li.datadown a:hover {
	width: 110px;
	background-image: url(/img/menu/data_on.gif);
}

/* Events */
#navigation li.events a {
	width: 81px;
	background-image: url(/img/menu/event_off.gif);
}
body.events #navigation li.events a,
#navigation li.events a:hover {
	background-position: -81px 0;
}

#navigation li.eventsdown a, body.eventsdown #navigation li.eventsdown a,
#navigation li.eventsdown a:hover {
	width: 81px;
	background-image: url(/img/menu/event_on.gif);
}


/* Photos */
#navigation li.photos a {
	width: 81px;
	background-image: url(/img/menu/photo_off.gif);
}
body.photos #navigation li.photos a,
#navigation li.photos a:hover {
	background-position: -81px 0;
}

#navigation li.photosdown a, body.photosdown #navigation li.photosdown a,
#navigation li.photosdown a:hover {
	width: 81px;
	background-image: url(/img/menu/photo_on.gif);
}

.photosActive{
	width: 81px;
	background-image: url(/img/menu/photo_on.gif);
}

.peaksActive{
	width: 81px;
	background-image: url(/img/menu/7peaks_on.gif);
}

.againstActive{
	width: 125px;
	background-image: url(/img/menu/aw_on.gif);
}

.charityActive{
	width: 130px;
	background-image: url(/img/menu/charity_on.gif);
}

.dataActive{
	width: 110px;
	background-image: url(/img/menu/data_on.gif);
}

.eventsActive{
	width: 81px;
	background-image: url(/img/menu/event_on.gif);
}

/* Navigation END-----------------------------------------------------*/

/**#left {
	border-right: 1px dotted #FFFFFF;
	float: left;
	position: relative;
	margin-top: 17px;
	padding-right: 10px;
	width: 180px;
}**/

#centercontent {
		padding:10px;
		margin-left: 15px;
		margin-top:10px;
		}

.leftspace {
		margin-left: 15px;
		margin-right: 15px;
		}		
		
.link_box {
    	position:absolute;
	   top:20px;
	   left:100px;
	   width:553px;
	   height:528px;
		background-color:#f1f1de;
		border: 1px solid #cc9;
		padding:4px; margin: 14px;
	}

.link_box img {
	padding-top:5px;
	padding-bottom:5px;

}

.link_box_top {
    	position:absolute;
	   top:20px;
	   left:100px;
	   width:553px;
	   height:528px;
		background-color:#ffffff;
		border: 1px solid #cc9;
		padding:4px; margin: 14px;
	}

.photo_box {
   padding:5px;
	margin: 5px 14px 30px 14px;
	background-color:#F1F1DE;
	border: 1px solid #CCCC99;
	}
	
a.subfoot, a.subfoot:link, a.subfoot:visited {
	font-size:11px;
	color:#666;
	}

a.subfoot:hover {
	color:red;text-decoration:underline;
	}

.subfooter {
		font-size:11px;
		margin-top:10px;
		margin-bottom:2px;
	}
	
	

/* Style for normal pages END-----------------------------------------------------*/

/* General layout */

a:link {color:#a00;}

a:visited {color:#815151;}

a:active {color:red;}

a:hover, a.subfoot:hover, a.linknav:hover, a.sublinknav:hover {color:red; text-decoration:underline;}

p, h1, h2, h3, h4 {
		margin:0px 14px 14px 14px;
		line-height:150%;
		}

h1 {
		font-size:18px;
		}
		
h2 {
		font-size:16px;
		color:#5e715e;
		}

h3 {
		font-size:14px;
		}
		
		
h1 a {
		font-weight:normal;
		text-decoration:none;
	}

hr {
	display:none;
}
	
tr {
		font-size:14px;
		}
		

/* General layout END*/