/*******************************/
/* Styles for Web Review Essay */
body {
	background-color: #eeeede;
}

/** page **/
#page {
	width: 700px;
	margin: 2% 20% 2% 20%;
}


/** banner **/
#banner {
}
#banner img {
	vertical-align: middle;
	border: none;
	height: 100px;
}
#banner p {
	font-size: small;
	margin: 10px 10px 0 10px;
	font-family: Arial;
}
#banner a {
	text-decoration: none;
}

/** menu **/
#menu {
	text-align: left;
	font-family: "Courier New", Courier, Arial, sans-serif;
	max-height: 20px;
}
#menu ul {

	list-style-type: none; 
	font-weight: 900;
}
#menu ul li {
	display: inline;
	border-left: 1px solid #aaa;
	border-right: 1px solid #aaa;
}
#menu ul li.last {
	border-right: 1px solid #888;
}
#menu ul li a {
	text-decoration: none;
	padding-left: 1em;
	padding-right: 1em;
	color: #ddd;
}
#menu ul li a:hover {
	color: #fff;
	background-color: #777;
}

/** holder **/
#holder{
	padding: 2%;
	background-color: #fff;
	color: #000;
	border: 2px solid #ccc;
}


/** main **/
#main {
	font-family: "Courier New", Courier, sans-serif;
	height: 400px;
}
#left {
	float: left;
}
#left img {
	padding-right: 2em;
}
#main p {
	font-size: 2em;
	color: #339;
}

/** about **/
#quote {
	background-color: #eee;
	border: 1px solid #888;
	line-height: .1em;
	margin: 0 15px 0 15px;
	padding: 10px;
}

/** content **/
#content {
	font-family: "Courier New", Courier, sans-serif;
}
#content ul a {
	text-decoration: none;
	color: #c00;
}
#content ul a:hover {
	text-decoration: underline;
	color: #00c;
}

/** text **/
#text {
	border: 1px solid #aaa;
	min-height: 400px;
	padding: 10px;
}
#text h2 {
	color: #339;
}
#text h2.e {
	margin-left: 20%;  
}
#text p.bigletter:first-letter {
	font-size: 2em;
	color: #339;
}
#text p {
	text-indent: 20px;
	line-height: 2em;
	font-size: 14px;
}
#text a {
	text-decoration: none;
	color: #c00;
}
#text a:hover {
	text-decoration: underline;
	color: #00c;
}
#imgleft {
	float: left;
	text-align: center;
	border: 1px solid #aaa;
	margin-right: 15px;
}
#imgleft img {
	width: 250px;
	border: none;
}
#imgright {
	float: right;
	text-align: center;
	border: 1px solid #aaa;
	margin-left: 15px;
}
#imgright img {
	width: 250px;
	border: none;
}

/** navs **/
#nav, #navbot {
	text-align: center;
	margin-bottom: 3em;
	font-size: xx-small;
}
#navbot {
	clear: both;
	margin-top: 15%;
	margin-bottom: 3em;
}
#prev {
	margin-right: 1em;
}
#next {
	margin-left: 1em;
}

/** foot **/
#foot {
	clear: both;
	background-image: url("pics/menu_bg.png");
	font-family: "Courier New", Courier, Arial, sans-serif;
	font-size: x-small;
	color: #ccc;
	margin-bottom: 2%;
	padding-left: 5%;
}
#foot p {
}
#foot ul {
	list-style-type: none;
	padding: 3px;
}
#foot ul li {
	display: inline;
	padding: 5px;
}
#foot a {
	text-decoration: none;
	color: #fff;
}
#foot a:hover {
	text-decoration: underline;
	color: #aaa;
}
#foot a.black:hover {
	text-decoration: underline;
	color: #000;
}

#update {
	text-align: center;
	color: #99a;
	font-family: "Courier New", Courier, Arial;
}