@charset "utf-8";
/* CSS Document */

html {
/*	background-color:	#330033;*/
	background-image:url('../images/page_bg.png');
	font: 				76% Arial, Helvetica, sans-serif;
	text-align:			center;
	margin:				0;
}

/*Below added in from babystyles.css*/
body {background-color: #FFFFEO; <!--#FACD8A;nice yellow:FFFFCC; FFFFEO-->
	font-family: Arial, Helvetica, sans-serif; font-size: 10pt;
	color: #330033; margin-top:17px}

div {
	clear:both;
	margin: 0 10px 12px;
}
div.intro {padding: 10px}
div.chapters {padding: 10px}
div.hikes {padding: 10px}
div.locationNAttractions {padding: 10px}
div.imageGroup{padding: 5px; white-space: nowrap}
p.blockImages{white-space: nowrap}/*resized window doesn't move images and text, instead, scrollers appear, but doesn't work*/
p.blockImages{width: 910px; height: 310px; overflow: scroll} /* sets size of element and adds scrollbars so user can see overflow*/
div.otherInfo {padding: 10px}
div.routes {padding: 10px}
img {margin:6px}
h1 {margin:6px}
h2 {margin:10px}
h3 {margin:10px}
h3 {border-top: 2px groove #00AEED}
h4 {margin:10px}
h5 {margin:0px}
h2.calendarmonth { text-align: center; }
text {margin:10px}
p {margin-top:0; margin-bottom:12px; margin-left:10px; margin-right:10px}
li {list-style-type: disc; list-style-image: none; list-style-position: inside; margin:10px;}
/*End BabyStyles.css code*/

div {
	margin-right:		auto;
	margin-left:		auto;
}

#container {
	width: 940px;
        height: 155px; 
	background-color:	 #BAE2F6;   /*#C6E2F0;#8DC73F;*/
	-moz-border-radius: 15px;
	-webkit-border-radius:	15px;
}

#header {
	width:				910px;
	height:				155px;/*88px;*/
	clear:				both;
	float:				none;
	text-align:			center;
	margin-left: 		15px;
	background-color:	transparent;
	/*padding-top:		5px;
	padding-bottom:		5px;*/
}

div.gallery-container {
	background: #fff;
	clear: none;
	float: left;
	margin: -5px 15px 5px 0;
}

#login {
	/*float:				right;*/
	height:				155px;/*88px;*/
	color:				white;
	font-family:		Arial, Helvetica, Sans-serif;
	font-size: 			12px;
	line-height:		88px;
	margin-right: 		25px;
}

#login a:link {
	color:				white;
	text-decoration:	none;
}

#login a:hover {
	color:				lime;
}

#login a:visited {
	color:				white;
	text-decoration:	none;
}

#content-box {
	/*height:				700px;*/
	text-align:			left;
}

#content-area {
	/*height:				690px;*/
	width:				910px;
	margin:	10px 0 0 -1em;
	background-color:		white;
	-moz-border-radius: 		10px;
	-webkit-border-radius:		10px;
	z-index:			0;
/*	padding-top:			1px; */
	padding: 1em;
}

#awesome-box {
	width:				881px;
	height:				362px;
	-moz-border-radius:	10px;
	-webkit-border-radius:	10px;
	background-color:	#BAE2F6;<!--silver;-->
	<!--background-image:	url("/images/beastBackground.jpg");-->
}

#awesome-container {
	width:				100%;
	height:				277px;
	margin-top:			10px;
	-moz-border-radius-topright:	10px;
	-moz-border-radius-topleft:		10px;
	-webkit-border-radius-topright:	10px;
	-webkit-border-radius-topleft:	10px;
background-color:	#BAE2F6;<!--silver;-->

}

#info-1{
	display:			block;
}

#info-2{
	display:			none;
}

#info-3{
	display:			none;
}

#info-4{
	display:			none;
}

#info-5{
	width:				100%;
}

#text-1{
	margin-top:			30px;
	margin-right:		20px;
	margin-left:		20px;
	float:				left;
	width:				570px;
	font-style:			Arial,Helvetica,Sans-Serif;
	color:				navy;
}

