/***********************************************/

/* HTML tag styles                             */

/***********************************************/ 


body{

	color: #333333;

	line-height: 1.166;	

	margin: 0px;

	padding: 0px;

	background-color: #FFFFFF;

	/*background: #cccccc url("bg_grad.jpg") fixed;*/

}


a:link{

	color: #0000FF;

	text-decoration: none;
	/*background-color:#FFFFFF;*/

}



a:visited{

	color: #3367CD;

	text-decoration: none;
	/*background-color:#FFFFFF;*/

}



a:hover{

	color: #3367CD;

	text-decoration: underline;
	/*background-color:#FFFFFF;*/

}



h1{

 font-family: Arial, Helvetica, sans-serif;

 font-size: 120%;

 color: #334d55;

 margin: 0px;

 padding: 0px;

}



h2{

 font-family: Arial,sans-serif;

 font-size: 114%;

 color: #006699;

 margin: 0px;

 padding: 0px;

}



h3{

 font-family: Arial,sans-serif;

 font-size: 100%;

 color: #334d55;

 margin: 0px;

 padding: 0px;

}



h4{

 font-family: Arial,sans-serif;

 font-size: 100%;

 font-weight: normal;

 color: #333333;

 margin: 0px;

 padding: 0px;

}



h5{

 font-family: Arial, Helvetica, sans-serif;

 font-size: 100%;

 color: #334d55;

 margin: 0px;

 padding: 0px;

}

.style1{
	font-weight: bold;

}

ul{

 list-style-type: square;

}



ul ul{

 list-style-type: disc;

}



ul ul ul{

 list-style-type: none;

}



label{

 font-family: Arial,sans-serif;

 font-size: 100%;

 font-weight: bold;

 color: #334d55;

}
/*#pagecell1{
	position:absolute;
	width:778px;
	background-color: #ffffff;
	padding: 0px;
	margin: 5px auto;
}*/
#pagecell{
  float: left;
  width: 100%;
  height: 100%;
  padding: 0px;
  margin: 0px;
  background-color:#FFFFFF;
}
/***********************************************/

/* Layout Divs                                 */

/***********************************************/



#masthead{

	padding: 0px 0px 0px 0px;

	border-bottom: 0px solid #cccccc;

	width: 100%;

}



#navBar{

	float: left;

	width: 20%;

	margin: 0px;

	padding: 0px;

	/*background-color: #eeeeee;

	border-right: 1px solid #cccccc;

	border-bottom: 1px solid #cccccc;*/

}



#headlines{

  float:right;

	width: 20%;

	border-left: 1px solid #cccccc;

	border-bottom: 1px solid #cccccc;

	padding-right: 10px;

}



#content{

  float: left;
  width: auto;
  height: auto;
  padding: 0px 5px 0px 5px;
  margin: 10px 0px 10px 0px;
  border-top: 0px;
  border-left: 1px solid #CCCCCC;
  border-right: 1px solid #CCCCCC;
  background-color:#FFFFFF;
}
#mainbody{
  float: left;
  width: auto;
  height: auto;
  vertical-align: top;
  padding: 0px 5px 0px 5px;
  margin: 10px 0px 10px 0px;
  border-top: 0px;
  border-left: 1px solid #CCCCCC;
  border-right: 1px solid #CCCCCC;
  background-color:#FFFFFF;
}

#bgtable {

background-color: #3798B9;

}

#bgtableinside{

background-color: #CEE4ED;

}

/***************** banner *********************/

#topbanner{

	background-image:  url(images/scenic-banner_bg.jpg);

	float:left;

	/*background-color:#042960;*/

	/*background-image:url(images/banner_everestcountry.jpg);*/

	width:100%;

	height:150px;

	padding:0px;

	margin:0px;
	border-left: 0px solid #000000;

	border-top: 1px solid #FFFFFF;

	border-bottom: 0px solid #000000;

	border-right: 0px solid #000000;


}

/*****************end banner***********************/

/************* #globalNav styles **************/

