/* Site de Fred Laforge
	----------------------------------
	Programmation et intégration: Mehdi Bouhalassa
	http://www.mehdi.ca
	info@mehdi.ca
		
	Pour: OuiNo Hébergement Web
	http://www.ouino.net
	web@ouino.net
	----------------------------------
*/
:-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;
}
.clear {
	clear: both !important;
	display: block;
}

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

/* MAIN ELEMENTS
-------------------------------------------*/
#page {
	width: 855px;
	margin: 0 auto;
	background-color: #fff;
}
/* HEADER
-------------------------------------------*/
#header {
	width: 855px;
	height: 138px;
}
#logo {
	height: 87px;
	background-color: red;
	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.3em;
		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: 193px;
}
	#nav-extras ul {
		margin: 8px 0 0 0;
		padding: 0;
		list-style-type: none;
		font-family: arial, helvetica, sans-serif;
		font-size: .9em;
		font-weight: bold;
		letter-spacing: 0em;
		float: right;
	}
		#nav-extras li {
			margin: 0 10px 4px 13px;
			padding: 0;
			float: right;
		}
	#nav-extras a {
		color: #EB7025;
		text-decoration: none;
	}
	#nav-extras a:visited {
		color: #48786B;
		text-decoration: none;
	}
	#nav-extras a:hover {
		color: #2C5C50;
		text-decoration: none;
	}			
	
	
/* 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;
	float: left;
	width: 647px;
	background-color: #ffffff;
}


	/* 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 PAGES
	-------------------------------------------*/

	
	.toppic {
		height: 217px;
		width: 641px;
		background-repeat: no-repeat;
		border: 3px #519F8F solid;	
		position: relative;
		top: 0;
		float: left;
	}
	
	
		.toppic 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;
		}

		.toppic li {
			height: 27px;
			background-color: #EB7025;
			float: left;
			margin: 198px 0 0 -3px;
			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#paulencugallery {height: 170px; width: 620px; margin-left: 0px;}
				a#churchgallery {height: 170px; width: 620px; margin-left: 260px;}
				a#cemetarygallery {height: 170px; width: 620px; margin-left: 470px;}
				a#paulencumaingallery {height: 30px; width: 175px; margin-left: 0px;}







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


#content {
	margin-top: 28px;
	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: #8A7B60;
			font-weight: bold;
			font-size: 1em;
			padding-bottom: 0;
			margin-bottom: -9px;
			margin-top: 5px;
	}
	
	#content p {
			color: #2C5C50; 
			font-size: 1.1em; 
			line-height:1.3em; 
	}

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


#content-mainsec {
	margin-top: 0px;
	float: left;
	width: 647px;
	background-color: #DDE9D8;
	clear: none;
}
	#content-mainsec 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-mainsec h2 {
			font-family: georgia, "Times New Roman", times, serif;
			font-size: 16pt;
			color: #2C5C50;
	}
	
	#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-padding-mainsec {
		padding: 5px 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;}
	
/* FEATURED CONTENT CONTAINER GREEN
-------------------------------------------*/
.featGrnContainer {width: 175px; text-align: center; float: right; margin-left: 15px;}
		
.featGrnHead {border-top: 1px #519F8F solid; border-bottom: 1px #519F8F solid; padding:0; }
	.featGrnHead p {color: #519F8F; text-align: center; font-family: arial, helvetica, sans-serif; text-transform: uppercase;  font-size: 9pt; font-weight: bold; letter-spacing: 1pt; margin:0; padding:1pt 0 1pt 0;}
		
.featGrnContent {}
	.featGrnContent img {margin-top: 8px;}		
	.featGrnCaption p {color: #8A7B60; font-family: arial, helvetica, sans-serif; font-size: 8pt; text-align: left; margin-top: 0px; margin-left: 5px; line-height: 9pt;}
	.featGrnCaption a:link {color: #8A7B60; font-family: arial, helvetica, sans-serif; font-size: 8pt; text-decoration: none;}
	.featGrnCaption a:visited {color: #8A7B60; font-family: arial, helvetica, sans-serif; font-size: 8pt; text-decoration: none;}		.featGrnCaption a:hover {color: #373126; text-decoration: underline;font-size: 8pt; }
		
		.featGrnFoot {height: 7pt; border-top: 1px #519F8F solid; border-bottom: 1px #519F8F solid;}
		

/* 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;}
		
		
				
		
/* CONTENT TOP FOR MAIN 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;}


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

.related {width: 189px; background-color: #e1ddd5;}
	.related 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;
	}
	.related p {
		font-family: arial, sans-serif;
		font-size: .95em;
		margin: 0px 9px;
		padding: 0 3px 0 25px;
		text-align: right;
		color: #8a7b60;
	}
.related .carriage {
	margin-bottom: 15px;
}
	.related a {
		text-decoration: none;
		color: #8a7b60;
		font-style: italic;
	}
	.related a:hover {
		color: #ffccff;
	}
.related-separator {
	display: block;
	height: 10px;
	background-color: #ffffff;
}

#imgbranchgreen {margin-left: 40px;}



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

.moreimgmini img{
	margin:0; 
	padding: 0 0 0 5px;	
}

#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 15px 5px  0;}
	#related-mainsec li a {font-size: 9pt;}
	
	#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_phototextblock_photo {float: left; clear: none; width: 69px; padding: 0 0 0 10px;}
.related_phototextblock_text {float: left; clear: none; width: 90px;}
.related_phototextblock_text p {margin: 0 !important; padding: 0 0 0 6px !important; text-align: right;}


#shortcuts-mainsec {width: 189px; background-color: #e1ddd5; padding: 4px 0 0 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;
}


/* FOOTER
-------------------------------------------*/
#footer {
	background-image: url(../img/bg-footer.gif);
	background-repeat: repeat-x;
	margin: 20px 0 0 0;
}
	#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;
	}


	/* 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;}

	
	/* 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%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#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:#000;}

#colorbox{}
    #cboxContent{background:#000; margin-top:26px;}
    	#cboxLoadedContent img {border: 2px #e1ddd5 solid !important; padding: 0px; }
        #cboxLoadedContent{background:#000; padding:20px 0 50px 0; border-top: 2px #e1ddd5 solid;}
        #cboxTitle{position:absolute; top:-48px; left:0; color:#fff; padding: 6px; background-color: #518f8f; border-top: 2px #e1ddd5 solid; font-family: "Times New Roman", Times, serif; font-size: 10pt;}
        #cboxCurrent{position:absolute; top:-20px; right:0px; color:#e1ddd5; font-family: "Times New Roman", Times, serif; font-size: 10pt;}
        #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:#000;}
        #cboxLoadingGraphic{background:url(../img/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; top:5px; right:5px; 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: 24px;}
        .invisible {display: none;}
        #cboxLoadedContent {}