#content-area h2{
	-x-system-font:none;
	color:#660066;
	font-family:arial,georgia,serif;
	font-size:25px;
	font-size-adjust:none;	
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	letter-spacing:-1px;
	line-height:35px;
}

#text-2 {
	margin-top:			30px;
	margin-right:		20px;
	margin-left:		20px;
	float:				right;
	width:				500px;
	font-style:			Arial,Helvetica,Sans-Serif;
	color:				navy;
}

#text-3 {
	margin-top:			30px;
	margin-right:		20px;
	margin-left:		20px;
	float:				left;
	width:				500px;
	font-style:			Arial,Helvetica,Sans-Serif;
	color:				navy;
}

#text-4 {
	margin-top:			20px;
	margin-right:		20px;
	margin-left:		20px;
	float:				right;
	width:				450px;
	font-style:			Arial,Helvetica,Sans-Serif;
	color:				navy;
}

#text-5 {
	margin-right:		20px;
	margin-left:		20px;
	float:				left;
	width:				450px;
	font-style:			Arial,Helvetica,Sans-Serif;
	color:				navy;
}

#awesome-container p{
	color:navy;
	line-height:18px;
	padding-bottom:10px;
	font-size:			13px;
}

#awesome-tabs {
	width:				100%;
	height:				85px;
}

#awesome-tabs table {
	width:				100%;
	height:				85px;
}

#awesome-tabs table td {
	/*width:				220px;*/
	text-align:			center;
	font-weight: 		bold;
	font-size:			17px;
	border-width:		1px;
	border-style: 		solid solid none none;
	border-color:		#F0F0F0
}

#copyright-links {
	color:				white;
}

#copyright-links a:link {
	color:				white;
	text-decoration:	none;
}

#copyright-links a:hover {
	color:				lime;
	text-decoration:	none;
}

#copyright-links a:visited {
	color:				white;
	text-decoration:	none;
}

.imageLink {
	border: 			none;
}


/* Navigation Style */
.dropdown {
	margin-top: 		20px;
	padding-top: 		30px;
	padding-left: 		0px;
	position: 		relative;
	font-family: 		"Trebuchet MS", Arial, sans-serif;
	width: 			908px;
	height: 		27px;
	border: 		1px solid #666666;
	font-size: 		14px;
	color: 			#ffffff;
	background-image:	url("http://strollerhikes.com/images/forgetmenot.jpg");

}

.dropdown ul {
list-style-type: none;
	padding: 			0;
	margin: 			0;
	list-style: 		none;
}

.dropdown ul li {

list-style-type: none;

	float: 				left;
	position: 			relative;
	background: 		green;
	margin: 			0 0 0 4px;
}

.dropdown ul li a {
list-style-type: none;

	border-right: 		1px solid #666666;
	padding: 			5px 17px 5px 17px;
	display: 			block;
	text-decoration: 	none;
	color: 				#000;
	text-align: 		left;
	color: 				#fff;
}

.dropdown ul li a:hover {
list-style-type: none;

	color: 				#ffffff;
	background: 		#232323;
}

/* Second Level Drop Down Menu */
.dropdown ul li ul {
list-style-type: none;
	display: 			none;
}

.dropdown ul li:hover ul {
list-style-type: none;

	font-size: 			13px;
	display: 			block;
	position: 			absolute;
	top: 				27px;
	min-width: 			150px;
	left: 				0;
	z-index: 			200;
}

.dropdown ul li:hover ul li a {
list-style-type: none;

	display: 			block;
	background: 		#000;
	color: 				#ffffff;
	width: 				110px;
}

.dropdown ul li:hover ul li a:hover {
list-style-type: none;

	background: 		#666666;
	color: 				#ffffff;
}

/*If I need a sub-sub menu(Third level)*/
.dropdown ul li:hover ul li ul {
list-style-type: none;

	display: 			none;
}

.dropdown ul li ul li:hover ul {
list-style-type: none;

	display: 			block;
	position: 			absolute;
	left: 				140px;
	top: 				0;
}

/* Tooltips */
.tooltip {
	background-color: #FFC;
	color: black;
	border: 1px solid black;
	padding: 1em;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
	display: none;
	width: 400px;
}

#event-calendar {
	width: 900px;
	margin: 1em auto;
	text-align: center;
}