body, html {
	margin-top:0px;
    margin-left:10px;
	margin-right:10px;
    padding:0;
    background-color:#0C2D82/*#06407A*/; /* Set the default background color */
    color:#000; /* Set the default font color */
	height: 100%;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
    }

/* Styles definition for controlling the menu */

#splash_container {
	position: relative;
	padding-top: 100px;
	padding-bottom: 100px;
	}

#splash_francais {
	position: absolute;
	left: 0;
	width: 50%;
	margin-right: 25px;
	padding-right: 25px;
	text-align: center;
	border-right: 2px;
	border-right-style: solid;
	border-right-color: #ffffff;
	}

#splash_english {
	position: absolute;
	right: 0;
	width: 50%;
	margin-left: 25px;
	padding-left: 25px;
	text-align: center;
	}

#splash_francais a, #splash_english a {
	text-decoration: none;
	}

#menu {
	border-bottom : 1px solid #ccc;
	margin : 0;
	padding-bottom : 19px;
	padding-left : 10px;
}

#menu ul, #menu li	{
	display : inline;
	list-style-type : none;
	margin : 0;
	padding : 0;
}

	
#menu a:link, #menu a:visited	{
	background : #E8EBF0;
	border : 1px solid #ccc;
	color : #666;
	float : left;
	font-size : small;
	font-weight : normal;
	line-height : 14px;
	margin-right : 8px;
	padding : 2px 10px 2px 10px;
	text-decoration : none;
}

#menu a:link.active, #menu a:visited.active	{
	background : #fff;
	border-bottom : 1px solid #fff;
	color : #000;
}

#menu a:hover	{
	color : #f00;
}
	
body.section-1 #menu li#nav-1 a, 
body.section-2 #menu li#nav-2 a,
body.section-3 #menu li#nav-3 a,
body.section-4 #menu li#nav-4 a,
body.section-5 #menu li#nav-5 a,
body.section-6 #menu li#nav-6 a,
body.section-7 #menu li#nav-7 a {
	background : #fff;
	border-bottom : 1px solid #fff;
	color : #000;
}

#menu #subnav-1,
#menu #subnav-2,
#menu #subnav-3,
#menu #subnav-4,
#menu #subnav-5,
#menu #subnav-6,
#menu #subnav-7 {
	display : none;
	width: 90%;
}

body.section-1 #menu ul#subnav-1, 
body.section-2 #menu ul#subnav-2,
body.section-3 #menu ul#subnav-3,
body.section-4 #menu ul#subnav-4,
body.section-5 #menu ul#subnav-5,
body.section-6 #menu ul#subnav-6, 
body.section-7 #menu ul#subnav-7 {
	display: inline;
	left: 20px;
	position: absolute;
	top: 137px;
}

body.section-1 #menu ul#subnav-1 a, 
body.section-2 #menu ul#subnav-2 a,
body.section-3 #menu ul#subnav-3 a,
body.section-4 #menu ul#subnav-4 a,
body.section-5 #menu ul#subnav-5 a,
body.section-6 #menu ul#subnav-6 a, 
body.section-7 #menu ul#subnav-7 a {
	background : #fff;
	border : none;
	border-left : 1px solid #ccc;
	color : #999;
	font-size : smaller;
	font-weight : bold;
	line-height : 10px;
	margin-right : 4px;
	padding : 2px 10px 2px 10px;
	text-decoration : none;
}

#menu ul a:hover {
	color : #f00 !important;
}

/* End of styles definition for menu */

#wrap {
    margin:0 auto; /*	Set the top margin to 0 and the left and right margin
						will share whatever is left when the element’s width has been 
						subtracted from that of its container */
    width:975px;
    }

#header {
	background-color: #E8EBF0;
    }

#header a {
	color: #FFFFFF;
	}

#header h1 {
	margin-top: 0;
	text-align: center;
    }

#header h2 {
	text-align: center;
	margin-top: 0;
	margin-bottom: 10px;
	}

#main {
	font-size: 11px;
	font-family: verdana, arila, helvetica, sans-serif;
	background : #fff;
	border : 1px solid #ccc;
	border-top : none;
	clear : both;
	margin : 0px;
	padding : 15px;
}

