/* main content css */

#contentwrapper {
	width:770px;
	margin:0px auto;
	text-align:left;
	padding:5px;
	background-color:#fff;
	line-height:1.4;
	voice-family: "\"}\""; 
 voice-family:inherit;
 width:760px;
	}
	
		
/* left nav bar - DD */
	
#menu 	{
  float: left; 
		width: 180px;
		margin-left: 1px;
		margin-top: 10px;
		font-size: 12px;
		background-color:#CC9933;
		text-align: left;
		clear:both;
	 }
	
#menu h1{
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #CDCD99;
	margin: 0px;
			margin-top: -16px;
	padding: 6px 0 4px 10px;
	background: #000 url(images/tripmenu_topbar2.gif) no-repeat;
	background-color: #000;
	text-align: left;
	border-bottom: 1px solid white;
	}
	
#menu h2 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #767549;
	margin: 0px 0px -4px 0px;
	padding: 5px;
 	padding-left: 8px;
	border-top: 1px solid #9FAAAE;
	}
	
	#menu h3{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:bold;
	color: #000;
	margin: 0px;
	padding: 5px;
	background-color: #9A9B62;
	}	

	#menu h4{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #cdcd99;
	margin: 0px 0px 4px 0px;
	padding: 5px;
	background-color: #424f57;
	}	
	
#menu h5 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	color: #000;
	margin: 0px;
	padding: 5px 8px 5px 5px;
	border-top: 1px solid #9FAAAE;

	}
	
	#menu h6{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:normal;
	color: #000;
	margin: 0px;
	padding: 5px;
	}	
	
#menu-content {
	width:180px;
	margin: 0px;
	padding: 0px;
	border-left: 2px solid #9FAAAE;
 border-right: 2px solid #9FAAAE;
	voice-family: "\"}\""; 
 voice-family:inherit;
 width:176px;
}
	
#menu-content p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin: 0px;
	padding: 5px 5px 8px 8px;
	}	
/*
.listRow a:link		{text-decoration: none;	color:#ba6d25; font-weight: normal}
.listRow a:visited	{text-decoration: underline;	color:#ba6d25;	font-weight: normal}
.listRow a:hover	{text-decoration: underline;	color:#ccc;	font-weight: normal}  
.listRow a:active {text-decoration: underline; color:#ba6d25; font-weight: normal}  */
		
/* bottom curved part of menu bar */	
	.bottom-bar{
	margin: -1px 0px 10px 0px;
 padding: 5px 0 5px 0;
	background: #fff url(images/tripmenu_bottombar2.gif) no-repeat;
 }



/* LEFT NAV BAR */

#triplist {
text-align: left;
font-weight: bold;
margin: 0px;
padding: 0px;
background-color: #9a9b62;
color: #333;
}

#triplist h3 {
font: 10px Verdana, helvetica, sans-serif;
color: black;
font-weight: bold;
padding: 5px 0px;
margin: 0px;
text-align: center;
border-bottom: 1px solid white;
}	

#triplist ul{
margin: 0;
padding: 0;
border: none;
list-style-type: none;
}

#triplist li {
border-bottom: 1px solid white;
margin: 1px 0px;
padding:0;
list-style-type: none;
}

#triplist li a {
display: block;
padding: 8px;
margin: 0;
background-color: #9a9b62;
color: #000;
text-decoration: none;
}

html>body #triplist li a { width: auto; }

#triplist li a:hover{
display: block;
background-color: #996600;
color: #fff;
}

/* LEFT NAV BAR */

#treks {
text-align: left;
font-weight: bold;
padding: 5px 5px;

color: #333;
}

#treks h3 {
font: 10px Verdana, helvetica, sans-serif;
color: black;
font-weight: bold;
padding: 5px 0px;
margin: 0px;
text-align: center;
border-bottom: 1px solid white;
}	

#treks ul{
margin: 0;
padding: 0;
border: none;
list-style-type: none;
}

#treks li {
border-bottom: 1px solid white;
margin: 1px 0px;
padding:0;
list-style-type: none;
}

#treks li a {
display: block;
padding: 4px;
margin: 0;

color: #000;
text-decoration: none;
}

html>body #triplist li a { width: auto; }

#treks li a:hover{
display: block;
background-color: #996600;
color: #fff;
}




/* content side */
	
#content	{
		float: left;
		width: 565px;
		margin-left: 10px;
		}
		
#content h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #cdcd99;
	margin: 0px;
	padding: 6px 0px 4px 10px;
	background: #000 url(/images/superbar.gif) no-repeat;
 border-bottom: 2px solid white;
	background-color: #000;
	text-align: left;
	}	
	

		
#breadcrumbs	{
		text-align: right;
		font: 10px verdana, arial, helvetica, sans-serif;
		background-color: white;
		padding: 7px 11px 7px 7px;
		}
		
/* padding hack for IE6 */		
* html #breadcrumbs { 		padding: 7px 10px 7px 7px; }				
		
/* compensating for 'wiggle' in the breadcrumbs in the trips section */		
#breadcrumbsTrips	{
		text-align: right;
		font: 10px verdana, arial, helvetica, sans-serif;
		background-color: white;
		padding: 7px 7px 10px 7px;
		}	
		
#footer
	{		clear: both; }	
	