/*.menuNav{
	float: left;
	width: 100%;
	height: 42px;
	padding: 0px 10px 0px 10px;
	background-color: #467B50;
	background-image:   url(images/nav-bar.gif);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	border-bottom: 1px solid #FFFFFF;
}

.menuNav ul{
	list-style: none;
	padding: 0px;
	margin: 0px;
}

.menuNav li{
	display: inline;
	border-right: 1px solid #f6f6f6;
	padding: 0px 12px 0px 12px;
	text-align: center;
}

.menuNav a:link, .menuNav a:visited{ font-size: 12px; color: #666666; text-decoration: none;}
.menuNav a:hover, .menuNav a:active{ font-size: 12px; color: #999999;}*/
.glossymenu{
	position: relative;
	padding: 0 0 0 20px;
	margin: 0 auto 0 auto;
	background: url(images/menur_bg.gif) repeat-x; /*tab background image path*/
	height: 46px;
	list-style: none;
}

.glossymenu li{
	float:left;
}

.glossymenu li a{
	float: left;
	display: block;
	color:#000;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding:0 0 0 16px; /*Padding to accomodate left tab image. Do not change*/
	height: 46px;
	line-height: 46px;
	text-align: center;
	cursor: pointer;	
}

.glossymenu li a b{
	float: left;
	display: block;
	padding: 0 24px 0 8px; /*Padding of menu items*/
}

.glossymenu li.current a, .glossymenu li a:hover{
	color: #fff;
	background: url(images/menur_hover_left.gif) no-repeat; /*left tab image path*/
	background-position: left;
}

.glossymenu li.current a b, .glossymenu li a:hover b{
	color: #fff;
	background: url(images/menur_hover_right.gif) no-repeat right top; /*right tab image path*/
}

/*************** #pageName styles **************/



#pageName{

    float:left;

	width:500px;

	margin: 0px;

	padding: 0px 0px 0px 10px;

}

/************* #breadCrumb styles *************/

#members{
	font-family:Arial, Helvetica, sans-serif;
	color:#0087C7;
	font-weight:bold;
	margin: 10px 0px 5px 0px;
	font-size: 11px;
	text-align:center;
	padding: 5px 0px 5px 0px;
	border-top: 1px solid #FF9900;
	border-left: 1px solid #FF9900;
	border-bottom: 1px solid #FF9900;
	border-right: 1px solid #FF9900;

}

#siteInfo{
	width: auto;
	height: 50px;
	text-align: center;
	background-color:#EDEDED;
	border-top: 1px solid #CCCCCC;
	font-size: 11px;
	color: #000000;
	padding: 0px 0px 5px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.bottomtext {
	clear: both;
	/*background-image:url(../layout/bg-bottom2.gif);*/
	background-color:#EDEDED;
	color: #000000;
	padding: 5px 0px 5px 0px;
	border-bottom: 1px solid #000000;
	font-size:11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/************* #search styles ***************/



#search{

	padding: 5px 0px 5px 10px;

	border-bottom: 1px solid #cccccc;

	font-size: 90%;

}



#search form{

 margin: 0px;

 padding: 0px;

}



#search label{

	display: block;

	margin: 0px;

	padding: 0px;

}

/*********** #navBar link styles ***********/


#navBar ul a:link, #navBar ul a:visited {display: block;}

#navBar ul {list-style: none; margin: 0; padding: 0;}



/* hack to fix IE/Win's broken rendering of block-level anchors in lists */

#navBar li {border-bottom: 1px solid #EEEEEE;}



/* fix for browsers that don't need the hack */

html>body #navBar li {border-bottom: none;}
/************ About Trek links style **************/
#about_trek{
	background-color: #FFCC00;
	padding: 5px 5px 5px 5px;
	margin: 10px 5px 10px 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	border-top: 1px solid #666666;
	border-left: 1px solid #666666;
	border-bottom: 2px solid #666666;
	border-right: 2px solid #666666;

}
/************* end about trek links style ************/

/************************body text*****************/