#main h2, #main h3, #main p, #main dl {
    padding:0 10px;
    }

#main h3 {
	background-color: #AAA;
	}

#main p, dd, dt, td {
	font-size: 12px;
	font-family: verdana, arial, helvetica, sans-serif;
	}

#main dd {
	margin-bottom: 10px;
	}

#main a {
	text-decoration: none;
	}

#main a:hover {
	background-color: #FAFAFA;
	}

#main a:visited {
	color: blue;
	}

#main table.cemetery {
	border: solid;
	border-color: #99BBDD;
	width: 100%;
	padding: 1px;
	border-spacing: 0;
	border-width: 1px;
	empty-cells: show;
	border-collapse: collapse;
	}

#main table.cemetery th {
	font-weight: 600;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	border: solid;
	border-color: #99BBDD;
	padding: 1px;
	border-spacing: 0;
	border-width: 1px;
	}

#main table.cemetery tr td {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	border: solid;
	border-color: #99BBDD;
	padding: 1px;
	border-spacing: 0;
	border-width: 1px;
	}

#main table.cemetery tr th.col1 {width: 80%;}
#main table.cemetery tr th.col2 {width: 10%;}
#main table.cemetery tr th.col3 {width: 10%;}
#main table.cemetery tr td.done {
	text-align: center;
	font-weight: 900;
	color: red;
	}

#main table.cemetery tr td.todo {
	text-align: center;
	}

#sidemenu {
	vertical-align: top;
	background-color: #FAFAFA;
	width: 250px;
	}

#sidemenu ul {
    list-style: none;
	margin-left: 0;
	padding-left: 0;
	}

#sidemenu li {
	margin-left:0px;
	}

#footer {
	clear:both; /*	When you float an element, it is removed from the document flow 
					and doesn’t push elements that follow it down. In this case #footer
					will start right below #sidebar. */
	width: 85%;
	margin-left: auto;
	margin-right: auto;
    }

#footer p {
    padding:5px;
    margin:0;
	text-align:center;
	color: #FFFFFF;
    }

#nav ul {
	margin-top: 0px;
    padding:0;
    list-style:none;
    }

#nav li {
    display:inline;
    margin:0;
    padding:0;
    }

#nav ul a {
	display: block; /* Define the anchor tag within the nav container as a block */
	width: 100px; /* Define the width of each anchor block as 9em */
	float: left; /* */
	padding: 4px 0;
	margin: 1px 2px 0 0;
	text-align: center;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: .7em;
	font-weight: 600;
	text-decoration: none;
	color: #333;
	background-color: #FFE77A;
	border-style: solid;
	border-color: #AAA;
	border-width: 1px;
	border-bottom: none;
	}

#nav ul a:hover {
	margin-top: 0;
	border-color: #666;
	background-color: #FFF7CD;
	padding-bottom: 5px;
	}

h1 {
	font-size: 24px;
	font-family: verdana, arial, helvetica, sans-serif;
	text-align: center;
	}

h2 {
	font-size: 16px;
	font-family: verdana, arial, helvetica, sans-serif;
	}

h3	{
	font-size: 14px;
	font-family: verdana, arial, helvetica, sans-serif;
	}

.divider {
	color: #000;
	font-size: 11px;
	font-weight: 600;
	font-family: verdana, arial, helvetica, sans-serif;
	}

.active {
	margin-left: 15px;
	}
 
dl.disp
{
width: 100%;
margin: 5px 0;
padding: 0;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 12px;
}

.disp dt
{
width: 5%;
float: left;
margin: 0 0 0 0;
padding: .5em;
border-top: 1px solid #999;
font-weight: bold;
}

/* commented backslash hack for mac-ie5 \*/
dt { clear: both; }
/* end hack */

.disp dd
{
float: left;
width: 90%;
margin: 0 0 0 0;
padding: .5em;
border-top: 1px solid #999;
}

.disp dd.fini
{
float: left;
width: 90%;
margin: 0 0 0 0;
padding: .5em;
border-top: 1px solid #999;
border-left: 1px solid #999;
border-right: 1px solid #999;
background: #FFE77A url("http://leger.genacadie.ca/picture_library/checkmark.gif");
background-repeat: no-repeat;
background-position: center center;
}

