html {background: #f6f5f4;}
body, input, textarea, select {font-family: verdana, geneva, arial, sans-serif;}
body {
font-size: 81.25%; /* 13px */
margin: 0;
line-height: 1.5;
color: #4d4d4d;
background: url(/images/headerbkgrdsmaller2.jpg) repeat-x;
}
#template {margin: 3px 20px 20px 45px; line-height: 1.4em;}
/*** Fonts ***/
.minwidth, #footer {font-size: 92.31%;} /* 13px */
.breadcrumbs, .small, .note {font-size: 84.62%;} /*11px */
.note {font-style: italic;}
.back {margin-top: 3em; padding-top: 1em; border-top: 1px solid #777;} /* for "back to page X" text at bottoms of pages */
textarea {font-size: 100%;} /* Firefox makes font too large otherwise */
/*** Links ***/
a:link{color: #00e; text-decoration: underline;}
a:visited {color: #551A8B; text-decoration: underline;}
a:hover {color:#c50; text-decoration: underline;}
a.contents, .contents a {color: #c50; text-decoration: none !important;}
a.contents:hover, .contents a:hover {color: #0000c7;}
a img {border: 0;}
/*** Headings ***/
h1,h2, h3, h4, h5, h6 {line-height: 1.3em;}
h1, h2 {font-family: garamond, 'times new roman', helvetica, serif; color: #58732C;}
h1 {font-size: 2.3em; margin: .4em 0 .54em}
h2 {font-size: 1.55em; margin: .845em 0 .322em;}
h3 {font-size: 1.1em; margin: .941em 0 .37em; color: #717171;}
h4 {font-size: 1em; margin: .969em 0 .385em;}
h5 {font-size: 1em; margin: 1.1em 0 .43em; color: #717171;}
h2 a, h3 a, h4 a {text-decoration: none !important;}
.list {margin-bottom: -1em;}
h2.list {margin-bottom: -.5em;}
/*** Lists ***/
ul, ol {margin: 1em 0 0 3em; padding: 0;}
li ul, li ol {margin-top: 0;}
.spaced li {margin-bottom: 1em;}
.spaced li li {margin-bottom: 0;}
ol {list-style: decimal;}
ol ol {list-style: upper-alpha;}
ol ol ol {list-style: lower-roman;}
ul {list-style: disc;}
ul ul {list-style: circle;}
ul ul ul {list-style: square;}
/*** Tables ***/
table {margin: 1em 0; border-collapse: collapse;}
.border th, .border td {border: 1px solid #a8aaa9;}
th, td {padding: 3px 5px;}
/*** Misc ***/
dt {font-weight: 900;}
object {margin: 0; padding: 0;}
/*** Header ***/
#titlebar{background: url(/images/headerbkgrdsmaller2.jpg) repeat-x; width: 100%;}
#titlebar_inner {background: url(/images/title2.jpg) no-repeat; height: 71px; width: 100%; position: relative;}
.guin #titlebar {background-image: url(/images/guintitle.jpg);}
.cascades #titlebar {background-image: url(/images/cascadetitle.jpg);}
#titlebar form {position: absolute; top: 76px; left: 25px; width: 270px;}
#titlebar input {padding: 4px; background: #f6f5f4 url(/images/search.gif) no-repeat right;}
fieldset {border:0; margin:0; padding:0;}
.osulink, .librarylink {display: block; height: 37px; width: 230px; position: absolute; top: 24px; left: 0;}
.librarylink {width: 270px; left: 230px;}
.selectfont {position: absolute; z-index: 10; line-height: 37px; top: 22px; right: 5px; cursor: default;}
.selectfont a, .selectfont a:hover {color: #fff; text-decoration: none;}
.smallfont {text-decoration: underline; font-size: .8em;}
.medfont {text-decoration: none; font-size: 1.1em;}
.largefont {text-decoration: none; font-size: 1.4em;}
/*** news ***/
.news span {display: block; padding-top: 10px;}
.news a {color: #fff;}
.news a:hover {text-decoration: underline; color: #fff;}
#pscroller1{height: 45px;background: #676764 url(/images/news_gradient.jpg) repeat-x; margin-left: 35px; padding-left: 35px; color: #fff; font-size: 92.3%;}
/*** libraryfind ***/
.findmenu {margin-left: 35px; padding: 22px 50px 18px 35px;}
.findmenu fieldset {padding: 0; margin: 0; border: 0;}
.findmenu #lf {width: 350px; padding: 4px;}
.findmenu form {margin-top: 0; padding: 0; width: 100%;}
.findmenu img {border: none;}
.findmenu h2 {display:inline; border: 0;}
/*** left right center columns ***/
.left {float: left; width: 49%; margin-right: 1%;}
.right {float: left; width: 49%;}
/*** quicklinks ***/
.quicklinks {border-bottom: 1px solid #ccc; margin-left: 52px; padding-left: 18px;}
.librarything {padding: 0 10px 10px 70px;}
.quicklinks ul, .quicklinks li, .didyouknow ul, .didyouknow li {list-style: none; margin-left: 0; padding-left: 0;}
.didyouknow, .feature {padding-left: 20px; width:85%;}
.didyouknow {border-bottom: 1px solid #ccc;}
.librarything, .feature {padding-top: 10px;}
/*** news and events ***/
#events {margin:0 50px 0 0;}
#events h2 {margin-bottom: 0;}
#events p {margin-top: 8px;}
.newsitem {display: block; padding-bottom: 10px; clear: both;}
.divider {display: block; clear: both; overflow:hidden; margin: 0 0 5px 0; height: 1px; background-color: #aaa; zoom: 1;}
.newsandevents {float:left; width: 45%; clear: both; padding-bottom: 10px;}
.hours {float:right; width: 45%;}
.hoursheader, .closuresheader, .newstitle {font-weight: bold; font-size: 1.1em; margin-top: 5px; margin-bottom: 0; padding-bottom: 0;}
#events ul { margin: 0 0 0 5px; padding-left:10px; padding-right: 0;}
#events ul li {margin-right: 0; padding-right: 0;}
/*** navigation ***/
#sidenav {padding: 0 0 10px;}
#sidenav ul{margin:0; padding: 0;}
#sidenav li{margin:0; padding: 0;}
#sidenav img {float: left; margin: 7px 3px 0 0;}
#sidenav h2{font-weight: 400; margin: 0 0 8px; color: #F45B29; font-size: 1.39em; border-bottom: 1px solid #a8aaa9;}
#sidenav fieldset {margin: 0; padding: 5px 0 15px 10px; border: 0; width: 250px;}
#sidenav input {padding: 1px 3px;}
#sidenav #query {padding: 4px; border: solid #7c7b7d; border-width: 2px 0 0 2px; width: 190px;}
.treeview li {list-style-type: none; line-height: 1.79em;}
.treeview li.submenu {cursor: pointer;}
.treeview li.submenu ul {display: none;}
.treeview .submenu ul li {cursor: default; padding-left: 25px !important;}
.menu_box, .menu_box div {background: #fff url(/images/menu.png) no-repeat; padding: 12px 0 0;}
.menu_box {background-position: 0 100%; width: 240px; margin: 10px; padding: 0 0 12px;}
.menu_box div div {background: #fff; border: solid #a8aaa9; border-width: 0 1px; padding: 0 15px;}
/***rightcolumn section ***/
#right .discover {margin:0; padding: 0; height: 138px; width: 250px; background: #d8d8db;}
#right .discover a, #right .discover img {display: block; margin: 0; padding: 0;}
#right img {border: 0;}
#height {min-height: 380px;}
#footer {padding: .8em 0 .9em 290px; border-top: 1px solid #777; line-height: 1.79em;}
#footer p {margin: 0;}
#footer .ada img {margin: 0 0 -8px; border: 0;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
* html .clearfix {height: 1%;}
#innerwrapper {zoom: 1; position: relative;}
* html .minwidth {border-left: 500px solid #f6f5f4; position: relative; float: left; z-index: 1;}
* html .container {margin-left: -500px; position: relative; float: left; z-index: 2; text-align: left;}