/* -------------------------------------------------------------- 
  
   reset.css
   * Resets default browser CSS.
   
-------------------------------------------------------------- */

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;
font-size: 100%;
vertical-align: baseline;
}



/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }


/* -------------------------------------------------------------- 
   
   typography.css
   * Sets up some sensible default typography.
      
-------------------------------------------------------------- */

/* Default font settings. 
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */


body { 
  font-size: 75%;
  color: #222; 
  line-height: 1.3;
  background: #666666 url("images/striped_background.gif") top left repeat;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif ;
}


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #346633; }

h1 { font-size: 1.75em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 1.5em; margin-bottom: 0.75em; }
h3 { font-size: 1.3em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.1em; line-height: 1.25; margin-bottom: 1.25em; height: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin: 0;
}


/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 1.5em; }
p img       { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

a, a:link { color: #003399;}
a:visited { color: #003399;}
a:hover { color: #0066FF;  }
a:active { color: #003399;}

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre,code    { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; } 


/* Lists
-------------------------------------------------------------- */

li ul, 
li ol       { margin:0 1.5em; }
ul, ol      { margin: 0 1.5em 1.5em 1.5em; }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}


/* Tables
-------------------------------------------------------------- */

table       { margin-bottom: 1.4em; width:100%; }
th          { font-weight: bold; background: #C3D9FF; }
th,td       { padding: 4px 10px 4px 5px; }
tr.even td  { background: #E5ECF9; }
tfoot       { font-style: italic; }
caption     { background: #eee; }


/* Misc classes
-------------------------------------------------------------- */

.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide       { display: none; }

.quiet      { color: #666; }
.loud       { color: #000; }
.highlight  { background:#ff0; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }

.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }


#ajaxSearch_submit {background: #2E6433; color: #FFF; border: 2px solid #7AA4BA;}
#ajaxSearch_input {background: transparent; border: 2px solid #7AA4BA;}

.group:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
/* -------------------------------------------------------------- 
   
   Main Page Divisions
   * Sets up the styles for the primary page divisions.top_bar
      
-------------------------------------------------------------- */

#topBar {
  width: 100%; 
  height: 33px;
  float: left; 
  margin: 0px 0px 15px 0px;
  background: #ffffff url("images/top_logo.jpg") top left no-repeat;  
  }

#page {
    width: 900px;
    margin: 0px auto 0px auto;
    text-align: left;
    background: #FFF;
  }
#header { 
    width: 900px;
    height: 132px;
       clear: both;
    margin: 0px auto 0px auto;
    background: transparent url("images/ccld_head.png") no-repeat top right;
}
#primaryNav {
  width:882px;
  height:31px;
  display: inline;
  line-height: 31px;
  background: #DCE8DC;
  margin: 10px 0px 0px 5px;
  padding: 0px 0px 0px 8px;
  float:left;
  border: 1px solid #678EB7;
  }
#leftColumn {
    width: 200px;
    min-height: 200px;
    padding: 12px 0px;
    background: #FFF;
    float: left;
     background: #FFFFFF;
  }

#leftColumnHome {
    width: 173px;
    min-height: 200px;
    padding: 12px 0px 12px 27px;
    background: #FFF;
    float: left;
     background: #FFFFFF;
  }
   
#content {
    width: 496px;
    padding: 12px 12px;
    text-align: left;
    float: left;
    background: #FFFFFF;
}
#contentPopup {
    width: 100%;
    padding: 12px 12px;
    text-align: left;
    float: left;
    background: #FFFFFF;
}
#findFast {
  width: 494px;
  float: left;
  border: 1px solid #678eb7;
  background: #d0e0d0;
  margin-bottom: 12px;
  }
#cardCatalog {
  width: 216px;
  float: left;
  display:inline;
  padding: 0;
  margin: 0px 0px 5px 5px;
  text-align: center;
  border-bottom: 3px solid #A51012;
  border-right: 1px solid #678eb7;
  border-left: 1px solid #678eb7;
  border-top: 1px solid #678eb7;
  background: transparent;
  height: 100px;
  }
#askLibrarian {
  width: 132px;
  float: left;
  padding: 0;
  margin: 0px 0px 5px 0px;
  border-bottom: 3px solid #1716D4;
  border-right: 1px solid #678eb7;
  border-top: 1px solid #678eb7;
  background: transparent;
  height: 100px;
  }
