BODY, HTML
   {
   font-family:Helvetica, Arial, sans-serif;
	height:100%;
	margin:0; padding:0; border:0;
	}


.menu {
	color:#DDDDDD;
	text-decoration:none;
	font-size:14px;
	color:white;
}

.menu:hover { 
	color:#EAA4A3;
}

.writingsMenu:hover { 
	color:#EAA4A3;
}

.menu:active, .menu.active { 
	color:#EAA4A3;
}
   
.writingsMenu:active, .writingsMenu.active { 
	color:#EAA4A3;
}
   
.title
{
	position:absolute;
    top: 30px; 
    left: 40px; 
    font-weight:bold;
    height: 60px;
	font-size:32px;
    text-align: left;
	color:white;
	border: solid blue 0px;
}

.alignBottom { position: absolute; bottom: 0; left: 0; }

.writingsMenu {
	text-decoration:none;
	font-size:20px;
	font-weight:normal;
	color:white;
}


#mmss
{
	top: 40%;
	left: 0%;
	width:47%;
	text-align:center;
	vertical-align:bottom;
}

#lfss
{
	top: 35%;
	right: 0%;
	width: 53%;
	text-align:center;
	vertical-align:bottom;
}


#writings-nav
{
	left: 300px;
	width:60%;
	border: solid blue 0px;
}


.ssLink
{
	position:absolute;
    top: 80px; 
    right: 80px; 
    text-align: right;
    color:fuchsia
}

.ssLinkText {
	color:black;
	text-decoration:none;
	font-size:24px;
    font-weight:bold;
}

.ssLinkText:hover { 
	color:#444444;
}

.ssLinkTextWhite {
	color:white;
	text-decoration:none;
	font-size:22px;
    font-weight:bold;
}

.ssLinkTextWhite:hover { 
	color:#EAA4A3;
}


.homeTitle
{
	position:absolute;
    top: 0px; 
    left: 0px; 
    right: 0px; 
    
    height: 130px;

	font-size:32px;
	background:rgba(0, 0, 0, 0.6);
	
	padding:0px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    
    text-align: center;
	color:white;
	line-height:130px;
}

.menuDiv
{
	position:absolute;
    left: 0px; 
    right: 0px; 
    bottom: 0px;
    height: 40px;
    margin-left: auto;
    margin-right: auto;
    width: 80%;
	display: table;
	table-layout: fixed;
    text-align: center;
	line-height:40px;
}

.subTitle
{
	position:absolute;
    left: 0px; 
    right: 0px; 
    bottom: 40px;
    
    height: 40px;

	font-size:18px;
	font-weight:bold;
	
    margin-left: auto;
    margin-right: auto;
    width: 75%;
	display: table;
	table-layout: fixed;
    
    text-align: center;
	color:black;
	line-height:40px;
}

.menuBG {
	position:absolute;
    left: 0px; 
    right: 0px; 
    bottom: 0px;
    
    height: 40px;

	background:rgba(0, 0, 0, 0.3);
	
	padding:0px;
}

.cell {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    line-height: 100%;
    border: solid blue 0px;
}


.vertAlign {
  display: inline-block;
  vertical-align: middle;
  line-height:150%;
}

.galImg { 
	position:relative;
	opacity:1; 
	max-width: 100%;
	max-height: 100%;
	left:0;
	display: block;
    margin-left: auto;
    margin-right: auto;
	box-shadow: 0 0 20px rgba(0,0,0,0.4);
}
	
.textBlock { 
	background:rgba(0, 0, 0, 0.75);
	padding:20px;
	margin:20px;
	display: block;
    margin-left: auto;
    margin-right: auto;
    width: 500px;
    overflow-y: auto;
    text-align: left;
	font-size:14px;
	color:white;
	line-height:150%;

	box-shadow: 0 0 20px rgba(0,0,0,0.4);
}

.textBlockLeft {
	width: 400px;
}

.textBlockRight {
	width: 400px;
}

#prevInvBtn {
    position: absolute;
    top: 100px;
    bottom: 100px;
    width:20%;
	left:0px;
	border: solid blue 0px;
	
}

#nextInvBtn {
    position: absolute;
    top: 100px;
    bottom: 100px;
    width:20%;
	right:0px;
	border: solid blue 0px;
}

a.fill-div {
    display: block;
    height: 100%;
    width: 100%;
    text-decoration: none;
}

#nextDiv {
    position: absolute;
    top: 45%;
	right:2%;
	border: solid blue 0px;
}

.nextDiv > img {
  margin-top:-50%;
  margin-left:-50%;  
}

#prevDiv {
    position: absolute;
    top: 45%;
	left:2%;
	border: solid blue 0px;
}

.prevDiv > img {
  margin-top:-50%;
  margin-left:-50%;  
}

.captionBlock { 
	background:rgba(0, 0, 0, 0.75);
	padding:10px;
	margin:0px;
	display: block;
    margin-left: auto;
    margin-right: auto;
    width: 500px;
    overflow-y: auto;
    text-align: center;
	font-size:14px;
	color:white;
	line-height:150%;

	box-shadow: 0 0 20px rgba(0,0,0,0.4);
}

#caption { 
    margin: 0px auto; 
	position:absolute;
	top:auto;
	bottom:60px;
	right: 0px;
	left: 0px;
	padding: 0px;
	text-align:center;
}

#statements { 
    margin: 0px auto; 
	position:absolute;
	top: 110px;
	bottom: 60px;
	left: 370px;
	padding: 0px;
	border: solid blue 0px;
}

#slideshow { 
    margin: 0px auto; 
	position:absolute;
	top: 80px;
	bottom: 60px;
	right: 0px;
	left: 0px;
	padding: 0px;
	text-align:center;
}

#slideshowLeft { 
    margin: 0px auto; 
	position:absolute;
	top: 110px;
	left: 5%;
	padding: 0px;
	text-align:center;
}

#slideshowRight { 
    margin: 0px auto; 
	position:absolute;
	top: 110px;
	right: 5%;
	padding: 0px;
	text-align:center;
}

#statementsLeft { 
    margin: 0px auto; 
	position:absolute;
	top: 110px;
	left: 40px;
	padding: 0px;
	text-align:center;
}

#statementsRight { 
    margin: 0px auto; 
	position:absolute;
	top: 110px;
	right: 15%;
	padding: 0px;
	text-align:center;
}


#slideshow > div { 
    position: absolute; 
    top: 0px; 
    left: 0px; 
    right: 0px; 
    bottom: 0px; 
}

#slideshow > div > img {
	max-width: 85%;
}