/*************************************************************************************

	Barrhead Heritage Trail - CSS

*************************************************************************************/
*, body { margin: 0; padding: 0;}
.clear {clear: both;}
img {border: none;}

/*	body	*/
body {background: #f8f1e3 url("hdr-bck.jpg") top left repeat-x; color: #444; /*f8f1e3*/ font: normal 62.5%/1.5em "Trebuchet MS", Georgia, san-serif;
	text-align: center;
}

/*	page	*/
#page {margin: 0 auto; width: 900px; text-align: left;}

/*	header	*/
#header{height: 150px; background: transparent; color: #e9b413;}
#header h1 {float: left; font-weight: bold; font-size: 4.3em; line-height: normal; padding: 40px 0 0 30px;font-family: georgia;}

	/*	Search area	*/
	#search {float: right; width: 200px; height: 55px; padding: 60px 10px 10px;}
	#ajaxSearch_form {border: none;}
	input #ajaxSearch_input{font: normal 1.2em/1.5em "Trebuchet MS", Georgia, san-serif;}
	input #ajaxSearch_submit {font-weight: bold;}

/*	Left Nav */
#nav {float: left; width: 180px; margin: 38px 0 0 ; font-size: 1.2em; min-height: 500px;}
#nav ul {list-style-type: none;}
#nav ul li {margin: 1px 0 2px;}

	/*	link	lvl 1*/
	#nav li a,#nav li a:link, #nav li a:visited {display: block; padding: 5px 5px 5px 15px; text-decoration: none; background: #fff; color: #116b8f; border: 1px solid #116b8f;}
	#nav li a:hover {background: #116b8f; color: #fff; text-decoration: underline; }
	#nav li a:focus, #nav li a:active {background: #b8c8da; color: #fff; }

	/*	link 	lvl 1 - active	*/
	#nav li.active a,#nav li.active a:link, #nav li.active a:visited {display: block; padding: 5px 5px 5px 15px; text-decoration: none;background: #e9f2f5; color: #116b8f; border-right: 10px solid #116b8f;}
	#nav li.active a:hover {background: #68a1b8; color: #fff; text-decoration: underline;  border: 1px solid #116b8f; border-right: 10px solid #116b8f;}
	#nav li.active a:focus, #nav li.active a:active {background: #b8c8da; color: #fff; }

	/*	Active link - sub nav	*/
	#nav ul li.active ul {border: 1px solid #f8f1e3; height: 100%; display: block;padding-left: 15px; background: transparent; color: #fff;}
	#nav ul li.active ul li a, #nav ul li.active ul li a:link, #nav ul li.active ul li a:visited {display: block; padding: 5px 5px 5px 25px; text-decoration: none;background: #fff; color: #116b8f; }
	#nav ul li.active ul li a:hover {background: #68a1b8; color: #fff; text-decoration: underline; border: 1px solid #116b8f;border-right: 10px solid #116b8f;}
	#nav ul li.active ul li a:focus, #nav ul li.active ul li a:active {background: #b8c8da; color: #fff;}
	
	/*	Active link - sub nav - active sub link	*/
	#nav ul li.active ul li.active a, #nav ul li.active ul li.active  a:link, #nav ul li.active ul li.active  a:visited {display: block; padding: 5px 5px 5px 25px; text-decoration: none;background: #e9f2f5; color: #116b8f; border: 1px solid #116b8f; border-right: 10px solid #116b8f;}
	#nav ul li.active ul li.active  a:hover {background: #68a1b8; color: #fff; text-decoration: underline; border: 1px solid #116b8f; border-right: 10px solid #116b8f;}
	#nav ul li.active ul li.active  a:focus, #nav ul li.active ul li.active  a:active {background: #b8c8da; color: #fff;}
	
	/*	Active link - sub sub nav	*/
	#nav ul li.active ul li.active ul {border: 1px solid #f8f1e3; height: 100%; display: block;padding-left: 15px; background: transparent; color: #fff;}
	#nav ul li.active ul li.active ul li a, #nav ul li.active ul li.active ul li a:link, #nav ul li.active ul li.active ul li a:visited {display: block; padding: 5px 5px 5px 25px; text-decoration: none;background: #fff; color: #116b8f; }
	#nav ul li.active ul li.active ul li a:hover {background: #68a1b8; color: #fff; text-decoration: underline; border: 1px solid #116b8f;border-right: 10px solid #116b8f;}
	#nav ul li.active ul li.active ul li a:focus, #nav ul li.active ul li.active ul li a:active {background: #b8c8da; color: #fff;}
	
	/*	Active link - sub sub nav - active sub link	*/
	#nav ul li.active ul li.active ul li.active a, #nav ul li.active ul li.active ul li.active  a:link, #nav ul li.active ul li.active ul li.active  a:visited {display: block; padding: 5px 5px 5px 25px; text-decoration: none;background: #e9f2f5; color: #116b8f; border: 1px solid #116b8f; border-right: 10px solid #116b8f;}
	#nav ul li.active ul li.active ul li.active  a:hover {background: #68a1b8; color: #fff; text-decoration: underline; border: 1px solid #116b8f; border-right: 10px solid #116b8f;}
	#nav ul li.active ul li.active ul li.active  a:focus, #nav ul li.active ul li.active ul li.active  a:active {background: #b8c8da; color: #fff;}
	
	
