/* CSS Document by pjw design*/

*{
	margin:0px;
	padding:0px;
	border: 0px;
    }
body{
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	text-align:center;
	overflow: -moz-scrollbars-vertical;
	background-color: #1B5876;
	background-image: url(../images/back.gif);
	background-repeat: repeat-y;
	background-position: center top;
}
#wrapper{
	text-align:left;
	width: 1000px;
	background-color: #fff;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#header{
	background: #fff;
	height: 40px;
	position:relative;
}
#mainNav{
	width: 200px;
	float: left;
	margin-top: 90px;
}
#contentWrapper{
	width: 790px;
	float: right;
}
#content{
    width: 600px;
	float: left;
}
#contentRight{
    width: 180px;
	float: right;
}
#footer
{
	clear:both;
	font-size:0.8em;
	color:#030;
	background-image: url(../images/backFoot.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	height: 40px;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 210px;
}

/*--Links--*/

#headerlinks
{
	float:right;
	font-size:1.0em;
	background: url(links-bg.gif) no-repeat left bottom;
	padding:10px;
}
#headerlinks a,#footer a
{
   color:#000;
   text-decoration: none;
}
.box1 a, .box1_last a {
	color: #003366;
	text-decoration: none;
	font-size: 95%;
}
#headerlinks a:hover,#footer a:hover, .box1 a:hover, .box1_last a:hover
{
   text-decoration: underline;
}
#content a {
	color: #2987B5;
	font-size: 1.1em;
	font-weight: bold;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #2987B5;
   }
#content a.image {
   border-bottom: none
}
#content a:hover {
	border-bottom: none
   }

/*--Text--*/

h1, h2, h3, h4, h5, h6{
    font-family: Arial, Helvetica, sans-serif;
}
p{
	font-size: 1.4em;
	line-height:  1.4em;
	margin-top: 0.3em;
	margin-right: 0;
	margin-bottom: 0.6em;
	margin-left: 0;
	text-align: justify;
}
h1, h2, h3 {
	font-size: 2.6em;
	color: #2987B5;
	font-weight: normal;
	margin-bottom: 0.4em;
	margin-top: 0.5em;
}
h2 {
	background-image: url(../images/rock_splat.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-bottom: 8px;
	padding-left: 90px;
}
h4{
	font-size: 2em;
	color: #BCB80E;
	font-weight: normal;
	margin-bottom: 0.2em;
	margin-top: 0.5em;
	width: 280px;
}
h5 {
	font-size: 1.4em;
	color: #2987B5;
	font-family: Georgia, "Times New Roman", Times, serif;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#header h1
{
	position:absolute;
	padding:0;
	margin:0;
	top:10px;
	left:10px;
	height:83px;
	z-index: 100;
}
#three-col-wrap h2, #contentRight h3, #contentRight h6
{
	color: #fff;
	font-size: 1.9em;
	font-style: normal;
	letter-spacing: 0.03em;
	line-height: 1.1em;
	background-color: #2987B5;
	padding-top: 25px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
	margin: 0px;
	font-weight: normal;
	background-image: none;
}
#contentRight h3, #contentRight h6
{
	color: #fff;
	font-size: 1.9em;
	font-style: normal;
	letter-spacing: 0.03em;
	line-height: 1.1em;
	background-color: #2987B5;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
	margin: 0px;
	font-weight: normal;
	background-image: none;
}

#contentRight h3
{
	background-color: #2987B5;
}
#contentRight h6
{
	background-color: #938F0B;
}
.box1 p, .box1_last p{
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align: left
}
#footer p {
    padding-top: 10px	
}

/*--Home page 4 cols--*/

#three-col-wrap {
	overflow: hidden;
	width: 100%;
	margin-bottom: 6px;
}
#two-colsLeft
{
	float:left;
	width:295px;
}
#two-colsRght
{
	float:right;
	width:295px;
}
.left-col
{
	float:left;
	width:142px;
}
.rght-col
{
	float:right;
	width:142px;
}

/*--Navigation--*/	

#mainNav ul, #contentRight ul {
	list-style: none;
	border: none;
}
#mainNav li, #contentRight li {
	vertical-align: bottom;
}
#mainNav a, #contentRight li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	font-weight: bold;
	display: block;
	font-variant: normal;
	color: #FFFFFF;
	text-decoration: none;
	margin: 0px;
	padding-top: 4px;
	padding-right: 5px;
	padding-bottom: 4px;
	padding-left: 10px;
	background-color: #2987B5;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}
#contentRight li a {
	background-color: #C0BC0E;
}

