/* @override http://test.bwps.org:8081/css/general.css */

/* div ids */

#simplePage {
	width: 100%;
	margin: 0px;
}

#centeredPage {
	width: 878px;
	margin: 0px auto;
}

#pageMargin {
	margin: 5px 32px;
}

#pageContent {
	_width: 100%; /* Win/MSIE */
	padding: 16px 16px 16px 16px;
	border: 3px solid #8B9199;
	border-top: 1px solid #8B9199;
	border-bottom: none;
	background-color: white;
}

#simplePage #pageContent {
	border-top-width: 3px;
}

#navigation {
	width: 814px;
	height: 100px;
	background-image: url(images/page-header-white.gif);
}

#navigation .logo {
	width: 175px;
	vertical-align: top;
	padding-left: 20px;
	padding-top: 12px;
	padding-right: 20px;
}

#navigation .title {
	vertical-align: top;
	padding-top: 20px;
	padding-left: 20px;
	color: #006699;
	font: bold 24px "Lucida Grande", Lucida, Verdana, sans-serif;
	text-align: left;
	text-decoration: none;	
}
#navigation .title-location {
	color: gray;
	font: bold 18px "Lucida Grande", Lucida, Verdana, sans-serif;
	padding: 0px;
	margin: 0px;
}
#navigation .title-directions {
	color: gray;
	font: bold 12px "Lucida Grande", Lucida, Verdana, sans-serif;
	text-align: left;
	margin: 0px;
	padding: 0px;
    line-height: 1.5em;
}
#navigation .title A:link {
	text-decoration: none;
	color: black;
}

#navigation .title A:visited {
	text-decoration: none;
	color: black;
}

#navigation .title A:hover {
	text-decoration: underline;
	color: black;
}

#navigation .byline {
	padding-right: 24px;
	color: #787878;
	width: 225px;
	font-weight: bold;
}

#navigation .menu {
	padding-bottom: 5px;
	padding-right: 12px;
}

#navigation .menuItem {
	padding-left: 2px;
	color: black;
	font-weight: bold;
}

#navigation .cartItemsCount {
	padding-right: 18px;
	padding-top: 2px;
}

#navigation .cart {
	padding-top: 1px;
}

/* results tables */

.comp-results TH {
	text-align: left;
	border-bottom: 3px solid gray;
	vertical-align: bottom;
}

.comp-results TD {
	text-align: left;
	border-bottom: 1px solid gray;
	font-size: 10px;
}

.comp-results .name-col {
	width: 120px;
}

.comp-results .totals-col {
	width: 70px;
}

.comp-results .img-head-col {
	text-align: center;
}
.comp-results .img-col {
	padding-top: 2px;
	padding-bottom: 2px;
	text-align: center;
}
.comp-results .ribbon-red {
	background: url(images/red.jpg) no-repeat 0 center;
	width: 73px;
	height: 60px;
}
.comp-results .ribbon-blue {
	background: url(images/blue.jpg) no-repeat 0 center;
	width: 73px;
	height: 60px;
}
.comp-results .click-link {
	font-size: 9px;
}

/* footer */

#footer-separator {
	height: 1px;
	background-color: #cccccc;
	border-left: 3px solid #8B9199;
	border-right: 3px solid #8B9199;
}

#page-footer {
	font-size: 10px;
	line-height: 1.5em;
	color: #8a93a0;
	padding: 8px 8px 10px 8px;
	background: url(images/page-footer.gif) bottom no-repeat;
	text-align: center;
}

#simplePage #page-footer {
	background: white;
	border: 3px solid #8B9199;
	border-top: none;
}

/* left column */

.leftColumn {
	margin-left: 4px;
}

.leftColumn, .leftColumn TD {
	line-height: 145%;
}

/* right column */

.rightColumnTD {
	vertical-align: top;
}

.rightColumn {
	width: 190px;
	margin-left: 40px;
	margin-right: 4px;
	font-size: 10px;
	line-height: 145%;
}

