/********************************************
   HTML ELEMENTS
********************************************/ 

/* Top Elements */
* { margin: 0; padding: 0;}

body {
	background: #fffff;
	font: 14px/1.2em Calibri;
	color: #666666; 
	text-align: center;

	margin: 0 0 15px 0;	
}

#Galaw
{
	 	font: 12px/1.2em Calibri;
	}

#Galaw2
{
	margin: 0px 0 15px 17em;	
	
	}

#Galaw2 a:visited {	
	color: #326ea1; 
	background: inherit;
	text-decoration: none;		
}
#Galaw2 a:hover {
	color: #383d44;
	background: inherit;
	padding-bottom: 0;
    text-decoration: none;
}

#Galaw3
{
	margin:  0px 0 15px 23em;	
	}

/* links */
a, a:visited {	
	color: #326ea1; 
	background: inherit;
	text-decoration: none;		
}
a:hover {
	color: #383d44;
	background: inherit;
	padding-bottom: 0;
    text-decoration: none;
}

/* headers */
h1, h2, h3 {
font: 14px/1.2em Calibri;
	font-weight: Bold; 	
	color: #333;		
}
h1 {
	font-size: 160%;	
	font-weight: normal;
}
h2 {
	font-size: 130%;
	text-transform: uppercase;	
}
h3 {
	font-size: 160%;	
}

h3.price {
	font-size: 200%;	
	color:Red;
	margin-left: 340px;
	
}

h1, h2, h3, p {
	padding: 10px;		
	margin: 0;
}
ul, ol {
	margin: 5px 20px;
	padding: 0 20px;
}

/* images */



.left-package  
{
    background: url(../images/bag.png);
    float: left;
   width: 150px;
   padding-left : 35px;
    }


img.satop {
	
   
   border: 0px solid #DCDCDC;
}



code {
  	margin: 5px 0;
  	padding: 10px;
  	text-align: left;
  	display: block;
  	overflow: auto;  
  	font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace ;
  	/* white-space: pre; */
  	background: #F5F5F5;
	border-left: 3px solid #D4D4D4;
}
acronym {
  cursor: help;
  border-bottom: 1px dashed #777;
}
blockquote {
	font: bold 1.4em/1.5em 'Trebuchet MS', Tahoma, Sans-serif;	
	margin: 10px;
 	padding: 0 0 0 25px;  
   background: #F5F5F5;
	border-left: 3px solid #D4D4D4;	
	color: #444;
}

/* start - table */
table 
{
	font: 11px/1.75em Verdana, Tahoma, arial, sans-serif;
	
}
th strong {
	color: #fff;
}


.award
{
background: #f6f6f6 url(../images/award.gif) repeat-y;
height: 250px;
width: 340px;
}

th {
	background: #e7e6e6 url(../images/button.jpg) repeat-x;
	height: 29px;
	padding-left: 12px;
	padding-right: 12px;	
	text-align: left;
	border-left: 1px solid #f4f4f4;
	border-bottom: solid 2px #fff;
	color: #333;
}
tr {
	height: 30px;
}
td {
	padding-left: 11px;
	padding-right: 11px;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
td.first,th.first {
	border-left: 0px;
}
tr.row-a {
	background: #F8F8F8;
}
tr.row-b {
	background: #EFEFEF;		
}
/* end - table */

/* form elements */
form {
	margin:10px; padding: 0 5px;
	background: #F5F5F5;	
}
label 
{
	display:block;
	font-weight:bold;
	margin:5px 0;
}
input {
	padding:2px;
	border:1px solid #eee;
	font: normal 1em Verdana, sans-serif;
	color:#777;
}
textarea {
	width:400px;
	padding:2px;
	font: normal 1em Verdana, sans-serif;
	border:1px solid #eee;
	height:100px;
	display:block;
	color:#777;
}
input.button { 
	font: bold 12px Arial, Sans-serif; 
	height: 24px;
	margin: 0;
	padding: 2px 3px; 
	color: #333;
	background: #e7e6e6 url(../images/button.jpg) repeat-x;
	border: 1px solid #dadada;
}



/********************************************
   LAYOUT
********************************************/ 
#wrap {
	position: relative;
	width: 910px;	
	margin: 0 auto;
	text-align: left;
	background: #fff url(../images/content.jpg) repeat-y center top;
}

#wrap2 {
	position: relative;
	width: 910px;	
	margin: 0 auto;
	text-align: left;
	background: #fff url(../images/content.jpg) repeat-y center top;
}


#content-wrap {
	float: left;
	width: 850px;
	margin-left: 30px;
	display: inline;
	border-top: 5px solid #fff;

	
}

