/* Site de St. Elijah Pioneer Museum
	----------------------------------
	Programmation et intégration: Donald Goodes et Mehdi Bouhalassa
	----------------------------------
*/
:-moz-any-link:focus {
  outline: none;
}

body {
	background-color: #ffffff;
	height: 100%;
	font-size: 9pt;
	font-family: verdana, sans-serif;
	margin: 0 auto;
	position: relative;
}

a {text-decoration: none; color: #519f8f;}
a:hover {text-decoration: underline; color:#2C5C50;} 
.clear {
	clear: both !important;
	display: block;
}

.clearboth {
	clear: both !important; 
	display: block; 
	line-height: 0px;
	height: 0px;
	/*this is for ie horror*/
}

/* MAIN ELEMENTS
-------------------------------------------*/
#page {
	width: 891px;
	margin: 0 auto;
	background-color: #fff;
}
/* HEADER
-------------------------------------------*/
#header {
	width: 891px;
	height: 138px;
}
#logo {
	height: 87px;
	background-color: #fff;
	background-image:url('../img/stelimus_header.jpg');
}
	#logo h1 {display:none;}
	#logo a {display: block;width: 600px; height: 85px;}



/* NAVIGATION
-------------------------------------------*/
#nav {
	height: 49px;
	background-color: #e1ddd5;
	border-top: 2px solid #519f8f;
	border-bottom: 2px solid #519f8f;
	display: block;
	clear: both;
}
#nav-sections {
	float: left;
	width: 662px;
	height: 51px;
}
	#nav-sections ul {
		margin: 8px 0 0 13px;
		padding: 0;
		list-style-type: none;
		font-family: "Times New Roman", Times, Roman, serif;
		font-size: 1.4em;
		font-weight: bold;
		line-height: 12pt;
	}
		#nav-sections li {
			margin: 0 30px 0 0;
			padding: 0;
			float: left;
			color: #8A7B60;			
			/*width: 140px;*/
		}
	#nav-sections a {
		color: #48786B;
		text-decoration: none;
	}
	#nav-sections a:visited {
		color: #48786B;
		text-decoration: none;
	}
	#nav-sections a:hover {
		color: #8A7B60;
		text-decoration: none;
	}		
	
	
#nav-extras {
	float: left;
	width: 229px;
}
	#nav-extras ul {
		margin: 8px 0 0 0;
		padding: 0;
		list-style-type: none;
		font-family: arial, helvetica, sans-serif;
		font-size: 1em;
		font-weight: bold;
		letter-spacing: 0em;
		float: right;
	}
		#nav-extras li {
			padding: 0 14px 4px 10px;
			margin: 0;
			float: right;
		}
	#nav-extras a {
		color: #EB7025;
		text-decoration: none;
		letter-spacing: .5pt;
	}
	#nav-extras a:visited {
		color: #EB7025;
		text-decoration: none;
	}
	#nav-extras a:hover {
		color: #2C5C50;
		text-decoration: none;
	}			
	
/* MAIN CONTAINER FOR BOTH LEFT AND RIGHT CONTENT
-------------------------------------------*/	
#content-main {
	margin-top: 15px;
}

/* CONTENT LEFT HOME PAGE
-------------------------------------------*/
#content-left {
	margin-top: 20px;
	float: left;
	width: 647px;
	background-color: #ffffff;
}

/* CONTENT LEFT MAIN SECTIONS
-------------------------------------------*/
#content-left-mainsec {
	margin-top: -3px;
	width: 647px;
	float: left;
	display: block;
}


	/* PICS AND LINKS FOR CONTENT TOP PICTURES HEADER ON HOME PAGE
	-------------------------------------------*/
	#toppics {
		height: 168px;
		width: 649px;
		background-image: url('../img/stelimus_home_toppics.jpg');
		background-repeat: no-repeat;
	}
		#toppics ul {
			font-family: "Times New Roman", times, roman, sans-serif;
			font-size: 12pt;
			font-weight: bold;
			font-style: italic;
			margin:0;
			padding:0;
			list-style-type: none;
			border: 0px green solid;
			z-index: 10000;
		}

		#toppics li {
			height: 27px;
			background-color: #EB7025;
			float: left;
			margin: 138px 0 0 0;
			padding: 5px 0 0 30px;
			/*display: block;*/
			border: 2px #EB7025 solid;
			list-style-type: none;
			background-image: url("../img/stelimus_takevisit_iconorange.gif");
			background-repeat: no-repeat;
			background-position: 7px 7px;
		}
			#toppics li:hover {border: 2px #2c5c50 solid;}
				
		#toppics a:link {
			color: #fff;
			text-decoration: none;
		}
		#toppics a:visited {
			color: #fff;
		}
		#toppics a:hover {
			color: #FFFF99;
		}		
			/* THIS IS TO ADD LINKS TO THE CONTENT TOP PICTURES HEADER 
			-------------------------------------------*/
			#toppics a {
  				position: absolute;
  				text-decoration: none;
 			}			
			
				#toppics a i { visibility: hidden; }			
				a#paulencu {height: 170px; width: 250px; margin-left: 0px;}
				a#church {height: 170px; width: 190px; margin-left: 260px;}
				a#cemetary {height: 170px; width: 180px; margin-left: 470px;}


	/* PICS AND LINKS FOR CONTENT SINGLE TOP PICTURE ON ALL OTHER MAIN PAGES
	-------------------------------------------*/
	.toppic {
		height: 217px;
		width: 641px;
		background-repeat: no-repeat;
		border: 3px #519F8F solid;	
		position: relative;
		top: 0;
	}
	/* NOTE: for the background image in toppic see header.php for dynamically created style*/
	
	.ie .toppic {
 	 width: 641px;
	}
	.ie7 .toppic {
	  background-color: orange
	}
