    .navbar {
         position: relative;
    }

	.navbar-header {
		cursor: pointer;
	}
	
	.toolboxmenu {
		cursor: pointer;
	}

	.navbar-inverse .navbar-brand {
		color: white;
	}
	
	body{ background-color: #000000; }

/******welcomePage**********************/	
	#welcomePage{
		max-height: 520px;
	}

	#welcomeFrame{
		background-color: #0;
		border-color: white;
		border-style: solid;
		border-width: 1px;
		padding: 10px;
		max-height: 520px;
	}

	.carousel-inner{
		width: 100%;
		max-height: 500px;
		background-image: url("/assets/css/welcomebackground.jpg");
		background-repeat: no-repeat;
		background-size: cover;
	}

	.carousel-inner > .item > img{
		max-height: 500px;
		margin: auto;
	}
		
	#welcomeText{
		color: white;
		background-color: #0;
		border-color: white;
		border-style: solid;
		border-width: 1px;
		margin-top: 10px;
		padding: 10px;
	}
	
@media (max-width: 800px) {
  		.carousel-caption > h1 {
			font-size: 18px;
  		}

		#welcomeText > h1 {
			font-size: 20px;
		}
	
	}		
/******welcomePage**********************/	


/******imagePage**********************/	
	.thumbnail {
		display: inline-block;
		margin: 10px;
		background-color: black;
		color: white;
		position: relative;
		cursor: pointer;
	}
	
	.thumbnail > a > img {
		text-align: center;
		display: block;
	}	
		
	.thumbnail > span {
		width: 100%;
		text-align: center;
		position: absolute;
		bottom: 1em;
	}	
/******imagePage**********************/	
	

/******slideshowPage**********************/
	.slide2Show{
		display: inline-block;
		margin-left: auto;
		margin-right: auto;
	}	
	
	.slide2Show > img {
		position: relative;
		margin-left: auto;
		margin-right: auto;
	}	
	
	.slide2Show > span {
		width: 100%;
		text-align: center;
		position: absolute;
		bottom: 2em;
	}	
	
	.flatButton{
		background-color: #000000;
		color: white;
		display: inline-block;
		min-width: 50px;
		cursor: pointer;
		text-align: center;
		border-color: white;
		border-style: solid;
		border-width: 1px;
	}
	
	.modal-content{
		background-color: #202020;
		color: white;
	}
	
	@media (min-width: 1100px) {
  		.modal-lg {
   		width: 1050px;
  		}
	}
/******slideshowPage**********************/	


/******blogPage**********************/
	#blogPage {
		width: 100%;
		height: 100%;
		margin: auto;
		overflow: hidden;
	}
	
	#blogPage iframe {
		position: relative;
		top: 0;
		left: 0;
/*		height: calc(100vh - 80px);  */
		width: 100%;
		border: 0;
	}

/******blogPage**********************/	

	
/******oldPage**********************/
	#oldPage {
		max-width: 850px;
		margin: auto;
		overflow-y: hidden;
	}
	
	#oldPage iframe {
		position: relative;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		border: 0;
	}
/******oldPage**********************/	

	
/******notifyPage**********************/	
	#notifyPage{
		position: fixed;
		left: 0;
		bottom: 0;
		width: 100%;
		z-order: 100;
	}
/******notifyPage**********************/	

		
