/* This file handles basic layout -- where do boxes go. It doesn't make things at all pretty. */  

/* eliminate default padding/margin problems in browsers */
* {
  margin: 0;
  padding: 0;
}

body {
	font-size: x-small;
}

h1 {
	font-size: 1.5em;
}

h2 {
	font-size: 1.2em;
}

#wrapper {
  width: 77em;
  margin: 30px auto;
  position: relative;
}

/* Floats because only floated elements expand to contain other floated elements */
#content {
	position:relative;
  	float: right;
  	width: 96%;
  	padding: 1% 2%;
	display: inline;
	min-height: 350px;
}

/* Needs to clear; otherwise, it'll interfere with the main content */
#news {
	clear: both;
	width: 94%;
	margin: 2%;
	color: #860E08;
}

#search-tools {
	float: left;
	width: 29%;
	min-height: 40em; 
}

#search-tools form {
	margin-bottom: 2em;
}

#search-tools h4 {
	margin-bottom: .75em;
}

#search-tools #find-it-box {
	margin: 1em .2em;
}

#browse-tools {
  float: right;
  width: 64%;
	padding-left: 2.5%;
	padding-right: 2.5%;
}

#browse-top-row, #browse-bottom-row {
  width: 100%;
  float: left;
  clear: both;
}

#browse-about {
	clear: left;
}

#browse-books-articles, #browse-services {
	height: 19em;
}

#browse-about, #browse-help {
	height: 17em;
}

#browse-books-articles, #browse-about, #browse-services, #browse-help {
	width: 48%;
}

#browse-books-articles, #browse-about {
  float: left;
}

#browse-services, #browse-help {
	float: right;
}

#breadcrumb-bar, #title-bar, #local-nav, #content-wrapper, #footer, #footer-home {
	width: 100%;
	clear: both;
}


#breadcrumb-bar, #breadcrumbs {
	float: left;
}

#global-shortcut {
	float: right;
}

#title-bar, #title-bar h1 {
	float: left;
}

#title-bar #ask-link {
	float: right;
	display: block;
	position: relative;
	top: 0.8em;
	right: 0.6em;
}

#local-nav, #local-nav ul, #local-nav li {
	float: left;
}

#local-nav div.extra {
	position: absolute;
	right: 10px;
	bottom: 10px;
}

.with-table-of-contents #table-of-contents {
	float: left;
	width: 30%;
	position: relative;
	left: 3em;
}

.with-table-of-contents #content {
	float: right;
	width: 60%;
	position: relative;
}

.with-goodies-box #content {
	float: left;
	width: 60%;
	position: relative;
}

.with-goodies-box .goodies-box {
	float: right;
	width: 30%;
	padding: 1%;
	position: relative;
	right: 3em;
	margin-bottom: 1em;
}

ul.with-pic li {
	margin: 0 0 0 .8em;
}

#feature {
		width: 10.1em;
		/*position: absolute;*/
		position: relative;
		float:left;
		left: 77em;
		top: -8.6em;
		z-index: 999;
		height: 0px;
}

#feature img {
		width: 100%;
}