#content-wrap-trek {
	float: left;
	width: 850px;
	
	margin-left: 30px;
	
	display: inline;
	border-top: 1px solid #fff;
	background: #fff url(../images/content-wrap.jpg) repeat-x; 
	
}
           
  #logohead  
  {
      background-image: url('../images/logo.gif'); background-repeat: no-repeat; width: 256px; height: 51px;
    padding-top:30px;
 
     margin-left: 30px;
      }

.trekpic
{
	width: 830px;
	height:150px;
	background: #fff url(../images/TrekLogo082709.jpg) no-repeat center center;
}


#header {
	position: relative;
	/* background: #fff url(../images/header-bg.jpg) repeat-y center top;*/ 
	height: 20px;
	width:910px;	
	padding: 0;	
	color: #FAFAFA;	
}

/* header links */
#header #header-links {
	position: absolute;
	top: 1px; right: 45px;	
	color: #838181;
	font-size: 10px;	
	font-weight: bold;
}

#header #header-links1 {
	position: absolute;
	top: -8px;
	left: 25px;	
	color: #16387C;
	font:10px/26px Verdana, Arial, Tahoma, Sans-serif;
	font-weight: bold;
	float:left;
}

#header #header-links p {	
	padding: 0;	margin: 0;	
}
#header #header-links a {	
	color: #838181;
	text-decoration: none;	
}
#header #header-links a:hover {
	color: #444;		
}




#slogan  
{
   position: absolute;
   	margin-left: 550px;
   	margin-top: -25px;
height:10px;
  
    } 


.header-photoDefault{
    padding-right:40px;
	 width:845px;
	
	height:100px;
}



#pageHeader h1 span{ 
	display:none;
	height:0px;
	}
	
#sapicture h1 span{display:none}	
.sapicture h1 span{display:none}	
	
	
#header-photo h1#logo-text a {
	position: absolute;
	margin: 0; padding: 0;
	font: bold 48px 'Trebuchet MS', Arial, Sans-serif;
	letter-spacing: -1px;
	color: #fff;
	text-transform: none;
	text-decoration: none;
	border: none;
	
	/* change the values of top and left to adjust the position of the logo*/
	top: 25px; left: 30px;	
}

#header-photo h2#slogan {
	position: absolute;
	margin: 0; padding: 0;
	font: bold 14px 'Trebuchet MS', Arial, Sans-serif;
	text-transform: none;
	color: #B6D1F8;
	
	/* change the values of top and left to adjust the position of the slogan*/
	top: 80px; left: 35px;		
}




/* Navigation */
  #nav {
      font: 16px/1.2em Calibri;
      list-style: none outside none;
    padding: 0;
    position: relative;
    width: 300px;
    height:8px;
}
#nav li {
    float: left;
    padding: 0 2% 0.8em 0;
}
#nav li a {
    -moz-border-radius: 0.3em 0.3em 0.3em 0.3em;
    color: #787878;
    display: block;
    float: left;
    font-size: 0.8em;
    padding: 0.5em 0.6em;
    text-decoration: none;
    text-transform: uppercase;
}
#blog li.blog a, #art li.art a, #comics li.comics a {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #000000;
}
#nav li a:hover {
    background: none repeat scroll 0 0 #336688;
    color: #FFFFFF;
}





/* Main Column sa right side*/
.three-col #main 
{	
	margin: 10px 0px 0 200px;
	
	
}

.three-col2 #main 
{	
	margin: 0px 0px 0 10px;
	
	
}



/* Main column sa paragraph */
.three-col #main p
{	
	margin: 0 0 0 0;
	
}

.three-col #main .aboutbk
{
	background: url(../images/) repeat-y 550px;
	height:187;
	text-align:left;
	
}

.two-col #main {
	 margin: 0 5px 0 200px;

	
}


#main h1 {
	margin: 0 10px 0 10px;
	font: normal 1.8em Georgia, "Times New Roman", Times, serif;
	color: #444;
	padding: 0 0 2px 0; 		
	border-bottom: 1px solid #dadada;
	
}



/* Sidebar */	
#sidebar {
	float: left;
	width: 191px;	
	
}	

#sidebar2 {
	float: left;
	width: 25px;	
	
}


#sidebar h1 {
	margin-top: 10px;
	padding: 5px 0 4px 10px; 
	font: bold 14px Calibri;
	color: #ffffff;
	background: url(../images/headerbg.gif) repeat-x left bottom;	
	
}


#sidebar .left-box {
	
}




#sidebar .left-box .conventions{
/*	float: left; */
	background:url(../images/sotp.png) no-repeat 0 0 #FFFFFF;
	height:140;
	width: 180px;
}

