body { 
	color: #fff; 
	font-size: 10px; 
	font-family: Arial, Lucida Sans, Helvetica, sans serif; 
	line-height: 1.6em; 
	background-color: #404040; 
	text-align: center; 
	margin: 0; 
	padding: 0; 
	}

p  { 
	font-size: 1em; 
	line-height: 1.6em;
	}
	
img { 
	margin: 0; 
	padding: 0; 
	}
	
div { 
	font-size: 1em;
	border: 0px #9900CC solid;
}

table {
	vertical-align: top;
	}

td {
	vertical-align: top;
	}
	
ul {
	margin: 0;
	padding: 0;
	}
	
li {
	margin: 0px;
	padding: 4px;
	list-style: square;
	list-style-position: inside; 
	}
	
a {
	color: #019C28;
	text-decoration: none;
	}

a:hover {
	text-decoration: underline;
	}

.dotted { 
	border-top: 1px dotted #a4a4a4;
	}

.hilite { background-color: #cef3fe; }

/* This wraps the header and main together. (main = nav + content) */

#wrapper  { 
	text-align: left; 
	margin: 15px auto 0; 
	width: 800px;
	}

/* This lays out the header. */
#header {
	color: #fff;
	text-align: left; 
	padding: 40px 0px 0px 205px; 
	width: 570px; 
	height: 20px; 
	font-weight: bold;
	font-size: 1.2em;
	text-transform: uppercase;
	letter-spacing: .2em;
	}

#header a {
	color: #fff;
	text-decoration: none;
	}
	
#header .charlee {
	float: left;
	}
	
#header .photographer {
	float: right;
	}

/* This area lays out the main white area PLUS the navigation, not including the header.  */
#main { 
	text-align: left; 
	padding-top: 20px; 
	width: 810px; 
	height: auto; 
	overflow: hidden;
	}

/* -- ** Navigation Styles ** -- */

#nav { 
	width: 185px; 
	float: left;
	color: #fff; 
	font-size: .9em; 
	text-align: left; 
	/* WHITE LINE TOP BORDER: border-top: 1px solid #fff; */
	}
	
#nav ul {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
	}

#nav li {
	margin: 0px;
	padding: 0px;
	list-style: none;
	}

.navshort {
	height:9px;
	}

.navhead {
	font-weight: normal;
	/*border-top: #999 1px dotted;*/
	/*background-color: #555;*/
	text-transform: uppercase;
	color: #66CC66; /* 019C28 is standard */
	letter-spacing: 1.2px;
	}

.green {
	color: #33CC33;
	}
	
.navbullet {
	color: #009900;
	}
	
#nav a { 
	padding: 1px 1px 1px 4px;
	color: #fff;
	display: block;
	text-decoration: none; 
	}
	
.navhead a {
	color: #019C28;
	}

.italicnote {
	font-style: italic;
	font-weight: normal;
	}

#nav a:hover { 
	color: #ccc;
	background-color: #666;
	text-decoration: none; 
	}

/* This is the current link style for the interior pages. (Shows where you are) */
.current    { 
	color: #019C28;
	background-color: #666;
	text-decoration: none; 
	}

/* - ** This lays out the main white content area, special for the home page. ** - */
#home-content {
	vertical-align: top;
	background-color: #fff; 
	color: #333; 
	width: 625px;
	float: right; 
	}

#home-content table {
	margin: 15px;
	border-collapse: collapse;
	}

#home-content td {
	padding: 5px;
	border: 0px solid #999999;
	}

/* This seems to have something to do with the javascript images' width and padding */
.wider {
	width: 190px;
	}

#home-content table p {
	width: 180px;
	}

/* -- ** These two lay out the main white table content area ** -- */
	
#content {
	vertical-align: top;
	background-color: #fff; 
	color: #333; 
	width: 625px;
	float: right; 
	}
	
#content table {
	margin: 18px;
	border-collapse: collapse;
	}

/* Adds a border to the right of the flash images galleries */
.flash {
	padding-right: 18px;
	}
	
.alltextpage {
	width: 575px;
	}

.textcolumn {
	width: 350px;
	}
	
.imageholder {
	border: 1px;
	float: right;
	}
	
.imageholder img {
	padding: 15px 0px 5px 0px;
	}
		
.caption {
	font-style:italic;
	font-size: .8em;
	letter-spacing: .1em;
	}

/* I think this is the heading for large pages like BIO and NEWS */
.page-head {
	text-transform: uppercase;
	color: #019C28;
	font-weight: bold;
	font-size: 1.2em;
	letter-spacing: .1em;
	padding: 0px 0px 5px 0px;
	}

.page-line {
	border-bottom: 1px dotted #999999;
	height: 10px;
	}

.run-in-head {
	text-transform: uppercase;
	color: #019C28;
	font-weight: bold;
	}

/* Title for interior project pages, such as stephanie.html */
.project-title {
	text-transform: uppercase;
	color: #019C28;
	font-weight: bold;
	letter-spacing: 1.2px;
	margin-top: 0px;
	}

.project-description {
	color: #666;
	}

/* Inline Text Formatting Styles */
.book-title {
	font-style: italic;
	}
	
.thumbnails img {
	padding: 4px;
	}
	
#footer { 
	color: #666666; 
	font-size: 0.8em; 
	padding: 20px 205px 10px; 
	text-transform: uppercase;
	letter-spacing: .25em;
	}
	
#footer a { color: #bbb; text-decoration: none }
#footer a:hover { color: #a4a4a4; text-decoration: underline }