/*-----------------------------------------------
'	Title: Screen styles for CES Holdings Ltd
'	Author: Ehaus Ltd (http://www.ehaus.co.uk/)
'	Copyright: Copyright © CES Holdings Ltd, All rights reserved.
'	Date Created:December 2007
'
'	Last Updated: February 2008
'	Updated By: Joe

STYLES ORDER 

'	h styles
'	links
'	common classes

'	COMMON STYLES
'	layout
'	header styles
'	footer styles

'	SECTION STYLES
'	index page
'	search page
'	results page

------------------------------------------------*/

* {margin: 0;
	padding: 0;
	}
body {
	background: #ddd url("../images/bg_body.png") repeat-y center;
	text-align: center;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
	line-height: 1.4em;
	font-style: normal; 
	font-weight: normal; 
	font-size: 0.75em;
	color: #222;
	}
	
/* h styles */
h1 { 
	position: absolute;
	top: 50px;
	left: 20px;
	background: url("../images/ces_strap.png") 0 0 no-repeat;
	display: block;
	width: 431px;
	height: 49px;
	}
h1 span {
	display: none;
	}
h2 {
	font-size: 150%;
	line-height: 125%;
	color: #c30;
	font-weight: bold; 
	margin-bottom: 0.4em;
	}
h3 {
	font-size: 110%;
	margin: 0 0 0.5em;
	}
h4 {
	font-size: 100%;
	margin: 0 0 0.5em;
	font-weight: bold;
	}
h5 {
	font-size: 100%;
	font-style:italic;
	}
	
/* links */
a:link, a:visited {
	color: #ff3333;
	text-decoration: none;
	}
a:hover, a:focus {
	text-decoration: underline;
	}
a:active {
	color: #fff;
	background: #ff3333;
	text-decoration: none;
	}
a.aub:link, a.aub:visited {
	color: #f60;
	font-weight: bold;
	}
a.aub:active {
	color: #fff;
	background: #f60;
	}
	
/* common classes */
.printlogo {
	display: none;
	}
.clear-l {
	clear: left;
	}
acronym {
	border-color: #ccc;
	}
address {
	font-style: normal;
	margin-bottom: 1.4em;
	}
p {
	margin: 0 0 1.4em;
	}
.accessibility {
	display: none;
	}
.sect-img {
	float: right;
	padding: 5px;
	border: 1px solid #ddd;
	margin: 0 0 1em 1em;
	}

/* COMMON STYLES */
/* layout */
#container {
	margin: 0 auto; 
	text-align: left; 
	width: 948px;
	border: 1px solid #fff;
	border-width: 0 1px;
	}
#top-links, #navigation {
	background: #666; 
	list-style: none; 
	font-weight: bold; 
	float: left; 
	border-bottom: 1px solid #fff;
	width: 100%;
	}
#navigation {
	border: 1px solid #fff;
	border-width: 1px 0 0;
	}
#header {
	position: relative;
	clear: both;
	background: url("../images/logo.png") 830px 12px no-repeat #F90F19;
	height: 130px;
	}
#printlogo {
	display: none;
	}
#content {
	background: url("../images/bg_content.png") 0 0 repeat-x; 
	padding: 24px 20px 40px; 
	clear: both; 
	float: left; 
	width: 908px;
	min-height: 200px;
	}
*html #content {
	height: 200px;
	}
#footer {
	background: url("../images/logo_footer.png") 20px 20px no-repeat #fff; 
	width: 838px; 
	clear: both; 
	float: left; 
	border-top: 4px solid #999;
	border-bottom: 1px solid #ddd;
	padding: 20px 20px 40px 90px;
	}
	
/* header styles */	
#top-links li {
	list-style: none; 
	border-left: 1px solid #fff; 
	float: right;
	}
#top-links li.home {
	float: left; 
	border: 1px solid #fff; 
	border-width: 0 1px 0 0;
	}
#top-links li a {
	color: #fff; 
	padding: 5px 20px 3px; 
	display: block;
	}
#top-links li a:hover {
	background: #F90F19; 
	text-decoration: none;
	}
#navigation li {
	list-style: none; 
	border-right: 1px solid #fff; 
	float: left;
	}
