body {
	-moz-opacity: .999;
    margin: 0;
}

#dummy
{
	position: relative;
	top: -500;
}

#container
{
	position: relative;
	top: -20px;
	margin: 0 auto;
	width: 100%;
}

#topmenu
{
	text-decoration: none;
	text-align: left;
	position: relative;
	top: 100%;
	right: 1%;
}

#open
{
	letter-spacing: 2px;
	font-size: 10px;
	color: #fff;
	text-decoration: none;
	text-align: center;
	position: relative;
	top: -500%;
	border: 1px solid;
	border-color: #fff;
	padding: 15px 50px; 
}


#openbutton
{
	width: 30%;
	height: 75px;
	text-align: center;
}
/*
#openbutton a
{
	letter-spacing: 2px;
	font-size: 10px;
	color: #fff;
	text-decoration: none;
	text-align: center;
}
*/
#openbutton a:hover a:visited a:active
{
	outline: 0;
}

#msp
{
	letter-spacing: 2px;
	font-size: 14px;
	color: #fff;
	text-decoration: bold;
	text-align: center;
	position: relative;
	top: -350px;
}

#msplink
{
	width: 30%;
	text-align: center;
}

/*
#msplink a
{
	letter-spacing: 2px;
	font-size: 10px;
	color: #fff;
	text-decoration: none;
	text-align: center;
}
*/
#msplink a:hover a:visited a:active
{
	outline: 0;
}


.centre
{
	margin-left: auto;
	margin-right: auto;
}

#header
{
	top: 0px;
	text-align: center;
	width: 100%;
	height:20px;
}

#header a
{
	text-decoration: none;
	underline: none;
}

#header h1 
{ 
	font-family:  cursivef;
	font-weight: normal;

}
span.msname1
{
	/* width: 380px; */
	color: #b7b7b7;
	font-size: 24pt;
}

span.msname2
{
	color: #000;
	font-size: 24pt;
}

#cpr {
	color: #777;
	font-size: 8pt;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-weight: normal;
	text-align: center;
	top: 10px;
	width: 60%;
	position: relative;
}

#backtotop
{
	// width: 150px;
	letter-spacing: 2px;
	font-size: 14px;
	color: #000;
	text-decoration: bold;
	text-align: center;
	position: relative;
	top: 20px;
	border: 1px solid;
	border-color: #000;
	padding: 15px 50px;
}

#pgtitle img
{
	border: none;
	padding: 0;
}

#pgtitle a
{
	color: #fff;
	float: none;
}


#pgtitle a:visited
{

	border: none;
}

#pgtitle
{
    display: block;
	margin-left: auto;
	margin-right: auto;
	
    width: 900px; 
	position: relative;
	height: 600px;
	
	top: 50px;
	font-family: cursivef;
	font-size: 10pt;
}

#pgtitle h2
{
	margin-left: 20px;
	font-family: cursivef	
	font-weight: normal;
	font-size: 20pt;
	text-decoration: none;
}

#pgtitle h3
{
	font-size: 12pt;
	text-decoration: none;
	color: #fff;
}

.cycle-paused:after 
{
    content: 'Paused'; 
    color: #fff;
    background: black; 
    padding: 10px;
    z-index: 500; 
    position: absolute; 
    top: 10px; 
    right: 10px;
    border-radius: 10px;
    opacity: .5; 
    filter: alpha(opacity=50);
}

/* pager */

/* set border-box so that percents can be used for width, padding, etc (personal preference) */
.cycle-slideshow, .cycle-slideshow * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

#custom-pager 
{ 

	border: none;
	padding: 0;

    text-align: center; 
    width: 100%; 
    z-index: 500; 
    position: relative; 
    top: -60px; 
    overflow: hidden;
    background-color: #555;
    color: #fff;

}


.cycle-pager span { 
    font-family: cursivef; 
    font-size: 50px; 
    width: 16px; 
    height: 16px; 
    display: inline-block; 
    color: #fff; 
    cursor: pointer; 
}
.cycle-pager span.cycle-pager-active { color: #000}
.cycle-pager > * { cursor: pointer;}



#caption
{

	padding: 0;

	float: left;
	position: relative;
	width: 425px;
	top: -65px;
	overflow: hidden;
	z-index: 500;
}

#pause
{
	padding: 0;

	--display: inline-block;
	--float: right;
	background-color: #555;
	position: relative;
	top: -65px;
	width: 50px;
	overflow: hidden;
	z-index: 500;
	text-align: center;
	color: #fff;
}

#pause:hover
{
	cursor: pointer;
}

#page
{
	padding: 0;

	float: right;
	background-color: #555;
	position: relative;
	top: -65px;
	width: 150px;
	overflow: hidden;
	z-index: 500;
	text-align: center;
	color: #fff;
}