@charset "utf-8";
a       {color:#39F; text-decoration:none;}
a:hover {color:#933}
#black {}
#black_overlay{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 98%;
	margin:0px;
	padding:0px;
    background-color: #000;
    z-index:1001;
    -moz-opacity: 0.8;
    opacity:.80;
    filter: alpha(opacity=80);
	display: none; 
	visibility:hidden;
}
body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #999;
	background-color: #000;
	text-align:center;
}
#content {position:relative; clear:both; width:100%; font-size:1em; padding:10px 0 10px 0;/* height:100%*/}
#content a {text-decoration:underline}
#content a:hover {color:#933}
#eMsg {display:none; visibility:hidden; color:#C00;}
#footer {clear:both; margin-bottom:10px; font-size:1em; color:#999; border-top:1px dashed #333}
#footer-copy{text-align:center; margin:30px 0;}
#footer-nav{display:flex; flex-flow:row wrap;}
#footer-nav div{display:block; width:25%; text-align:left;}
#footer-nav div a{display:block; width:100%; padding:5px 0;}
.galItem {margin:0; text-align:center;/* border:1px solid #111;*/ cursor:pointer}
.galItem img {width:80% !important;}
.galTitle {font-size:1.1em; font-weight:bold; padding-top:10px; padding-bottom:10px;}
.galDesc  {font-size:.9em; padding-top:3px;}
h3 {margin:0; padding:10px 0; border-top:1px dashed #333; font-size:1.75em}
#HD {font-size:1em; padding-bottom:10px; text-align:center;}
#header {
	position:relative;
	height:60px;
}
#header div {
	position:absolute;
	bottom:20px;
	font-size:40px;
	font-weight:normal;
}
#header img {float:right;}
#home_block, #imgGallery {display:flex; flex-flow:row wrap; justify-content:center; font-size:1.25em;}
#home_block a, .galItem {display:block; margin-top:20px !important; width:50% !important;}
#home_block a img {text-decoration:none; width:90%;}

html {height:100%}
#imgLarge {
	display: none;
	visibility:hidden;
    position: absolute;
	top:5px;
	left:15px;
	width:94%;
	height:95%;
	margin:0 0 0 -10px;
    padding: 10px;
    border: 1px solid #333;
    background-color: #000;
    z-index:1002;
    overflow:visible;
	text-align:center;
}
#imgLarge img{max-width:100% !important; max-height:88% !important;}
label {display:block; margin-bottom:10px}
.lgColl {position:absolute; font-size:1.2em; bottom:5px; left:5px;}
.lgDesc {position:absolute; font-size:1.2em; bottom:5px; right:5px;}
.lgTitle {font-weight:bold; font-size:1.4em;}

#nav {
	text-align:center;
	font-size:1.2em;
	display:block;
}
#nav ul {
	margin:10px 0 0 0;
	padding:0;
	list-style-type:none;
}
#nav ul li {float:left;}
#nav ul li a {
	display:block;
	width:165px;
	height:45px;
	padding:5px 0 5px 0;
	text-align:center;
	color:#BBB;
	text-decoration:none;
}
#nav ul li:hover {border:1px solid #AEB0AF; cursor:pointer}
#nHOME  { background-color: #3C003C; border: 1px solid #3C003C; }
#nABOUT {background-color: #002B55; border: 1px solid #002B55;}
#nABOUTsub{display:none; visibility:hidden; background-color:#002B55; border:1px solid #002B55; width:158px; float:left;}
#nABOUTsub a {display:block; float:left; color:#BBB; text-align:center; border:1px solid #002B55;}
#nABOUTsub a:hover {border:1px solid #AEB0AF;}
#nCS    {background-color: #402B15; border: 1px solid #402B15;}
#nSS    {background-color: #15402B; border: 1px solid #15402B}
#nCOLL  {background-color: #501B1B; border: 1px solid #501B1B;}
#nCOLLsub{display:none; visibility:hidden; background-color:#501B1B; border:1px solid #501B1B; float:right;}
#nCOLLsub a {display:block; float:left; width:77px; color:#BBB; text-align:center; border:1px solid #501B1B;}
#nCOLLsub a:hover {border:1px solid #AEB0AF;}
#pCloseSS {position:absolute; top:0px; right:0px; cursor:pointer; height:40px; width:40px; font-size:2em;}
#pauseSSid {display:none; visibility:hidden; position:absolute; top:0px; right:40px; cursor:pointer; height:40px; width:40px; font-size:2em;}
#playSSid {position:absolute; top:0px; right:40px; cursor:pointer; height:40px; width:40px; font-size:2em;}
#sLeft {position:absolute; top:35px; left:-10px; width:45%; height:80%; z-index:1500; cursor:pointer}
#sLeft:hover { background-image: url(images/aPrev.png); background-repeat: no-repeat; background-position: left 200px;}
#sRight {position:absolute; top:35px; right:-10px; width:45%; height:80%; z-index:1600; cursor:pointer}
#sRight:hover {background-image:url(images/aNext.png); background-repeat:no-repeat; background-position:right 200px;}
#Surname {display:none; visibility:hidden}
/* Responsive layout - makes a one column layout instead of a two-column layout */
@media (max-width: 980px) {
  #content{font-size:2em !important;}
  #home_block, #imgGallery {flex-direction: column;}
  #home_block a, .galItem {width:100% !important;}
  .lgTitle{font-size:1.7em}
  #pauseSSid {top:0px; left:0px; height:45px; width:45px; font-size:2.2em;}
  #playSSid {top:0px; left:0px; height:45px; width:45px; font-size:2.2em;}
  #sLeft {left:0px;}
  #sRight {right:0px;}
}