#navigation li a.on:link, #navigation li a.on:visited {
	background: #E9EAEE; 
	color: #222;
	text-decoration: none;
	}
#navigation li a.on:hover, #navigation li a.on:focus {
	background: #E9EAEE; 
	color: #f00;
	}
#navigation li a {
	color: #fff; 
	padding: 3px 20px; 
	display: block;
	}
#navigation li a:hover {
	background: #F90F19; 
	text-decoration: none;
	}
	
/* content area */
#content ul.bullet-list {
	margin: 0 0 1.2em 18px;
	list-style: disc;
	}
#content ul.bullet-list li {
	list-style: disc;
	}
#content ul.no-bullet-list {
	margin: 0 0 1.2em 0;
	list-style: none;
	list-style-position: inside;
	}
#content ul.no-bullet-list li {
	list-style: none;
	}
/*#content ul.two-col {
	width: 200px; 
	margin-right: 20px; 
	list-style: disc;
	float: left;
	}
#content ul.two-col li {
	list-style: disc;
	}*/
	
/* footer styles */
#footer address {
	float: left; 
	margin: 0 2em 0 1em; 
	font-style: normal;
	}
#bottom-links {
	clear: left;
	float: left;
	background: #eee;
	width: 100%;
	padding-top: 1em;
	text-align: center;
	border-bottom: 1px solid #ddd;
	}
#bottom-links ul {
	list-style: none;
	margin: 0 0 1em 0;
	}
#bottom-links li {
	list-style: none;
	display: inline;
	}
#bottom-links li a {
	padding: 0 6px;
	}
.ehaus {
	margin-top: 3em;
	}

/* SECTION STYLES */
/* index page styles */
#index-banner {
	position: relative; 
	height: 220px; 
	border: 1px solid #fff; 
	border-width: 1px 0; 
	color: #fff; 
	font-size: 150%; 
	line-height: 130%;
	}
#index-banner p {
	margin: 0;
	}
.rgb-green {
	background-color: #5aba49;
	}
.rgb-orange {
	background-color: #ff9933;
	}
.rgb-blue {
	background-color: #3787FF;
	}
.rgb-yellow {
	background-color: #ffcc00;
	}
#index-banner img {
	float: left; 
	border-right: 1px solid #fff;
	}
#index-banner p {
	position: absolute; 
	width: 240px; 
	bottom: 30px; 
	right: 70px;
	}
#index-cat-links {
	list-style: none; 
	float: left; 
	margin: 10px 0 10px 70px;
	}
#index-cat-links li {
	list-style: none; 
	margin: 1px 20px 5px 0; 
	float: left;
	}
#index-cat-links li a {
	width: 243px; 
	height: 76px; 
	display: block; 
	float: left; 
	background-position: 0 0; 
	background-repeat: no-repeat;
	}
#index-cat-links li a:hover {
	background-position: 0 -76px;
	}
#index-cat-links li a.search {
	background-image: url("../images/link_search.png");
	}
#index-cat-links li a.order {
	background-image: url("../images/link_order.png");
	}
#index-cat-links li a.libraries {
	background-image: url("../images/link_libraries.png");
	}
#index-cat-links li a.furniture {
	background-image: url("../images/link_furniture.png");
	}
#index-cat-links li a.supplies {
	background-image: url("../images/link_supplies.png");
	}
#index-cat-links li a.projects {
	background-image: url("../images/link_projects.png");
	}
#index-cat-links li a h2, #index-cat-links li a p {
	display: none;
	}

/* search page */
#search_form {
	padding: 0;
	margin: 0;
	}
#search_form fieldset {
	border: 5px solid #ffaa00;
	border-width: 0 5px 5px;
	background: #FFCC66;
	padding: 0 0 20px;
	margin: 0 235px 2em 235px; 
	}
#search_form legend {
	display: none;
	}
#search_form h3 {
	background: #ffaa00;
	color: #111; 
	font-size: 120%; 
	padding: 7px 5px 10px 5px;
	margin-bottom: 20px;
	font-weight: bold;
	font-family: Verdana, "Trebuchet MS", sans-serif;
	}
#search_form label, #search_form input {
	margin: 0.2em 0;
	}
