@import url('./css/reset.css');
@charset "utf-8";

/* Climb CSS Document */

/* ------ Layout Style ------ */
body {
	width:980px;
	margin:0;
	background-image: url(../pix/body-bg.jpg);
	background-repeat: no-repeat;
	font-size:100%;
	color:#20204f; /* text colour */
}

nav, header, article, footer  {display:block;}
a{color:#44d; text-decoration:none;}
a:hover{color:#00c6e3;}
#mainheader {margin:0; padding:0;}
#mainheader img {float:left; padding-left:10px;}
#mainheader h1 {
	margin:25px 0 0 20%; 
	padding:25px 0 25px 110px ; 
	background-color:rgba(205,205,255,0.7);
}
#mainnav {float:left; width:20%;}
#mainnav ul {margin:50px 0 0 0;}
#maincontent {float:right; width:80%; margin:0; padding:0;}
#maincontent p {margin:0; text-align:left;}
#sectionone {text-align:center; margin:0;}
#sectionone h2, #sectiontwo h2, #sectionthreeh2 {
	margin:0; 
	text-align:left; 
	width:50%; 
	font-size:170%;
}
#sectionone  img {float:right; width:35%; margin:20px 0 10px 5px; border:2px solid #008;}
#sectionone p {padding:20px 5px 0 5px; font-size:145%;}
#resultphoto img {margin:10px 20px 0 20px; width:150px;}
#viewphoto img {float:left; width:250px;}
#galleryphoto img {float:left; width:250px;}
#galleryphoto p {width:100%;}
footer {clear:both; margin-left:20px;}
.clr {clear:both;}
.floatl {float:left; margin-right:1em;}
.floatr {float:right; margin-left:1em;}
.sponsorlist {width:80%; font-size:120%;}