
/* Layout Stylesheet */ 

body {
 margin: 0;
 padding: 0;
 text-align: center;
 background:#ffffff none repeat scroll 0 0;
 }

#outer {
 width:818px;
 height: 687px;
 margin: 0 auto;
 text-align: left;
 }

#header {
 height:79px;
 padding: 5px 0 0;
 }

#bar {
 height:16px;
 background: #8b8b8b;
 color: #ffffff;
 width: 818px;
 border-bottom: 1px solid #e0e0e0;
 border-top: 1px solid #e0e0e0;
 }
 
#leftnav {
 float:left;
 /*background:#d1d1d1;*/
 background:#194da0;
 width: 160px;
 height: 514px;

 /*border: 1px dashed #e0e0e0;*/
 }
 
 #midcontainer{
 }

#content {
 float: right;
 display: inline;
 width: 658px;
 height: 514px;
 background: #f2f2f2;
 }
 
 #contentHeader {
 height: 25px;
 padding: 10px 0px 2px 15px;
 }
 
 #contentPadding{
 padding: 5px 10px 10px 10px; 
  
 }
 
 #contentWrapper{
 width: 618px;
 padding: 0px 10px 10px 10px; 
 background: #e4e4e4;
 }
 
 #contentTableWrapper{
 padding: 15px 0px 10px 0px;
 width: 648px;
 height: 50px;
 }
 
 
 #courseMenuPhoto {
 float: left;
 width: 90px;
 padding: 0px 10px 0px 0px;
 }
 
#courseMenuDescription {

}
 
#courseMenuWrapper {
 width: 658px;
 clear: both;
 padding: 3px 0px 3px 20px;
}

#courseMenuWrapperLeft{
width: 300px;
float: left;
padding: 15px 0px 15px 0px;*/
}

#courseMenuWrapperRight{
width: 300px;
float: left;
padding: 15px 0px 15px 18px;	
}
 
 .pageTitleBlue {
 font-family: sans-serif;
 font-style: normal;
 font-variant: small-caps;
 font-weight: normal;
 font-size: 16px;
 color: #194DA0;
 margin: 0 0;
  border-bottom: 1px solid #8b8b8b;
 }
 
 .contentTitleBlue {
 font-family: sans-serif;
 font-style: normal;
 font-weight: normal;
 font-size: 14px;
 color: #194DA0;
 text-align: left; 
  margin: 0 0;
  border-bottom: 1px solid #e0e0e0;
 }
 
.contentTitleGrey {
 font-family: sans-serif;
 font-weight: Bold;
 font-size: 14px;
 color: #7e7e7e;
 text-align: left; 
 margin: 0 0;
 }
 
 .contentTitleBlueNoLine {
 font-family: sans-serif;
 font-weight: bold;
 font-size: 14px;
 color: #194DA0;
 text-align: left; 
 margin: 0 0;
 }
 
 .contentTitleBlueNoLineNotBold {
 font-family: sans-serif;
 font-weight: normal;
 font-size: 14px;
 color: #194DA0;
 text-align: left; 
 margin: 0 0;
 }
 
 #contentTextSpaced {
 width: 628px;
 background: #e4e4e4;
 padding: 5px;
 }
 
 .descriptionText {
 font-family: arial, sans-serif;
 font-weight: lighter;
 font-size: 12px;
 /*color: #7e7e7e;*/
  color: #6F6F6F;
 text-align: left;
 margin: 0 0;
 }
 
 .descriptionTextAttention {
 font-family: arial, sans-serif;
 font-weight: lighter;
 font-size: 14px;
  color: #FE0000;
 text-align: center;
 margin: 0 0;
 }
 
 #contentLeft{
 float: left;
 width:538px;
 }
 
 #contentPhotoRight{
 float: right;
 width:120px;
 background: #DDDDDD;
 height: 514px;
 }
 
 #photoHeader {
 padding: 5px 5px 5px 5px;
 text-align: center;
 }
 
.photoTitle {
 font-family: sans-serif;
 font-style: normal;
 font-weight: bold;
 font-size: 14px;
 color: #194DA0;
 margin: 0 0;
 }
 
/***** FOOTER *******/

#footer {
 /*border-top: 1px solid #e0e0e0;
 border-bottom: 1px solid #e0e0e0;*/
 clear: both;
 height: 115px;
 background: #ffffff;
 width: 818px;
 }
 
 .footerText{
 color: #8b8b8b;
 font-family: arial, sans-serif;
 font-style: normal;
 font-variant: small-caps;
 font-size: 12px;
 margin: 0 0;
 }
 
 a.footerLink {
 font-family: arial, sans-serif;
 font-style: normal;
 font-variant: small-caps;
 font-size: 10px;
 margin: 0 0;
 }
 
 a.footerLinkBold{
 font-family: arial, sans-serif;
 font-style: normal;
 font-variant: small-caps;
 font-size: 10px;
 font-style: bold;
 margin: 0 0;
 }
 
 