/* main content h1 */
#contentTitle 	{
		float: left;
		width: 565px;
		text-align: left;
		background-color: #000;
		padding: 0;
		margin: 0;
  border-bottom: 2px solid white;
		border-top: 2px solid white;
	 }
	
#contentTitle h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #cdcd99;
	margin: 0px;
	padding: 6px 0px 4px 10px;
	background: #000 url(/images/superbar.gif) no-repeat;
	background-color: #000;
	text-align: left;
	}
	
/*  links in main content */	
	
a:link		{text-decoration: none;	color:#A44313; font-weight: bold}
a:visited	{text-decoration: none;	color:#A44313;	font-weight: bold}
a:hover	{text-decoration: none;	color:#FFF;	font-weight: bold}  
a:active {text-decoration: none; color:#A44313; font-weight: bold}  */	
	
/* the More... links beside the trip picture */	
#links {
 float: left;
	width: 94px;
	background-color:#9A9B62;
	text-align: left;
	padding: 0px;
	margin: 0px;
 min-height: 250px;
	}
	
* html #links { height: 250px; }
	
/*#links h3 {
	font: 14px arial, helvetica, sans-serif;
	color: red;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
 text-align: center;
	}	*/

#links ul{
list-style: none;
padding: 0px;
margin: 0px 0px 0px 0px;
}

#links li {
list-style: none;
padding-left: 8px;
background-image: url(/images/bullet.gif);
background-repeat: no-repeat;
background-position: 0 .5em;
}
/* trip style icons */
#icons {
	background-color: #CDCD99;
	text-align: center;
	margin: 15px 0px 0px 0px;
	padding: 10px 20px 10px 20px;
 float: right;
}
	
#icons h3 {
	font: bold 14px arial, helvetica, sans-serif;
	color: white;
	margin: 0px;
	padding: 3px;
	}	
	
/* wraps trip image and links menu */
#imageWrapper {
	background-color: #9a9b62;
	border-bottom:2px solid white;
	clear: both;
	/*background-image: url(/css/images/trippage_slice.gif); 
	background-repeat: repeat-x;*/
}

/* individual trip image */
.tripImage {
	border-left: 2px solid #fff;
	float:right;
	}			

/* to create a white dividing line if there are multiple maps */
.tripImageSplit {
	border-left: 2px solid #fff;
	border-bottom: 2px solid #fff;
	float:right;
	}		
	
/* main image on main pages */
.mainImage {
	border-bottom: 2px solid #fff;
	}			

/* this may not be needed. not sure yet */
#writeupWrap{
margin: 0px;
padding: 0px;
background-color: #CDCD99;
text-align: left;
	}

/* page styling for full page GC int. map */
.nosidebar {
margin: 0px 0px -10px 0px;
padding: 10px 0px;
text-align: left;
background-color: #CDCD99;
	}
.nosidebar p {
 padding: 0px 15px;
 }	

/* main text area */
#writeup {
margin: 0px;
padding: 0px;
padding-bottom: 15px;
text-align: left;
background-color: #CDCD99;
min-height: 330px;
	}	
	
* html #writeup { height: 330px; }	
	
#writeup ul {
margin-left: 30px;
}

#writeup .bullet ul {
list-style: none;
padding: 0;
margin: 15px 15px 6px 22px;
}
	
#writeup .bullet li {
list-style: none;
padding-left: 10px;
background-image: url(/images/circle.gif);
background-repeat: no-repeat;
background-position: 0 .5em;
}	
	
#writeup h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #cdcd99;
	margin: 0px;
	padding: 6px 0px 4px 10px;
	background: #000 url(/images/superbar.gif) no-repeat;
 border-bottom: 2px solid white;
	background-color: #000;
	text-align: left;
	}

#writeup h2 {
	font: 16px arial, helvetica, sans-serif;
	color: #fff;
	font-weight: bold;
	border-bottom: 1px solid white;
 margin: 1.3em 15px 0px 15px;
 }	
	
#writeup h3 {
	font: 14px arial, verdana, helvetica, sans-serif;
	color: #000;
	font-weight: bold;
	padding: 5px 15px;
	border-top: 1px solid white;
 margin: 1.5em 0 -.1em 0;
 }		

#writeup h4 {
	font: 14px verdana, arial, helvetica, sans-serif;
	color: #000;
	font-weight: bold;
	padding: 5px 15px;
	 margin: 5px 30px 1px 0px;
 	
 }	
	
#writeup h5 {
	font: 12px verdana, arial, helvetica, sans-serif;
	color: #000;
	font-weight: bold;
	padding: 0px 15px;
 margin: 1.3em 0 -0.9em 0;
 }			
	
/* currently being used for Guides / video section */
#writeup h6 {
	font: 16px arial, verdana, helvetica, sans-serif;
	color: #ba6d25;
	font-weight: bold;
	padding: 0px 15px;
 margin: 0;
	text-transform:uppercase;
 }				
	
#writeup p {
 padding: 0px 15px;
 }	

#writeup ul {
padding: 0px;
}

 
.column {
	float: left;
	padding: 0;
	margin: 0;
 width: 282px; 
	background-color:#cdcd99;
	}


#writeup table {
margin: 3px 15px;
font-size: 11px;
}



