/****** Liquid Layout for The Life and Times of William Webb ******/

body {
	min-width:800px;
	/* font: 12pt Verdana, Arial, Helvetica, sans-serif; */
	/* background: url("images/lifeTimesPicPage2EDIT.jpg") no-repeat top; */
	/* background-color: #AF9988; */
	background-color: #F5F5F5;
	/* background-color: #DCDCDC; is the really nice light grey */
	/* color: #6A0000; */
	/* color: #000080; */
	/* color: #003366; */
	color: #000042;
}

#main {
	margin-left: 5%;
	margin-right: 5%;
}


#nav {
	/* font-family: Perpetua, serif; */
	/* font-size: 1.1em; */
	font-family: Verdana, sans-serif;
	font-size: .75em;
	color: #003300; 
	display: inline-block;
	white-space: nowrap;
	overflow: hidden;
}


#nav li {
	border-right: 1px solid #003300;
	margin-left: 0px;
	margin-right: 0px;
	padding: 0px;
	/* border-right: 1px solid #DCDCDC; */
	list-style: none;
	/* padding-top: .1em; */
	background-color: #DCDCDC;
	display: inline;
}

#nav li.last {
	border-right: 0px solid #003300; 
	list-style: none;
	display: inline;
}

#nav li.first {
	/* border-left: 1px solid #003300; */
	list-style: none;
	display: inline;
}

#nav a:hover {
	background-position: 0 0;
}


#nav ul {
	background-color: #DCDCDC;
	padding-left: 0px;
	margin-left: 0px;
	width: 100%;
	text-align: center;
}

* html ul {
	background-color: #DCDCDC; 
	margin: 0px;	
	width: 100%;
	padding: 0px;
	height: .5px;
}

#tabs {
	font-family: Arial, Verdana, sans-serif;
	color: #000066;
	font-size: .75em; 
	align: center;
	background-color: #FFFFC6;
	border-bottom: 1px solid #000066;
	width: 100%;
}	

/* added for those who like serifs */
h1, h2, h3, h4 { 
 	font-family: Perpetua, serif;
 	letter-spacing: 0.1em;
 	color: #003300;
	/* letter-spacing: 1px; */
}

h1 { font-size: 1.7em;}
h2 { font-size: 1.5em;}
h3 { font-size: 1.4em;}
h4 { font-size: 1.3em;}

/* the following paragraph align center added in just to see if better */
p { 
	/* text-align: center; */
	padding: 1.2em;
	font-family: Perpetua, serif; 
	font-size: 1.1em;
	color: #003300;
	/* font: 11pt Verdana, Arial, Helvetica, sans-serif; */
}

i {
	font-size: 1.2em;
	letter-spacing: .6px;
}

table {
	/* font-family: Verdana, Arial, Helvetica, sans-serif; */
	/* changed for serif lovers */
	/*	font-size: 12px; */
	/* font: 11pt Verdana, Arial, Helvetica, sans-serif; */
	/* color: #555753; ORIGINAL GRAY */
	/* width: 610px; */
	font-family: Perpetua, serif;
	color: #003300;
	margin: 10px;
	align: center;
	border: 1px solid #DCDCDC;
	background-color: #fff;
}

#white {
	background-color: #ffffff;
	border: 1px dotted #DCDCDC;
}

#bottomNav {
	color:#708090;
	font: 12pt bold "Californian FB", Garamond, georgia, serif;
	width: 100%;
	border: 0px;
}

#bottomNav a { 
	color:#708090;
	font: 12pt bold Californian, Garamond, georgia, serif;
}

#linkList {
	position: relative;
	left: 0px;
	top: 0px;
	cell-padding: 0px;
	width: 100%;
	/* font-size: 12pt; */
	color: #800000;
	/* font-family: Verdana, Arial, Helvetica, sans-serif; */
	/* font: 8pt/16pt georgia, serif; */ 
	font: 1em/1.5em Garamond, serif; 
	/* changed for serif lovers */
	/* color: #555753; ORIGINAL GRAY */
	/* color: #000080; indigo-type blue */
	color: #003366;
	text-align: center;
	/* background-color: #f2f2f2; */
	padding-top: 20px;
}

#linkList table {
	/* font-family: Verdana, Arial, Helvetica, sans-serif; */
	/* font-size: 10px; */
	font: 1em/1.5em Garamond, serif;  
	/* color: #555753; */
	color: #003366;
	background-color: #ffffff; 
	border-spacing: 0px;
	margin-top: 0px;
	margin-left: 0px;
	cell-padding: 0px;
}

a:link, a:visited{
	text-decoration: none;
	color: #003366;
}

a:hover, a:active{
	text-decoration: none;
	color: #FFFFFF;
	background-color: #CCCCCC;
}


#content,#footer {
overflow:hidden;
display:inline-block
}
/* MSIE display:inline-block is to make sure MSIE doesn't paint the backround above the containers, the overflow declaration is to make sure the containers do not drop below siblings if content pushes the width (in modern browsers it doesn't drop, but it spawns an orizontal scrollbar)  */