/* 
CSS - http://www.enfieldbooks.com/WorkingCopy/
http://www.enfieldbooks.com/WorkingCopy/
http://www.enfieldbooks.com/WorkingCopy/layoutEnfield.css
*/

body {
	margin: 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	padding: 0px;
}

/* main elements */

#wrapper {
	width: 100%;
	background: url(bkg-slide.gif) repeat-y 65% 0px;
}

/* We're putting an image (the logo) as a background element in the head ID */
#head {
	height: 100px;
	background: #C8C8FF url(EnfieldBooks.gif) no-repeat;
}

#address {
	float:right;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	/* color: #FFFFFF; */
}

#navcontainer {
	margin: 0;
	padding: 0;
	float: left;
	width: 100%;
	background-color: #9191FF;
}

#main {
	float: left;
	width: 68%;
	margin: 0;
	padding: 0;
	/* border: 1px solid red; */
}

#sidebar {
	float: right;
	width: 30%;
	font-size: 85%;
	margin: 0;
	padding: 0;
	/* border: 1px solid red; */
}

#footer {
	clear: both;
	border-top: 1px solid #4D0365;
	margin: 0;
	padding: 0;
	text-align: center;
	background: #9191FF;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
}

/* padding/margins of main elements */

#main-content, #sidebar-content {
	padding: 0.5em 2em;
}

#address-content {
margin: 1em 1em 0 0;
}

/* Navigation  and footer formatting */

/* This is an example of taking an unordered list and turning it into a navbar. Go see the
step-by-step tutorial at http://css.maxdesign.com.au/floatutorial/. See Tutorial 6. See also
the Listmatic section at http://css.maxdesign.com.au/listamatic/index.htm for tone of examples.
 */

#navcontainer ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	background-color: #9191FF;
	color: #fff;
	float: left;
	width: 100%;
	font-family: arial, helvetica, sans-serif;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
	padding: 0.2em 1em;
	background-color: #9191FF;
	color: #fff;
	text-decoration: none;
	float: left;
	border-right: 1px solid #fff;
}

#navcontainer ul li a:visited
{
	color: #990099;
}

#navcontainer ul li a:hover {
	background-color: #1919B3;
	color: #fff;
}

/* by creating this ID, we can apply it to the nav item of the current page, to give some 
extra visual feedback to our user. It contains the same rules as our hover state. */

#selected a:link, #selected a:visited, #selected a:hover  {
background-color: #1919B3;
color: #fff;
}

#footer ul {
padding: 5px;
margin: 0;
list-style-type: none;
white-space: nowrap;
}

#footer li { 
display: inline; 
margin-right: 1.5em;
}

#footer li a {
color: #fff;
}

#footer li a:hover {
color: #990000;
}


/* Links */

a:visited {color: #990099;}

#main a:link, #sidebar a:link {color: #9191FF;}

#address a {color: #000000;}

/* Headers and typography */

#sidebar h1, #main h1 {
	font-size: 2em;
	font-weight: bold;
	color: #12127D;
}

#sidebar h2, #main h2 {
	font-size: 1.5em;
	font-weight: bold;
	color: #9191FF;
}

.callout {
	color: #990000;
	margin: 0px 0px 12px 12px;
	float: right;
	width: 25%;
	font-weight: bold;
	padding-left: 10px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

/* this class floats images to the right */

.imgR {
	float: right;
	margin: 0;
}

/* this class creates a big drop cap */

.drop {
	font-size: 3em;
	color:#12127D;
	float: left;
	margin:0;
	padding-right: 6px;
	line-height: 80%;
	
}