/*TO DO

border-bottom:0 px; removes dashed border in anchors, currenly shows up on images too. a tag*/


body
{
	font:.8em/1.5em Verdana, Arial, Sans-serif;
	color:#000;
	text-align:center; /*IE 5 hack */
	margin:0;
	padding:0;
}

#wrapper {
	width:960px;
	background:#ffffff;
	text-align:left;
	margin:0 auto;
	border:1px solid #ccc;
}

#background_img {
	background:url(http://www.glyphguy.com/images/background_pinnacles.jpg) no-repeat;
	width:960px;
	height:711px;
	margin-left:0px;
	margin-top:0px;
	padding:0;
}


#logo_trailsign-jr a {
	background:url(http://www.glyphguy.com/images/tour-trailsign-jr.gif) no-repeat;
	width:125px;
	height:158px;
	display: block; /*allows for expansion of link in image */
	margin-left: 780px;
	margin-top: 160px; 
	position:relative;
}


#logo_trailsign_knockoff a {
	background:url(http://www.glyphguy.com/images/tour-trailsign-knockoff.gif) no-repeat;
	width:125px;
	height:158px;
	display: block; /*allows for expansion of link in image */
	margin-left: 780px;
	margin-top: 20px; 
	position:relative;
}



/* Anchors */

img
{  border-style: none;
}

img a
{  border-style: none;
/* border-bottom:0px dotted #0066cc; */
}

a {
text-decoration:none;
color:#7a2727;
/* border-bottom:1px dotted #0066cc; */
padding-bottom:1px;
}

a:link {
color: #7a2727;
}



a:visited {
color:#7a2727;
}

a:hover {
color: #7a2727;
}

a:active {
color: #7a2727;
}





ul
{
    margin-left:         20px;
	padding-right:        10px;
	padding-top:         5px;
    list-style-type:    round;
	font-size : 10pt;
 	color : #000000;
 	text-align : left;
 	line-height : 1.5em
	
}

ol
{
    margin-left:         20px;
	padding-right:        20px;
	font-size : 10pt;
	list-style-type:    number;
 	color : #000000;
 	text-align : left;
 	line-height : 1.2em
}


/* Navigation Delete this section? */

#logo_glyphguy a {
	background:url(http://www.glyphguy.com/images/logo_glyphguy.gif) no-repeat;
	float:left;
	width:160px;
	height:162px;
	display: block; /*allows for expansion of link in image */
	margin-left: 35px;
	margin-top: 12px; 
	position:relative;

}	

#logo_glyphguy2 a {
	background:url(http://www.glyphguy.com/images/logo_glyphguy2.gif) no-repeat;
	float:left;
	width:160px;
	height:160px;
	display: block; /*allows for expansion of link in image */
	margin-left: 35px;
	margin-top: 12px; 
	position:relative;

}	


#mission {
	width:500px;
	background:#fff;
	height:50px;
	margin-left:325px;
	margin-top:8px;
	background:url(http://www.glyphguy.com/images/mission.gif) no-repeat;
}	
	


#navcontainer ul {
	margin: 0;
	padding-top: 1px;
	padding-bottom: 130px; /*padding for bottom of navcontainer */
	margin-left:200px; /*position from left margin */
	list-style-type: none;
	text-align: center;
	font-family: arial;
	margin-top:0px;
	font-size: 14px;
	position:relative;

}

#navcontainer ul li { 
	display: inline;
	margin: 0;
	padding: 3px;
    width: 220px; /* width of ul li images */
	list-style: none;
	float: left;
	font: .8em verdana;
	text-decoration: none;
			
}

#navcontainer ul li a
{
	text-decoration: none;
	padding-top: 6px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: -10px; /*keeps pulldown aligned with image */
	color: #000;
	width: 180px;
	height: 7px; /*height of pulldowns */
	font: .9em verdana;

}
#navcontainer div

{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #5C655D;/*5C655D*/
	border: 1px solid #ffffff;
	}


	#navcontainer  div a

	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #b7b7b7;
		color: #ffffff;
		font: 11px arial;
		border: 1px solid #ffffff;
		}
			

	#navcontainer  div a:hover
	{	background: #184450;
		color: #FFF;
 }


/*End Nav Styles */


	
/* Content Styles */
	
#content {
	float:left;
	/*width:680px;  760*/
	background:#ffffff;
}