a.footerLink:link {
color: #8b8b8b; 
text-decoration: none; 
}

a.footerLink:active {
color: #8b8b8b;
text-decoration: none; 
}

a.footerLink:visited {
color: #8b8b8b; 
text-decoration: none; 
}

a.footerLink:hover {
color: #8b8b8b; 
text-decoration: underline; 
}


a.footerLinkBold:link {
color: #8b8b8b; 
text-decoration: none; 
font-style: bold;
}

a.footerLinkBold:active {
color: #8b8b8b;
text-decoration: none; 
font-style: bold;
}

a.footerLinkBold:visited {
color: #8b8b8b; 
text-decoration: none; 
font-style: bold;
}

a.footerLinkBold:hover {
color: #8b8b8b; 
text-decoration: underline; 
font-style: bold;

}
 
 
 
/******* FOOTER *******/
 
 #menuitem { 
 width: 155px;
 text-align:left;
 font-family: sans-serif;
 font-style: normal;
 font-variant: small-caps;
 font-size: 12px;
 background: #194DA0;
 border-bottom: 1px solid #e0e0e0;
 padding: 3px 0px 3px 5px;
 }
 
 #menuitemindent { 
 width: 145px;
 text-align:left;
 font-family: sans-serif;
 font-style: normal;
 font-variant: small-caps;
 font-size: 12px;
 padding: 1px 0px 1px 10px;
 }
 
 #menuitemspacer { 
 text-align:left;
 color: #7e7e7e;
 height:15px;
 font-family: sans-serif;
 font-style: normal;
 font-variant: small-caps;
 font-size: 12px;
 }

 
#imagespacer {
 height:40px;	 
 }
 
#pagespacer {
 height:10px;	 
 }

#simpleLink {
 color: #194DA0;	 
 	 
}

a.simpleLink:link {
color: #194DA0; 
text-decoration: none; 
}

a.simpleLink:active {
color: #194DA0;
text-decoration: none; 
}

a.simpleLink:visited {
color: #194DA0; 
text-decoration: none; 
}

a.simpleLink:hover {
color: #FE0000; 
text-decoration: underline; 
}



a.headerLink:link {
font-family: sans-serif;
font-weight: bold;
font-size: 14px;
color: #194DA0;
text-align: left; 
margin: 0 0;
text-decoration: none; 
}

a.headerLink:active {
font-family: sans-serif;
font-weight: bold;
font-size: 14px;
color: #194DA0;
text-align: left; 
margin: 0 0;
text-decoration: none; 
}

a.headerLink:visited {
font-family: sans-serif;
font-weight: bold;
font-size: 14px;
color: #194DA0;
text-align: left; 
margin: 0 0;
text-decoration: none; 
}

a.headerLink:hover {
font-family: sans-serif;
font-weight: bold;
font-size: 14px;
text-align: left; 
margin: 0 0;
color: #FE0000; 
text-decoration: underline; 
}



a.navLink:link {
color: #ffffff; 
text-decoration: none; 
}

a.navLink:active {
color: #ffffff;
text-decoration: none; 
}

a.navLink:visited {
color: #ffffff; 
text-decoration: none; 
}

a.navLink:hover {
color: #8b8b8b; 
text-decoration: none; 
font-style: bold;

}

a.backToMenuLink:link {
color: #194DA0;
font-size: 16px;
font-family: sans-serif;
 font-variant: small-caps;
 text-decoration: none;
}

a.backToMenuLink:active {
color: #194DA0;
font-size: 16px;
font-family: sans-serif;
 font-variant: small-caps;
 text-decoration: none;
}

a.backToMenuLink:visited {
color: #194DA0; 
font-size: 16px;
font-family: sans-serif;
 font-variant: small-caps;
 text-decoration: none;
}

a.backToMenuLink:hover {
color: #FE0000;  
font-style: bold;
font-size: 16px;
 font-family: sans-serif;
 font-variant: small-caps;
 text-decoration: none;
}

a.contactUsLink:link {
color: #FE0000;  
 font-style: bold;
 font-weight: lighter;
 font-size: 12px;
 font-family: arial, sans-serif;
 text-decoration: none;
}