.rightColumn H2 {
	color: #555;
	font-size: 11px;
	font-weight: bold;
	margin-left: 0px;
	margin-top: 16px;
	padding: 4px 0px;
	border-bottom: 1px solid #bbb;
}

.rightColumn H3 {
	font-size: 12px;
	margin-bottom: 6px;
}

.rightColumn H4 {
	font-size: 12px;
	margin-bottom: 5px;
}

.rightColumn H5 {
	font-size: 11px;
	margin-bottom: 0.4em;
	margin-top: 1.1em;
}

.rightColumn UL {
	padding-left: 14px;
}

.rightColumn :first-child {
	margin-top: 0px;
}

.break-left {
	clear: left;
}
/* lending library info */

.book-title {
	color: gray;
	border-style: none;
	font: bold 14px "Lucida Grande", Lucida, Verdana, sans-serif;
}
.book-subtitle {
	font-weight: bold;
	font-style: italic;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
}
.book-author {
	font-weight: bold;
	color: gray;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
}
.review-book {
	font-weight: bold;
	color: gray;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
}
.review-author {
	font-weight: bold;
	font-style: italic;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
}


/* calendar */

.dotted-sides {
	border-left: 2px dotted gray;
	border-right: 2px dotted gray;	
}
.portrait {
	background-color: #a1d5d5;
	border-left: 2px dotted gray;
	border-right: 2px dotted gray;	
}

.photoshop {
	background-color: #af9dd9;
	border-left: 2px dotted gray;
	border-right: 2px dotted gray;
}

.program {
	background-color: #93e265;
	border-left: 2px dotted gray;
	border-right: 2px dotted gray;
}

.field-trip {
	background-color: #d4ae6c;
	border-left: 2px dotted gray;
	border-right: 2px dotted gray;
}
.comp {
	background-color: #f4ff96;
	border-left: 2px dotted gray;
	border-right: 2px dotted gray;
}

.comp-due {
	background-color: #ffb100;
	border-left: 2px dotted gray;
	border-right: 2px dotted gray;
}

.previous {
	background-color: #eeeeee;
}

.cal-tab TD {
	border-top: 1px solid gray;
	padding: 5px 8px;
	color: black;
}

.cal-tab P.date {
	color: #000;
	font: bold 14px "Lucida Grande", Lucida, Verdana, sans-serif;
}

.cal-tab P.title {
	color: black;
	font: bold 14px "Lucida Grande", Lucida, Verdana, sans-serif;
	top: 0;
}

.cal-tab.entries TABLE {
	padding: 0px;
	border: 1px solid gray;
	border-left: 3px solid gray;
} 

.cal-tab.entries TH {
	text-align: center;
	vertical-align: bottom;
	padding-right: 5px;
	padding-left: 5px;
	border-left: 1px solid gray;
}

.cal-tab.entries TD {
	text-align: center;
	font-size: 10px;
	padding-right: 5px;
	padding-left: 5px;
	border-left: 1px solid gray;
}

/* elements */

A:link {
	text-decoration: none;
	color: #4c6dae;
}

A:visited {
	text-decoration: none;
	color: #4c6dae;
}

A:active {
	text-decoration: none;
	color: #4c6dae;
}

A:hover {
	text-decoration: underline;
}

BODY {
	color: #222;
	text-align: left;
	font-family: Lucida Grande,Verdana,Arial,Helvetica;
	font-size: 12px;
	margin: 0px;
	padding: 0px 0px;
	background: url(images/page-bg2.gif) repeat-x #001f31;
}

TD, TH {
	font-family: Lucida Grande,Verdana,Arial,Helvetica;
	font-size: 12px;
}

TEXTAREA {
	font-family: Lucida Grande,Verdana,Arial,Helvetica;
	font-size: 11px;
}

FORM {
	font-size: 12px;
}

H1 {
	font-size: 24px;
	color: #334;
	margin: 0px;
	margin-bottom: 1em;
	padding-bottom: 0.2em;
	border-bottom: 2px solid #bbb;
	line-height: 1.1em;
}

