/*Reset Styles*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
}


body {
text-align: center;
font-family: "Book Antiqua", Helvetica, Arial, "Lucida Grande", sans-serif;
background-color: #000000;
}


#headerwrapper{
margin:auto;
background-color: #000000;
font-family: "Book Antiqua", Helvetica, Arial, "Lucida Grande", sans-serif;
width:1024px;
height: auto;
padding-top:5px; 
}

#title{
margin-top: 10px;
text-align: left;
width: 205px;
float: left;
}

#title h3{ 
font-size: 1.69em;
color: #ffffff;
}

#title a{ 
text-decoration: none;
color: #ffffff;
}


.title2 h2 a{ 
font-family: ff-meta-serif-web-pro, serif;
width:250px;
margin-top:0px;
margin-left: 22px;
margin-right:-2px;
font-size: 0.837em;
font-weight:bolder;
font-style:italic;
letter-spacing:5px;
color: #ffc75a;
opacity:1;
}

.title2 a{ 
text-decoration: none;
font-family: ff-meta-serif-web-pro, serif;
font-size: 1em;
font-weight:bolder;
letter-spacing:5px;
color: #ffc75a;
opacity:1;
}

.title3{ 
font-family: ff-meta-serif-web-pro, serif;
width:255px;
margin-top:0px;
margin-left:-1px;
font-size: 0.845em;
font-weight:bolder;
letter-spacing:5px;
color: #eb7b27;
opacity:1;
}

.title3 h2 a{ 
text-decoration: none;
font-family: ff-meta-serif-web-pro, serif;
font-size: 1em;
font-weight:bolder;
letter-spacing:5px;
color: #eb7b27;
opacity:1;
}

#logo{
margin-top: 15px;
margin-left: 15px; 
width:150; 
float: left;
}

#translate{
	margin-left:867px;
	margin-bottom:-10px;
}
#share{
margin:0;
padding: 0;
width: auto;
float: right;
}

hr{
clear: both;	
border: 0;
height: 1px;
width: 100%;
background: #f00;
}


.clear{
clear: both;
}


#contact{
text-align: left;
width:400px;
font-family: "Book Antiqua", Arial, Helvetica, sans-serif;
font-size: 1em; color: #ffffdd;
float: left;
}

/*NAVIGATION*/
#navigation{
max-width:1024px;
margin:0 auto;}

.nav_topmenu {
    background: #335993  url(images/mainNavBg.gif) repeat-x;

    padding: 0px;
    margin: 0px!important;
    margin: 0px 0px 0px 10px;
    height: 27px;
    width: auto!important;
}

.nav_topmenu img {
	border: none;
	margin: 0px;
	padding: 0px;
}

.nav_topmenu ul a {
	text-decoration: none;
	display: block; /* so IE displays the sublevel below */
	text-align: left;
	padding: 5px 18px 2px 18px;
}

.nav_topmenu ul,
.nav_topmenu ul ul {
	font-family: "Book Antiqua", Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
	white-space: nowrap;
	padding: 0;
	margin: 0;
	z-index: 50000;
}

.nav_topmenu ul li {
	display: block;
	float: left;
	font-weight: bold;
	min-height: 27px;
	
}

.nav_topmenu ul li ul {
	border: 1px solid #cdcdcd;
	background: #fff;  /*Sub menu hover band color*/
	display: block;
	clear: both;
	position: absolute;
	left: -999em;
  width: 270px; /*submenu box width*/
}

.nav_topmenu ul li:hover ul ul,
.nav_topmenu ul li.sfhover ul ul {
	left: -999em;
}

.nav_topmenu ul li ul li {
	margin: 0;
  background: #0a0101; /* sub menu box color */
	width: 100%;
	border: 0;
	clear: both;
}

.nav_topmenu ul li ul li a {
	font-weight: bold;
	color: #555;
}

.nav_topmenu ul li ul li a span {
	font-weight: bold;    /*for sub menu text*/
	text-transform: uppercase;
	font-size: 15px; /*for sub menu*/
}

.nav_topmenu ul li ul li a:hover {
	color: #a21544;
}

.nav_topmenu ul li ul li li {
	font-weight: normal;
	text-transform: uppercase;
  background: #fff;
}

.nav_topmenu ul li:hover ul {
	left: auto;
}

.nav_topmenu ul li:hover ul,
.nav_topmenu ul li li:hover ul,
.nav_topmenu ul li.sfhover ul,
.nav_topmenu ul li li.sfhover ul {
	left: auto;
}

.nav_topmenu ul li:hover,
#mainleveltopnav li.sfhover {
	background: #c1ccde;
}

.nav_topmenu ul li ul li:hover {
	background: none;
}

.nav_topmenu ul li ul ul {
	margin: -2em 0 0 12em;
}

