body {	background-color: #999;	
}
.container { min-width: 800px;
			max-width: 860px;
			margin-left: auto;
			margin-right: auto;
			background-color: #eee;
			border: 3px solid #777;
} 
header {	margin-top: 25px;
		text-align: center;
}
header a {	display: inline-block;
			padding: 2px;}
header a:hover {	background: #888;}
nav {	text-align: center;
		margin-top: 20px;
		margin-left: auto;
		margin-right: auto;
		width: 750px;
}
nav ul { 	list-style-type: none;
		display: inline-block;
		text-align: left;
		margin-top: 0px;
		width: 750px;
}
nav li {	display: inline-block;
		margin-top: 0px;
		margin-left: -20px;
		margin-right: 10px;}
nav a {	text-decoration: none;
		color: #555;
		font-weight: bold;
		display:inline-block;
		padding: 2px;
		padding-bottom: 0px;
		margin-right: 10px;
		}
nav a:hover {	background: #888;}
#homepageNav ul {text-align: center;}
#homepageNav li {	padding: 5px;
				padding-bottom: 1px;
				margin-bottom: 5px;}
img {	list-style-type: none;
		border: none;}
.borderImg { border:1px solid #999;
			padding: 15px;}
#mainContent {	color: #555;
				width: 800px;
				margin-left: auto;
				margin-right: auto;
				padding: 15px;
}
.boldFont { font-weight: bold;}
.websiteLinks a:hover {	background-color: #777;}
/* footer {	width: 750px;
		margin-left: auto;
		margin-top: 20px;
		margin-right: auto;
		text-align: right;
		font-size: .75em;
		color: #555;
		margin-bottom: 25px;
		clear: both;
}
footer ul {list-style-type: none;
		text-align: right;
		margin-top: 0px;
		margin-bottom: 0px;
}
footer li {	display: inline;
} */

footer {	text-align: right;
		font-size: 1em;
		color: black;
		margin-bottom: 25px;
		clear: both;
}
footer ul {list-style-type: none;
		text-align: right;
		margin-top: 0px;
		margin-bottom: 0px;
}
footer li {	display: inline;
}
footer a {	text-decoration: none;
			color: black;
			font-weight: bold;
			display: inline-block;
			padding: 2px 8px 2px 8px;
			font-style: italic;
}
footer a:hover {	color: #eee;
				background-color: #aaa;
				font-style: italic;
}


#footerInfo {	padding-right: 30px;
				padding-left: 30px;
				font-style: italic;
				text-align: right;
				font-size: small;
}
h1 {		margin-top: 30px;
		margin-left: 60px;
		margin-right: 60px;
		font-size: 1.3em;
		font-weight: bold;
		text-decoration: underline;
		font-style: italic;
}
.pictures {	padding: 30px;
}
h2 {		text-align: left;
		margin-left: 60px;
		margin-right: 20px;
		font-size:1.1em;
}
p {	text-align: left;
	padding-left: 40px;
	padding-right: 20px;
	margin-left: 20px;
	margin-right: 20px;
}
.tabs {
	margin: 0;
	padding: 0;	
	zoom : 1;
	margin-top: 20px;
	width:766px;
	margin-left: auto;
	margin-right: auto;
}
.tabs li {
	list-style: none;
	padding: 0;
	margin: 0;
	display: inline;
}
.tabs a {
	display: inline-block;
	text-decoration: none;
	padding: 4px 12px;
	background-color: #ddd;
	color: #222;
	border: 1px solid rgb(153,153,153);
	margin-bottom: -1px;
	text-align: center;
	font-size:.75em;
}
.tabs .active {
	border-bottom: 1px solid white;
	background-color: white;
	color: #333;
	position: relative;
}

.panelContainer {
	margin-bottom: 25px;	
	border: 1px solid rgb(153,153,153);	
	background-color: white;
	padding: 10px;
	width: 776px;
	margin-left: auto;
	margin-right: auto;

}

.panel h2 {
	color: black;
	text-shadow: none;		
}
.panel p {
	color: black;	
}
#workHistory { margin-left: 50px;}
.marginCenter { margin-left: 50px;
				margin-top: 20px;}
#currentPageLink {	background-color: #eee;
					border: 2px solid #999;
					color: #333;
}
.websites { 		padding: 3px;
}
.websiteList {	list-style-type: none;
				margin: 20px;
}
.websiteLinks li {	display: block;}
.websiteLinks a {	display: inline-block;}
a.websites:hover {	background-color: #999;}
.centeredImageDiv {	text-align: center;}
#topLink {	color: #333;}
.graphicImage {text-align:center;}
.extraLRpadding {	padding-left:7px;
					padding-right:7px;}
#homepageNav ul {list-style-type: none;}
					
@media only screen and (max-width: 801px){
	body { 	background-color:#eee;
			text-align:center;}
	.container {	width:auto;
				max-width:100%;
				min-width:0;
				margin:0;
				border:none;}
	nav a:hover {background-color: #eee;}
	nav a:hover img {border:2px solid #777;
					padding:0px;}
	#mainContent {	width:auto;
					padding:none;
					max-width:100%;
					min-width:0;
					margin:0;
					text-align:center;}
	#main {	text-align:center;}
	.graphicImage{text-align:left;}
	.pictures { padding:none;}
	.tabs{	width:auto;
			max-width:100%;
			min-width:0;
			padding-left:40px;}
	.panelContainer{	width:auto;
						max-width:100%;
						min-width:0;
						margin:0;
						background-color:#eee;
						border:none;
						padding:10 0 0 0;}
	.leftFloatImage {	float:none;
						padding:0;
						margin:0.1em;}
	.rightFloatImage {	float:none;
						padding:0;
						margin:0.1em;}
	.borderImg { padding:none;}
	img {	max-width:100%;
			margin-left:auto;
			margin-right:auto;
			height:auto;}
	li	{ max-width:100%;
			margin-left:auto;
			margin-right:auto;}
	nav {	max-width:100%;
			margin-left:auto;
			margin-right:auto;
			margin-top:5px;}
	nav ul {	max-width:100%;
			text-align:center;
			padding:none;}
	nav img {	height:auto;
			width:45%;
			list-style-type: none;
			text-align:center;}
	#homepageNav li {	padding:none;
					max-width: 70%;}
	#currentPageLink { border:none;}
	.tabs a {	width:200px;
				max-width: 70%;
				font-size:120%;
				margin-left:auto;
				margin-right:auto;
				margin-top:10px;
				padding:3%;
				border: 1px solid #666;}
	.tabs {	text-align:center;}
	#imageRow { width:auto;
				max-width:100%;
				min-width:0;
				margin:0;}
	p {padding:0px;}
	footer {	width:auto;
			max-width:100%;
			min-width:0;
			margin:0;}
	footer ul {	text-align:left;
				padding-left:10px;
				display:block;}
	footer li {text-align:left;}
	footer a {	display:block;}
	#footerInfo { text-align: center;
				display:block;
				margin-top:10px;}
	.tabs .active {	border-bottom:1px solid rgb(153,153,153);}
	header { padding: 2px;}
	header img {	max-width:100%;
				margin-left: auto;
				margin-right: auto;
				height:auto;
}
}