a.contactUsLink:active {
color: #FE0000;  
 font-style: bold;
 font-weight: lighter;
 font-size: 12px;
 font-family: arial, sans-serif;
 text-decoration: none;
}

a.contactUsLink:visited {
color: #FE0000;  
 font-style: bold;
 font-weight: lighter;
 font-size: 12px;
 font-family: arial, sans-serif;
 text-decoration: none;
}

a.contactUsLink:hover {
 color: #FE0000;  
 font-style: bold;
 font-weight: lighter;
 font-size: 12px;
 font-family: arial, sans-serif;
 text-decoration: underline;
}


 
 
 

/* NEED BETTER SOLUTION THAN THIS BUT FOR NOW IT WORKS */
#baroption1 {
 float: left;
 height:16px;
 width: 160px;
 background: #8b8b8b;
 color: #ffffff;
 font-family: sans-serif;
 font-style: normal;
 font-variant: small-caps;
 font-size: 14px;
 text-align: center;
 }
 
 #baroption2 {
 float: left;
 height:16px;
 width: 165px;
 background: #8b8b8b;
 color: #ffffff;
 font-family: sans-serif;
 font-style: normal;
 font-variant: small-caps;
 font-size: 14px;
 text-align: center;
 }
 
 #baroption3 {
 float: left;
 height:16px;
 width: 164px;
 background: #8b8b8b;
 color: #ffffff;
 font-family: sans-serif;
 font-style: normal;
 font-variant: small-caps;
 font-size: 14px;
 text-align: center;
 }
 
 #baroption4 {
 float: left;
 height:16px;
 width: 165px;
 background: #8b8b8b;
 color: #ffffff;
 font-family: sans-serif;
 font-style: normal;
 font-variant: small-caps;
 font-size: 14px;
 text-align: center;
 }
 
 #baroption5 {
 float: left;
 height:16px;
 width: 164px;
 background: #8b8b8b;
 color: #ffffff;
 font-family: sans-serif;
 font-style: normal;
 font-variant: small-caps;
 font-size: 14px;
 text-align: center;
 }
 
 
 a.baroption:link {
color: #ffffff;
 font-family: sans-serif;
 font-style: normal;
 font-variant: small-caps;
 font-size: 14px;
 text-decoration: none;
}

a.baroption:active {
color: #ffffff;
 font-family: sans-serif;
 font-style: normal;
 font-variant: small-caps;
 font-size: 14px;
 text-decoration: none;
}

a.baroption:visited {
color: #ffffff;
 font-family: sans-serif;
 font-style: normal;
 font-variant: small-caps;
 font-size: 14px;
 text-decoration: none;
}

a.baroption:hover {
color: #ffffff;
 font-family: sans-serif;
 font-style: normal;
 font-variant: small-caps;
 font-size: 14px;
 text-decoration: none;
}
 /**********************************************************/
 
 /************* ABOUT US / Guides ***********************************/
#aboutUsWrapper {
 width: 658px;
 clear: both;
}
 
 #aboutUsMenu{	 	 
 padding: 0px 0px 0px 19px;
}

#aboutUsDescription {
 padding: 15px 20px 3px 20px;
}

#aboutUsContent {

 }
 
 #ourGuidesShadow {
 float: left;
 background: #DDDDDD;
 width: 338px;
 }
 
 #pressShadow {
 float: right;
 background: #DDDDDD;
 width: 300px;
 }
 
 #aboutUsPhotoWrapper {
	  
 }

.aboutUsTitleBlue {
 font-family: sans-serif;
 font-style: normal;
 font-variant: small-caps;
 font-weight: normal;
 font-size: 14px;
 color: #194DA0;
 margin: 0 0;
  border-bottom: 1px solid #8b8b8b;
 }
 
 .aboutUsTextBlue {
 font-family: sans-serif;
 font-style: normal;
 font-variant: small-caps;
 font-weight: normal;
 font-size: 12px;
 color: #8b8b8b;
 margin: 0 0;
 }
 
 .guideName {
 font-family: sans-serif;
 font-style: normal;
 font-variant: small-caps;
 font-weight: normal;
 font-size: 12px;
 color: #6F6F6F;
 margin: 0 0;
 }
 
 .guideText {
 font-family: sans-serif;
 font-variant: small-caps;
 font-weight: normal;
 font-size: 12px;
 color: #6F6F6F;
 margin: 0 0;
 border-bottom: 1px solid #dddddd;
 border-top: 1px solid #dddddd;
 padding: 0px 0px 0px 150px;
 }
 
 .guidesTitleBlue {
 font-family: sans-serif;
 font-style: normal;
 font-variant: small-caps;
 font-weight: normal;
 font-size: 16px;
 color: #194DA0;
 margin: 0 0;
  border-bottom: 1px solid #dddddd;
 }
 
 .guideContentTitleBlue {
 font-family: sans-serif;
 font-style: normal;
 font-weight: normal;
 font-size: 14px;
 color: #194DA0;
 text-align: left; 
  margin: 0 0;
  border-bottom: 1px solid #8b8b8b;
 }
 
