@charset "UTF-8";

/* .clear is from "http://www.oscaralexander.com/tutorials/how-to-make-sexy-buttons-with-css.html"*/

.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

/* slightly enhanced, universal clearfix hack */
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */


/* use the body margins to indent content from screen edges */
/* NB the height of the "video" div in the html also affects the vertical position of the nav buttons */


a:link {
 color: #bbb29c;
text-decoration: none;
}
a:visited {
 color: #bbb29c;
text-decoration: none;
}
a:hover {
 color: white;
 text-decoration: none;
}
a:active {
 color: #bbb29c;
text-decoration: none;
}
a {
   outline: none;
}




body {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	/*overflow: hidden;*/
	background-color:#000000	;
}

.pictureitem 
{
	position: relative;
	float: left;
	text-align: bottom;
	padding: 0px;
	margin: 0px 0px 20px 0px;
	
}

.pictureitemleft 
{
	float: left;
	clear: right;
	padding: 0px;
	margin: 0px 20px 20px 0px;
	
}

.pictureitemright 
{
	float: right;
	clear: left;
	padding: 0px;
	margin: 0px 0px 0px 20px;
	
}


img.alignleft 
{
	float: left;
	margin: 0px 20px 10px 0px;
	border:none;

}

img.alignright 
{
	float: right;
	margin: 0px 0px 10px 20px;
	border:none;

}

.navitemleft 
{
	float: left;
	padding: 0px;
	margin: 10px 20px 20px 0px;
	border: 0px;
	
}

.navitemright 
{
	float: right;
	padding: 0px;
	margin: 10px 0px 0px 20px;
	border: 0px;
	
}



div.mournerPanelindex
{
clear: left;
width: 950px;
min-width : 930px;
margin-left: auto ;
margin-right: auto ;
padding-bottom: 10px; 
padding-top: 20px; 
padding-left: 30px; 

}

div.mournerPanel
{
clear: left;
width: 950px;
min-width : 930px;
margin-left: auto ;
margin-right: auto ;
padding-bottom: 10px; 
padding-top: 10px; 
padding-left: 30px; 

}

span.mournerFrame
{
float: left;
padding-bottom: 0px; 
padding-top: 0px; 
padding-left: 0px; 

}

div.tombPanel
{
clear: left;
width: 950px;
min-width : 930px;
margin-left: auto ;
margin-right: auto ;
padding-bottom: 10px; 
padding-top: 20px; 
padding-left: 30px; 

}

span.tombFrame
{
float: left;
margin-bottom: 30px; 
padding-top: 0px; 
padding-left: 0px; 
border:1px solid #bbb29c;

}

img.borderimage {
border:1px solid #bbb29c;
}




div.pagetitleGrc {
		display: block;
margin-left: auto ;
margin-right: auto ;
		clear: left;
		width: 930px;
		height: 74px;
		/*border-bottom:1px solid #bbb29c;	*/
		background-color:#bbb29c;
}

div.pageMenu {
		display: block;
margin-left: auto ;
margin-right: auto ;
		clear: left;
		width: 930px;
		height: 36px;
		/*border-top:1px solid #000000;	*/
		background-color:#bbb29c;
}


div.rollover {
display: block;
width: 100%;
float: left;
clear: left;
color: #ffffff;
font: 16px "Georgia", "Arial", "Helvetica", sans-serif;
text-align:center;

}

div.pagetext {
display: block;
width: 900px;
margin-left: auto ;
margin-right: auto ;
clear: left;
color: #ffffff;
font: 16px "Georgia", "Arial", "Helvetica", sans-serif;
line-height: 28px;
text-align:left;
padding-bottom: 30px; 
padding-top: 30px; 
padding-left: 30px; 
padding-right: 30px; 


}

div.abouttext {
display: block;
width: 900px;
margin-left: auto ;
margin-right: auto ;
clear: left;
color: #ffffff;
font: 16px "Georgia", "Arial", "Helvetica", sans-serif;
line-height: 28px;
text-align:left;
padding-bottom: 30px; 
padding-top: 30px; 
padding-left: 30px; 
padding-right: 30px; 


}

div.helptext {
display: block;
width: 900px;
margin-left: auto ;
margin-right: auto ;
clear: left;
color: #ffffff;
font: 16px "Georgia", "Arial", "Helvetica", sans-serif;
line-height: 28px;
text-align:left;
padding-bottom: 0px; 
padding-top: 30px; 
padding-left: 30px; 
padding-right: 30px; 


}




div.video {
display: block;
width: 100%;
float: left;
clear: left;
color: #ff00ff;
font: 16px "Georgia", "Arial", "Helvetica", sans-serif;
text-align:center;

}



div.boilerplate {
width: 480px;
color: #ffffff;
display: block;
float: left;
font: 14px "Georgia", "Arial", "Helvetica", sans-serif;
padding-left: 20px; 

}