.bodytitle {

	COLOR: #006600; 

	FONT-FAMILY: Arial, Helvetica, sans-serif; 

	FONT-WEIGHT:bold; 

	FONT-SIZE:16px;

	padding-left: 0px;

}
.subtitle {

	COLOR: #996600; 

	FONT-FAMILY: Arial, Helvetica, sans-serif; 

	FONT-WEIGHT:bold; 

	FONT-SIZE:14px;

	padding: 0px 0px 0px 0px;

}
.subtitle2 {

	COLOR: #000066; 

	FONT-FAMILY: Arial, Helvetica, sans-serif; 

	FONT-WEIGHT:bold; 

	FONT-SIZE:12px;

	padding: 0px 0px 0px 0px;

}
.Itinerarytxt {
	COLOR: #000000; 

	FONT-FAMILY: Arial, Helvetica, sans-serif; 

	FONT-WEIGHT:bold; 

	FONT-SIZE:14px;

	padding: 0px 0px 0px 0px;
	
	padding-left: 2px;

	padding-right: 0px;
}
.bodytext {
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	background-color:#FFFFFF;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	text-align:justify;

}
.contentline{
	border-bottom: 1px dotted #666666;
	}

/*****************end body text**************/
.hrLine { 
	padding: 0px 0px 5px 0px;
	border-bottom: 1px dotted #CCCCCC; 
}
.vrLine { 
	padding: 0px 5px 0px 5px;
	border-right: 1px dotted #CCCCCC;
}
.more {
	float: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #0000FF;
	text-decoration:none;
}
/************** #headlines styles **************/

#rightNavBar{
	float: right;
	width: 150px;
	/*background-color:#EDEDED;*/
	margin: 0px;
	padding: 0px;
	text-align: center;

}


.welcometext {

	background-color:#003066;

	COLOR: #FFFFFF; 

	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 

	FONT-SIZE:11px; 

	FONT-WEIGHT: normal;

	width: 100%;

}

/**************button*****************************/
#btn a:link, #btn a:visited {
	FLOAT: right; 
	MARGIN: 0px 0px 0px 0px;
	background-color: #CCCC00;
	border-right: 2px solid #000000;
	border-left: 1px solid #000000;
	border-top: 1px solid #000000;
	border-bottom: 2px solid #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	padding: 2px 6px 2px 6px;
	text-decoration: none;
}

#btn a:hover{
	FLOAT: right; 
	MARGIN: 0px 0px 0px 0px;
	background-color: #CCCC99;
	border-right: 1px solid #000000;
	border-left: 2px solid #000000;
	border-top: 2px solid #000000;
	border-bottom: 1px solid #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	padding: 2px 6px 2px 6px;
	text-decoration: none;
}
/*****************end button****************************/
#packageblock {
	FLOAT: left;
	MARGIN: 5px 0px 0px 0px; 
	padding: 5px 5px 5px 5px;
	border-left: 1px dotted #666666;
	border-top: 1px dotted #666666;
	border-bottom: 1px dotted #666666;
	border-right: 1px dotted #666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#000000;
	background-color: #FFFFFF;
}
.bottom_line {
	MARGIN: 0px 0px 5px 0px; 
	padding: 5px 0px 5px 0px;
	border-left: 1px dotted #666666;
	border-top: 1px dotted #666666;
	border-bottom: 1px dotted #666666;
	border-right: 1px dotted #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#000000;
	background-color: #FFFFFF;
}
.more {
	float: right;
	COLOR: #ff0000; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE:12px
}
#scrollBanner{
	float: left;
	width: 100%;
	height: 0px;
	/*background-color: #ECECEC;*/
	background-image: url(images/highlight-text.gif);
	margin: 0px;
	padding: 0px;
	border-top: 0px solid #000066;
	border-bottom: 0px solid #000066;
}
.pay_system{
	background-color: #FFFFFF;
	padding: 5px 2px 2px 2px;
	margin: 10px 10px 0px 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	border-top: 0px solid #000066;
	border-left: 0px solid #000066;
	border-bottom: 2px solid #666666;
	border-right: 2px solid #666666;

}
#banner_add2{
	background-color: #000000;
	margin: 5px 0px 0px 0px;
	border-top: 1px solid #666666;
	border-left: 1px solid #666666;
	border-bottom: 1px solid #666666;
	border-right: 1px solid #666666;
	width: 128px;
}
/*********Example CSS for the two demo scrollers*********/