#sidebar .left-box .forex{
/*	float: left; */
	background:url(../images/ticket.jpg) no-repeat 0 0 #FFFFFF;
	height:500px;
	width: 193px;
}


#sidebar .left-box .crown{
/*	float: left; */
	background:url(../images/crownlogo.png) no-repeat 0 0 #FFFFFF;
	height:157px;
	width: 193px;
	
}



#sidebar .left-box .promomenu{
/*	float: left; */
	background:url(../images/promomenu.jpg) no-repeat 0 0 #FFFFFF;
	height:157px;
	width: 193px;
	
}

#sidebar .left-box .abous{
/*	float: left; */
	background:url(../images/about1.jpg) no-repeat 0 0 #FFFFFF;
	height:157px;
	width: 193px;
	
}

#sidebar .left-box .awarding{
/*	float: left; */
	background:url(../images/awarding2.jpg) no-repeat 0 0 #FFFFFF;
	height:157px;
	width: 193px;
	
}

img.floatLeft { 
    float: left; 
    margin: 4px; 
}

img.floatRight { 
    float: right; 
    margin: 4px; 
}

div.floatLeft { 
    float: left; 
    margin: 4px; 
}


#sidebar .left-box .Conventions{
/*	float: left; */
	background:url(../images/sotp.png) no-repeat 0 0 #FFFFFF;
	height:157px;
	width: 193px;
	
}


#no-border  
{
    border:none;
    }

#sidebar .left-box .promo1{
/*	float: left; */
	padding-left:-100px;
}

	
	
span {
    color: #444444;
    font-size: 12px;
    font-weight: bold;
    line-height: 1em;
}


#sidebar ul.sidemenu 
{              
	width:auto ;
	text-align: left;
	padding: 0;
}


#sidebar ul.sidemenu li {
	border-bottom: 1px solid #EFF0F1;
	background: url(../images/go.gif) no-repeat 5px 5px;	
	padding: 2px 0 2px 25px;
	margin: 0 3px;	
}

#sidebar ul.sidemenu li.home{
	border-bottom: 1px solid #EFF0F1;
	background: url(../images/homes.gif) no-repeat 7px 6px;	
	padding: 2px 0 0 25px;  
	
}

#sidebar ul.sidemenu li.Awards{
	border-bottom: 1px solid #EFF0F1;
	background: url(../images/awards.gif) no-repeat 5px 5px;	
	padding: 2px 0 0 25px;  
	height:23px;
	width: 17px;
	
}

#sidebar ul.sidemenu li.package{
	border-bottom: 1px solid #EFF0F1;
	background: url(../images/packages.gif) no-repeat 5px 5px;	
	padding: 2px 0 0 25px;  
	height:23px;
	width: 17px;
	
}

#sidebar ul.sidemenu li.promo{
	border-bottom: 1px solid #EFF0F1;
	background: url(../images/plane.gif) no-repeat 5px 5px;	
	padding: 2px 0 0 25px;  
	
	
}


#sidebar ul.sidemenu li.about{
	border-bottom: 1px solid #EFF0F1;
	background: url(../images/abouts.gif) no-repeat 5px 5px;	
	padding: 2px 10px 0 25px;  
	margin-right :auto;
	height:23px;
	width: 17px;
	
}

#sidebar ul.sidemenu a {
	font-weight: bolder;
	text-decoration: none;	
	background-image: none;	
}


/* Menu */
#menu 
{
	
	clear: both;	
	margin: 0; padding: 0 40px 0 0;
	background: url(../images/menu.jpg)  repeat-y center top;	
	font: bold 12px/26px Verdana, Arial, Tahoma, Sans-serif;
	height: 26px;
}
#menu ul {
	float: right;
	list-style: none;
	margin:0; padding: 0;
}
#menu ul li {
	display: inline;
}
#menu ul li a {
	display: block;
	float: left;
	padding: 0 8px;
	color: #FFF;	
	text-decoration: none;
}
#menu ul li a:hover {
	background-color: #ECECEC;
	color: #333;	
}
#menu ul li#current a {	
	background-color: #FFF;
	color: #333;
}




/* right column */
#rightcolumn{
	float: right;
	margin: 10px -14px 0 2px;
	

}


/* sidemenu */
ul.sidemenu {
	text-align: left;
	margin: 7px 8px 8px 10px; padding: 0;			
	border-top: 1px solid #E5E5E5;
	text-decoration: none;	
}

ul.sidemenu li {
	list-style: none;
	padding: 4px 0 4px 5px;
	margin: 0 2px;		
	border-bottom: 1px solid #E5E5E5;
}

*html body ul.sidemenu li {
	height: 1%;
}

ul.sidemenu li a {
	text-decoration: none;
	color: #326ea1;
	border: none;
}
ul.sidemenu li a:hover {
	color: #383d44;
	border: none;

}