H2 {
	font-size: 14px;
	color: #555;
	margin: 2em 0em 1em 0px;
	padding: 2px 0px 3px 0px;
	border-bottom: 1px solid #bbb;
	line-height: normal;
}

H3 {
	font-size: 13px;
	margin-top: 1.8em;
	margin-bottom: 0.8em;
	color: #333;
}

H4 {
	font-size: 12px;
	margin-bottom: 3px;
	color: #333;
}

H5 {
	font-size: 11px;
	margin-bottom: 3px;
}

H6 {
	font-size: 10px;
}

HR.dotted {
	border: none;
	height: 1px;
	background-image: url(images/hdots.gif);
	margin: 10px 0px;
	padding: 0px;
}

I {
	font-family: Helvetica;
	margin-right: 0.3em;
}

INPUT {
	font-size: 12px;
}

PRE {
	font-family: Courier;
	font-size: 12px;
}

SELECT {
	font-size: 12px;
}

SMALL {
	font-size: 10px;
	line-height: 145%;
}

TT, KBD {
	font-family: Monaco, Courier, monospace;
	font-size: 90%;
}

UL {
	list-style-image: url(images/bullet.gif);
	padding-left: 20px;
	margin-left: 0px;
}

UL UL {
	list-style: circle outside none;
}

OL {
	list-style-image: none;
	padding-left: 36px;
	margin-left: 0px;
}

/* classes */

/* box */

.box {
	background-color: #f5eed9;
	border: 1px solid #d9c68c;
	padding: 8px 10px;
	margin-top: 12px;
	margin-bottom: 18px;
}

.box UL {
	margin-bottom: 0px;
	padding-left: 12px;
}

.box OL {
	margin-bottom: 0px;
	padding-left: 24px;
}

.box P {
	margin-bottom: 0px;
}

.box.code {
	font-family: Courier, Monaco;
	font-size: 12px;
	white-space: pre;
	line-height: 130%;
}

.box.alert {
	padding: 2px 12px;
	background-color: #ffee80;
	border-color: #ddcc60;
}

.box.alert.centered {
	text-align: center;
	border-left: none;
	border-right: none;
}

.box.large {
	padding-top: 8px;
	padding-bottom: 8px;
	border-left-width: 8px;
}

.box.small {
	line-height: 140%;
	padding-top: 6px;
	padding-bottom: 6px;
}

.box.gray {
	border-color: #bbb;
	background-color: #eee;
}

.box.titled {
	padding: 0px;
}

.box.titled .content {
	padding: 12px;
}

.box.titled .title {
	background: #d1cbb9 url(images/box-title-bg.gif) repeat-y;
	border-bottom: 1px solid #d9c68c;
	padding: 4px 10px;
	font-size: 12px;
	font-weight: bold;
	color: #222;
}

.box.titled .footer {
	padding: 8px;
	text-align: center;
	border-top: 1px solid #d9c68c;
	white-space: nowrap;
}

.box.titled.gray .title {
	background: #cdcdcd url(images/box-title-gray-bg.gif) repeat-y;
	border-bottom: 1px solid #bbb;
	color: #222;
}

.box.titled.gray .footer {
	border-top: 1px solid #bbb;
}

/* catalog */

.catalog TD {
	font-size: 11.5px;
}

.catalog-footnote {
	font-size: 11px;
	text-align: right;
	padding-top: 0.7em;
	color: #944;
}

/* dict-table */

.dict-table {
	border-collapse: collapse;
}

.dict-table TD {
	padding: 4px 8px 3px 8px;
	border-top: 1px solid #ddd;
	vertical-align: top;
	font-size: 11px;
}

.dict-table TH {
	padding: 3px 8px;
	border-top: 1px solid #ddd;
	text-align: left;
	vertical-align: top;
	background-color: #eed;
}

.dict-table TD.first {
	border: none;
}