#pscroller1{
width: 200px;
height: 100px;
border: 1px solid black;
padding: 5px;
margin: 0px 0px 5px 0px;
background-color: lightyellow;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
}

#pscroller2{
width: 200px;
height: 100px;
border: 1px solid black;
padding: 3px;
background-color: lightblue;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
}

#pscroller2 a{
text-decoration: none;
}

.someclass{ //class to apply to your scroller(s) if desired
}

#right_banner {
width: 150px;
height: 680px;
margin: 0px;
padding: 0px;
}
/************* photo album *******************/
.photogallery{
font-size: 11px;
font-family:Arial, Helvetica, sans-serif;
color: #000000;
text-align: center; 
}

.photogallery img{ 
border: 1px solid red;
width: 100px;
height: 70px;
}

.photonavlinks{ 
font: bold 12px Arial;
}

.photonavlinks a{
margin-right: 2px;
margin-bottom: 3px;
padding: 1px 5px;
border:1px solid gray;
text-decoration: none;
background-color: white;
}

.photonavlinks a.current{ 
background-color: yellow;
}
/************* End of photo album *******************/
#conleft {
	FLOAT: left; WIDTH: 25%
}
#menutree {
	BORDER-RIGHT: #dadada 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #dadada 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 11px; background-color: #f6f6f6; MARGIN-BOTTOM: 5px; PADDING-BOTTOM: 10px; BORDER-LEFT: #dadada 1px solid; WIDTH: 25%; COLOR: #000000; LINE-HEIGHT: 14px; PADDING-TOP: 10px; BORDER-BOTTOM: #dadada 1px solid; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
BODY #menutree TR TD {
	FONT-SIZE: 11px; COLOR: #000000; LINE-HEIGHT: 20px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
 HTML DIV#menutree {
	WIDTH: 25%
}
#menutree UL {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FONT-SIZE: 11px; PADDING-BOTTOM: 3px; COLOR: black; PADDING-TOP: 3px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
#menutree LI {
	LIST-STYLE-TYPE: none
}
#menutree UL LI {
	PADDING-LEFT: 10px; LINE-HEIGHT: 15px
}
#menutree a:link, #menutree a:visited{ font-size: 11px; color: #0000FF; text-decoration: none;}
#menutree a:hover, #menutree a:active{ font-size: 11px; color: #3367CD; text-decoration: underline;}

<!---------------------drop menu-------------------->

.suckertreemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.suckertreemenu ul li{
position: relative;
display: inline;
float: left;
background-color: #F3F3F3; /*overall menu background color*/
}

/*Top level menu link items style*/
.suckertreemenu ul li a{
display: block;
width: 90px; /*Width of top level menu link items*/
padding: 1px 8px;
border: 1px solid black;
border-left-width: 0;
text-decoration: none;
color: navy;
}
	
/*1st sub level menu*/
.suckertreemenu ul li ul{
left: 0;
position: absolute;
top: 1em; /* no need to change, as true value set by script */
display: block;
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.suckertreemenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels offset after 1st level sub menu */
.suckertreemenu ul li ul li ul{ 
left: 159px; /* no need to change, as true value set by script */
top: 0;
}

/* Sub level menu links style */
.suckertreemenu ul li ul li a{
display: block;
width: 160px; /*width of sub menu levels*/
color: navy;
text-decoration: none;
padding: 1px 5px;
border: 1px solid #ccc;
}

.suckertreemenu ul li a:hover{
background-color: black;
color: white;
}

/*Background image for top level menu list links */
.suckertreemenu .mainfoldericon{
background: #F3F3F3 url(media/arrow-down.gif) no-repeat center right;
}

/*Background image for subsequent level menu list links */
.suckertreemenu .subfoldericon{
background: #F3F3F3 url(media/arrow-right.gif) no-repeat center right;
}

* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html .suckertreemenu ul li { float: left; height: 1%; }
* html .suckertreemenu ul li a { height: 1%; }