/* footer-wrap */
#footer-wrap {
	clear: both;
	width: 910px;
	font-size: 75%;
	padding: 5px 0;
	
	background: url(../images/footer-bottom.jpg) no-repeat center bottom;	
}
#footer-wrap a {
	text-decoration: none;
	color: #666666;
	font-weight: bold;
}
#footer-wrap a:hover {
	color: #000;	
}
#footer-wrap p {


}
#footer-wrap h2 {
	color: #666666;
	margin: 0;
	padding: 0 10px; 
}

/* footer */
#footer {

	clear: both;
	color: #666;	
	margin: 0 auto 10px auto; 
	width: 850px;
	padding: 5px 0;
	text-align: center;	
	
	border-top: 1px solid #F2F2F2;	
}

/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; 
	 padding:5px 0 0 55px; 
	margin:0 0 20px 0; 
	}

/* display and additional classes */
.clear { clear: both; }

/* post */
.post-by {
	font-size: .95em;	
	padding-top: 0;
}
.post-footer {
	background: #F5F5F5;
	padding: 5px; margin: 20px 10px 0 10px;	
	font-size: 95%;	
	color: #666666;	
}
.post-footer .date{
	margin: 0 10px 0 5px;	
}
.post-footer a.comments {
	margin: 0 10px 0 5px;	
}
.post-footer a.readmore {
	margin: 0 10px 0 5px;	
}
/*****javascript use****/
.Hide
{
	display: none;
}
.ShowBlock

{
	display: Block;
}

#content {
	clear: left;
	color: #ababab;
	}
	
.FlowLeft
{
	float:left;
}

#test {
	z-index: 500;
	position: absolute;
	top:100px;
	left: 100px;
	width:100px; margin:15px auto 0 auto;
	background: url(../images/bck-content.png) repeat-y top right;
}


.three-colBM #main {
	
	
}



.Time{
	margin: 0 0 -1px 650px;
	
}


#NewsTicker{
	border:solid 1px #F9E41F;
	width:648px;
	height:190px;
	background-color: #FFFFDF;
		
	
}
	#NewsTicker h1{
    width:648px;
	padding:6px;
	margin:0;
	height:30px;
	border:0;
	background-color:#ed3624;
	/*color:#aacb4e;
	font-size:15px;background: url(../images/yellow-bar.png) no-repeat left top;*/
	font-size: 1.2em;
	color: #222222;

	font: 1.2em Calibri;
	}

#NewsTicker .what{
	
	margin:0;
	height:15px;
	border:0;
	background:#feb702;
	/*color:#aacb4e;
	font-size:15px;background: url(../images/yellow-bar1.png) no-repeat left top;*/
	
	color: #FFFFFF;

	font: 14px Calibri;
	width: 637px;
	}

#NewsVertical {
	width: 648px;
	height: 200px;
	display: block;
	overflow: hidden;
	position: relative;
	                                         
	}
	#NewsVertical1 {
	width: 648px;
	height: 182px;
	display: block;
	overflow: hidden;
	background: url(../images/UG/CU.JPg) no-repeat left top;
	position: relative;
	
	}
	#NewsVertical2 {
	width: 648px;
	height: 182px;
	display: block;
	overflow: hidden;
	background: url(../SMT/CU.JPg) no-repeat left top;
	position: relative;
	
	}
/* --------------- */
/* Ticker Vertical */
	
	#TickerVertical {
	width: 648px;
	height: 140px;
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
   font: 14px Calibri;


	}
	
	
	
	#TickerVertical li {
	width: 648px;
	color: #444444;
	text-align: left;
	font-size: 15px;
	margin: 0;
	padding: 30px 50px 0 20px;
	float: left;
	height: 164px;
	display: inline;
	}
	
	
		#TickerVertical li .NewsTitle{
			display: block;
			color: #000000;
			/* sa title ito */
			font-size: 15px;
			margin-bottom:6px;
			font-family: Calibri;
			
			
		}
		#TickerVertical li .NewsTitle a:link,
		
		#TickerVertical li .NewsTitle a:Visited {
			display: block;
			color: #000000;
			margin-top: 5px;
			margin-bottom:6px;
			text-decoration:none;
		}
		#TickerVertical li .NewsTitle a:hover {
			text-decoration:none;
		}
		
		#TickerVertical li .NewsImg{
			float:left;
			margin-right:10px;
			border:solid 1px #DEDEDE;
		}
		
			
		#TickerVertical li .NewsFooter{
			display: block;
			font-size: 10px;
			margin:6px 0 14px 0;
			color:#000000;
			padding:0 20px 0 0;
			
		}