/* Style sheet for pictures from Oaxaca, based on stars and bubbles */

		body {font-family:Trebuchet MS, "sans-serif"; 
			font-size: 1em;
			text-align: center;
			}

		#main {width: 800px;
			height: auto;
			font-size: 1em; 
			background-color: #FFCC99;
			text-align: left;
			}

		#indexmain {width: 600px;
			font-size: 1em;
			Margin-top: -3px; 
			background-color: #FFCC99;
			text-align: left;
			}

		#top {position: relative;
                     	border-bottom: 5px solid black;
		     	}

		IMG {vertical-align: text-bottom;
			}

		A.button {display: block;
			Width: 80px;
			height: 25px;
			text-align: center;
			margin-right: 10px;
			margin-bottom: 10px;
			margin-left: 10px;
			margin-top: 10px;
			padding: 2px;
			font-weight: bold; 
			font-size: 1em;
			border-style: solid;
			border-width: 2px;
			border-color: black;
			background-color: #FF9966;
			}

		:link {color: blue;
			text-decoration: none;
			}

		:visited {color: #000099;
			text-decoration: none;
			}

		A:hover {color: blue;
			background-color: #FF9966;
			}

		#center {position: relative;
			Margin: auto;
			width: 800px;
			border: 5px solid black;
			background-color: #FFCC99;
			}

		#indexcenter {position: relative;
			Margin: auto;
			width: 600px;
			border: 5px solid black;
			background-color: #FFCC99;
			}

		#B1 {display: block;
			position: absolute;
			top: 258px;
			left: 40px;
			width: 200px;
			height: auto;
			text-align: left; 
			margin: 0px;
			font-family: Trebuchet MS, "sans-serif";
			font-size: 4em;
			font-style: bold;
			}

		#B3 {display: block;
			position: relative;
			margin-top: -260px;
			left: 115px;
			width: 480px;
			height: auto;
			text-align: left; 
			padding-right: 10px;
			padding-bottom: 10px; 
			font-size: 1em;
			}

		#B2 {display: block;
			height: auto;
			position: absolute;
			top: 154px;
			left: 30px;
			text-align: left; 
			padding-left: 1.0em;
			padding-right: 1.0em;
			padding-top: .5em;
			padding-bottom: .5em; 
			font-size: 2em;
			font-style: bold;
			}

		#B4 {display: block;
			height: auto;
			text-align: left; 
			padding-left: 1.0em;
			padding-right: 1.0em;
			padding-top: .5em;
			padding-bottom: .5em; 
			}

		h1 {text-align: left;
			font-variant: small-caps;
			font-size: 1.1em;
			font-style: bold;
			text-decoration: underline;
			}

		h2 {text-align: left;
			font-size: 1.0em;
			font-style: bold;
			}

		h3 {text-align: center;
			margin: 0px;
			font-size: 1.5em;
			font-style: bold;
			}

		h4 {text-align: center;
			margin: 0px;
			font-size: 1.0em;
			}

		Table {text-align: center; 
			padding: 1em;
			font-size: 1em;
			border-top: 5px solid black;
			background-color: #FFCC99;
			}

		TD.bottom {width: 114px;
			text-align: center;
			}

/* Thumbnail Index */
div#index {
	text-align: center;
}

div#index table {
	width: 100%;
	text-align: center;
}

div#index td.thumbcell {
	width: auto;
	border-style: solid;
	border-color: #FF9966;
	border-width: 1px;
	text-align: center;
	vertical-align: middle;
	padding: 2px;
}

div#index td.thumbcell img {
	border-style: none;
	text-align: center;
}

div#index div.pages {
	font-family: tahoma, arial, helvetica, sans-serif;
	font-size: 0.8em;
	text-align: right;
}

/* Photo Navigation */
div#navigation {
	text-align: center;
	font-family: tahoma, arial, helvetica, sans-serif;
	font-size: 0.8em;
}

div#navigation table {
	text-align: center;
	margin: 0 auto 1em auto;
}

div#navigation td.previous {
	text-align: left;
	width: 100px;
}

div#navigation td.index {
	text-align: center;
}

div#navigation td.next {
	text-align: right;
	width: 100px;
}

div#navigation td.thumbcell {
	width: 100px;
}

div#navigation td.thumbcell img {
	border-style: solid;
	border-color: #000000;
	border-width: 1px;
}

div#navigation td.thumbcell img.selected {
	border-style: double;
	border-width: 5px;
}

div#navigation span.home {
	display: block;
	padding-bottom: 1em;
}

/* Photograph */
div#photograph {
	text-align: center;
}

div#photograph img {
	margin-left: auto;
	margin-right: auto;
	border-style: solid;
	border-color: #000000;
	border-width: 1px;
}

/* Photograph Title */
h1.title {
	text-align: center;
	font-family: tahoma, arial, helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	margin: 0px;
}

/* Photograph Caption */
p.caption {
	font-family: tahoma, arial, helvetica, sans-serif;
	text-align: center;
	font-size: 0.8em;
}

/* Footnote */
p.footnote {
	font-family: tahoma, arial, helvetica, sans-serif;
	font-size: 0.6em;
	text-align: right;
	padding: 0 2em 0 0;
}