.dict-table TD.key {
	font-weight: bold;
	font-size: 12px;
}

.dict-table TD.tt {
	font-family: Monaco;
	font-weight: normal;
}

/* dimmed */

.dimmed {
	color: #555;
}

/* download-table */

.download-table {
	width: 100%;
	margin: 0px;
	padding: 0px;
	border: none;
	border-spacing: 0;
}

.download-table TH {
	background-color: #8AA7C0;
	text-align: left;
	color: white;
	padding: 3px 16px;
	font-size: 12px;
}

.download-table TD {
	padding: 3px;
	font-size: 11px;
	white-space: nowrap;
}

/* first-child */

.first-child {
	margin-top: 0px;
}

/* full-path */

.full-path {
	margin-left: 24px;
	font-family: Monaco, Courier, monospace;
	font-size: 90%;
}


/* introduction */

.introduction {
	font-size: 14px;
	font-weight: bold;
	color: #445;
	margin-top: 18px;
	margin-bottom: 28px;
}

/* small */

.small {
	font-size: 11px;
}

.small UL {
	list-style-image: url(images/triangle.png);
}

/* stretched */

.stretched LI {
	margin-top: 0.7em;
}

.stretched LI LI {
	margin-top: 0.0em;
}

/* sub-navigation */

.subnavigation {
	background-color: #eee;
	border: 1px solid #ccc;
	border-left-width: 5px;
	padding: 0px;
	margin-top: 18px;
	margin-bottom: 12px;
}

.subnavigation UL {
	list-style-image: url(images/triangle.png);
	margin: 0px;
	padding: 8px 24px;
}

.subnavigation LI {
	font-size: 11px;
	line-height: 135%;
}

.btt UL {
	list-style-image: url(images/triangle.png);	
}

.btt LI {
	font-size: 11px;
	line-height: 135%;
	font-weight: bold;
}


/* quick links */

.quick-links {
	font-size: 12px;
	margin-bottom: 16px;
}

.quick-links P {
	margin: 1px 0px;
}

.quick-links UL {
	list-style-image: url(images/triangle.png);
	margin-top: 0px;
	margin-bottom: 0px;
	line-height: 1.3em;
}

/* page header */

.pageHeader {
	padding-bottom: 6px;
	margin-bottom: 20px;
}

.pageHeader H1 {
	font-size: 24px;
	color: #334;
	margin: 0px;
	padding-top: 0.2em;
	border: none;
	border-top: 2px solid #bbb;
	line-height: 1.1em;
}

.pageHeader H5 {
	font-size: 12px;
	color: #888;
	padding-bottom: 0px;
	margin-bottom: 4px;
	margin-top: 0px;
}

/* page heading */

.page-heading {
	margin-bottom: 24px;
}

.page-heading H1 {
	font-size: 24px;
	color: #334;
	margin: 0px;
	padding-bottom: 0.2em;
	border-bottom: 2px solid #bbb;
	line-height: 1.1em;
}

.page-heading H2 {
	font-size: 12px;
	border: none;
	color: #888;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 4px;
	margin-bottom: 4px;
}

/* page heading with author */

.page-heading-author {
	margin-bottom: 24px;
}

.page-heading-author H1 {
	font-size: 18px;
	color: #334;
	margin: 0px;
	padding-bottom: 0.2em;
	border-bottom: 2px solid #bbb;
	line-height: 1.1em;
}

.page-heading-author H2 {
	font-size: 14px;
	border: none;
	color: #888;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 4px;
	margin-bottom: 4px;
}

/* products */

.products-box {
	font-weight: bold;
	line-height: 1.4em;
}

/* reviews */

.reviews blockquote {
	margin: 12px 0px 4px 0px;
	padding-top: 12px;
	border-top: 1px dotted #999;
}

.reviews blockquote.first-child {
	border-top: none;
}

/* right side box */

.rbox {
	width: 194px;
	background: url(images/rbox-gray-bg.gif) repeat-y;
	margin-bottom: 10px;
}