#contentMain {
	background:#ffffff;
	margin-left:0px;
	margin-right:0px;
	margin-top: 0px; 
	width:680px;
	border:0px;
	}


h1 {
	margin:0 20px 0px 20px;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	font-size:1.7em;
	line-height:1.2em;
	color:#134450;	/* Dark Blue Color */
	
}

h1.featured {
	margin:10px 20px 0px 20px;
	font-style:normal;
	font-size:1.2em;
	line-height:1.2em;
	text-transform:uppercase;
	color:#000000;	/* Dark Blue Color */
	
}

h2 {
	margin:6px 5px 0px 20px;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	font-size:1.2em;
	line-height:1.4em;
	color:#134450;	/* Blue Color */
}

h2.state {
	margin:12px 5px 0px 15px;
	font-style:normal;
	text-transform:uppercase;
	font-weight:normal;
	font-size:1.3em;
	line-height:1.4em;
	color:#174450;	/*  Dark BlueColor */
}

h2.sidebar {
	margin:5px 5px 0px 0px;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	font-size:1.2em;
	line-height:1.4em;
	color:#000000;	/* black */
	}
	
h2.mainFeature {
	margin:5px 5px 0px 5px;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	font-size:1.2em;
	line-height:1.4em;
	color:#000000;	/* dark blue Color */
	}
	
h2.parkGraphics {
	margin:5px 5px 0px 10px;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	font-size:1.2em;
	line-height:1.4em;
	color:#7a2727;	/* Red Color */
	}
h2.store {
	margin:10px 5px 0px 20px;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	font-size:1.6em;
	line-height:1.4em;
	color:#7a2727;	/* Red Color */
	}

h3 {
	margin:10px 5px 0px 20px;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	font-size:1.0em;
	line-height:1.1em;
	color:#000000;
	
}

img.box {
	margin:5px;
	
}

hr {
	margin:5px 20px 10px 20px;	
	width:640px;
	border:1px solid #e5dab7;
}


p {
	margin:5px 20px 10px 20px;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	font-size:100%;
	line-height:1.5em;	
}

p.noindent {
	margin:5px 5px 10px 0px;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	font-size:100%;
	line-height:1.5em;	
}

p.sidebar {
	margin:10px 0px 5px 0px;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	font-size:100%;
	line-height:1.4em;	
}

p.small {
	margin:5px 5px 5px 5px;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	font-size:.9em;
	line-height:1.4em;	
}

p.quote {
	margin:5px 0px 5px 0px;
	font-style:italic;
	font-variant:normal;
	font-weight:normal;
	font-size:100%;
	line-height:1.5em;	
}

p.reviews {
	margin:0px 20px 5px 0px;
	font-style:italic;
	font-variant:normal;
	font-weight:normal;
	font-size:100%;
	line-height:1.5em;	
}

p.mainFeature {
	margin:5px 5px 5px 5px;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	font-size:100%;
	line-height:1.4em;	
}

p.parkGraphics {
	margin:5px 20px 5px 0px;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	font-size:100%;
	line-height:1.4em;	
}

p.parkLocation {
	margin:5px 20px 1px 15px;
	font-style:normal;
	text-transform:uppercase;
	font-variant:normal;
	font-weight:normal;
	font-size:100%;
	color:#666666;
	line-height:2em;	
}

p.breadcrumb {
	margin:5px 0px 0px 20px;
	font-style:italic;
	font-variant:normal;
	padding-bottom:5px;
	font-weight:normal;
	font-size:.8em;
	line-height:1.1em;	
}

p.footer {
	margin:5px 0px 5px 0px;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	font-size:.8em;
	line-height:1.5em;	
}
	
 /*End Content Styles */


/*important */

#important {
	background:#ffffff;
	margin-left:0px;
	margin-right:0px;
	margin-top: 5px; 
	width:610px;
	border:1px solid #7A2727;
	margin-left: 20px;
	margin-left: 20px;
	padding:5px 10px 10px 10px;
	}


#mainFeatureA {
	background:#d0cfab;
	margin-left:0px;
	margin-right:0px;
	margin-top: 0px; 
	width:200px;
	border:1px solid black;
	padding:0px 0px 0px 0px;
	}

#mainFeatureB {
	background:#a4b8a7;
	margin-left:0px;
	margin-right:0px;
	margin-top: 0px; 
	width:220px;
	border:1px solid black;
	padding:0px 0px 0px 0px;
	}
	