div.tombboilerplate {
width: 200px;
color: #ffffff;
display: block;
float: left;
font: 14px "Georgia", "Arial", "Helvetica", sans-serif;
padding-top: 40px; 
padding-left: 40px; 

}




h3 {
color: #ffffff;
font: 18px "Georgia", "Arial", "Helvetica", sans-serif;
}

h4 {
color: #bbb29c;
font: 15px "Georgia", "Arial", "Helvetica", sans-serif;
}

h5 {
color: #bbb29c;
font: 18px "Georgia", "Arial", "Helvetica", sans-serif;
}

span.signoff {
width:500px;
float: right;
color: #bbb29c;
font: 14px "Georgia", "Arial", "Helvetica", sans-serif;
line-height: 14px;
text-align: right;
padding-bottom: 30px;
}


div.footer {
	clear: both;
	width: 900px;
	margin-left: auto ;
margin-right: auto ;
padding-top: 10px; 
	padding-left: 30px; 
	padding-right: 0px; 
	padding-bottom: 20px; /* to force the fields off the bottom of the screen */
	border-top:1px solid #bbb29c;	
}

div.nav {
	text-align: left;
	height: 100%;
	width: 900px;
	padding-top: 0px; /* this sets the pagecontainer further away from the breadcrumb if required */
	padding-left: 0px; /* this indents the pagecontainer from the screen left */
	padding-right: 0px; /* this indents the pagecontainer from the screen right */	
	
}

div.tablecontainer {
	float: left;
	clear: left;
	padding-left: 40px; /* this indents the pagecontainer from the screen left */
	
	
}

div.headercontainer {
		width: 100%;
		height: 74px;
		border-bottom:1px solid #bbb29c;	
		background-color:#bbb29c;
}

div.menucontainer {
		width: 100%;
		height: 36px;
		border-top:1px solid #000000;	
		background-color:#bbb29c;
}


div.pagecontainer {
margin-left: auto ;
margin-right: auto ;

	padding-top: 0px; /* this sets the menucontainer further away from the breadcrumb if required */
	padding-left: 0px; /* this indents the menucontainer from the screen left */
	padding-right: 0px; /* this indents the menucontainer from the screen right */
}


div.start_btn {
	text-align: left;
	width: 100px;
	height: 100px;
	padding-top: 0px; /* this sets the menucontainer further away from the breadcrumb if required */
	padding-left: 0px; /* this indents the menucontainer from the screen left */
	padding-right: 0px; /* this indents the menucontainer from the screen right */
}








span.boilertext {
	display: block;
	float: left;
	clear: left;
	color: #ffffff;
	font: 15px "Georgia", "Arial", "Helvetica", sans-serif;
	line-height: 18px;
    text-decoration: none;
	text-indent: 0px;
	text-align: left;
	padding-bottom: 0px; 
	
}

span.controls {
	display: block;
	float: left;
	clear: left;
	color: #ffffff;
	font: 14px "Georgia", "Arial", "Helvetica", sans-serif;
	line-height: 18px;
    text-decoration: none;
	text-indent: 0px;
	text-align: left;
	padding-bottom: 0px; 
	
}

span.controlHelp {
	display: block;
	clear: right;
	float: left;
	padding-right: 20px; 
	
}

span.helpLine {
	display: block;
	clear: both;
	margin-bottom: 10px; 
	
}

span.helpLine2 {
	display: block;
	clear: left;
	float: left;
	padding-bottom: 0px; 
	
}

span.controltext {
	float: left;
	clear: right;
	color: #ffffff;
	font: 14px "Georgia", "Arial", "Helvetica", sans-serif;
	line-height: 18px;
    text-decoration: none;
	text-indent: 0px;
	text-align: left;
	padding-top: 8px; 
	padding-bottom: 0px; 
	
}


span.mournerNav {
	display: block;
	clear: left;
	color: #ffffff;
	font: 14px "Georgia", "Arial", "Helvetica", sans-serif;
	line-height: 18px;
    text-decoration: none;
	text-indent: 0px;
	text-align: left;
	padding-top: 10px; 
	
}



span.credit {
		color: white;
		display: block;
		clear:left;
		float: left;
		font: 15px "Georgia", "Arial", "Helvetica", sans-serif;
		text-indent:0px;
		text-align: left;
		padding-top: 10px;
		padding-bottom: 0px;
		padding-right: 0px;
}


span.FRAME {
		display: block;
		float: right;
		padding-top: 10px;
		padding-bottom: 10px;
		padding-right: 0px;
}



/* sliding doors button stuff is from "http://www.oscaralexander.com/tutorials/how-to-make-sexy-buttons-with-css.html"*/

.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.clearleft { 
	clear:left;
}

.clearright { 
	clear:right;
}


.yellow-text {
	color: #FFF14E;
}