div {
	border: none;
	}

/*name, address and contact info top right of page*/
#topinfo {
	position: absolute;
	top: 3px; right: 3%;
	text-align: right;
	font-size: 11px;
}

#header {
	margin-left: 10px;
	color: #333;
	border-bottom: 1px solid #333;
	height: 75px;
	padding-bottom: 1em;
	}
	
#leftcol {
	float: left;
	width: 165px;
	margin-left: 10px;
	margin-top: 0px;
	color: #333;
	padding: 3px;
	}
		
#rightcol {
	position: absolute;
	
	/*was left: 80%; needed to move left*/
	left: 75%;
	
	/*was top: 85px; needed to move down*/
	top: 120px;
	
	/*was width: 140px;*/
	width: 220px;
	padding: 0;
	z-index: 3;
	color: #333;
	}

#leftcol p, #leftcol li, #rightcol p {
	font-size: 11px;
	}
	
#content {
	margin: 0px 25% 0 165px;
		
	/*was padding: 3px; needed more padding on left edge*/
	padding: 3px 3px 3px 10px;
	color: #333;
	}
	
#footer {
	clear: both;
	width: 95%;
	margin: 10px;
	text-align: center;
	font-family: Verdana;
	font-size: 11px;
	padding: 3px 3px 10px 3px;
	border-top: 1px solid #333;
	color: #333;
	}
	
	#footer .date {
		float: left;
		text-align: left;
		}
	
	#footer .contact {
		float: right;
		text-align: right;
		}
	
body {
	width: 97%;
	}

html, body {
	margin: 0;
	
	/*was padding: 0; added to top and left side*/
	padding: 7px 0 0 2px;
	background-color: #867A6E;
	color: #333;
	}
	
p, a {
	font-family: Verdana;
	}
	
h1, h2, h3, h5, h6 {
	font-family: Georgia;
	margin-top: 0px;
	}

/*pad the top of the picture title*/
h3 {margin-top: 10px;
	color: #DAD7CB;
	}

/*style the content headlines*/
#content h3 {
	font-weight: normal;
	padding: .25em;
	font-family: Verdana, sans-serif;
	font-size: 90%;
	letter-spacing: 0.1em;
	color: #DAD7CB;
	background-color: #333;
	margin-bottom: .5em;
	}



/*style the navigation panel*/
#rightcol h4 {
	font-weight: normal;
	font-family: Verdana, sans-serif;
	font-size: 80%;
	letter-spacing: 0.1em;
	padding:  3px 0 3px 3px;
	color: #DAD7CB;
	background-color: #333;
	margin-bottom: .5em;
	}
li {list-style: none; }

	
ul {
	margin: 3px 0 0 5px;
	padding: 0;
}

/*contact info left of photo*/
#left-contact {
position:absolute;
left:20px;
top:300px
}

/*style the links*/
a:link {background-color: #867A6E;
color: #333;
text-decoration: none; }

a:visited {background-color: #867A6E;
color: #333;
text-decoration: none; }

a:hover {background-color: #867A6E;
color: #DAD7CB;
text-decoration: underline; }


/*style the view links*/
#view {font-size: 10px;}

/*indicate which page we are on*/
#tom .tom, #mermaid .mermaid, #solace .solace, #motherchild .motherchild, #inrepose .inrepose, #giving .giving, #woman-1 .woman-1, #woman-2 .woman-2, #woman-3 .woman-3, #woman-4 .woman-4, #tango-1 .tango-1, #tango-2 .tango-2, #tango-3 .tango-3, #tango-4 .tango-4, #tango-5 .tango-5, #tango-group .tango-group
	{ list-style-type: square;
	color: #333;
	cursor: default;
	}

#tom .tom a:hover, #mermaid .mermaid a:hover, #solace .solace a:hover, #motherchild .motherchild a:hover, #inrepose .inrepose a:hover, #giving .giving a:hover, #woman-1 .woman-1 a:hover, #woman-2 .woman-2 a:hover, #woman-3 .woman-3 a:hover, #woman-4 .woman-4 a:hover, #tango-1 .tango-1 a:hover, #tango-2 .tango-2 a:hover, #tango-3 .tango-3 a:hover, #tango-4 .tango-4 a:hover, #tango-5 .tango-5 a:hover, #tango-group .tango-group a:hover
 	{ background-color: #867A6E;
	color: #333;
	text-decoration: none;
	}

/* main title links */
h1 a {
	font-family: Georgia;
	margin-top: 0px;
	}
h1 a:link {
	color: #333;
	text-decoration: none; }

h1 a:visited {
	color: #333;
	text-decoration: none; }

h1 a:hover {
	color: #333;
	text-decoration: none; }
	
/* for the thumbnail images */
img { border: thin gray solid; }

/* divs that hold the thumbnail images and captions */
div.figure {
  float: left;
  width: 150px;
  margin: 5px;
  padding: 0 0 5px 0;
}

/* the captions associated with the thumbnail images */
div.figure p {
	margin: 0;
	padding: 0;
  text-align: center;
  font-size: 10px;
}

/* removes top margin (for About Eleanor Brown on index.html) */
p.noTopMargin {
	margin-top: 0;
}