li#current a:link,
li#current a:active,
li#current a:visited {
	color: #9f0135;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
}

.nav_topmenu a:link,
.nav_topmenu a:active,
.nav_topmenu a:visited {
	color: #fff;     /* Top Level Nav Bar font color */
	font-weight: bold;
	text-transform: uppercase; /* Top Level Nav Bar */
	text-decoration: none;
}

.nav_topmenu a:hover {
	color: #9f0135;
}

li#current a:hover {
	color: #c1ccde;
}


/* SUBCATEGORY MENU STYLES */

.nav_submenu {
  padding: 0;
  margin: 0;
	height: 20px;
  width: auto;
}

.nav_submenu ul a {
	font-family: "Book Antiqua", Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
	font-style: italic;
	text-transform: uppercase;
	text-decoration: none;
	display: block; /* so IE displays the sublevel below */
	text-align: left;
	color: #9f0135;
/*	border-left: 1px solid #cdcdcd;*/
}

.nav_submenu ul {
	white-space: nowrap;
	padding: 0;
	margin: 0;
	z-index: 50000;
}

.nav_submenu ul li {
	display: block;
	height: 20px;
	float: left;
	padding: 8px;
}

/*END OF NAVIGATION*/


.nav_up {
    background: url("images/up-arrow.png") no-repeat scroll 50% 50% transparent;
    border: 1px solid #CCCCCC;
    bottom: 10px;
    cursor: pointer;
    height: 20px;
    left: 10px;
    opacity: 0.4;
    padding: 7px;
    position: fixed;
    white-space: nowrap;
    width: 20px;
}
.nav_down {
    background: url("images/dn-arrow.png") no-repeat scroll 50% 50% transparent;
    border: 1px solid #CCCCCC;
    bottom: 10px;
    cursor: pointer;
    height: 20px;
    left: 50px;
    opacity: 0.4;
    padding: 7px;
    position: fixed;
    white-space: nowrap;
    width: 20px;
}


.nav_up:hover {
    background: url("images/up-arrow.png") no-repeat scroll 50% 50% transparent;
    border: 1px solid #CCCCCC;
    bottom: 10px;
    cursor: pointer;
    height: 20px;
    left: 10px;
    opacity: 0.7;
    padding: 7px;
    position: fixed;
    white-space: nowrap;
    width: 20px;
}
.nav_down:hover {
    background: url("images/dn-arrow.png") no-repeat scroll 50% 50% transparent;
    border: 1px solid #CCCCCC;
    bottom: 10px;
    cursor: pointer;
    height: 20px;
    left: 50px;
    opacity: 0.7;
    padding: 7px;
    position: fixed;
    white-space: nowrap;
    width: 20px;
}


#wrapper{
max-width: 1000px;
margin: 0px auto;
position: relative;
}

#treknews1{
text-align: center;
width: 900px;
color: white;
font-size:18px;
font-weight: bold;
font-family: "Book Antiqua" !important;
top: 645px;
margin-left: 25px;
position: absolute;
}
.emphnews{color: red;}
.emphnewsw{color: white;}

#treknews2{
text-align: center;
width: 900px;
color: red;
font-size:12px;
font-weight: bold;
font-family: "Book Antiqua" !important;
top: 655px;
margin-left: 35px;
position: absolute;
}
#treknews1 a{text-decoration:none; color: red;}

#booknow2{
right: 65px;
position: absolute;
}


#infosection{
text-align: left;
float: right;
color: #000000;
background-color: #e8e8e8;
width: 320px;
top: 790px;
height: 11570px;
margin-left: 640px;
padding: 10px;
border-left: 1px solid gray; 
position: absolute;}

#infosection img{display:block; margin-left: auto; margin-right: auto;}

.facts h2 { font: bold 12pt "Book Antiqua", Arial, Helvetica, sans-serif; margin: 10px 0 0 4px; color: #004080;}

.facts p { font: normal 10pt "Book Antiqua", Arial, Helvetica, sans-serif; margin: 0 0 2px 8px; color: #004080; text-align: left;margin-left: 20px; margin-right: 20px; clear: both; }
.facts h2.first { margin: 20px 0 0 4px; }

.facts ul, .facts li{font: normal 10pt "Book Antiqua", Arial, Helvetica, sans-serif; margin: 0 0 25px 8px; color: #004080; text-align: justify; margin-left: 20px; margin-right: 20px; clear: both;}
.facts ol, .facts li{font: normal 10pt "Book Antiqua", Arial, Helvetica, sans-serif; margin: 0 0 2px 8px; color: #004080; text-align: justify; margin-left: 20px; margin-right: 20px; clear: both;}

#clickforfs{
margin:0 auto 0 auto;
width:250px;
height: 20px
color: white;
background-color: red;
}

#clickforfs a{
color: white;
text-decoration:underline; 
}


#clickforfaq{
margin:0 auto 0 auto;
width:250px;
height: 20px
color: white;
background-color: red;
}

#clickforfaq a{
display: block;
margin-bottom:12px;
color: white;
margin-left: auto;
margin-right: auto;
font-size:14px;
text-decoration:underline; 
}



