/* CSS Document */
body {
	font: normal 62.5% Verdana, Arial, Helvetica, sans-serif;
	color: #4B3904;
	margin: 0px;
	padding: 0px;
	text-align: center;
	background: #5c114e url(../images/bg.jpg); 
}
/* structure */
/* This div holds the shadow at the bottom of the centered page. */
#outer {
	width: 695px;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	text-align: left;
	color: #4B3904;
	background: #F8F5EB url(../images/bottom.jpg) no-repeat bottom;
}
/* This div holds the left side shadow image */
#middle {
	padding: 0;
	margin: 0;
	background: url(../images/lhShadow.jpg) repeat-y;
}
/* This div holds the right side shadow image */
#inner {
	padding: 0;
	background: url(../images/rhShadow.jpg) repeat-y right top;
}
/* Content holds all the page content elements: header, 
LH-col, TwoColsRT (holds center + RH-col), google, and footer.  */
#content {
	margin: auto;
	width: 675px;
	/* background-color: #ccc; */
	padding-bottom: 20px;
}
#LH-col {
	width: 135px;
	float: left;
}
#LH-col p {
	margin-left: 25px;
}
#center {
	float: left;
	width: 273px; 
	margin: 0 20px 0 10px;
}
#RH-col {
	width: 227px;
	float: right;
	margin-bottom: 20px;
}
#google {
	clear: both;
	width: 675px;
	background-color: #E9E6DC;  /* dark cream background color */
	margin: 0;
	padding: 10px 0;
}
#google p {
	padding: 4px 0 4px 0px;
	font-size: 90%;
}
#google img {
	padding: 4px 20px 4px 25px;
	float: left;
}
#footer {
	width: 675px;
	margin: auto;
	margin-bottom: 0px;
	background: url(../images/footerRules.gif) no-repeat left top;
}
#footer h2 a {
	/* background-color: #F8F5EB; */
	color: #4B3904;
}
#footer h2 {
	padding: 14px 0 0 25px;
}
#footer p {
	color: #AF0099;
	padding: 0 0 8px 25px;
	background-color: #F8F5EB;
}
/* fun facts div */
#fun {
	background: #E9E6DC;
	color: #4B3904;
	width: 135px;
	margin-top: 20px;
}
#fun p {
	line-height: 1.35em;
	padding: 4px 0;
	margin: 0px 10px;
}
/* presentation */
.nav {
	margin: 0;
	padding: 0;
}
.nav ul {
	margin: 0;
	padding: 6px 0 4px 0;
}
.nav ul li {
	list-style: none;
	line-height: 103%;
	margin: 6px 0px 0px 25px;
	font-size: 0.9em;
}
.arrow {
	display: none;
	
}
/* you are here indicator code */
body#home a#homenav .arrow,
body#define a#definenav .arrow,
body#about a#aboutnav .arrow,
body#list a#listnav .arrow,
body#dict a#dictnav .arrow,
body#how a#hownav .arrow,
body#links a#linksnav .arrow
{
	color: #4B3904;
	display: inline;
}

a {
	color: #AF0099;
	text-decoration: none;
}
a:hover {
	color: #4B3904;
	text-decoration: underline;
}
H1 {
	font: bold 1.25em "Courier New", Courier, mono, serif;
	text-transform: uppercase;
	color: #5D4900;
	letter-spacing: .2em;
	margin-bottom: 6px;
	margin-top: 26px;
	background-color: #F8F5EB;
}
h2 {
	font: bold 1.25em "Courier New", Courier, mono, serif;
	text-transform: none;
	color: #5D4900;
	letter-spacing: .2em;
	margin-bottom: 6px;
	margin-top: 6px;
	/* background-color: #F8F5EB; */
}
p {
	line-height: 1.35em;
	padding: 0px;
	margin: 0px 0px 6px;
}
/* ffor first and second paragraphs on home page only. */
.first {
	background: url(../images/titleHome.gif) no-repeat left top;
	padding-left: 105px;
	line-height: 14px;
	padding-top: 0px;
	margin-top: 0px;
}
.second {
	padding: 0px;
	margin: 0px;
}

/* CSS Hacks */
/* Hide this rule from IE5/Mac \*/
* html #center { display: inline; }
/* end hide from IE5/Mac */

* html body {
	font-size: 50%; /* for IE5/win */
	f\ont-size: 62.5%; /* for other IE versions  */
}
#google h2 {
	padding: 4px 20px 4px 25px;
	float: left;
	height: 60px;
	width: 468px;
}