/*.gecko .example {
  background-color: gray
}
.win.gecko .example {
  background-color: red
}
.linux.gecko .example {
  background-color: pink
}
.opera .example {
  background-color: green
}
.konqueror .example {
  background-color: blue
}
.webkit .example {
  background-color: black
}*/

	
		.toppic ul {
			position: absolute;
			top: 198px;
			left: -3px;
			font-family: "Times New Roman", times, roman, sans-serif;
			font-size: 12pt;
			font-weight: bold;
			font-style: italic;
			margin:0;
			padding:0;
			list-style-type: none;
			border: 0px green solid;
		}

		.toppic li {
			height: 27px;
			background-color: #EB7025;			
			padding: 5px 0 0 36px;
			/*display: block;*/
			border: 2px #EB7025 solid;
			list-style-type: none;
			background-image: url("../img/stelimus_takevisit_iconorange.gif");
			background-repeat: no-repeat;
			background-position: 7px 7px;
		}
			.toppic li:hover {border: 2px #2c5c50 solid;}
				
		.toppic a:link {
			color: #fff;
			text-decoration: none;
		}
		.toppic a:visited {
			color: #fff;
		}
		.toppic a:hover {
			color: #FFFF99;
		}	
		.uppercase {
			font-weight: bold;
		}	
			/* THIS IS TO ADD LINKS TO THE CONTENT TOP PICTURES HEADER 
			-------------------------------------------*/
			.toppic a {
  				position: absolute;
  				text-decoration: none;
 			}			
			
				.toppic a i { visibility: hidden; }			
				a#paulencubig {height: 217px; width: 640px; margin-left: 0px;}
				


	/* PICS AND LINKS FOR CONTENT SINGLE TOP PICTURE ON ALL SECONDARY MAIN PAGES
	-------------------------------------------*/

	
	.toppic_orange {
		height: 217px;
		width: 641px;
		background-repeat: no-repeat;
		border: 3px #EB7025 solid;	
		position: relative;
		top: 0;
		float: left;
	}
	
	
		.toppic_orange ul {
			position: absolute;
			top: 198px;
			left: -3px;
			font-family: "Times New Roman", times, roman, sans-serif;
			font-size: 12pt;
			font-weight: bold;
			font-style: italic;
			margin:0;
			padding:0;
			list-style-type: none;
			border: 0px green solid;
		}

		.toppic_orange li {
			height: 27px;
			background-color: #EB7025;
			padding: 5px 0 0 36px;
			/*display: block;*/
			border: 2px #EB7025 solid;
			list-style-type: none;
			background-image: url("../img/stelimus_takevisit_iconorange.gif");
			background-repeat: no-repeat;
			background-position: 7px 7px;
		}
			.toppic li:hover {border: 2px #2c5c50 solid;}
				
		.toppic_orange a:link {
			color: #fff;
			text-decoration: none;
		}
		.toppic_orange a:visited {
			color: #fff;
		}
		.toppic_orange a:hover {
			color: #FFFF99;
		}	
		.uppercase {
			font-weight: bold;
		}	
			/* THIS IS TO ADD LINKS TO THE CONTENT TOP PICTURES HEADER 
			-------------------------------------------*/
			.toppic_orange a {
  				position: absolute;
  				text-decoration: none;
 			}			
			
				.toppic_orange a i { visibility: hidden; }			
				a#otherattractionsgallery {height: 30px; width: 330px; margin-left: 0px;}




	.bloc-picleftorange {float: left; width: 165px; margin: 15px 0 0 10px;}
		.bloc-picleftorange img {border: 1px #2C5C50 solid;}
		.bloc-picleftorange p {margin: 5px 0 15px 0 !important; padding:0 !important; font-size:10px !important; color:#8A7B60 !important; font-family:Arial, Helvetica, sans-serif !important; text-align: left;}

	.bloc-textorange {float: right; width: 410px; padding: 0 29px 20px 0;}	
		.bloc-textorange h2 {margin: 15px 0 0 0 !important; padding: 0 29px 5px 22px;}
		.bloc-textorange h3 {color:#796C55; font-size: 13px !important; margin: 15px 0 5px 22px !important;}
		.bloc-textorange p {font-size: 10pt !important; margin: 0 0 5px 22px !important; padding:0 !important; text-align:left !important;}
		
	.bloc-textorange-full {padding: 18px 29px 15px 11px;}	
		.bloc-textorange-full h2 {margin: 15px 0 0 0 !important; padding: 0 29px 5px 7px;}
		.bloc-textorange-full h3 {color:#796C55; font-size: 13px !important; margin: 15px 0 5px 7px !important;}
		.bloc-textorange-full p {font-size: 10pt !important; margin: 0 0 5px 7px !important; padding:0 !important; text-align:left !important;}
		#contributeform h3 {font-size: 18pt !important; font-family:"Times New Roman", Times, serif;}
		#contributeform p {font-size: 10pt !important; font-family:Arial, Helvetica, sans-serif; color:#796c55 !important; font-style:italic;}
		
		
		.content-orange-intro h3 {color:#796C55; font-size: 13px !important; margin: 15px 0 5px 22px !important;}
		.content-orange-intro ul {font-size: 10pt !important; color: #2C5C50; width: 550px;}
		.content-orange-intro li {margin-bottom: 10px;}
			.content-orange-intro ul a:link {font-family: arial, helvetica, sans-serif!important; font-size:9pt !important; color: #2C5C50;}
			.content-orange-intro {padding-bottom: 7px !important; line-height:1.4em; text-align: justify; font-family: arial, helvetica, sans-serif;}
	

		.bloc-textorange h3 a {font-size: 11pt;}
		.bloc-textorange a  {font-size: 11pt;}
	
		.bloc-textorange a:link {text-decoration: none; color: #519F8F; font-weight: normal; font-family: "Times New Roman", TSimes, serif;}
		.bloc-textorange a:visited {text-decoration: none; color: #519F8F; font-weight: normal; font-family: "Times New Roman", TSimes, serif;}
		.bloc-textorange a:hover {text-decoration: underline; color: #2C5C50;}
	
		.bloc-textorange ul {font-size: 9pt !important; color: #2C5C50;}
			.bloc-textrgt ul a:link {font-family: arial, helvetica, sans-serif!important; font-size:9pt !important; color: #2C5C50;}
			.bloc-textrgt li {padding-bottom: 7px !important; line-height:1.4em; text-align: justify; font-family: arial, helvetica, sans-serif;}


/* HISTORY AND CONTEXT PAGE
-------------------------------------------*/
.bloc-picleft-resources {float: left; width: 165px; margin: 15px 0 0 10px;}
	.bloc-picleft-resources img {border: 1px #2C5C50 solid;}
	.bloc-picleft-resources p {margin: 5px 0 15px 0 !important; padding:0 !important; font-size:10px !important; color:#8A7B60 !important; font-family:Arial, Helvetica, sans-serif !important; text-align: left;}

.bloc-text-resources {float: right; width: 410px; padding: 0 29px 0 0;}	
	.bloc-text-resources h2 {margin: 15px 0 0 0 !important; padding: 0 29px 5px 22px;}
	.bloc-text-resources h3 {color:#796C55; margin: 15px 0 5px 22px !important;}
		.bloc-text-resources h3 a {font-size: 12pt;}
	.bloc-text-resources h4 {margin: 15px 0 5px 22px !important;}
		.bloc-text-resources h4 a:link {color:#796C54;; font-size: 14px !important; font-weight:bold;}
		.bloc-text-resources h4 a:visited {color:#796C54;; font-size: 14px !important; font-weight:bold;}
		.bloc-text-resources h4 a:hover {text-decoration: underline;}
	.bloc-text-resources p {font-size: 11pt !important; margin: 0 0 5px 22px !important; padding:0 !important; text-align:left !important;}
	


	.bloc-text-resources a  {font-size: 10pt;}
	
	.bloc-text-resources a:link {text-decoration: none; color: #796C54; font-weight: normal; font-size: 13px;}
	.bloc-text-resources a:visited {text-decoration: none; color: #796C54; font-weight: normal; font-size: 13px;}
	.bloc-text-resources a:hover {text-decoration: underline;}
	
	.bloc-text-resources ul {font-size: 9pt !important; color: #2C5C50;}
		.bloc-textrgt ul a:link {font-family: arial, helvetica, sans-serif!important; font-size:9pt !important; color: #2C5C50;}
		.bloc-textrgt li {padding-bottom: 7px !important; line-height:1.4em; text-align: justify; font-family: arial, helvetica, sans-serif;}


/* CONTENT HOME PAGE
-------------------------------------------*/


#content {
	margin-top: 20px;
	float: left;
	width: 647px;
	background-color: #DDE9D8;
}
	#content h1 {
			height: 32px;
			margin: 0;
			padding-top: 4px;
			padding-left: 8px;
			background-color: #519f8f;
			text-transform: uppercase;
			color: #ffffff;
			font-size: 1em;
			font-weight: bold;
	}
	
	#content h2 {
			font-family: georgia, "Times New Roman", times, serif;
			font-size: 16pt;
			color: #8A7B60;
	}
	
	#content h3 {
			color: #2c5c50;
			font-weight: bold;
			font-size: 1em;
			padding-bottom: 0;
			margin-bottom: -9px;
			margin-top: 5px;
			text-transform:uppercase;
	}
	
	#content p {
			color: #2C5C50; 
			line-height: 1.3em;
			font-family: "Times New Roman", Times, serif
	}
		.ie #content p {
  				font-size: 13pt;
		}
		.ie7 #content p {
  				font-size: 13pt;
		}
		.gecko #content p {
  				font-size: 13pt;
		}
		.win.gecko #content p {
  				font-size: 13pt;
		}
		.linux.gecko #content p {
  				font-size: 13pt;
		}
		.opera #content p {
  				font-size: 13pt;
		}
	
	#content ul {
			color: #2C5C50; 
			line-height:1.6em;
			font-family:"Times New Roman", Times, serif;
			font-size: 13pt;
			padding-left: 25px;
			margin-left: 0;
			font-weight: normal;
	}
	
	#content li {
			font-weight: normal;
			margin-left: 0;
	}
	
	#content a {
			color: #eb7025; 
			font-size: 14pt; 
			font-family:"Times New Roman", Times, serif;
			text-decoration: none;
			font-weight: normal;
	}
	
	#content a:hover {
			color: #eb7025; 
			font-size: 14pt; 
			font-family:"Times New Roman", Times, serif;
			text-decoration: underline;
			font-weight: normal;
	}

	
.content-padding {
		padding: 5px 29px 25px 22px;
	}
	
	
/* CONTENT MAIN SECTIONS
-------------------------------------------*/


#content-mainsec {
	margin-top: 0px;
	float: left;
	background-color: #dde9d8;
	clear: none;
	
}
	#content-mainsec h1 {
			height: 32px;
			margin: 0;
			padding-top: 4px;
			padding-left: 8px;
			text-transform: uppercase;
			color: #ffffff;
			font-size: 1em;
			font-weight: bold;
	}
	
	#content-mainsec h2 {
			font-family: georgia, "Times New Roman", times, serif;
			font-size: 15pt;
			color: #2C5C50;
			margin-top: 20px;
	}
	
	#content-mainsec h3 {
			color: #2C5C50;
			font-weight: bold;
			font-size: .9em;
			padding-bottom: 0;
			margin: 10px 0 4px 0;
			clear: both;
	}
	
	#content-mainsec p {
			color: #2C5C50; 
			font-size: 1.2em; 
			line-height:1.4em;
			text-align: justify;
			margin: 0 0 12px 0; 
			font-family: arial, helvetica, sans-serif;
	}
	
	#content-mainsec a:link {color: #eb7025; text-decoration: underline;}
	#content-mainsec a:visited {color: #eb7025; text-decoration: underline;}
	#content-mainsec a:hover {color: #2c5c50; text-decoration: underline;}

.content-padding-mainsec {
		padding: 25px 29px 25px 22px;
	}
	
.magnify {border: 1px #2c5c50 solid; padding: 2px;}
.essayphotorow {text-align: center; width: 595px;}
.essayphotorow img {margin: 5px 8px 5px 0; border: 1px #2c5c50 solid;}


/* SUB SECTION LIST (e.g. HISTORIC DOCS AND PHOTOS)
-------------------------------------------*/
#content-subsec {
	margin: 0px;
	background-color: #fff;
	clear: both;
}
	#content-subsec h1 {
			height: 32px;
			margin: 0;
			padding-top: 4px;
			padding-left: 8px;
			background-color: #519f8f;
			text-transform: uppercase;
			color: #ffffff;
			font-size: 1em;
			font-weight: bold;
	}
	
	#content-subsec h2 {
			font-family: georgia, "Times New Roman", times, serif;
			font-size: 16pt;
			color: #2C5C50;
			margin: 0;
			padding: 20px 0 14px 20px;
	}
	
	#content-subsec p {
			color: #2C5C50; 
			font-size: 1.2em; 
			line-height:1.4em;
			text-align: justify;
			margin: 0 0 12px 0; 
			font-family: arial, helvetica, sans-serif;
			padding: 0 29px 0 22px;
	}
	
	.anchorlinks {margin-left: 20px; list-style-type:square; color: #EB7025 !important;}
	
	#content-subsec ul a {
			color: #EB7025 !important;
			font-family: arial, helvetica, sans-serif !important;
			font-size: 1.2em !important;
			font-weight: normal;
			text-decoration: none;
			line-height:1.4em;
	}
	#content-subsec ul a:hover {
			color: #EB7025;
			font-family: arial, helvetica, sans-serif;
			font-size: 1.2em;
			font-weight: normal;
			text-decoration: underline;
			line-height:1.4em;			
	}