#clickfortt{
margin:0 auto 0 auto;
width:250px;
height: 20px
color: white;
background-color: #008000;
}

#clickfortt a{
color: white;
text-decoration:underline; 
}

#clickformclw{
margin:0 auto 0 auto;
width:250px;
height: 20px
color: white;
text-align:center;
background-color: red;
}

#clickformclw a{
color: white;
font-size:13px;
text-decoration:underline; 
}

#clickformclw1{
margin:0 auto 0 auto;
width:250px;
height: 20px
color: white;
text-align:center;
background-color: red;
}

#clickformclw1 a{
color: white;
font-size:13px;
text-decoration:underline; 
}



.headerbox{
margin:0 auto 0 auto;
width:250px;
height: 20px
color: white;
background-color: green;
}


.headerbox h2{font: bold 12pt "Book Antiqua", Arial, Helvetica, sans-serif; text-align: center; color: #ffffff;}

.sidebarimagebox{margin:0 10px 0 10px;}


/*SLIDER*/

#slider-container {max-width:800px;
margin: 0px auto;
position: relative;}

.slider-wrapper {
top: 0px;
margin-left: 0px;
position: absolute;}

/*END OF SLIDER*/

#textbox-wide {
text-align: left;
color: #000000;
background-color: #fff9ee;
top: 790px;
height: 11590px;
width: 640px; 
margin: 0; padding: 0;
position: absolute;}

#textbox-wide img { float: left; margin-left: 10px; margin: 20px;}

#textbox-wide h2 { text-align: center; padding-top: 15px; font-weight: bold;  margin: 10px 0 0 2px; font-family: Verdana, "Book Antiqua", Helvetica, Arial, sans-serif;
margin-bottom: 5px; font-size:25px; color:#000000;}

#textbox-wide h3 { text-align: center; padding-top: 5px; font-weight: bold; font-style: italic; margin: 1px 0 0 4px; font-family: Verdana, "Book Antiqua", Helvetica, Arial, sans-serif;
margin-bottom: 3px; font-size:18px; color:#000000;}

#textbox-wide h4 { text-align: center; padding-top: 5px; font-weight: bold; font-style: normal; margin: 1px 0 0 4px; font-family: Verdana, "Book Antiqua", Helvetica, Arial, sans-serif;
margin-bottom: 10px; font-size:15px; color: #004080;}


#textbox-wide p { font-size: 1.1em; font-family: "Book Antiqua", Helvetica, Arial, sans-serif;
font-size: 1.0em; padding: 20px; 
margin: 0; text-align: justify !important; }



#textbox-wide hr{
border: 0;
height: 1px;
width: 80%;
background: #c0c0c0;
}

.emph{
font-weight: bold;
}

.emphcol{
font-weight: bold;
color: green;
}

.emphalertcol{
font-weight: bold;
color: red;
}

.emphalertcolgreen{
font-weight: bold;
color: green;
}

.emphalertcolbrown{
font-weight: bold;
color: brown;
}


span.standoutcol{
	color:#004080; 
	font-weight:bolder;}

#treklinks{
text-align: left;
width: 933px;
height: 370px;
top: 12290px;
padding: 25px 24px;
margin-left: 0px;
padding: 25px 24px;
color: #ffffff;
background: #000000;
border-top: 1px solid red;
position: absolute;}

#treklinks h2{font-size: 1.225em; margin-bottom: 2px; margin-top: 5px;  color: brown; font-weight: bold; }

#treklinks li{ display: inline; padding-right: 10px;}



.thumbnail_row{
	clear: both;
	position: relative;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}


.thumbnail_area{
display: inline-block;	
  position: absolute;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  width: 30%;

}

.thumbnail_area p(
color:#fff;
)

.headerboxinsidebar2{
margin:0px;
width:240px;
height: 30px;
margin-top:15px;
margin-left: auto;
margin-right: auto;
padding-top:0px;
padding-bottom: 10px;
background-color: #fff9e8;
border:1px groove #004080;
opacity: 5.0;
border-radius: 10px;
}


div.headerboxinsidebar2:hover{
margin:0px;
width:240px;
height: 30px;
margin-top:15px;
margin-left: auto;
margin-right: auto;
padding-top:0px;
padding-bottom: 10px;
background-color: #fff9e8;
border:1px groove #f00;
opacity: 5.0;
border-radius: 10px;
}

.headerboxinsidebar2 h2{
font-family: "Book Antiqua", Arial, Helvetica, sans-serif;
font-weight: 900;
font-size:12px;
text-align: center;
color:#f00;	
}