#onlineResource {
  width: 132px;
  float: left;
  padding: 0;
  margin: 0px 0px 5px 0px;
  border-bottom: 3px solid #D7A21E;
  border-right: 1px solid #678eb7;
  border-top: 1px solid #678eb7;
  background: transparent;
  height: 100px;
  }
#rightColumn {
    width: 167px;
    text-align: left;
     padding: 12px 0px 12px 13px;
    float: left;
    min-height: 200px;
     background: #FFFFFF;
}
#footer {
  width: 900px;
  height: 57px;
  line-height: 57px;
  background: #A0C5A0;
  float:left;
  border-top: 1px solid #333;
  }
#copyRight {
  float: left;
  color: #FFF;
  text-align: center;
  font-size: .9em;
  padding: 12px 0px 0px 0px;
  margin: 0px auto;
  width: 100%;
  }
/* Header 
------------------------------------------------------------------------- */
#homeLogo {
 height: 132px; 
 width: 150px;
 float: left;
 background: transparent;
 cursor: pointer;
  }

#hours {
 height: 127px; 
 width: 130px;
 float: right;
 padding: 5px 10px;
 background: transparent;
 color: #FFF;
 font-size: .9em;
 line-height: 1.2em;
  }
#hours h3 {
font-size: 1.2em; line-height: 1; margin-bottom: .25em; font-weight: bold; color: #FFF;
  }
#hours h1, #hours h2, #hours h3, #hours h4, #hours h5, #hours h6 {color: #FFF;}
#contact {
 height: 127px; 
 width: 130px;
 float: right;
 background: transparent;
 color: #FFF;
 font-size: .9em;
  line-height: 1.2em;
   padding: 5px 0px 0px 20px;
  }
#contact h1, #contact h2, #contact h3, #contact h4, #contact h5, #contact h6 {
font-weight: bold;
color: #FFF;
  }
/* Search Form 
------------------------------------------------------------------------------- */
#search {
float: right;
margin: 5px 10px 0px 0px;
}
form.FSF_form {
    margin: 0;
    padding: 0;
    width: auto;
    text-align: right !important;
}

input.FSF_input { 
    display: inline;
    height: 17px;
    border: 1px solid #ddd;
    border-left-color: #c3c3c3;
    border-top-color: #7c7c7c;
    background: #fff url(images/input-bg.gif) repeat-x top left;
    margin: -1px 3px 0;
    padding: 3px 0 0;
}
input.FSF_submit { 
    display: inline;
    margin: -1px 0 0;
    padding: 0;
    height: 22px;
    line-height: 22px;
}

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

Secondary Navigation

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

#leftColumn h2 {
	margin: 0;
	padding: 0px 0px 0px 0px;
	background: transparent url("images/acclaim/secondaryNavHeader.jpg") no-repeat bottom left;
	color: #FFFFFF;
	font-size: 1.2em;
	display: block;
	width: 200px;
	height: 28px;
	line-height: 28px;
  }
  
#leftColumn ul {
	list-style-type: none;
	padding: 0px 15px 0px 15px;
	margin: 0;
	display: block;
	width: 170px;
  }
#leftColumn ul li ul {
	list-style-type: none;
	padding: 0px 15px 0px 0px;
	margin: 0;
	display: block;
	width: 169px;
	border: none;
  }
#leftColumn  ul li ul li {
	list-style-type: none; 
	border-top: 1px solid #003399;
	border-right: 1px solid #003399;
	border-left: none;
	padding: 3px 3px 3px 0px;
	margin: 0px 0px 0px 0px;
	background: #D2E3D3;
  }
#leftColumn  li {
	list-style-type: none; 
	border-top: 1px solid #003399;
	border-right: 1px solid #003399;
	border-left: 1px solid #003399;
	padding: 3px 3px 3px 0px;
	margin: 0px 0px 0px 0px;
	background: #D2E3D3;
  }

#leftColumn li a:link {
	padding: 0 0 0 10px;
	text-decoration: none;
	color: #003399;
	font-weight: bold;
	border-top: none;
  }
#leftColumn li a:visited {
		padding: 0 0 0 10px;
	text-decoration: none;
	color: #003399;
	font-weight: bold;
	border-top: none;
  }
#leftColumn li a:hover {
	
		padding: 0 0 0 10px;
	text-decoration: underline;
	color: #0066FF;
	font-weight: bold;
	border-top: none;
  }
#leftColumn li a:active {
		padding: 0 0 0 10px;
	text-decoration: none;
	color: #003399;
	font-weight: bold;
	border-top: none;}


