/*================================================================
CSS file for AT Guides Pages: Maryland - by Brian Call
================================================================*/

/* APPLY TO ALL */
*{
	padding: 0;
	margin: 0;
	border: 0;
	font-family:Arial, Tahoma, sans-serif;
	font-size: 1em;
	text-decoration: none;
}

/* BODY */
body{
	background-color: #e8e0b0; /* beige */
}

/* PARAGRAPHS */
p{
	font-size: 1em;
	text-indent: 2.0em;
	text-align: justify;
	padding: 3px;
	line-height: 1.4em;
}

p:first-letter{
	font-size: 1.3em;
	font-weight: bold;
}

/* HEADINGS */
h2{
	text-decoration: underline;
}

/* LISTS */
ul{
	line-height: 1.4em;
}

ol{
	line-height: 1.4em;
	list-style-position: inside;
}

/* LINKS OVERALL */
a{
	text-decoration: none;
	color: #407439; /* green */
}

a:hover{
	text-decoration: underline;
}

/* HEADER */
.header{
	width: 90%;
	margin-top: 1%;
	margin-bottom: 0.4%;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #808080; /* gray */
	padding: 3px;
	text-align: center;
	background-color: #FFFFFF; /* white */
	color: #000000; /* black */
		
	/* I load a large image here to ensure that if the window is viewed on a large monitor that no white space will be present. */
	background-image: url('../images/IMGP4246_cust2.jpg'); /* AR View */
	background-repeat:no-repeat;
	background-position: 50% 25%;
	
	/* Despite large image, I thought it best to include a max height and width just in case */
	max-width: 1382px;
	max-height: 859px;
	
	font-weight: bold;
}

.big_title{
	font-size: 3em;
	text-align: center;
	margin-left: 85px;
}

.small_title{
	font-size:2em;
	text-align: center;
	margin-left: 85px;
}

#at_logo_head{
	float: left;
	width: 150px;
	height: 150px;
	position: absolute;
	top: 0px;
	left: 0px;
	border: 0;

}

/* NAV BAR LINK-DIV ONLY VERSION */
.nav_bar{
	width: 90%;	
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	
	padding: 10px;
	
	margin-top: 0.4%;
	margin-bottom: 0.4%;
	
	clear: both;
	
	text-decoration: none;
	
	line-height: 2em;
}

.nav_bar a{
	border: 1px solid #000000; /*  black */
	background-color:#FFFFFF; /*  white */
	
	text-decoration:none;
	font-weight:bold;
	
	text-align:center;
	
	color: #000000; /*  black */
	
	padding: 3px 8px 3px 8px;
	margin: 0.4% 0.7% 0.3% 0.7%;
}

.nav_bar a:link{	
	border: 1px solid #000000; /* black */
	background-color:#FFFFFF; /* white  */
	
	font-weight:bold;
	text-decoration:none;
	
	text-align:center;
	/* color: #385b91;  */
	
	padding: 3px 8px 3px 8px;
	margin: 0.4% 0.7% 0.4% 0.7%;
}

.nav_bar a:visited{
	border: 1px solid #000000; /* black */
	background-color:#FFFFFF; /* white */
	text-decoration: none;
}

.nav_bar a:hover{
	border: 1px solid #000000; /* black  */
	background-color:#407439; /* green  */
	color: #FFFFFF; /* white  */
}

.nav_bar a:active{
	border: 1px solid #000000; /*black  */
	color: #000000; /* black  */
	/* background-color: #d2e4ec; /*  */
	background-color: #FFFFFF; /* white */
	text-decoration: underline;
}

/* BREADCRUMBS */
.breadcrumb{
	font-size:smaller;
	color: #808080; /* gray */
	background-color: #d2e4ec; /* blue */
	padding: 2px;
	font-weight: bold;
	clear: both;
}

.breadcrumb a{
	text-decoration: none;
	color: #407439; /* green */
	font-weight: bold;
	clear: both;
}

/* NOT USED, MAY BE NEEDED LATER
.breadcrumb a:link{

}

.breadcrumb a:visited{

}

.breadcrumb a:active{

}
*/

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

.end_crumb{
	color: #000000; /* black */
}

.breadcrumb_small_caps{
	font-variant: small-caps;
	color: #808080; /* gray */
}

/* QUOTES BLOCK */
.quotes{
	font-size: .9em;
	text-align: center;
	width: 60%;
	margin: 10px;
	padding: 5px;
	margin-left: auto;
	margin-right: auto;
	background-color: #d2e4ec; /* blue from breadcrumbs */
	line-height: 1.2em;
	/* color: #385b91; */
}

.quotes a{
	color: #808080; /* gray */
}

.quote{
	font-style: italic;
}

.quote_loc{
	text-align: right;
	font-size: .9em;
	color: #808080; /* gray */
}

/* VIDEOS */
.video{
	text-align: center;
	margin: 1.5em 1.5em 3em 1.5em;
}

/* GENERIC CLASSES */
.bold{
	font-weight: bold;
}

.bold_underline{
	font-weight: bold;
	text-decoration: underline;
}

.underline{
	text-decoration: underline;
}

.center{
	text-align: center;
}

/* CONTENT */
.content{
	border: 1px solid #808080; /* gray */
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	padding: 3px;
	background-color: #FFFFFF; /* white */
}

.stats{
	text-align: left;
	/* font-size: 1.2em; */
	font-weight: bold;
	width: 35%;
	background-color: #d2e4ec; /* blue */
	/* background-color: #e8e0b0; */
	margin: 3px 0px 3px 0.3em;
	padding: 5px;
}