.headerboxinsidebar2 a{
font-family: "Book Antiqua", Arial, Helvetica, sans-serif;
font-weight: 900;
font-size:12px;
text-align: center;
color:#f00;	
text-decoration:underline; 
}


.headerboxinsidebar2m{
margin:0px;
width:240px;
height: 45px;
margin-top:15px;
margin-left: auto;
margin-right: auto;
padding-top:0px;
padding-bottom: 10px;
background-color: #fff9e8;
border:1px groove #004080;
opacity: 5.0;
border-radius: 10px;
}


div.headerboxinsidebar2m:hover{
margin:0px;
width:240px;
height: 45px;
margin-top:15px;
margin-left: auto;
margin-right: auto;
padding-top:0px;
padding-bottom: 10px;
background-color: #fff9e8;
border:1px groove #f00;
opacity: 5.0;
border-radius: 10px;
}

.headerboxinsidebar2m h2{
font-family: "Book Antiqua", Arial, Helvetica, sans-serif;
font-weight: 900;
font-size:12px;
  vertical-align: middle;
text-align: center;
color:#f00;	
}

.headerboxinsidebar2m a{
font-family: "Book Antiqua", Arial, Helvetica, sans-serif;
font-weight: 900;
font-size:12px;
text-align: center;
color:#f00;	
text-decoration:underline; 
}


.headerboxinsidebar4m{
margin:0px;
width:240px;
height: 75px;
margin-top:15px;
margin-left: auto;
margin-right: auto;
padding-top:0px;
padding-bottom: 10px;
background-color: #fff9e8;
border:1px groove #004080;
opacity: 5.0;
border-radius: 10px;
}


div.headerboxinsidebar4m:hover{
margin:0px;
width:240px;
height: 75px;
margin-top:15px;
margin-left: auto;
margin-right: auto;
padding-top:0px;
padding-bottom: 10px;
background-color: #fff9e8;
border:1px groove #f00;
opacity: 5.0;
border-radius: 10px;
}

.headerboxinsidebar4m h2{
font-family: "Book Antiqua", Arial, Helvetica, sans-serif;
font-weight: 900;
font-size:12px;
  vertical-align: middle;
text-align: center;
color:#f00;	
}

.headerboxinsidebar4m a{
font-family: "Book Antiqua", Arial, Helvetica, sans-serif;
font-weight: 900;
font-size:12px;
text-align: center;
color:#f00;	
text-decoration:underline; 
}























.headerboxinsidebar3{
margin:0px;
width:240px;
height: 50px;
margin-top:15px;
margin-left: auto;
margin-right: auto;
padding-top:0px;
padding-bottom: 10px;
background-color: #fff9e8;
border:1px groove #004080;
opacity: 5.0;
border-radius: 10px;
}


div.headerboxinsidebar3:hover{
margin:0px;
width:240px;
height: 50px;
margin-top:15px;
margin-left: auto;
margin-right: auto;
padding-top:0px;
padding-bottom: 10px;
background-color: #fff9e8;
border:1px groove #f00;
opacity: 5.0;
border-radius: 10px;
}

.headerboxinsidebar3 h2{
font-family: "Book Antiqua", Arial, Helvetica, sans-serif;
font-weight: 900;
font-size:14px;
text-align: center;
color:#f00;	
}

.headerboxinsidebar3 a{
font-family: "Book Antiqua", Arial, Helvetica, sans-serif;
font-weight: 900;
font-size:14px;
text-align: center;
color:#f00;	
text-decoration:underline; 
}



#mountaineering_certificates{
margin-top:20px;
margin-left:40px;
margin-bottom:20px;
}


#mountaineering_certificates img{
display: inline-block;
}


#logos{
margin-top:20px;
margin-left:20px;
margin-bottom:20px;
}


#logos img{
display: inline-block;
}



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

#genlinks{
padding-top:45px;
}

#genlinks li{
margin-right:35px;
}


#sidetable1{
margin-left: auto;
margin-right: auto;
}


/*FOOTER*/

#footer {
clear:both;
width : 100%;
padding : 20px;
border-top: 1px solid #f00;
background-color: #000000;
color: #000000;
font-size : 0.6em;
text-align : center;
margin-left: 0px; 
height: auto;
top: 13300px;
position: absolute;    
}


#footer ul {
margin : 2px 0;
}

#footer li {display:inline; 
color: #ffffdd; padding: 5px;}

#footer ul li a {
text-decoration : none;
color : #ffffdd;
}

#footer ul li a:hover {
text-decoration : underline;
}

.grid{
  display: table;
  width: 100%;
  border-spacing:.5em;
}
  .col{
    padding:1em;
    width:30%;
    height: auto;  
    display:table-cell;
    border:#000 1px solid;
  }