.content-green-intro {
	background-color: #DDE9D8;
	clear: both;
	display: block;
}


.content-orange-intro {
	padding-bottom: 20px;
	float: left;
	background-color: #F4E4D9;
	clear: both;
	display: block;
	border-bottom: 15px #fff solid; /* this is hack for Mozilla horror */
}


.content-subsec-heading {
	background-color: #519F8F;
	color: #fff;
	height: 30px;
	display: block;
	clear: both;
	margin: 10px 0 0px 0;	
}

	.content-subsec-heading h3 {
			color: #fff !important;
			font-size: 10pt;
			text-transform: uppercase;
			font-weight: bold;
			padding: 2px 29px 0 14px;
			line-height: 10pt;
			margin:0px;
	}
	
.content-orange-subsec-heading {
	background-color: #eb7025;
	color: #fff;
	height: 30px;
	display: block;
	clear: both;
	margin: 0 0 0 0;	
}

	.content-orange-subsec-heading h3 {
			color: #fff !important;
			font-size: 10pt;
			text-transform: uppercase;
			font-weight: bold;
			padding: 2px 29px 0 14px;
			line-height: 10pt;
			margin:0;
	}
	
.content-subsec-beigebloc {
	margin: 0 0 5px 0;
}

.bloc-picleft {float: left; padding: 15px;}
	.bloc-picleft img {border: 1px #2C5C50 solid;}
	.bloc-picleft img:hover {border: 1px #2C5C50 solid;}

.bloc-textrgt {float: right; width: 456px; padding: 15px 29px 5px 1px;}
	.bloc-textrgt p {font-size: 9pt !important;}

	.bloc-textrgt a:link {text-decoration: none; color: #EB7025; font-weight: bold; font-size: 11pt; font-family: "Times New Roman", TSimes, serif;}
	.bloc-textrgt a:visited {text-decoration: none; color: #EB7025; font-weight: bold; font-size: 11pt; font-family: "Times New Roman", TSimes, serif;}
	.bloc-textrgt a:hover {text-decoration: underline; color:#2C5C50;}
	
	.bloc-textrgt ul {font-size: 9pt !important; color: #2C5C50;}
		.bloc-textrgt ul a:link {font-family: arial, helvetica, sans-serif!important; font-size:9pt !important; color: #EB7025;}
		.bloc-textrgt ul a:visited {font-family: arial, helvetica, sans-serif!important; font-size:9pt !important; color: #EB7025;}
		.bloc-textrgt li {padding-bottom: 7px !important; line-height:1.4em; text-align: justify; font-family: arial, helvetica, sans-serif;}


/* HISTORY AND CONTEXT PAGE
-------------------------------------------*/
.bloc-picleft-resources {float: left; width: 155px; margin: 15px 0 0 10px;}
	.bloc-picleft-resources img {border: 1px #2C5C50 solid;}
	.bloc-picleft-resources p {margin: 5px 0 15px 0 !important; padding:0 !important; font-size:10px !important; color:#8A7B60 !important; font-family:Arial, Helvetica, sans-serif !important; text-align: left;}

.bloc-text-resources {float: right; width: 410px; padding: 0 29px 20px 0;}	
	.bloc-text-resources h2 {margin: 15px 0 0 0 !important; padding: 0 29px 5px 22px;}
	.bloc-text-resources h3 {color:#796C55; margin: 15px 0 5px 22px !important;}
		.bloc-text-resources h3 a {font-size: 12pt;}
	.bloc-text-resources h4 {margin: 15px 0 5px 22px !important;}
		.bloc-text-resources h4 a:link {color:#796C54;; font-size: 14px !important; font-weight:bold;}
		.bloc-text-resources h4 a:visited {color:#796C54;; font-size: 14px !important; font-weight:bold;}
		.bloc-text-resources h4 a:hover {text-decoration: underline;}
	.bloc-text-resources p {font-size: 11pt !important; margin: 0 0 5px 22px !important; padding:0 !important; text-align:left !important;}
	

	.bloc-text-resources a  {font-size: 10pt;}
	
	.bloc-text-resources a:link {text-decoration: none; color: #796C54; font-weight: normal; font-size: 13px;}
	.bloc-text-resources a:visited {text-decoration: none; color: #796C54; font-weight: normal; font-size: 13px;}
	.bloc-text-resources a:hover {text-decoration: underline;}
	
	.bloc-text-resources ul {font-size: 9pt !important; color: #2C5C50;}
		.bloc-textrgt ul a:link {font-family: arial, helvetica, sans-serif!important; font-size:9pt !important; color: #2C5C50;}
		.bloc-textrgt li {padding-bottom: 7px !important; line-height:1.4em; text-align: justify; font-family: arial, helvetica, sans-serif;}
		

.other-documents {padding: 18px 22px 20px 12px;}
	.other-documents h3 {font-family:'Times New Roman', Times, serif; color: #2C5A50; font-size: 14px; margin: 0; letter-spacing: 1px;}
	.other-documents p {margin: 0 !important; line-height: 12pt !important;}
	
	.other-documents a:link {color:#796C54; text-decoration: none;}
	.other-documents a:visited {color:#796C54; text-decoration: none;}
	.other-documents a:hover {text-decoration: underline;}

.resother-title {padding: 8px 0 3px 10px !important;}
	.resother-title p {font-size: 10pt !important; padding: 0 !important; font-weight:bold;}
.resother-type {padding: 0 0 1px 10px !important;}
	.resother-type p {font-size: 10pt !important; padding: 0 !important;}
.resother-desc {padding: 0 0 1px 23px !important;}
	.resother-desc p {font-size: 11pt !important; padding: 0 !important;}
.resother-link {padding: 0 0 1px 25px !important;}
	.resother-link p {font-size: 9pt !important; padding: 0 !important;}
	
.res-title {color: #2C5C50;}

	
/* FEATURED CONTENT CONTAINER ALIGN RIGHT
-------------------------------------------*/
.featRightContainer {width: 200px; text-align: center; float: right; margin: 0 25px 0 50px;}
		
.featRightHead {border-top: 1px #519F8F solid; border-bottom: 1px #519F8F solid; padding:0; }
	.featRightHead p {text-align: left !important; text-transform: uppercase;  font-size: 9pt !important; font-weight: bold; letter-spacing: 1pt !important; margin:0 !important; padding:1pt 0 1pt 0 !important;}
		
.featRightContent {}
	.featRightContent img {margin-top: 8px;}		
	.featRightCaption p {color: #8A7B60; font-family: arial, helvetica, sans-serif; font-size: 8pt; text-align: left; margin-top: 0px; margin-left: 5px; line-height: 9pt;}
	.featRightCaption a:link {color: #8A7B60; font-family: arial, helvetica, sans-serif; font-size: 8pt; text-decoration: none;}
	.featRightCaption a:visited {color: #8A7B60; font-family: arial, helvetica, sans-serif; font-size: 8pt; text-decoration: none;}		.featRightCaption a:hover {color: #373126; text-decoration: underline;font-size: 8pt; }
		
		.featRightFoot {height: 7pt; border-top: 1px #519F8F solid; border-bottom: 1px #519F8F solid;}
		
	.featRightBox {text-align: left; background-color:#FFF; padding:14px; border-left: 1px #519F8F solid; border-right: 1px #519F8F solid;}
		.featRightBox p {margin: 0 0 0 0 !important; padding: 10px 0 0 0 !important; font-size:9pt !important; line-height:1em !important;}
		.featRightBox h3 {margin: 0 0 0 0 !important; padding: 0 0 0 0 !important;}
		.featRightBox dl {margin: 0 0 0 0 !important; padding: 8px 0 0 0 !important;}
		.featRightBox dt {margin: 0 0 0 0 !important; padding: 0 0 0 12px !important; font-weight:bold;}
		.featRightBox dd {margin: 0 0 0 0 !important; padding: 3px 0 0 12px !important;}
		

/* FEATURED CONTENT CONTAINER BEIGE
-------------------------------------------*/
.featBeigeContainer {width: 200px; text-align: center; float: left; margin-right: 15px;}
		
.featBeigeHead {border-top: 1px #9E8D85 solid; border-bottom: 1px #9E8D85 solid; padding:0; }
	.featBeigeHead p {color: #9E8D85 !important; text-align: center; font-family: arial, helvetica, sans-serif; text-transform: uppercase;  font-size: 8pt !important; font-weight: bold; letter-spacing: 1pt; margin:0; padding:1pt 0 1pt 0;}
		
.featBiegeContent {}
	.featBeigeContent img {margin-top: 8px;}		
	.featBeigeCaption p {color: #8A7B60 !important; font-family: arial, helvetica, sans-serif; font-size: 8pt !important; text-align: left; margin-top: 5px; margin-left: 0px; line-height: 9pt;}
	.featBeigeCaption a:link {color: #9E8D85; font-family: arial, helvetica, sans-serif; font-size: 8pt; text-decoration: none;}
	.featBeigeCaption a:visited {color: #9E8D85; font-family: arial, helvetica, sans-serif; font-size: 8pt; text-decoration: none;}		.featGrnCaption a:hover {color: #373126; text-decoration: underline;font-size: 8pt; }
	.featBeigeCaption a:hover {text-decoration:underline;}
		
		.featBeigeFoot {height: 1pt; border-top: 1px #9E8D85 solid; border-bottom: 1px #9E8D85 solid;}
		
/* FEATURED CONTENT CONTAINER GREEN - IN MAIN CONTENT BLOCK
-------------------------------------------------------------*/
.featGrnContainer {width: 180px; text-align: center; padding: 7px;}
		
.featGrnHead {border-top: 1px #9E8D85 solid; border-bottom: 1px #9E8D85 solid; padding:0; }
	.featGrnHead p {color: #9E8D85 !important; text-align: center; font-family: arial, helvetica, sans-serif; text-transform: uppercase;  font-size: 10pt !important; font-weight: bold; letter-spacing: 1pt; margin:0 !important; padding:1pt 0 1pt 0;}
		
.featGrnContent {}
	.featGrnContent img {margin-top: 8px;}	
	
	.featGrnCaption p {color: #8A7B60 !important; font-family: arial, helvetica, sans-serif; font-size: 9pt !important; text-align: left; margin-top: 5px 0 0 0 !important; line-height: 9pt;}
	.featGrnCaption a:link {color: #9E8D85; font-family: arial, helvetica, sans-serif; font-size: 8pt; text-decoration: none;}
	.featGrnCaption a:visited {color: #9E8D85; font-family: arial, helvetica, sans-serif; font-size: 8pt; text-decoration: none;}		.featGrnCaption a:hover {color: #373126; text-decoration: underline;font-size: 8pt; }
	.featGrnCaption a:hover {text-decoration:underline;}
		
		.featGrnFoot {height: 1pt; border-top: 1px #9E8D85 solid; border-bottom: 1px #9E8D85 solid;}
		
		
/* FEATURED CONTENT CONTAINER ORANGE
-------------------------------------------*/
.featOrangeContainer {width: 200px; text-align: center; margin-right: 22px; padding: 0 0 5px 20px; margin-bottom: 5px;}
		
.featOrangeHead {border-top: 1px #9E8D85 solid; border-bottom: 1px #9E8D85 solid; padding:0; }
	.featOrangeHead p {color: #9E8D85 !important; text-align: center; font-family: arial, helvetica, sans-serif; text-transform: uppercase;  font-size: 8pt !important; font-weight: bold; letter-spacing: 1pt; margin:0 !important; padding:1pt 5px 1pt 5px !important; line-height: 9pt !important;}
		
.featOrangeContent {}
	.featOrangeContent img {margin-top: 8px;}		
	.featOrangeCaption p {color: #8A7B60 !important; font-family: arial, helvetica, sans-serif; font-size: 8pt !important; text-align: left; padding: 5px 5px !important; line-height: 9pt !important; margin: 0 !important;}
	.featOrangeCaption a:link {color: #9E8D85; font-family: arial, helvetica, sans-serif; font-size: 8pt; text-decoration: none;}
	.featOrangeCaption a:visited {color: #9E8D85; font-family: arial, helvetica, sans-serif; font-size: 8pt; text-decoration: none;}					
	.featOrangeCaption a:hover {color: #373126; text-decoration: underline;font-size: 8pt; }

		
	.featOrangeFoot {height: 1pt; border-top: 1px #9E8D85 solid; border-bottom: 1px #9E8D85 solid;}
		
					
		
/* CONTENT TOP FOR MAIN SECTIONS AND SUB SECTIONS
-------------------------------------------*/
#colorbar_green {height: 32px; background-color: #519F8F; display: block;}
#colorbar_green h1 {text-transform: uppercase; color: #ffffff; font-size: 1.2em; font-weight: bold; padding: 4px 0 0 9px;}

#colorbar_orange {height: 32px; background-color: #EB7025; display: block;}
#colorbar_orange h1 {text-transform: uppercase; color: #ffffff; font-size: 1.2em; font-weight: bold; padding: 4px 0 0 9px; margin:0;}


	
/* CONTENT RIGHT 
-------------------------------------------*/
#content-right {
	background-color: #e1ddd5;
	float: right;
	width: 225px;
}

.related {width: 225px; background-color: #e1ddd5;}
	.related h2 {
		font-family: arial, helvetica, sans-serif;
		text-transform: uppercase;
		font-size: 9pt;
		font-weight: bold;
		margin: 19px 12px 8px 12px;
		padding: 3px;
		text-align: right;
		color: #9e8d85;
		border-bottom: 1px solid #9e8d85;
		border-top: 1px solid #9e8d85;
	}
	.related p {
		font-family: arial, sans-serif;
		font-size: 11pt;
		margin: 0px 12px;
		padding: 0 3px 0 10px;
		text-align: right;
		color: #972D31;
	}
	
	.related img {border: 3px #9E8D85 solid;}
	.related img:hover {border: 3px #2c5c50 solid;}
	.related a {
		color: #8a7b60;
		text-decoration: none;
		font-size: 8pt;
	}
	
	.related a:visited {
		color: #8a7b60;
		text-decoration: none;
		font-size: 8pt;
	}
	.related a:hover {
		text-decoration: underline;
		color: #2c5c50;
	}
	
.related .carriage {
	margin-bottom: 15px;
}
.related-separator {
	display: block;
	height: 10px;
	background-color: #ffffff;
}

#imgbranchgreen {margin: 30px 10px 10px 10px; padding: 5px 0 0 50px; border-top: 1px #3c685c solid;  }

.backlink {margin-top: 0px !important; padding-bottom: 0px !important;}

	.backlink a:link {color: #eb7025; text-decoration: none; font-weight: bold; padding: 20px 0 0 0; display:block;}
	.backlink a:visited {color: #eb7025; text-decoration: none; font-weight: bold; padding: 20px 0 0 0;display:block;}
	.backlink a:hover {color: #eb7025; text-decoration: underline;}


/* CONTENT RIGHT GREEN :: MORE AND SHORTCUTS
-------------------------------------------*/
#content-right-mainsec {
	/*background-color: #519F8F;*/
	float: right;
	width: 225px;
}

.moreimgmini img{
	margin:0; 
	padding: 0 0 10px 25px;	
}

#related-mainsec {background-color: #519F8F; padding-bottom: 15px;}
	#related-mainsec h2 {
		font-family: arial, helvetica, sans-serif;
		text-transform: uppercase;
		font-size: 9pt;
		font-weight: bold;
		margin: 0px 9px 8px 9px;
		padding: 3px;
		text-align: right;
		color: #E1DDD5;
		border-bottom: 1px solid #E1DDD5;
		border-top: 1px solid #E1DDD5;
	}
	#related-mainsec p {
		font-family: arial, sans-serif;
		font-size: .95em;
		margin: 0px 9px;
		padding: 0 3px 0 25px;
		text-align: right;
		color: #fff;
	}
#related-mainsec .carriage {
	margin-bottom: 15px;
}
	#related-mainsec ul {
		color: white; font-family: verdana, arial, helvetica, sans-serif;
		font-size: 9pt;
		text-align: right;
		text-decoration: none;
		color: #fff;
	}	
	#related-mainsec li {padding: 0 20px 5px  0;}
	#related-mainsec li a {font-size: 9pt; font-weight:bold;}
	
	#related-mainsec a {
		font-family: verdana, arial, helvetica, sans-serif;
		font-size: 8pt;
		text-align: right;
		text-decoration: none;
		color: #fff;
	}
	#related-mainsec a:hover {
		color: #2c5c50;
		text-decoration: underline;
	}

.related-mainsec-nav p {font-size: 12px !important;}

.related_phototextblock_photo {float: left; clear: none; width: 69px; padding: 2px 0 0 10px;}
.related_phototextblock_text {float: left; clear: none; width: 126px;}
.related_phototextblock_text p {margin: 0 !important; padding: 0 0 0 6px !important; text-align: right;}
.related_phototextblock_photo a img {
	border: 2px #E1DDD5 solid;
}
.related_bhototextblock_photo a:hover img { 
	border: 2px #2c5c50 solid !important;
}

/* TO ADD BROWN BORDER AROUND SHORTCUT MODULE IMAGES */
	.brown a img {
		border: 3px solid #9E8D85 !important;
	}
	.brown a:hover img {
		border: 3px solid #2c5c50 !important;
	}

/* CONTENT RIGHT ORANGE
-------------------------------------------*/
#content-right-orange {
	/*background-color: #519F8F;*/
	float: right;
	width: 225px;
}



#related-orange {background-color: #eb7025; padding-bottom: 15px; text-align:right;}

	#related-orange h2 {
		font-family: arial, helvetica, sans-serif;
		text-transform: uppercase;
		font-size: 9pt;
		font-weight: bold;
		margin: 0px 9px 8px 9px;
		padding: 3px;
		text-align: right;
		color: #E1DDD5;
		border-bottom: 1px solid #E1DDD5;
		border-top: 1px solid #E1DDD5;
	}
	#related-orange p {
		font-family: arial, sans-serif;
		font-size: 10pt;
		margin: 0px 13px 18px 0;
		padding: 0 3px 0 25px;
		text-align: right;
		color: #fff;
	}
#related-orange .carriage {
	margin-bottom: 15px;
}
	#related-orange ul {
		color: white; font-family: verdana, arial, helvetica, sans-serif;
		font-size: 9pt;
		text-align: right;
		text-decoration: none;
		color: #fff;
	}	
	#related-orange li {padding: 0 15px 5px  0;}
	#related-orange li a {font-size: 9pt;}
	
	#related-orange a {
		font-family: verdana, arial, helvetica, sans-serif;
		font-size: 8pt;
		text-align: right;
		text-decoration: none;
		color: #fff;
	}
	#related-orange a:hover {
		color: #2c5c50;
		text-decoration: underline;
	}
	
	#related-orange img {padding: 0 13px 0 0; clear: both;}

/*.related_phototextblock_photo {float: left; clear: none; width: 69px; padding: 2px 0 0 10px;}
.related_phototextblock_text {float: left; clear: none; width: 126px;}
.related_phototextblock_text p {margin: 0 !important; padding: 0 0 0 6px !important; text-align: right;}
.related_phototextblock_photo a:link img {border: 2px #E1DDD5 solid;}
.related_bhototextblock_photo a:hover img {border: 2px #2c5c50 solid;}*/

/* CONTENT RIGHT BEIGE
-------------------------------------------*/

#shortcuts-mainsec {width: 225px; background-color: #e1ddd5; padding: 4px 0 20px 0;}
	#shortcuts-mainsec h2 {
		font-family: arial, helvetica, sans-serif;
		text-transform: uppercase;
		font-size: 9pt;
		font-weight: bold;
		margin: 19px 9px 8px 9px;
		padding: 3px;
		text-align: right;
		color: #9e8d85;
		border-bottom: 1px solid #9e8d85;
		border-top: 1px solid #9e8d85;
	}
	#shortcuts-mainsec p {
		font-family: arial, sans-serif;
		font-size: .95em;
		margin: 0px 9px;
		padding: 0 3px 0 25px;
		text-align: right;
		color: #8a7b60;
	}
#shortcuts-mainsec .carriage {
	margin-bottom: 15px;
}
	#shortcuts-mainsec a {
		text-decoration: none;
		color: #8a7b60;
		font-style: italic;
	}
	#shortcuts-mainsec a:hover {
		color: #2c5c50; text-decoration: underline;
	}
.shortcuts-mainsec-separator {
	display: block;
	height: 15px;
	background-color: #ffffff;
}

/* MODULES */

#photoalbum img {margin-left: 13px;}
#photoalbum a:link img {border: 2px #8a7b60 solid;}
#photoalbum a:hover img {border: 2px #2c5c50 solid;}

#ad {text-align: center; margin: 25px 10px 20px 10px; padding: 10px 0 0 0; clear:both; border-top: 1px #9e8d85 solid;}
	#ad a {}
	#ad img {border: 0px #e1ddd5 solid;}

/* FOOTER
-------------------------------------------*/
#footer {
	background-image: url(../img/bg-footer.gif);
	background-repeat: repeat-x;
	margin: 20px 0 0 0;
	clear: both;
	display: block;
}
	#footer p {color: #2C5C50; font-family: "Times New Roman", Times, serif; font-size: 9pt;}
	#footer-left {
		float: left;
		margin-top: 39px;
		width: 175px;
		padding-left: 0px;
	}
	#footer-right {
		float: right;
		margin-top: 39px;
		width: 175px;
		text-align: right;
		padding-right: 5px;
	}

/* EXTRAS
-------------------------------------------*/


	/* NEWS - TWITTER MODULE
	-------------------------------------------*/
	/*these two styles make sure that the Tweeter logos 
	do not appear on the home page sidebar*/
	/*.twtr-hd {display: none;}
	.twtr-ft {display: none;}*/
	.twtr-join-conv {display: none !important;}
	.twtr-hd {text-align: right !important; display: none !important;}
	.twtr-ft {text-align: right !important; float:right;}
	.twtr-widget {padding: 0 0 0 10px !important; margin:0;}
	.twtr-timestamp {font-size: 7pt !important;}

	
	/* EVENTS - CALENDAR MODULE
	-------------------------------------------*/
	
	.date-top .date-top-on, .date-top-over {color: red !important; font-size: 22em !important;}
	



	/*-------------------------------------------
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
	-------------------------------------------*/
	#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
	#cboxOverlay{position:fixed; width:100%; height:100%;} /* This is the transparent layer */
	#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
	#cboxContent{position:relative; margin-top: 0px; margin-bottom: 0px; padding-bottom: 0px; border: 0px red solid;} /*this is the element that masks the content */
	#cboxLoadedContent{overflow:auto; border: 0px green solid; }
	#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
	#cboxTitle{margin:0;}
		#cboxTitle a{color: #F8B48F; text-decoration:underline}
		#cboxTitle a:hover{color: #F8B48F; text-decoration:none;}
	#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
	#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

	/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
	*/
	#cboxOverlay{background:#10231F;}

	#colorbox{padding-bottom: 100px !important;} /* this is the block element that deliminates what can be seen of the image and caption */
    #cboxContent{background:#091311; position:relative;}
    	#cboxLoadedContent img {border: 0px #e1ddd5 solid !important; padding: 0px; overflow: hidden;}
        #cboxLoadedContent{background:#091311; padding:20px 0 70px 0; border-top: 2px #e1ddd5 solid; border-bottom: 0px #e1ddd5 solid; overflow: hidden;} /* add padding here to make the image box bigger */
        #cboxTitle{position:absolute; bottom:15px; left:50px; color:#fff; padding: 6px; border-top: 2px #e1ddd5 solid; font-family: "Times New Roman", Times, serif; font-size: 10pt; background-color: #091311;}
        #cboxCurrent{position:absolute; top:-20px; right:0px; color:#e1ddd5; font-family: "Times New Roman", Times, serif; font-size: 10pt; margin-left: 25px; padding-left: 25px;}
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#000;}
        #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(../img/controls.png) top left no-repeat; width:28px; height:65px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:bottom left;}
        #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(../img/controls.png) top right no-repeat; width:28px; height:65px; text-indent:-9999px;}
        #cboxNext.hover{background-position:bottom right;}
        #cboxLoadingOverlay{background:#091311;}
        #cboxLoadingGraphic{background:url(../img/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; top:5px; right:10px; display:block; background:url(../img/controls.png) top center no-repeat; width:38px; height:19px; text-indent:-9999px;}
        #cboxClose.hover{background-position:bottom center;}
        #cboxWrapper {padding-top: 17px;}
        .invisible {display: none;}
        #cboxLoadedContent {}


	/* Colorbox extras for HTML etc. */
	.gallery-desc {background-color: #000; color:#CCC; font-size: 12px; line-height: 14pt; border-top: 5px #091311 solid;margin: 10px 50px; padding: 5px 50px 0px 51px; font-family:"Times New Roman", Times, serif; font-size: 14pt; background-repeat:no-repeat; background-position:center; height: 100%;}
		.gallery-desc a {color: #EB7025; text-decoration:none;}
		.gallery-desc a:visited {color: #EB7025; text-decoration:none;}
		.gallery-desc a:hover {text-decoration: underline;}
		.gallery-desc p {padding: 0; margin: 10px 0 10px 0px;}
		
	
	.gallery-desc-welcome {color: #A6BB76; font-weight: bold; text-transform:uppercase;}
	
	.gallery-desc-buttonrow {width:100%; clear:both;}
	
	.gallery-desc-buttontip {float: left; width: 265px; text-align:right; clear:both;}
		.gallery-desc-buttontip p {font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#CCC}
		
	/*#gallery-desc-button {width: 170px; height: 45px; border: 2px #EB7025 solid; -moz-border-radius: 15px; -webkit-border-radius: 15px; float:right;}
		#gallery-desc-button p {font-family:Arial, Helvetica, sans-serif; color:#F93; font-size:20pt; padding: 8px 0 0 10px; margin: 0px;}
		#gallery-desc-button a:link {text-decoration:none; color: #EB7025;}
		#gallery-desc-button a:visited {text-decoration:none; color: #EB7025;}
		#gallery-desc-button a:hover {text-decoration:none; color: #BE1319;}*/

	.gallery-desc-note {font-family:"Times New Roman", Times, serif; font-size: 12pt; color:#CCC; clear:both;}

	#gallery-desc-button ul {
			font-family: "Times New Roman", times, roman, sans-serif;
			font-size: 14pt;
			font-weight: bold;
			font-style: italic;
			margin: 20px 0;
			padding:0 25px 0 0;
			list-style-type: none;
			border: 0px green solid;
			clear: both;
		}

	#gallery-desc-button li {
			height: 27px;
			width: 210px;
			background-color: #EB7025;
			-moz-border-radius: 10px; 
			-webkit-border-radius: 10px;
			float: left;
			/*margin: 198px 0 0 -3px;*/
			padding: 8px 0 0 36px;
			/*display: block;*/
			border: 2px #EB7025 solid;
			list-style-type: none;
			background-image: url("../img/stelimus_takevisit_iconorange.gif");
			background-repeat: no-repeat;
			background-position: 7px 7px;
			margin: 0 20px 5px 0;
		}
			.toppic li:hover {border: 2px #2c5c50 solid;}
				
		#gallery-desc-button a:link {
			color: #fff;
			text-decoration: none;
			line-height:normal;
		}
		#gallery-desc-button a:visited {
			color: #fff;
			line-height:normal;
		}
		#gallery-desc-button a:hover {
			color: #FFFF99;
			line-height:normal;
		}

	/*     For Google Calendar embed	*/


	.view-cap, .view-container-border {
		color: #eb7025 !important;
	}
	
	
	/* For Buttons */
	
	.morebuttons {margin: 2px 0 5px 0;}
	.morebuttons-subpage {padding: 20px 0 14px 20px;}
	.button-green {
			-moz-border-radius: 6px 6px 6px 6px;
			
			background: url("http://www.stelijahpioneermuseum.ca/img/ui-bg_glass_75_e6e6e6_1x400.png") repeat-x scroll 50% 50% #327E04;
			border: 1px solid #327E04;
			color: #FFF !important;
			font-weight: bold;
			font-family: "Segoe UI",Frutiger,Tahoma,"Helvetica","Helvetica Neue",Arial,sans-serif;
			font-size: 1.2em;
			
			cursor: pointer;
			display: inline-block;
			margin-right: 0.1em;
			overflow: visible; 
			padding: 0;
			position: relative;
			text-align: center;
			text-decoration: none !important;
		}
		
		.button-green:hover {
			background: url("http://www.stelijahpioneermuseum.ca/img/ui-bg_glass_75_dadada_1x400.png") repeat-x scroll 50% 50% #5AA14A
			}
		.button-text {
			padding: 0.4em 1em;
			display: block;
			line-height:1.4;
		}