.rbox .separator {
	height: 1px;
	background: url(images/rbox-gray-separator.gif) repeat-y;
	font-size: 0px;
	padding: 0px;
	margin: 0px;
}

.rbox H3 {
	font-size: 12px;
	background: url(images/rbox-gray-header.gif) no-repeat;
	margin: 0px;
	padding: 0.6em 1em 0.5em 1em;
	text-align: center;
}

.rbox H4 {
	font-size: 12px;
	margin: 0px;
	padding: 0.5em 0em 0em 0em;
	color: black;
	text-align: left;
}

.rbox .content {
	background: url(images/rbox-gray-footer.gif) no-repeat bottom;
	padding: 0.7em 1.2em 1.3em 1.2em;
	margin: 0px;
	text-align: left;
}

/* yellow box */

.rbox.yellow {
	background-image: url(images/rbox-yellow-bg.gif);
}

.rbox.yellow H3 {
	background-image: url(images/rbox-yellow-header.gif);
}

.rbox.yellow .separator {
	background-image: url(images/rbox-yellow-separator.gif);
}

.rbox.yellow .content {
	background-image: url(images/rbox-yellow-footer.gif);
}

.rbox.yellow P {
	text-align: center;
	font-size: 12px;
	color: black;
	font-weight: bold;	
}

.rbox.yellow .calendar {
	padding: 0.0px 1.2em;
	font-weight: bold;
}

/* blue box */

.rbox.blue {
	background-image: url(images/rbox-blue-bg.gif);
}
.rbox.blue H3 {
	background-image: url(images/rbox-blue-header-2.gif);
	color: white;
	font-weight: bold;
}
.rbox.blue .separator {
	background-image: url(images/rbox-blue-separator.gif);
}
.rbox.blue .content {
	background-image: url(images/rbox-blue-footer.gif);
	text-align: left;
}
.rbox.blue A:link {
	color: white;
}
.rbox.blue A:active {
	color: white;
}

.rbox.blue A:visited {
	color: white;
}
.rbox.blue A:hover {
	color: white;
	text-decoration: underline;
}
.rbox.blue P {
	text-align: center;
	font-size: 12px;
	color: black;
	font-weight: bold;	
}
.rbox.blue .calendar {
	padding: 0.0px 1.2em;
	font-weight: bold;
}

/* rounded box */

.rounded-box TD {
	line-height: normal;
}

.rounded-box TD H2 {
	font-size: 14px;
	margin: 0em 0em 1em 0em;
	padding: 0px;
	border: none;
	color: #333;
}

.rounded-box TD H3 {
	font-size: 12px;
	margin: 1em 0em 0.3em 0em;
	font-weight: bold;
}

.red {
	color: #c00;
	font-weight: bold;
}

.small-red {
	color: #c00;
	font-weight: bold;
	font-size: 9px;
}

.disabled {
	color: #b7becb;
}

/* screenshot */

.screenshot {
	text-align: center;
	margin: 2em 0em;
	font-style: italic;
}

.screenshot P {
	margin-top: 0px;
	font-style: italic;
}

/* pbox */

.pbox-title {
	font-size: 13px;
	font-weight: bold;
	color: #000;
	margin-top: 6px;
	margin-bottom: 2px;
}

.pbox-subtitle {
	font-size: 11px;
	color: #777;
}

.pbox-teaser {
	font-size: 11px;
	font-weight: bold;
	color: #e80;
}

/* main page news */

.mainpage-news {
	margin-top: 20px;
	padding: 0px;
	border-top: 1px solid #bbb;
}

.mainpage-news H3 {
	font-size: 11px;
	padding: 0px;
	margin-top: 8px;
	margin-bottom: 0px;
}

.mainpage-news TD {
	font-size: 11px;
	vertical-align: top;
}

.mainpage-news TD.label {
	font-size: 12px;
	font-weight: bold;
	padding-top: 8px;
	padding-right: 16px;
}

/* end of file */