body 	{ background-color: #bdbdbd; 
		background: -webkit-linear-gradient(left, white, gray); /* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient(right, white, gray); /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(right, white, gray); /* For Firefox 3.6 to 15 */
		background: linear-gradient(to right, white, gray); /* Standard syntax */
		color: #000000; 
		font-family: "Trebuchet MS", Helvetica, sans-serif; 	
		}
header { background-color : #ffffff;
		color : #000000;
		background-position : center;
		background-repeat : no-repeat;	
		}
h1		{ margin: 0;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
		text-align: center;
		}
p		{ text-align: center;
		}
nav		{text-align: right;
}
nav li	{display: inline-block;
		list-style-type: none;
		}
nav a	{ 
		text-decoration: none;
		font-size: 2em;
		padding-right: 15px;
		display: inline-block;
		background-color: #ffffcc;
		}
nav a:link	{ color: #000000;
			background-color: #ffffcc;
		}
nav a:visited	{color: #000000;
			background-color: #ffffcc;
		}
nav a:hover	{ color: #ffffff;
		background-color: #000000;
		}
nav ul	{ list-style-type: none;
		display: inline-block;
		}
footer	{ color: #000000; 
		font-size: .90em;
		text-align: center; 
		padding-top: 20px;
		padding-bottom: 20px;
		clear: both;
		}
footer ul	{ list-style-type: none;
			display: inline-block;
			}
footer li	{display: inline-block;
			list-style-type: none;
			}
footer a:link	{ color: #000000;
		}		
footer a:visited	{ color: #000000;
		}		
footer a:hover	{ color: #ffffcc;
		}
#floatleft	{ float: left;
			}
#wrapper	{ width: 90%;
		margin-right: auto;
		margin-left: auto; 
		background-color: #ffffff; 
		min-width: 100px; 
		max-width: 1200px; 
		border: 10px;
		border-style: solid;
		border-color: #ffffcc;
		border-radius: 15px;
		z-index: -1;
		}
#wrapper3	{ width: 90%;
		margin-right: auto;
		margin-left: auto; 
		min-width: 700px; 
		max-width: 1200px; 
		}
h2		{background-color: #ffffff; 
		font-size: 1.2em; 
		text-transform: uppercase;
		color: #000000;
		padding: 5px 0 0 5px;
		margin-right: 20px;
		text-align: center;
		}
main	{padding-top: 10px;
		padding-bottom: 30px;
		padding-left: 20px;
		padding-right: 20px;
		background-color: #ffffff;
		color: #000000;
		overflow: auto;
		}
details	{padding-left: 20%; 
		padding-right: 20%;
		overflow: auto;
		}
img	{border: none;	
	border-radius: 10px;
	margin: auto;
	}
table	{ border: none;
		margin-right: auto;
		margin-left: auto; 
}
td, th 		{
			border-style: none;
			margin: auto;
			text-align: center;
			border-spacing: 35px;
			width: 350px;
}
header, nav, main, footer	{ display: block;
		}
#mobile	{ display: none; 
}
#desktop	{display: inline; 
}
/*
Responsive design inactive

@media only screen and (max-width: 1024px)	{
		body	{ margin: 0; 
				background-image: none; }
		#wrapper	{ width: auto;
				min-width: 0;
				margin: 0;
				box-shadow: none;}
		header	{ background-image: url(javalogomobile.gif);
				background-position: center;
				background-repeat: no-repeat; 
				height: 80px}
		nav		{ float: none;
				width: auto;
				padding-top: 0;
				margin-top: 0;}
		nav li	{ display: inline-block; }
		nav a	{ padding: 1em;
				font-size: 1.3em;
				width: 8em;
				font-weight: bold;
				border-style: none; }
		nav ul	{ padding: 0;
				margin: 0; }
		main	{ padding: 2em;
				margin: 0;
				font-size: 90%; }
}
@media only screen and (max-width: 768px)	{
		nav a	{ display: block;
				padding: 0.2em;
				width: auto;
				border-bottom: 1px #330000}
		nav li	{ display: block; }
		h2		{ padding-top: 0.5em;
				padding-right: 0;
				padding-bottom: 0;
				padding-left: 0.5em; 
				margin-right: 0.5em; }
		#details	{ padding-left: 0;
					padding-right: 0;}
		#floatright	{ display: none; }
		#floatleft	{ padding-right: 0.5em; }
		#mobile		{ display: inline; }
		#desktop	{ display: none; }
}
*/