body, div, ul, li, h1, h2, h3, h4 { margin: 0; padding: 0;}

h1, h2, h3, h4 { font-family: arial, san-serif; }
h1 { font-size: 1.4em; }
h2 { font-size: 1.3em; }
h3 { font-size: 1.2em; }
h4 { font-size: 1em; }
img { border-width: 0px; }
td { vertical-align: top; }

a { color: #00528F; }
a:hover { color: #0080DF; }
a:active { color: #76CF00; }

hr { border: 1px dashed #ABCD7F; }

/* Site Layout  ------------------------------------------*/

body { background: #ABCD7F; }

#wrapper {
margin: 0 auto;
width: 768px;
background: url(images/middle.gif) repeat-y left;
}

#content { margin: 0 30px 0 10px; }

/* Header/Footer ------------------------------------------*/

#tabs { padding-bottom: 22px; }
#tabs ul {
	padding: 10px 10px 0 50px;
	list-style: none;
}
#tabs li { display: inline; }
#tabs a {
	float: left;
	background: url(images/tableft.gif) no-repeat left top;
	padding-left: 5px;
	text-decoration: none;
}
#tabs a span {
	float: left;
	display: block;
	background: url(images/tabright.gif) no-repeat right top;
	margin-right: 5px;
	padding: 5px 15px 4px 4px;
	color: #6B78A9;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span { float:none; }
/* End IE5-Mac hack */
#tabs a:hover { background-position:0% -39px; }
#tabs a:hover span { background-position:100% -39px; }

#tabs #current a { background-position:0% -39px; }
#tabs #current a span { background-position:100% -39px; }

#header { background: url(images/top.gif) #ABCD7F no-repeat bottom left; }
#title { margin-left: 40px; }

#footer {
padding-top: 20px;
text-align: center;
background: url(images/bottom.gif) #ABCD7F no-repeat top left;
}

#footer, #footer a:link, #footer a:visited, #footer a:hover { color: #FFF; }

/* Portfolio ------------------------------------------*/

#portfolio hr {
	margin: 30px 0px;
	clear: both;
}
#portfolio h4 { color: #363; }
#portfolio img {
	float: right;
	margin: 0 0 30px 20px;
	border: 2px solid #333;
}
#portfolio ul { margin: 10px; }
#portfolio li { color: #242; }


/* Photography ------------------------------------------*/

.photo {
	float: left;
	width: 220px;
	height: 220px;
	text-align: center;
}
.photo img {
	border: 3px solid #000;
	padding: 1px;
}

#pictures {
	height: 600px;
}

/* Resume ------------------------------------*/

#resume ul, #resume ul li { list-style-type: none; }
#resume ul { margin-bottom: 10px; }
#resume td {
	vertical-align:top;
	padding: 10px;
	font: 14px verdana, sans-serif;
}
#resume p { padding-top: 0px; }

/* General Styles ------------------------------------*/

.flatList { list-style-type: none; }
.flatList li {
	display: inline;
	float: left;
	padding-right: 2em;
	white-space: nowrap;
}

.spacer { clear: both; }