#mainNav li.noline {
	border-bottom-width: 0px;
	margin: 0px;
	padding: 0px;
}
#mainNav a:hover, #mainNav #current, body#home a#home, body#news a#news, body#climbers a#climbers, body#cavers a#cavers, body#shop a#shop, body#social a#social, body#ladies a#ladies, body#under a#under, body#partner a#partner, body#staff a#staff, body#why a#why, body#download a#download, body#vouchers a#vouchers, body#links a#links, body#sitemap a#sitemap, body#contact a#contact, body#excuses a#excuses, body#holidays a#holidays {
	color: #FFFFFF;
	background-color: #1B5876;
}
#mainNav  li a.highlight {
	background-color: #D6D110;
	color: #1B5876;
	background-image: url(../images/arrowRight.gif);
	background-position: right 50%;
	background-repeat: no-repeat;
	text-transform: none;
}
#contentRight li a:hover {
	color: #FFFFFF;
	background-color: #9E9B0C;
}
#mainNav ul ul {
	margin: 0px;
	padding: 0px;
}
#mainNav ul ul li {
	margin:0;
	vertical-align: bottom;
}
#mainNav ul ul a{
	background-color: #D6D110;
	color: #1B5876;
	font-weight: bold;
}
	#mainNav ul ul a:hover, body#gbackground a#gbackground, body#gpics a#gpics, body#gtimes a#gtimes, body#gprices a#gprices, body#gfind a#gfind, body#gcafe a#gcafe, body#ghealth a#ghealth, body#sbackground a#sbackground, body#spics a#spics, body#stimes a#stimes, body#sprices a#sprices, body#sfind a#sfind, body#scafe a#scafe, body#shealth a#shealth, body#beginnerView a#beginnerView, body#beginnerExpect a#beginnerExpect, body#beginnerNow a#beginnerNow, body#kidsParties a#kidsParties, body#kidsTaster a#kidsTaster, body#kidsClubs a#kidsClubs, body#kidsAwards a#kidsAwards, body#kidsBreakfast a#kidsBreakfast, body#kidsUnder18 a#kidsUnder18, body#clubsSchools a#clubsSchools, body#clubsTripsG a#clubsTripsG, body#clubsTripsS a#clubsTripsS, body#clubsGroups a#clubsGroups, body#clubsCompany a#clubsCompany, body#clubsWho a#clubsWho, body#coursesTaster a#coursesTaster, body#coursesBeginner a#coursesBeginner, body#coursesRefresher a#coursesRefresher, body#coursesLead a#coursesLead, body#coursesPrivate a#coursesPrivate, body#tripsUK a#tripsUK, body#tripsEuropean a#tripsEuropean

{
	background-color: #D6D110;
	color: #FFFFFF;
	background-image: url(../images/arrowRight.gif);
	background-position: right 50%;
	background-repeat: no-repeat;
}

/*-- News Boxes--*/

.box1 {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #2184B6;
}

/*-- Various--*/

.imgLeft {
	float:left;
	margin-bottom: 0.5em;
	padding: 3px;
	border: 1px solid #BFE0F0;
	margin-right: 1em;
    }
.imgRght {
	float:right;
	margin-bottom: 0.5em;
	padding: 3px;
	border: 1px solid #BFE0F0;
	margin-left: 1em;
}
html { 
   height: 100%; 
   margin-bottom: 1px; 
   }  
.links {
	padding: 15px;
	border: solid 1px #ccc;
	margin-bottom: 10px;
	}
p.highlight {
	background-color: #F3EF4E;
	padding: 10px;
	width: 272px;
}
.clear {
	clear: both;
	height: 1px;
}
p em {
	color: #666666
}

/*--Thumbnail layout on Centre Photos section--*/

#content ul.img {
	padding:0;
	list-style: none;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	font-size: 1.2em;
   }
#content ul.img li{
	float:left;
	margin-right: 7px;
	margin-top: 6px;
	border: none;
   }
#content ul.img img {
	display: block;
	border: 1px solid #E8E8E8;
	padding: 1px;
   }
#content a.imglink {
	border-bottom: none
   }
/*--Sitemap Styles--*/

fieldset.sitemap{
	margin-bottom: 10px;
	padding: 15px;
	background-color: #D8ECF5;
	margin-right: 0px;
	border: 1px solid #B8DDED;
}
fieldset.staff{
	margin-bottom: 10px;
	background-color: #E8F3F9;
	margin-right: 0px;
	border: 1px solid #B8DDED;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
}
#content fieldset.sitemap ul{
	list-style: none;
	border: none;
	margin-bottom: 10px;
	margin-left: 5px;
	margin-top: 5px;
	padding: 0;
	font-size: 1em;
}
#content fieldset.sitemap li{
	font-size: 120%;
	background-image: none;
	padding-top: 4;
	padding-right: 0;
	padding-bottom: 4px;
	padding-left: 0px;
}
#content fieldset.sitemap a {
	color:#003366;
	text-decoration: none;
	font-weight: bold;
	padding-left: 10px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#content fieldset.sitemap a:hover {
	text-decoration: underline;

}