#mainFeatureC {
	background:#beb58b;
	margin-left:0px;
	margin-right:0px;
	margin-top: 0px; 
	width:200px;
	border:1px solid black;
	padding:0px 0px 0px 0px;
	}


#storefeature {
	background:#ffffff;
	margin-left:20px;
	margin-right: 0px;
	margin-top: 0px; 
	margin-bottom: 20px; 
	width:900px;
	border:1px solid #e5dab7;
	padding:5px 20px 5px 0px;
	}



/*Sidebar Structures */
#sidebar {
	margin:30px 20px 20px -20em;
	background:#ffffff;
	float:right;
	width:260px;
}
	
#sidebarPaypal {
	background:#ffffff;
	margin-left:0px;
	margin-right:0px;
	margin-top: 20px; 
	width:249px;
	border:1px solid black;
	padding:5px 5px 5px 5px;
	}
	
#sidebarMap {
	background:#c2d1ce;
	margin-left:0px;
	margin-right:0px;
	margin-top: 20px; 
	width:249px;
	border:0px solid black;
	padding:0px 10px 0px 0px;
	}
	
#sidebarVisitStore {
	background:#ffffff;
	margin-left:0px;
	margin-right:0px;
	margin-top: 20px; 
	width:259px;
	border:0px solid black;
	padding:0px 10px 0px 0px;
}

#sidebarWhite {
	background:#ffffff;
	margin-left:0px;
	margin-right:0px;
	margin-top: 20px; 
	width:249px;
	border:0px solid gray;
	padding:5px 5px 5px 5px;
}
	
#sidebarFeature {
	background:#EEE8CD;
	margin-left:0px;
	margin-right:0px;
	margin-top: 20px; 
	width:239px;
	border:1px solid black;
	padding:5px 10px 10px 10px;
	}
	
#sidebarBlog {
	background:#EEE8CD;
	margin-left:0px;
	margin-right:0px;
	margin-top: 0px; 
	width:239px;
	border:1px solid black;
	padding:0px 10px 10px 10px;
	}
	
#sidebarMoreinfo {
	background:#A6B1A3; /*light green*/
	margin-left:0px;
	margin-right:0px;
	margin-top: 20px; 
	width:239px;
	border:1px solid black;
	padding:5px 10px 10px 10px;
	}
	
#sidebarSubscribe {
	background:#DCC0B5; /*light red*/
	margin-left:0px;
	margin-right:0px;
	margin-top: 20px; 
	width:239px;
	border:1px solid black;
	padding:5px 10px 10px 10px;
	}

#sidebarKnockOff {
	background:#EEE8CD; /*tan*/
	margin-left:0px;
	margin-right:0px;
	margin-top: 20px; 
	width:239px;
	border:1px solid black;
	padding:5px 10px 10px 10px;
	}
	
#sidebarC {
	background:#cccccc;
	float:right;
	width:240px;
	margin-right:20px;
	margin-top: 500px; 
	position:relative;
	border:1px solid black;
	}
	
	


/* testing new horizontal with sub menu header */

.basictab{
padding: 3px 0;
margin-left: 0;
font: bold 16px Verdana;
border-bottom: 1px solid gray;
list-style-type: none;
margin-bottom: 0;
text-align: center; /*set to left, center, or right to align the menu as desired*/
}

.basictab li{
display: inline;
margin: 0;
}

.basictab li a{
text-decoration: none;
padding: 3px 7px;
margin-right: 2px;
border: 1px solid gray;
border-bottom: none;
background-color: #e5dab7;
color: black;
}


.basictab li a:visited{
color: black;
}

.basictab li a:hover{
background-color: #e5dab7; /*glyphguy tan */
color: white;
}

.basictab li a:active{
color: black;
}

.basictab li.selected a{ /*selected tab effect*/
position: relative;
top: 1px;
padding-top: 4px;
background-color: #e5dab7; /*glyphguy tan */
color: black;
}


.submenustyle{
padding: 2px 1px;
border: 0px solid black;
border-top-width: 0;
background-color: #7a362a; /* 184450*/
width: auto;
display: none;
filter:alpha(opacity=0);
-moz-opacity:0;
}

* html .submenustyle{ /*IE only width definition*/
width: 100%;
}

.submenustyle a{
border-right: 1px dashed white;
padding: 5px 5px;
text-decoration: none;
color: white;
}

.submenustyle a:hover{
text-decoration: underline;
}