/* Resetting stuff BEGIN */
	html, body, div, span, applet, object, iframe,
		h1, h2, h3, h4, h5, h6, p, blockquote, pre,
		a, abbr, acronym, address, big, cite, code,
		del, dfn, em, font, img, ins, kbd, q, s, samp,
		small, strike, strong, sub, sup, tt, var,
		b, u, i, center,
		dl, dt, dd, ol, ul, li,
		fieldset, form, label, legend,
		table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		background: transparent;
	}
	/* remember to define focus styles! */
	:focus { outline: 0; }
	/* remember to highlight inserts somehow! */
	ins { text-decoration: none; }
	del { text-decoration: line-through; }
	/* tables still need 'cellspacing="0"' in the markup */
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}
/* Resetting stuff END */


/* ELEMENT CONTROLLED LAYOUT */
hr {border: none; background-color: #aaa; height: 2px;}
textarea {margin: 0 0 0.6em 0; vertical-align: top;}
select {margin: 0 0 0.6em 0;}
p {line-height: 1.5em; margin: 0px 0px 0.75em;}
dl {margin-bottom: 1em;}
dt {position: relative; top: 1.5em;}
dd {padding: 0.25em 0 0 11.5em;}
legend {padding: 10px 0; display: block; float: left; width: 100%;}
fieldset {margin-bottom: 10px;}


/* CLASS/ID CONTROLLED LAYOUT */
#header {height: 81px; width: 100%;}
#branding {left: 25px; position: absolute; top: 13px;}
#globalnav {clear: both; position: absolute; right: 15px; top: 46px; list-style: none; padding: 10px 10px 10px 2em;}
  #globalnav li {float: left; margin-right: 2px; padding-left: 9px; text-align: center;}
  #globalnav li a {float: left; height: 17px; padding: 8px 9px 1px 0px;}
#breadcrumb {height: 22px; margin-left: 2px; padding: 6px 2em 2px 22px; line-height: 1.6em;}
  .bc-separator {padding: 0 0.3em;}
#navigation {width: 203px; float: left;}
  .decor-column-inner {padding: 10px;}
  #navigation input[type="text"] {width: 174px; display: block; margin-bottom: 10px;}
  #navigation .or {width: 170px; display: block; margin: 20px 0 0; padding: 5px; text-align: center;}
#content {margin: 0; padding: 15px 30px 30px 231px;}
  .hr {padding-top: 1em; margin-top: 1em;}
  .booklist {list-style: none; padding-top: 1em; text-align: left; margin: 0; width: auto;}
  .letterlist {text-transform: uppercase; word-spacing: 0.3em;}
  .clear {clear: both; width: 100%;}
  
  /* Pager styles */
  .resultBtnBoxSmall {background-color: #D6D6D6; width: 100%; display: block; height: 22px; margin-bottom: 10px;}
  .resultBtnSmall a, .numberSmall a {background-color: #e7e7e7; text-decoration: none; display: block; float: left; width: auto; padding: 3px 8px 4px;}
  a.firstSmall {background: url(/site_media/img/arrow-prev-double-grey.gif) no-repeat 0% 50% #e7e7e7; padding-left: 28px;}
  a.prevSmall {background: url(/site_media/img/arrow-prev-grey.gif) no-repeat 0% 50% #e7e7e7; padding-left: 28px;}
  a.lastSmall {background: url(/site_media/img/arrow-next-double-grey.gif) no-repeat right 50% #e7e7e7; padding-right: 28px;}
  a.nextSmall {background: url(/site_media/img/arrow-next-grey.gif) no-repeat right 50% #e7e7e7; padding-right: 28px;}
  .pagenumberSmallSelected {color: #060 !important;}
  .pagenumberSmallSelected:hover {color: #fff !important;}
  
#footer {padding: 10px; text-align: center; clear: both;}
  #footer p {margin: 0.25em 0px; max-width: 100%;}

  
/* SPECIAL LAYOUT FOR FRONT PAGE */
#frontpage #content {padding-left: 30px; margin-top: 30px;}
#main-search-field {width: 62%;}
#frontpage #breadcrumb {display: none;}
.capital {font-size: 3.4em; font-family: georgia, serif; float: left; display: block; margin: 0.23em 0.1em 0 0;}


/* TYPOGRAPHY */
body {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 70%;}
#content {font-size: 110%;}
h1, h2, h3, h4, h5, h6, #globalnav, #breadcrumb {font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;}
h1 {font-size: 150%;}
#globalnav {font-size: 11px;}
.bc-separator, #navigation .or, legend {font-size: 120%;}
#breadcrumb {text-transform: capitalize;}
#globalnav li a, #breadcrumb a {text-decoration: none;}
.bc-start {text-transform: none;}
h1, h2, h3, h4, h5, h6 {font-weight: normal;}
.pagenumberSmallSelected {font-weight: bold;}
#footer p a:hover {text-decoration: underline !important;}



/* COLORS */
body, #globalnav li.current a {color: #145a0b;}
a {color: #6a9112;}
#globalnav li a, #navigation .or, .resultBtnSmall a:hover, .numberSmall a:hover {color: #fff;}
#globalnav li:hover a {color: #6a9112;}
#footer {color: #999;}
.sectext, dt, .resultBtnSmall a, .numberSmall a {color: #8a998a;}

#header {background-color: #8dc018; border-bottom: 1px solid #455e0c;}
#navigation .or, .resultBtnSmall a:hover, .numberSmall a:hover {background-color: #8dc018;}

#globalnav li {background: url(/site_media/img/tab-left.png) no-repeat 0 0 transparent;}
#globalnav li a {background: url(/site_media/img/tab-right.png) no-repeat right 0 transparent;}
#globalnav li.dimtab {background: url(/site_media/img/tab-left-dim.png) no-repeat 0 0 transparent;}
#globalnav li.dimtab a {background: url(/site_media/img/tab-right-dim.png) no-repeat right 0 transparent;}
#globalnav li:hover, #globalnav li.current {background-image: url(/site_media/img/tab-left-sel.png)}
#globalnav li:hover a, #globalnav li.current a {background-image: url(/site_media/img/tab-right-sel.png)}
#navigation  {background: url(/site_media/img/dot-ver.gif) repeat-y right 0 transparent;}
.decor-column-outer {background: url(/site_media/img/nav-bg.png) repeat-y left 0 transparent;}
#frontpage .decor-column-outer {background: none transparent;}
#footer, .hr, dd, #navigation fieldset:first-child {background: url(/site_media/img/dot-hoz.gif) repeat-x 0 0 transparent;}

.emphasis {border: solid 1px #5fa400; padding: 0.5em;}
a.firstSmall, a.prevSmall, a.lastSmall {border-right: solid 2px #fff;}
a.nextSmall, a.lastSmall {border-left: solid 2px #fff;}