#leftColumn  ul li ul li a:link {
	padding: 0 0 0 20px;
	text-decoration: none;
	color: #003399;
	font-weight: normal;
	border-top: none;
  }
#leftColumn  ul li ul li a:visited {
	padding: 0 0 0 20px;
	text-decoration: none;
	color: #003399;
	font-weight: normal;
	border-top: none;
  }
#leftColumn  ul li ul li a:hover {
	
	padding: 0 0 0 20px;
	text-decoration: underline;
	color: #0066FF;
	font-weight: normal;
	border-top: none;
  }
#leftColumn  ul li ul li a:active {
	padding: 0 0 0 20px;
	text-decoration: none;
	color: #003399;
	font-weight: normal;
	border-top: none;
  }
#leftColumn  ul li ul li.leftLast {
	border-bottom: none;
  }  

.leftLast {
	border-bottom: 1px solid #003399;
  }

li.leftActive {
	color: #FFF;
	font-weight: bold;
	font-size: 1.15em;
	border-top: none;
	background: url("images/acclaim/secondaryNavHover.gif");
  }


/* Footer 
------------------------------------------------------------------------- */


#footerLinks {
  width: 800px;
  height: 57px;
  float: left;
  display:inline;
  padding: 0px 0px 0px 8px;
  text-align: left;
  }
#footerLinks ul {
  list-style-type: none;
  margin: 0px 0px 0px 0px;
  padding: 0;
}
#footerLinks li {
  float: left;
  padding: 0px 8px 0px 0px;
  margin: 0;
  display: block;
}
#lincolnTrails {
  float: left;
  background: transparent;
  width: 90px;
  height: 57px;
  }

/* Right Column
------------------------------------------------------------------------- */
#virtualTour {
  width: 143px;
  border: 1px solid #678eb7;
  height: 138px;
  float: left;
  background: #D2E3D3;
  text-align:center;
  margin-top: 12px;
  }
#virtualTour h1 {
  background: #356734 url(images/findFastBg.jpg) repeat-x top left;
  color: #FFF;
  font-size: 1.2em;
  font-weight: bold;
  margin: 5px;
  padding: 3px 0px 3px 0px;
  border: 1px solid #678eb7;  
  }
#getCard {
  width: 143px;
  border: 1px solid #678eb7;
  min-height: 138px;
  float: left;
  background: #D2E3D3;
  text-align:center;
  }
#getCard h1 {
  background: #356734 url(images/findFastBg.jpg) repeat-x top left;
  color: #FFF;
  font-size: 1.2em;
  font-weight: bold;
  margin: 5px;
  padding: 3px 0px 3px 0px;
  border: 1px solid #678eb7;  
  }
/* card Catalog
------------------------------------------------------------------------- */  
#findFast h1 {
  background: #356734 url(images/findFastBg.jpg) repeat-x top left;
  color: #FFF;
  font-size: 1.3em;
  font-weight: bold;
  line-height:30px;
  margin: 5px;
  padding: 0px 0px 0px 30px;
  border: 1px solid #678eb7;  
  }  
#cardCatalog h2 {
  font-size: 1.1em;
  font-weight: bold;
  margin: 0px;
  padding: 5px 0px 2px 5px;  
  }
#cardCatalog h1 {
  line-height: 24px;
  text-align: center;
  color: #fff;
  font-size: 1.1em;
  background: #A51012 url(images/cardBg.jpg) repeat-x top left;
  margin: 0;
  padding: 0;
  border: none;
  }
#askLibrarian h1 {
  line-height: 24px;
  text-align: center;
  color: #fff;
  font-size: 1.1em;
  background: #1716D4 url(images/askBg.jpg) repeat-x top left;
  margin: 0;
  padding: 0;
  border: none;
  }  
#onlineResource h1 {
  line-height: 24px;
  text-align: center;
  color: #fff;
  font-size: 1.1em;
  background: #D7A21E url(images/onlineBg.jpg) repeat-x top left;
  margin: 0;
  padding: 0;
  border: none;
  }  
  
.cardcat_submit {background: #2E6433; color: #FFF; border: 2px solid #7AA4BA;}
.cardcat_input {background: transparent; border: 2px solid #7AA4BA;}
/* Fixes for RichText widgets
------------------------------------------------------------------------------- */
.MODX_RichTextWidget {
	float: left;
}

.MODX_RichTextWidget a {
	border: 0px;
}