body {
	background: #798376;
	margin: 0px;
	font: 9pt verdana, courier new;
}


#pageBanner1{
	background: #798376 url("../images/subtitle.jpg") top left no-repeat;
	height: 200px;
}

/* contains the content of each page */
#container{
	width: 905px;
	height: 2000px;
	background: #666666;
	font: 8pt verdana;
	color: #000000;
}

#start{
	margin-left: 15px;
	color: #000000;
}

/* title of each individual project on their individual page */
#start h1{
	font: bold 9pt verdana, courier new;
	margin-bottom: 0px;
}

/* page titles */
#start h2{
	font: bold 11pt verdana, courier new;
	margin-top: 0px;
	color: #CCCCCC;
}

#start span{
	font: bold 9pt verdana, courier new;
	margin-bottom: 0px;
}

#start a:link, #start a:visited {
	color: #CCCCCC;
}

#start a:hover, #start a:active {
	color: #333333;
}

p{
	font: 8pt verdana, courier new;
}

span{
	font: bold 9pt verdana, courier new;
	margin: 0 0 0 0;
}

a:link, a:visited {

a:hover, a:active {
	text-decoration: none;
	color: #333333;
}

#mainnav ul { list-style-type: none; }

/* this hides the text and leaves the image */
#submain a span, #subresume a span, #subbio a span, #subvideo a span,
#subfilm a span, #subedit a span, #subdvd a span { display: none; }

/* this adds the image and changes it on rollover */
#submain a:link, #submain a:visited {
	display:block;
	margin: 0.2em 0;
	padding:17px 0 0 65px;
	background: url("../images/link7.jpg") 0 0 no-repeat;
}
#submain a:hover, #submain a:active {	
/*		background-position: -157px 0; use this if the normal and rollover state are in the same image file (ie: you reuse the image file)*/
		background: url("../images/link7a.jpg") 0 0 no-repeat;
}

#subresume a:link, #subresume a:visited {
	display:block;
	margin: 0.2em 0;
	padding:17px 0 0 22px;
	background: url("../images/link1.jpg") 0 0 no-repeat;
}
#subresume a:hover, #subresume a:active {	
/*		background-position: -157px 0; use this if the normal and rollover state are in the same image file (ie: you reuse the image file)*/
		background: url("../images/link1a.jpg") 0 0 no-repeat;
}

#subbio a:link, #subbio a:visited {
	display:block;
	margin: 0.2em 0;
	padding:17px 0 0 22px;
	background: url("../images/link2.jpg") 0 0 no-repeat;
}
#subbio a:hover, #subbio a:active {	
	background: url("../images/link2a.jpg") 0 0 no-repeat;
}

#submain a:link, #submain a:visited {
	display:block;
	margin: 0.2em 0;
	padding:17px 0 0 20px;
	background: url("../images/link7.jpg") 0 0 no-repeat;
}
#submain a:hover, #submain a:active {	
	background: url("../images/link7a.jpg") 0 0 no-repeat;
}
		
#subvideo a:link, #subvideo a:visited {
	display:block;
	margin: 0.2em 0;
	padding:17px 0 5px 100px;
	background: url("../images/link3.jpg") 0 0 no-repeat;
}
#subvideo a:hover, #subvideo a:active {	
	background: url("../images/link3a.jpg") 0 0 no-repeat;
}

#subfilm a:link, #subfilm a:visited {
	display:block;
	margin: 0.2em 0;
	padding:17px 0 5px 100px;
	background: url("../images/link4.jpg") 0 0 no-repeat;
	text-decoration: none;
	color: #666666;
	font: 9pt verdana, courier new;
}
}
#subfilm a:hover, #subfilm a:active {	
	background: url("../images/link4a.jpg") 0 0 no-repeat;
}

#subedit a:link, #subedit a:visited {
	display:block;
	margin: 0.2em 0;
	padding:20px 0 5px 20px;
	background: url("../images/link5.jpg") 0 0 no-repeat;
}
#subedit a:hover, #subedit a:active {	
	background: url("../images/link5a.jpg") 0 0 no-repeat;
}

#subdvd a:link, #subdvd a:visited {
	display:block;
	margin: 0.2em 0;
	padding:17px 0 5px 64px;
	background: url("../images/link6.jpg") 0 0 no-repeat;
}
#subdvd a:hover, #subdvd a:active {	
	background: url("../images/link6a.jpg") 0 0 no-repeat;
}