#guidesHeader {
  clear: both;
  padding: 10px 10px 10px 10px;
  height: 20px;
 }

 #guidesLegendWrapper{
 padding: 0px 0px 0px 20px;
 clear: both; 
 }
 
 #guidePhoto{
 float: left;
 width: 190px;
 height: 220px;
 padding: 10px 10px 10px 10px;
 background: #DDDDDD;
 }
 
 #guideProfile{
 width: 428px;
 height: 220px;
 float: left; 
 padding: 10px 10px 10px 10px;
 background: #DDDDDD;
 }
 
 #guideLegend{
 width: 130px;
 float: left;
 height: 60px;
 }
 
 #guidesSpacer {
 height: 20px;
 clear: both;
 padding: 5px 10px 15px 10px;
 text-align: left;
 }
 
 #steveProfile{
 display: none;
 }
 
 #simonProfile{
 display: none;
 }
 
 #chrisProfile{
 display: none;
 }
 
 #nathanProfile{
 display: none;
 }
 
 #teamDiv{
 display: inline;
 padding: 0px 0px 0px 70px;
 }
 
 
 #newsItemWrapper {
 padding: 20px 0px 0px 20px;
 }

 #newsHeader {
 padding: 0px 20px 10px 0px;
 clear: both;
 }

 .newsHeaderStyle{
 font-family: sans-serif;
 font-style: normal;
 font-variant: small-caps;
 font-weight: normal;
 font-size: 12px;
 color: #6F6F6F;
 margin: 0 0;	 
 border-bottom: 1px solid #dddddd;
 }
 
 #newsImage {
  float: left;
  width: 160px;
 }

 #newsText{
 float: left;
 width: 400px;
 }
 
 .newsTextStyle{
 font-family: sans-serif;
 font-weight: normal;
 font-size: 12px;
 color: #6F6F6F;
 margin: 0 0;
 }
 
 
 /**********************************************************/
 
 /*********** CONSTRUCTION PAGE STUFF ***********************/
 #conheader {
 height:79px;
 width: 400px;
 }
 
 #conbar {
 height:10px;
 background: #8b8b8b;
 color: #ffffff;
 width: 400px;
 border-bottom: 1px solid #e0e0e0;
 border-top: 1px solid #e0e0e0;
 }
 
 #conouter {
 width:400px;
 height: 260px;
 margin: 0 auto;
 text-align: left;
 border: 1px solid #8b8b8b;
 padding: 10px 10px 10px 10px;
 }
 
 .conTitleGrey {
 font-family: sans-serif;
 font-weight: bold;
 font-size: 16px;
 color: #7e7e7e;
 text-align: center; 
 margin: 0 0;
 }
 
 .conTextGrey {
 font-family: sans-serif;
 font-weight: normal;
 font-size: 12px;
 color: #7e7e7e;
 text-align: center; 
 margin: 0 0;
 }
 
 #hiddenDiv {
 width:400px;
 height: 25px;
 margin: 0 auto;
 text-align: center;
 border: 1px solid #8b8b8b;
 padding: 10px 10px 10px 10px;
 display: none;
 }
 
 /****************** HEADER *************************************/
 #header{
 	 
 }
 
 #headerLogo{
 width: 160px;
 height: 79px;
 float: left;
 }
 
 #headerText{
 width: 658px;
 height: 79px;
 float: left;
 background: #194DA0;
 }
 
 #headerTextOne{
 width: 658px;
 height: 20px;
 text-align: left;
 padding: 5px 0px 0px 100px;
 }
 
 #headerTextTwo{
 width: 658px;
 height: 20px;
 text-align: left;
  padding: 0px 0px 0px 290px;
 }
 
 #headerTextThree{
 width: 658px;
 height: 25px;
 text-align: center;
 padding: 3px 0px 0px 150px;
 }
 
 .headerTextStyleOne{
 color: #ffffff;
 margin: 0 0;
 font-style: bold;
 font-size: 20px;
 font-family: arial, sans-serif;
 }
 
 .headerTextStyleTwo{
 margin: 0 0;
 color: #ffffff;
 font-style: bolder;
 font-size: 20px;
 font-family: arial, sans-serif;
 }
 
 .headerTextStyleThree{
 margin: 0 0;
 color: #ffffff;
 font-style: bold;
 font-size: 12px;
 font-family: arial, sans-serif;
 }
 
 
 /****************** End of Header ******************************/
 
 /***************** TREKKING ****************************************/
 
 .pageTitleBlueTrekking {
 font-family: sans-serif;
 font-style: normal;
 font-variant: small-caps;
 font-weight: normal;
 font-size: 16px;
 color: #194DA0;
 margin: 0 0;
 border-bottom: 1px solid #8b8b8b;
 }
 
 #trekkingDescription{
  padding: 0px 0px 10px 20px;	 
 }
 
 #trekkingContentHeader{
 height: 22px;
 padding: 10px 0px 5px 15px;
 }

 
 
 
 
 /************** End of Trekking *************************************/
 
 
 /************************** Event Detail ******************************/
 
 #eventDetail{
 width:98.5%;
 border:1px solid #8b8b8b;
 padding: 1px;
 }
 
 
 .eventDetailContentTitleBlueNoLine {
 font-family: sans-serif;
 font-style: normal;
 font-weight: normal;
 font-size: 14px;
 color: #194DA0;
 text-align: left; 
  margin: 0 0;                         
 }
 
 .eventDetailContentTitleBlue {
 font-family: sans-serif;
 font-style: normal;
 font-weight: normal;
 font-size: 14px;
 color: #194DA0;
 text-align: left; 
  margin: 0 0;   
  border-bottom: 1px solid #e0e0e0;
 }
 
 
 /************************** End of Event Detail ************************/
 
