html, body{
	margin: 0;
	padding: 0;
}
body {
	background: #000000 url("background.jpg") repeat-x top left;
}
	body#frameNav {
		background-image: none;
	}
	IMG{
		border: 0;
		padding: 0;
		margin: 0;
		vertical-align: middle;
	}
	H1{
		font: normal normal 16pt Arial, Helvetica, sans-serif;
		color: #CC660B;
		margin: 0;
	}
	P{
		font: normal 10pt/18px Arial, Helvetica, sans-serif;
		color: #FFFFFF;
		text-align: justify;
	}
	
	/* Structural Layout */
	#header{
		height: 80px;
		margin: 10px 0 0 130px;
		background: url("johnwalsh.jpg") no-repeat center left;
	}
		#frameNav div#header{
			background: url("johnwalshframe.jpg") no-repeat center left;
		}
	#content{
		width: 740px;
		height: 340px;
		padding-left: 140px;
	}
		/* 2 Column Layout */
		#textArea{
			float: left;
			width: 358px;
			padding: 10px 30px 0 0;
		}
		#profileArea{
			float: left;
			width: 340px;
			padding-top: 10px;
		}

		/* Navigation Links */
		ul#navigation{
			list-style: none;
			padding: 30px 0 0 240px;
			margin: 0;
			text-align: center;
			list-style: none;
		}
			ul#navigation li {
				float: left;
				padding: 0 10px;
				border: 0px solid #FFFFFF;
				border-left-width: 1px;
			}
			ul#navigation li#end{
				border-right-width: 1px;
			}
			A:link, A:visited, A:active {
				font: normal normal 10pt Arial, Helvetica, sans-serif;
				text-decoration: none;
				color: #FFFFFF; 
			}	
			A:hover { 
				color: #CC660B; 
			}