.stats p{
	text-align: left;
}

.stats ul{
	list-style-type: none;
	margin-left: 1.2em;
}

.stats li:before{
	content: "\00BB \0020"; 
}

.rules{
	width: 35%;
	margin-left: 0.3em;
}

.rules p{

}

.rules ol{
	list-style-position: inside;
}

.rules ul li{
	margin-left: 2.0em;
}

.at_logo{
	float: right;
}

.author_note{
	float: right;
	width: 59%;
	/* margin: 3% 1.5% 3px 3px; */
	margin-left: auto;
	margin-right: 1%;
	margin-top: 3%;
	margin-bottom: 3px;
	border: 1px dashed #808080; /* gray */
	padding: 2px;
}

.highlight_text{
	background-color: #d2e4ec; /* blue */
	text-decoration: underline;
	padding: 2px;
	font-weight: bold;
}

.point_location{
	/*border: 1px outset #808080; */
	
	border-width: 1px;
	border-style: solid;
	border-top-color: #D8D8D8;
	border-left-color: #D8D8D8;
	border-right-color: #000000;
	border-bottom-color: #000000;
	
	padding: 5px;
	margin-top: 3px;
	margin-left: 5px;
	margin-right: 5px;
}

.point_location li{
	
}

.point_location ul{
	list-style-type: none;
}

.point_title{
	background-color: #d2e4ec; /* blue*/
	padding: 1px;
	text-align: center;
}

.point_title_b{
	background-color: #407439; /* green */
	color: #FFFFFF; /* white */
	text-align: center;
}

.links_lists ul{
	list-style-type: none;
	list-style-position: inside;
	margin-left: 10px;
	text-align: center;
}

.links_lists li{
	margin: 5px 0px 5px 0px;
}

.links_lists a{
	padding: 3px;
	margin: 6px;
}

.links_lists a:link{
	text-decoration: none;
}

.links_lists a:hover{
	border: 1px dashed #000000; /* black */
}

.links_lists a:visited{

}

.links_lists a:active{

}

#links_image{
	text-align: center;
}

#gear_lists{
	text-align: center;
	border: 1px solid #808080; /* gray */
	width: 85%;
	margin: 3px auto 3px auto;
}


#gear_lists table{
	text-align: left;
	/* border: 1px solid gray; */
	width: 85%;
	margin: 3px auto 3px auto;
}

#gear_table_headings td{
	/* text-align: center; */

	font-weight: bold;
	text-decoration: underline;
	background-color: #d2e4ec; /* blue */
}

.gear_care li{
	margin-left: 2.0em;
	list-style-position: inside;
	padding: 0px 10px 0px 10px;
}

.date_stamp{
	font-family: courier new;
	font-variant: small-caps;
	font-size: .9em;
	color: #808080; /* gray */
	text-align: center;
}

.hikes{
	border: 1px dotted #808080; /* gray */
	padding: 5px;
	margin-left: 2em;
	margin-right: 2em;
	margin-top: 10px;
	margin-bottom: 10px;
}

.hike_title{
	background-color: #d2e4ec; /* blue*/
	font-weight: bold;
	margin-bottom: 2px;
}

/* MAP PAGE ITEMS */
.map_block{
	margin-left: 2em;
	margin-right: 2em;
	clear: both;
}

.map_block img{
	border: 0;
}

.map_image{
	float: left;
	margin: 3px;
	clear: both;
}

/* SECTION HEADER BOXES */
.section_head{
	text-align: right;
	font-size: 1.5em;
	color: #385b91;
	background-color: #e8e0b0; /* beige */
	padding: 1px 5px 1px 1px;
	/*
	width: 50%;
	margin-left: auto;
	*/
}

.park{
	margin: 5px;
}

.park ul{
	list-style-type: square;
	list-style-position: inside;
}

.park li{
	margin-left: 2em;
}

.park_head{
	font-weight: bold;
	text-decoration: underline;
	background-color: #d2e4ec; /* blue */
	padding: 1px;
}

.park_addr{
	margin-left: 2em;
}

/* SITE MAP */
.sitemap{
	margin-left: 1.5em;
	margin-top: 0.5em;
}

.sitemap ul li{
	margin-left: 2.2em;
	list-style-type: disc;
}

.sitemap_image {
	float: right;
	padding-top: 3%;
}

/* FOOTER */
.footer{
	clear:both;
	/* border: 1px solid black; */
	width: 90%;
	margin-top: 1%;
	margin-bottom: 1%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	color: #808080; /* gray */
	font-size: .9em;
}

.footer p{
	text-align: center;
}

.footer p:first-letter{
	font-weight: normal;
	font-size: 1em;
}

.footer a{
	color: #808080; /* gray */
	font-variant: small-caps;
	text-decoration: none;
	font-size: 1.0em;
}

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

/* NOT NEEDED - MAY BE NEEDED LATER 
========================================
.footer a:link{
	
}

.footer a:visited{

}

.footer a:active{

}
=========================================*/

.page_cert{
	width: 90%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.page_cert img{
	margin-left: auto;
	margin-right: auto;
	padding:0;
}

.page_cert a:link{
	border: 0;
	text-decoration:none;
	margin-left: auto;
	margin-right: auto;
	padding:0;
	background-color: transparent;
}

.page_cert a:hover{
	border:0;
	text-decoration:none;
	margin-left: auto;
	margin-right: auto;
	padding:0;
	background-color: transparent;
}