/*	breadcrumbs	*/
#breadcrumb {float: right; width: 700px; margin: .2em; padding: .2em .5em; border-bottom: 1px solid #888; height: 100%; line-height: normal; font-size: 1.2em}	
#breadcrumb p {line-height: normal; margin: .3em .5em;}	
	
/*	content	*/
#hpcontent, #content {font-size: 1.4em; background: transparent; color: #222; }
#content {float: right; width: 700px; min-height: 500px; height: 100%; padding-bottom: 2em;}
#hpcontent h2, #content h2  {font-size: 2em; padding: .5em .25em 1em;}
#hpcontent h3, #content h3 {font-size: 1.7em; padding: .5em .25em 1em; line-height: normal;}
#content h4 {font-size: 1.4em;  padding: .5em .25em 1em}
#content h5 {font-size: 1.1em;  padding: .5em .25em 1em}
#hpcontent p, #content p {margin: 0 .5em .75em; line-height: 1.4em;}
#content ul, #content ol {margin: 0 .5em .5em 2.5em;}
#content li {margin: 0 .5em .4em;}

#content .right {float: right; width: auto; margin: 0 0 5px 10px; border: 1px solid #222;}

#content a, #content a:link, #content a:visited {background: #fff; color: #116b8f;}
#content a:hover {background: #68a1b8; color: #fff; text-decoration: underline; }
#content a:focus, #content a:active {background: #b8c8da; color: #fff;}

	/*	Home page	*/
	#hpcontent #lefthpbox {float: left; width: 325px; margin: 20px 0 0 ;height: 500px;text-align: center; padding: 10px 5px; }
	#hpcontent #righthpbox {float: right; width: 535px; margin: 20px 0 0 ; height: 500px; padding: 10px;}
	
	/*	buttons 	*/
	#hpcontent #righthpbox ul.buttons {list-style: none; display: inline; margin: 0; }
	#hpcontent #righthpbox ul.buttons li { float: left; width: auto; height: 200px; margin: 0; font-size: .9em; text-align: center;}
	#hpcontent #righthpbox ul.buttons li a {text-decoration: none;}
	
	/*	Google maps		*/
	#content iframe {margin: 0 0 20px; border: 1px solid #222;}
	
	/*	Address	*/
	#content address {font-style: normal; font-size: .95em; width: 55%; background: #fff url(vcard.jpg) top left no-repeat; height: 100%; line-height: 1.35em; margin: 5px 10px 10px 20px; padding: .5em .5em .5em 6em; border: 1px solid #ddd; border-right: 3px solid #ddd; border-bottom: 3px solid #ddd;  -moz-border-radius: 5px; -webkit-border-radius: 5px;}


	/*	Content - search results		*/
	.ajaxSearch_resultsInfo { margin: 0 10px 5px; border-bottom: 1px solid #dcdcdc; font-weight: bold; } 	/*	top results phrase	*/
	.ajaxSearch_paging {float: right; width: auto; padding: 3px 5px 5px; margin: 0 5px; } 	/*	pagination block	*/
	#ajaxSearch_resultListContainer { margin: 0 5px; border-bottom: 1px solid #dcdcdc;} 	/*	results container	*/
	.ajaxSearch_result, .ajaxSearch_resultsIntroFailure { clear: both; width: 85%; border: 1px solid #efc853; border-left: 6px solid #efc853; margin: 0 0 2px; padding: 4px 5px; margin: 0 0 10px; background: #fff; color: #414141;}
	.ajaxSearch_resultLink {padding: 3px 5px; font-weight: bold;}
	.ajaxSearch_highlight {border: 1px solid #efc853; font-size: 1em; background: #efc853; color: #111; padding: 1px 2px;}
	.ajaxSearch_resultDescription {padding: 3px 5px; font-size: 0.95em;}
	.ajaxSearch_extract {font-size: 0.9em; line-height: 0.9em; padding: 3px 0; margin: 0 0 -10px;}

	/*	Content - search results		*/
	#content ul.thumbs {list-style: none;}
	#content ul.thumbs li {float: left; width: 150px; margin: 0 5px 10px 0; border: 1px solid #f8f1e3; min-height: 170px; height: 100%;display: block; font-size: 0.8em; text-align: center;}

/*	Sidebar	*/
#sidebar{float: right; width: 25%;  font-size: 1.2em; min-height: 400px; border: 1px dotted red;}
#sidebar ul {margin: 0 .5em .5em 2.5em}
#sidebar li {margin: 0 .5em .4em;}
#sidebar h2 {height: 2.2em; line-height: 2.1em; font-size: 2em; padding-left: .5em;}

/*	Footer	*/
#footer {clear: both;  font-size: 1.2em; height: 60px; background: transparent url(ftr-bck.jpg) top left repeat-x; color: #444; padding: 20px 0;}
#footer p {text-align: center;}