.center
{
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

a
{
	color: #fffd76;
}

.yui-u blockquote
{
	margin-left: 3em;
	margin-right: 3em;
	margin-bottom: 1em;
	border-left: 6px solid white; /* same as the background color */
	padding: 0.5em;
	background-color: transparent;
}

/******* Basic layout styles. *******/

div.yui-u
{
	padding: 1em;
	margin: auto;
	width: 95%;
	max-width: 55em;
}

div#hd
{
	background-image: url(../images/logo.png);
	margin-left:200px;
	background-repeat: no-repeat;
	background-position: center;
	height: 159px; /* height of background image */
}

body
{
	background-image: none;
	padding-top: 0; /* sized appropriate for background image */
	padding-left: 0; /* sized appropriate for background image */
	padding-right: 0;
	padding-bottom: 0;
	margin: 0em;
	font-family: "Lucida Grande", "Lucida Sans", "Lucida", "Verdana", "Arial", sans-serif;
	font-size: 12pt;
}

html
{
	background-image: url(../images/smallbackground.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-color: #a70e00; /* same as ul.navigation a.currentpage */
	color: white;
	padding: 1em;
	padding-top: 4em;
}



div#menu
{
	margin-top: 180px; /* sized appropriately for the background image */
}


ul.navigation
{
	background-color: transparent; /* same color as background in body with transparent png */
	padding: 0.5em;
}

/* Highlight the current page--used from javascript.js. */
ul.navigation a.currentpage
{
	background-color:	 #a70e0; /* yellow--same as background on html */
}


div.yui-u
{
	background-image: none;
}


.yui-u p.date
{
	background-color: transparent;
	border-bottom: solid 0.2em white;
	font-size: 125%;
}

ul.navigation a
{
	color: white; /* same color as background in body with transparent png */
}

ul.navigation ul a
{
	padding-left: 1em;
}

ul.navigation li
{
	border-top: solid 1px white;
	border-bottom: solid 1px white;
}

/* Add a little hover pizazz. */
ul.navigation a:hover
{
	color: white;
	background-color:	#fe5d02; /* orange */
}


/* general image display niceties. Using tables for galleries listing and CSS for photos within galleries. */
table img, .thumb img
{
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

.yui-u p img, img
{
	border: 2px solid white;
}

td
{
	padding: 1em;
}

/* stuff specifically for galleries */

.container
{
  	float: left;
	width: 200px;
	height: 200px;
	text-align: center;
  	margin: 0em;
  	padding: 0em;
}

.container2
{
  	margin: 0em;
  	padding: 0em;
	height: 150px;
	width: 150px;
	margin-left: auto;
	margin-right: auto;
}

.thumb
{
	height: 150px;
	width: 150px;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	margin: 0em;
  	padding: 0em;
}

.thumb img
{
  	padding: 0em;
  	margin: 0em;
	margin-left: auto;
	margin-right: auto;
}

.container p
{
	margin-top: -0.5em;
}

/* Lightbox modifications. */

/* This makes the text in the lightbox a readable color. */
#lightbox
{
	color: black;
}

/* This is necessary to make the close button clickable on the right area; otherwise the body * selector in fonts.css messed with it.*/

#lightbox #bottomNav a
{
	padding-top: 0.7em;
	position: relative;
}