/************************** Med Steps *******************************/

#medstepsDescription {
display: inline;
}

#medstepsDetails {
display: none;
}

.linkText {
color: #FE0000;
font-family: arial, sans-serif;
 font-weight: lighter;
 font-size: 12px;
 margin: 0 0;
}

#detailLink1 {
 text-align: right;
}

#detailLink2{
}


/************************** End of Med Steps ************************/

/************************** Gear Rental ************************/
 
 #gearMenu{	 	 
 padding: 0px 0px 0px 18px;
}

#gearDescription {
 padding: 5px 20px 0px 20px;
}

#gearContent {
 padding: 8px 0px 0px 0px;
 }
 
 #gearRental{
 width: 100%;
 border:1px solid #8b8b8b;
 padding: 1px;
 	 
 }
 
 
 #gearPhotoWrapper {
	  
 }

.gearTitleBlue {
 font-family: sans-serif;
 font-style: normal;
 font-variant: small-caps;
 font-weight: normal;
 font-size: 14px;
 color: #194DA0;
 margin: 0 0;
  border-bottom: 1px solid #8b8b8b;
 }
 
 .contactUsHeaderStyle{
 font-family: sans-serif;
 font-style: normal;
 font-variant: small-caps;
 font-weight: normal;
 font-size: 12px;
 color: #6f6f6f;
 margin: 0 0;
 }
 
 
 
 
 
 
 .photoBorder{
 border: 0px;
 border-color: #dddddd;
 }
 
 #photoContent{
 padding: 0px 0px 5px 0px;
 }
 
 a.photoLink:link {
color: #194DA0;
font-size: 12px;
font-family: sans-serif;
 font-variant: small-caps;
 text-decoration: none;
}

a.photoLink:active {
color: #194DA0;
font-size: 12px;
font-family: sans-serif;
 font-variant: small-caps;
 text-decoration: none;
}

a.photoLink:visited {
color: #194DA0; 
font-size: 12px;
font-family: sans-serif;
 font-variant: small-caps;
 text-decoration: none;
}

a.photoLink:hover {
color: #FE0000;  
font-style: bold;
font-size: 12px;
 font-family: sans-serif;
 font-variant: small-caps;
 text-decoration: none;
}

#photoPageOne{
 /* display: inline; */
}

#photoPageTwo{
 /* display: none; */
}

#logo {
background:#FFFFFF none repeat scroll 0 0;
padding:0px 0px;
}

a.logoLink:link {
border: 0px;
}

a.logoLink:active {
border: 0px;
}

a.logoLink:visited {
border: 0px;
}

a.logoLink:hover {
border: 0px;
}

/************************ SAILING PAGE ***********************/

#sailingContent{
height: 467px;
width: 638px;
padding: 5px 5px 5px 15px;

}

#sailingWrapper{
width: 638px;
}

#sailingPic{
float: left;
width: 181px;
padding: 0px 0px 15px 0px;
}

#sailingText{
float: left;
width: 437px;
padding: 0px 10px 15px 10px;
height: 125px;
}



 
 