#search_form label {
	width: 150px; 
	text-align: right; 
	font-weight: bold; 
	float: left;
	clear: left; 
	margin-right: 10px;
	}
#search_form input {
	width: 210px; 
	padding: 0.1em 0; 
	font-family: "Trebuchet MS", Verdana, sans-serif; 
	font-size: 100%;
	}
#search_form select {
	width: 210px; 
	margin: 0.2em 0; 
	font-family: "Trebuchet MS", Verdana, sans-serif; 
	font-size: 100%;
	}
#search_form .buttons {
	margin: 1em 0 0.2em 160px;
	}
#search_form .buttons button {
	padding: 0.1em 0.5em; 
	margin-right: 0.2em;
	float: none;
	}
#search_form label acronym {
	border-color: #ffaa00;
	}

/* results */
#results {
	list-style: none;
	border-top: 1px solid #ddd; 
	margin: 1em 0;
	float: left;
	}
#results li {
	list-style: none;
	padding: 1em 0; 
	border-bottom: 1px solid #ddd; 
	width: 100%; 
	display: block; 
	float: left; 
	}
#results h3 {
	margin-bottom: 1.2em;
	}
#results p {
	margin-bottom: 0.6em;
	}
.jacket-col {
	width: 40px; 
	float: left;
	padding-top: 0.3em;
	}
.biblio-col {
	margin: 0 0 0 40px;
	}
#results dl {
	float: left;
	margin: 0 0 0.5em;
	}
#results dt {
	float: left;
	margin-right: 0.4em;
	font-weight: bold;
	}	
#results dd {
	float: left;
	margin: 0 1.5em 0 0
	}
#results .price {
	font-size: 120%;
	clear: left;
	font-weight: bold;
	}
#results .price span {
	color: #06f;
	}
p.next-prev {
	margin-bottom: 0;
	}
p.next-prev a:link, p.next-prev a:visited {
	border: 1px solid #eee; 
	padding: 0 5px; 
	background: #fff;
	}
p.next-prev a:hover, p.next-prev a:focus {
	border-color: #bbb; 
	text-decoration: none;
	}
p.next-prev a:active {
	background: #f00; 
	color: #fff; 
	text-decoration: none;
	}
#results h3 {
	margin-bottom: 0.2em;
	}
p.extract {
	margin: 1em 0 0;
	}
#results dl {
	margin-top: 1em;
	}
#np-bottom {
	clear: left; 
	float: left; 
	margin-top: 1em; 
	line-height: 200%; 
	width: 100%;
	}
	
/* display page */
#display p.next-prev {
	margin: 0 0 1em 0;
	}
.npfooter {
	width: 100%;
	padding-top: 1em;
	border-top: 1px solid #ddd;
	clear: right;
	margin-top: 1em;
	}
.availability {
	margin-top: 1em;
	letter-spacing: 0.05em;
	color: green;
	margin-bottom: 1em;
	font-size: 120%;
	font-weight: bold;
	clear: left;
	float: left;
	}
.lasth3 {
	margin-bottom: 1.6em;
	}
#display h4 {
	font-size: 110%;
	font-weight: bold;
	margin: 0;
	}
.border-top {
	border-top: 1px solid #ddd; 
	padding-top: 1em; 
	width: 100%;
	}
#display dl {
	float: left; 
	clear: left; 
	list-style: none; 
	display: block; 
	line-height: 200%;
	}
#display dl dt {
	float: left; 
	margin: 0 1em 0 0; 
	text-transform: uppercase; 
	font-weight: bold; 
	font-size: 90%;
	}
#display dl dd {
	float: left; 
	margin: 0 0.5em 0 0;
	}

/* school supplies */
.three-col {
	float: left;
	width: 32%;
	margin-right: 1%;
	}
li.highlight {
	color: #c00;
	}
	
/* location */
.google-map {
	float: right;
	margin: 0 0 1em 1em;
	padding: 5px;
	border: 1px solid #bbb;
	}

/* help section */
#help h3 {
	margin-top: 4em; 
	margin-bottom: 1em;
	color: #1673BE;
	}
#help .highlight {
	font-weight: bold; 
	color: #0f0;
	}
	
.borders {
	border-bottom: 1px solid #828282;
	}