html
{
min-height: 100vh;
	overflow: auto; 
	overflow-x: hidden; 
}

body
{ 


	color: #000000;
	font-family:'Courier New',Courier,'Nimbus Mono L',monospace;
	width:80%;
	padding: 5px;
	margin: 10px;
	font-size:90%;
	margin:0 auto; 
	line-height: 1.3;

	background-color:#439dc9;
	background: -webkit-linear-gradient(top,  #444  0%,#bbb 100%);
	background: -moz-linear-gradient(top, #444  0%, #bbb 100%); /* FF3.6-15 */
	background: linear-gradient(to bottom, #444 0%,#bbb  100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

}

div.content
{
 margin:0 auto; 
 background-color: #F0F0F0;
 padding:2% 4% 2% 4%;
}


div.footer
{
	text-align:center; 
	margin:0 auto; 
	color:white;
	padding:10px;

	background: -webkit-linear-gradient(top,  #444  0%,#666 100%);
	background: -moz-linear-gradient(top, #444  0%, #666 100%); /* FF3.6-15 */
	background: linear-gradient(to bottom, #444 0%,#666  100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}




ul.li
{
  list-style-type:none;
}



a.dark{color:black;}

a
{
	text-decoration:none;
	font-weight: bold;
}

a.top-link:link {color:white;}
a.top-link:visited {color:white;}
a.top-link:hover {color:yellow;}
a.top-link:active {color:white;}


div.nav_s
{
	color: #ffffff;
	
	background-color:#E0E0E0;
	
	
		background: -webkit-linear-gradient(top,  #444  0%,#666 100%);
		background: -moz-linear-gradient(top, #444  0%, #666 100%); /* FF3.6-15 */
		background: linear-gradient(to bottom, #444 0%,#666  100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

	padding:15px;
	line-height: 1.4;	

}

div.title
{
	font-size:200%;
	font-weight: bold;
	text-align:center; 
	background-color:#B0B0B0;


	
		background: -webkit-linear-gradient(right,  #999,#ddd, #999);
		background: -moz-linear-gradient(right, #999,#ddd, #999); /* FF3.6-15 */
		background: linear-gradient(to left,  #999,#ddd, #999); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

	padding:15px;
	

}


td.list
{
	background-color:#909090;
	padding:10px;
	border-spacing:5px;
	vertical-align:top;
	text-align:left;

}
td.photos
{
	background-color:#f0f0f0;
	padding:10px;
	border-spacing:5px;
	vertical-align:top;
	text-align:justify;

}


td
{
	background-color:white;
	padding:10px;
	border-spacing:5px;
	vertical-align:top;
	text-align:justify;
}



table
{
	border:0;
	#margin:10px;
	padding:10px;
	border-spacing:10px;
	align:center;
	width:100%;

}

img.highlight
{
	border-style:solid;
	border-width:2px;
	border-color:black;
}

img.gally
{
	margin-bottom:5px;
	width:200px;
	height:auto;
}


img.about
{
	width:200px;
	height:200px;
	float:left;
	margin:10px;
}

img.big
{
	width:65%;
}

@media only screen and (max-device-width: 768px) 

{

	body
	{
		min-width:95%;
		color:black;
	}
	
	img.big
	{
		width:85%;
	}

	div.nav_s
	{
		line-height: 1.6;
		font-size:120%;
		padding:3%;
	}


	img.about
	{
		width:150px;
		height:150px;
		margin:5px;
	}

	img.gally
	{
		width:100px;

	}
	nav.nav-s
	{
	    font-size:120%;
	}


	div.title
	{
		font-size:125%;
	}
	h2
	{
		font-size:80%;
	}

}