dl.login
{
width: 100%;
margin: 5px 0;
padding: 0;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 12px;
}

.login dt
{
width: 20%;
float: left;
margin: 0 0 0 0;
padding: .5em;
border-top: 1px solid #999;
font-weight: bold;
}

.login dd
{
float: left;
width: 75%;
margin: 0 0 0 0;
padding: .5em;
border-top: 1px solid #999;
}

.pt { 
font-size: 10px;
font-weight: normal;
}

.b_fini {
	background-color: #FFE77A;
	border: 1px solid #999;
	width: 20px;
	margin: 5px;
	font-size: .7em;
	font-family: verdana, arial, helvetica, sans-serif;
	}

.pagenum {
	clear: both;
	display: block;
	border-top: 2px solid #999;
	border-bottom: 2px solid #999;
	}

.pagenum p{
	text-align: center;
	font-size: .7em;
	font-family: verdana, arial, helvetica, sans-serif;
	}

.source {
	display: block;
	background-color: #FFE77A;
	}

.id-width {
	width: 30px;
	}

.check-width {
	width: 30px;
	}

.name-width {
	width: 100px;
	}

.age-width {
	width: 20px;
	}

.deathloc-width {
	width: 100px;
	}

.date-width {
	width: 50px;
	}

.pub-width {
	width: 80px;
	}

.father-width {
	width: 100px;
	}

.mother-width {
	width: 100px;
	}

.transcription-width {
	width: 660px;
	}

.top-container {
	padding-top: 5px;
	position: relative;
	height: 35px;
	/* padding-bottom: 15px;*/
	}

.container {
	position: relative;
	padding-bottom: 15px;
	}
	
.pub1 {
	margin-left: auto;
	margin-right: auto;
	width:50%;
	border-style:none;
	}

.left-element {
	position: absolute;
	left: 0;
	width: 50%;
	}

.right-element {
	position: absolute;
	right: 0;
	width: 50%;
	text-align: right;
	}

/* GENERAL  */
.help { cursor: pointer; }
.border-white			{ border-width: 1px; border-style: solid; border-color: #ffffff; border-left-width: 0px; }
.border-black			{ border-width: 1px; border-style: solid; border-color: #000000; }
.border-blue			{ border-width: 1px; border-style: solid; border-color: #003466; }
.border-green			{ border-width: 1px; border-style: solid; border-color: #006634; }
.border-red				{ border-width: 1px; border-style: solid; border-color: #663333; }
.table-center			{ margin-left: auto; margin-right: auto}
.align-left				{ text-align: left; }
.align-right			{ text-align: right; }
.align-center			{ text-align: center; }
.align-justify			{ text-align: justify; }
.valign-top				{ vertical-align: top; }
.valign-bottom			{ vertical-align: bottom; }
.xxx-large				{ font-size: 180%; }
.xx-large				{ font-size: 140%; }
.x-large				{ font-size: 116%; }
.x-small				{ font-size: 90%; }
.xx-small				{ font-size: 80%; }
.blockquote				{ margin-left: 40px; }
.blockquote2			{ margin-left: 60px; }
.indent					{ margin-left: 12px; }
.reference				{ text-align : justify; margin-left : 40px; text-indent : -40px;} 
.italic					{ font-style: italic; }
.bg-light				{ width: 100%; background-color: #e8e8e8; padding: 2px; }
.bg-white				{ width: 100%; background-color: #ffffff; }
.nowrap					{ white-space: nowrap;}
.no-margin				{ margin-left: 0; margin-right: 0; margin-top: 0; margin-bottom: 0; }
.no-margin-bottom		{ margin-bottom: 0; }
.no-margin-top			{ margin-top: 0; }
.bold					{ font-weight: bold; }
.margin-para			{ margin-top: 5px; margin-bottom: 3px; }
.padding5				{ padding: 5px 5px 5px 5px; }
.underline				{ text-decoration: underline;}
.background-obit-heading{ background-color: #00E77A; }
.divide-line			{ margin-bottom: 5px; border-top: 1px solid #999; }
.white-text				{ color: #FFFFFF; text-decoration: none }