/* Defaults */
html {font-family:Arial, Helvetica, sans-serif; font-size: 100%; line-height:97%}
body {height:100%; font-size: 62.5%; margin:0; padding:.25em 0; font-family:Verdana, Arial, Helvetica, sans-serif}
h1 {font-size:2.0em; margin:0; padding:0; font-weight:normal}
h2 {font-size:1.8em; margin:0; padding:0;}
h3 {font-size:1.4em; margin:0; padding:0;}
h4 {font-size:1.2em; margin:0; padding:0;}
p {font-size:1.2em; margin:0; padding:0;}
label {font-size:1.2em; margin:0; padding:0;}
input {font-size:1.1em; margin:0; padding:0;}
div {margin:0; padding:0;}
span {margin:0; padding:0;}
ul {margin:0; padding:0; list-style: none;}
li {margin:0; padding:0; list-style: none;}
img {border:0; margin:0; padding:0;}
a {margin:0; padding:0; text-decoration:none}

/* Base page */
#mspage, #msadmin {margin: 0 auto; text-align:left; width:84em;}
#msheader {float:left; width:100%;}
#mscontent {float:left; width:99.75%;}
#msfooter {float:left; width:100%;}
div.bar {float:left; height:10px; width:100%; margin:.5em 0;}

/* Base wide page */
#mspagewd {margin: 0 auto; text-align:left; width:110em;}



.left {float:left}
.right {float:right}
.hide {display:none;}
.wait {cursor: wait;}
.default {cursor:default}
.pointer {cursor:pointer}
.center {text-align:center}
.nounderline {text-decoration:none}
.underline {text-decoration:underline}
span.error {color:Red; font-size:1.2em;}
.bold {font-weight:bold}
.notbold {font-weight:normal}



/* Base panels */
div.panel {float:left; border-style:solid; border-width:1px; width:100%}
div.panel div.h {float:left; width:100%}
div.panel div.h {background-repeat: repeat-y; background-position: top left}
div.panel div.h h1{float:left; color:White; font-size:1.2em; margin-left:.5em; padding:.5em 0}
div.panel div.h div.edit {float:right; margin:.5em .5em 0 0; _margin-right:.25em}
div.panel div.h div.edit input{float:left; border:none; color:white; cursor:pointer; background-color:Transparent}
div.panel a.g {float:left;width:100%}
div.panel img.g {float:left;width:100%;}
div.panel div.c {float:left; width:100%; position:relative;}
div.panel div.c div.b {float:left; position:absolute; top:-19px; right:0;}
div.panel div.c div.b input {float:left; padding:2px}
div.panel ul.c {float:left; width:100%;}
div.panel ul.c li {float:left; width:100%}
div.panel ul.c li a{float:left; color:White; font-size:1em; padding:.75em .75em; line-height:120%}
div.panel ul.c li a:hover{text-decoration:underline}

div.panel div.f {float:left; width:100%;}
div.panel div.f span {float:left; color:White; font-size:.8em; padding:.5em 0 .5em 1em}
div.panel div.f input {float:right; margin:.5em .5em 0 0}

div.panel div.x {float:left; background-color:white; width:100%}
div.panel div.x li {float:left; width:100%}
div.panel div.x li a{float:left; color:Black; margin:0; font-size:1em; padding:.25em .75em; line-height:120%}

/* home page columns */
#hmCol1 {float:left; width:20em}
#hmCol2 {float:left; width:45.5em; margin-left:1em;}
#hmCol3 {float:right; width:16.5em; _width:16em;}

/* home page panels */
#upevents {width:100%;}
#comm {width:100%; margin-top:1em}

#serv {width:48.75%;}
#act {width:48.75%; float:right;}
#browse {width:99.5%; margin-top:1em;}

#meebo{width:99%;}
#db{width:99%; margin-top:1em;}
#topshelf{width:99%; margin-top:1em;}
#sumreader{width:99%;}




/* panel detail */
#sumreader {border-color:#7c5e7a;}
#sumreader div.h {background-image: url(img/header_sr.gif); background-color:#0d000b}
#sumreader div.c table{width:100%}
#sumreader div.c table td {border-top:solid 2px white; padding:.25em .5em; width:100%}
#sumreader div.c table a{color:white;}
#sumreader div.c table a:hover{text-decoration:underline}
#sumreader div.c table #a td{background-color:#9700a0}
#sumreader div.c table #b td{background-color:#0061ff}
#sumreader div.c table #c td{background-color:#6aca00}
#sumreader div.c table #d td{background-color:#292258}
#sumreader div.c table #e td{background-color:#641158}


#meebo div.h {background-color:White; border-bottom:solid 2px black;}
#meebo div.h h1{float:left; color:Black; font-size:1.2em; width:5em; padding:.25em 0}
#meebo div.h {float:right;}
#meebo div.c {background-color:#dedbde}
#meebo #tabs {float:right; position:relative; z-index:5; height:2.75em; width:8em;}
#meebo #tabs img{float:right; position:absolute; top:0; right:0; height:100%; width:100%; z-index:10;}
#meebo #tabs input{float:right; position:relative; z-index:15; border:none; background-color:Transparent; color:White; cursor:pointer;}
#meebo #tabs .mea {margin-right:.5em}
#meebo #tabs .mek {margin-right:1em}


#upevents div.h div.tabs {float:right; height:1.5em; position:relative; z-index:10; width:18em;} 
#upevents div.h div.tabs img{float:right; position:absolute; bottom:0; _bottom:-1px; right:0; z-index:20; height:100%; width:100%}
#upevents div.h div.buttons {float:right; position:absolute; bottom:0; _bottom:-1px; right:0; z-index:30; height:1.5em;}
#upevents div.h div.buttons div{float:right;}
#upevents div.h div.buttons div a{float:left;}
#upevents div.h div.buttons input{float:left; height:1.125em; border:none; color:white; cursor:pointer; background-color:Transparent}
#upevents div.h div.buttons #evAll input{color:#89a419; width:1.425em;}
#upevents div.h div.buttons #evAll input{margin-right:.25em; _margin-right:.175em;}
#upevents div.h div.buttons #evAdults input{margin-right:1em; _margin-right:.975em; width:3.35em}
#upevents div.h div.buttons #evYA input{margin-right:.75em; _margin-right:.75em; width:1.65em}
#upevents div.h div.buttons #evTeen input{margin-right:1.25em; _margin-right:1.5em; width:2.55em; _width:2.5em}
#upevents div.h div.buttons #evKids input{margin-right:1.25em; _margin-right:1.25em; width:2.25em}

#upevents div.c {background-repeat: repeat-x; background-position:top left;}
#upevents div.c div.tabs {float:right; height:.5em; position:relative; z-index:10; width:18em;} 
#upevents div.c div.tabs img{float:right; height:1.0em; position:absolute; top:0; right:0; z-index:20; width:100%}

#upevents div.f {background-repeat: repeat-y; background-position:top left;}
#upevents div.f a{color:White; font-size:1.2em}

#evDialog div input{clear:left; width:4em}
#evDialog #evA{margin-top:1em; background-color:Transparent}

#upevents div.c table{margin-left:.75em; margin-top:1em; width:92%}
#upevents div.c table td.d {color:#897d5f}
#upevents div.c table td.t {padding-bottom:.5em;}
#upevents div.c table td.t a{float:left; color:black;}

#comm {border:none}
#comm div.h {border-bottom:none}
#comm div.c div{float:left; padding-top:.75em}
#comm div.c a{float:left; clear:left; text-decoration:underline; margin: .25em 0 .25em .5em}
#comm div.c img {float:right; margin:1em 1em 0 0}



#twit {float:left; margin-top:1em}
#twit div.c {background-repeat: repeat-x; background-position:top left;}
#twit div.c {color:black}
#twit div.c a{color:black}
#twit div.f {float:left;}
#twit div.f {background-color:#424156; background-repeat: repeat-y; background-position: top left;}
#twit div.f a{color:White; font-size:1.2em}


#twit #btz {float:left;}
#twit #btz img {float:left; margin:.25em}
#twit #btz div {float:left; font-weight:bold; margin:2em 0 0 1em}

#twit #tweet {float:left;}
#twit #tweet ul{float:left;}
#twit #tweet ul li{float:left; padding:.25em}
#twit #tweet ul li a{float:left; font-size:1.0em;}
#twit #tweet ul li p{clear:left; font-size:1.0em; font-style:italic;}

#twit {border-color:#737184;}
#twit div.h {background-image: url(img/header_tw.gif); background-color:#5153ac}
#twit div.c {background-image: url(img/back_tw.gif); background-color:#fdfdfe}




/* Header */
div.banner {float:left; height:8.75em; width:100%;}
div.head {float:left;}
div.logo a{float:left; font-size:1.8em; line-height:120%}
#msheader div.logo {height:4.75em;}
#msheader div.logo a{margin-top:18px; margin-left:31px}

ul.menu {margin:0}
ul.menu li {float:left; height:2.75em; border-left-style:solid; border-left-width:2px}
ul.menu li a{float:left; color:black; font-size:1.0em; padding: 0 .35em; text-decoration:underline; margin-top:.75em}

ul.menu li { position:relative}
ul.menu li div {position:absolute; bottom:-10px; left:0; width:100%; _bottom:-11px}
ul.menu li div {float:left}
ul.menu li div img{clear:left}


#bal {width:26.5em; margin-top:.5em; _margin-top:.75em;}
#bal div.menua {float:left; width:23%}
#bal div.menua li{width:100%}
#bal div.menub {float:right; width:73%}
#bal ul.menu {margin-left:1em}
#bal div.logo{width:100%}


#login {margin:0 0 0 .75em; width:18.5em;}
#login span{clear:left; display:block;}
#login label {clear:left; color:#897d5f; float:left; width:5.5em; margin-top:.25em}
#login input.txt {font-size:1.25em; color:#897d5f;  margin:0 .25em; width:7em; margin-top:.125em}
#login input {float:left;}
#login div.loga {float:left; width:87%}
#login div.loga a {color:#897d5f; text-decoration:underline}
#login div.loga a.anew {float:left}
#login div.loga a.apass {float:right}
#login span.error {color:#c70b0b; margin-top:.25em; width:99%}
#login p{clear:left; font-size:1em; margin:0; padding:0; line-height:130%}


#cat {float:right; margin-top:.75em; width:37.5em;}
#cat div.h {clear:left; width:100%;}
#cat div.bar {height:13px; margin:0; padding:0;  border-top:solid 2px white}
#cat ul#m1 {float:left}
#cat ul#m2 {float:right;}
#cat input.bt{margin:0; padding:0}

#cat div.srch {float:left; background-color:#90a2e9; padding-bottom:.25em; width:28.875em;}

#cat div.srch div.aa {float:left; padding:0; width:13.625em}
#cat div.srch div.aa a {color:white; margin:0; padding:0;}
#cat div.srch div.aa a.lv2{clear:left; display:block; margin-left:.5em; font-size:.9em; line-height:1.25em; text-decoration:underline}

#cat div.srch input.txt{font-size:1.25em; float:left; color:#897d5f; margin: .5em 0 0 .5em; padding:0; width:9.25em;}
#cat div.srch .bt{margin:.35em 0 0 .125em;}

#cat div.con {clear:none; float:right; margin-top:.125em; width:8em; position:relative;}
#cat div.con .lb{color:#2e1890; margin:0; padding:0; float:left; text-align:left; width:5.75em; line-height:115%}
#cat div.con .bt{ position:absolute; top:-6px; right:-6px}


#cat div.radio {float:left; margin:0; padding:0;}
#cat div.radio input {float:left; margin:0; padding:0; height:15px; width:15px; margin-left:.25em; margin-top:.175em;}
#cat div.radio input.rdsp {margin-left:.625em;}
#cat div.radio span {float:left; color:white; letter-spacing:-.035em; font-size:1.2em; margin:0; padding:0;}

/* Menu page links */
div.banner ul.menu li div img{display:none;}
#liHome img{margin:0 1.5em}
#liAbout img{margin:0 2.25em}
#liLocal img{margin:0 2.25em}
#liExhibit img{margin:0 2.5em}

#liAudio img{margin:0 1.25em}
#liBooks img{margin:0 1.25em}
#liFilm img{margin:0 .75em}
#liMusic img{margin:0 1.325em}

#liResearch img{margin:0 1.925em}
#liDB img{margin:0 3.5em}

div.hdHome #liHome {background-color:#90a2e9;}
div.hdHome #liHome img{display:block;}
div.hdAbout #liAbout {background-color:#a2ae47}
div.hdAbout #liAbout img{display:block;}
div.hdLocal #liLocal {background-color:#a2ae47}
div.hdLocal #liLocal img{display:block;}
div.hdExhibit #liExhibit {background-color:#a2ae47}
div.hdExhibit #liExhibit img{display:block;}

div.hdAudio #liAudio {background-color:#5051ab}
div.hdAudio #liAudio img{display:block;}
div.hdBooks #liBooks {background-color:#5051ab}
div.hdBooks #liBooks img{display:block;}
div.hdFilm #liFilm {background-color:#5051ab}
div.hdFilm #liFilm img{display:block;}
div.hdMusic #liMusic {background-color:#5051ab;}
div.hdMusic #liMusic img{display:block;}

div.hdAudio #liAudio a,
div.hdBooks #liBooks a,
div.hdFilm #liFilm a,
div.hdMusic #liMusic a{color:white !important}


div.hdResearch #liResearch {background-color:#51402a}
div.hdResearch #liResearch img{display:block;}
div.hdResearch #liResearch a{color:white}
div.hdDB #liDB {background-color:#51402a}
div.hdDB #liDB img{display:block;}
div.hdDB #liDB a{color:white}

/* Footer */
#msfooter {margin-top:.5em}
#msfooter div.bar {margin:.5em 0 0 0; width:99.99%}
div.foot {float:left; font-size:1.2em; width:100%}
#msfooter div.logo {float:left;}
#msfooter div.logo a{display:block;margin-top:0; margin-left:0; line-height:120%}

div.lac {float:right; width:20em;}
div.lac a.logo{float:right; font-size:1.8em; line-height:120%}
div.lac, div.lac a span{height:2em}

div.foot div.lac input {float:right; margin:.5em}
div.foot div.bal input {float:left; margin:.5em}

div.foot div.bal, div.foot div.lac {border-top:solid 2px white; color:White; float:left; height:2em}
div.foot div.addr {clear:left; color:#45472c; height:2em; width:76em}
#mspagewd div.foot div.addr {width:102em}
div.foot div.bal {border-right:solid 1px white;}
div.foot div.lac {border-left:solid 1px white;}
div.foot div span {float:left; margin:.375em 0 0 .5em}
div.foot div.lac span {float:right; margin-right:.5em}
div.foot ul {margin:.25em 0 0 1em}
div.foot ul li{float:left; border-left: solid 2px #45472c}
div.foot ul li a{float:left; color:#45472c; padding: 0 .5em; text-decoration:underline;}
div.foot div.addr, div.foot ul li a {font-size:.9em}

div.foot img {margin-top:.575em; margin-right:.5em}

#ftbal {float:left; width:100%}
#ftbal div.bal {width:74.8795%}
#ftbal div.lac {width:24.8795%}
#ftbal div.bal span {margin-right:.975em}
#ftbal ul {float:left}

#ftlac {float:left; width:100%}
#ftlac div.bal {width:24.8795%}
#ftlac div.lac {width:74.8795%}
#ftlac div.lac span {margin-left:.975em}
#ftlac div.addr span {float:right; margin-left:.975em}
#ftlac ul {float:right}


/*content*/
#mscontent {margin-bottom:.5em;}
#msadmin #browse {float:left;}
#msadmin div.banner {height:3em;}
#msadmin h1 {font-size:1.6em; padding:.25em 0; width:100%}

#msadmin #browse div.left {float:left; width:36.5em;}
#msadmin #browse div.right {float:right; width:30em;}
#msadmin #browse div.left div.first {clear:left; float:left; width:36em; margin-bottom:.5em;}

#msadmin #browse div.lbcat{float:left; width:8em; margin-right:.5em}
#msadmin #browse div.lblist{float:left; width:14em; margin-right:.5em}
#msadmin #browse div.lbcat select{float:left; height:6em; width:99%;}
#msadmin #browse div.lbadd{float:right; width:13em;}
#msadmin #browse div.lblist select{float:left; height:12em; width:99%;}

#msadmin #browse div.lbcon {clear:left; float:left; width:36em; margin-bottom:.5em;}

#msadmin #browse div.brContents, #msadmin #browse div.brSearch{width:99%}

#msadmin #browse div.right label {padding:0 .5em 0 0} 

#msadmin #browse table.res {border:solid 1px #1d001d; margin:.5em 0; width:99%}
#msadmin #browse table.res tr {}
#msadmin #browse table.res tr.o td{background-color:#dde3f8}
#msadmin #browse table.res tr.e td{background-color:#a5b6ef}
#msadmin #browse table.res td {font-size:1.2em; padding:.25em}
#msadmin #browse table.res td a{font-size:.9em;}
#msadmin #browse table.res td.i {text-align:center}
#msadmin #browse table.res td.a {width:5em;}

#msadmin div.menu {float:left; clear:both; width:100%}
#msadmin div.menu ul {float:left; padding-bottom:.5em}
#msadmin div.menu ul li{float:left;}
#msadmin div.menu ul a{float:left; font-size:1.2em; font-weight:normal; text-decoration:underline; padding:0 .75em}

#msadmin a.menu{float:left; font-size:1.2em; font-weight:normal; text-decoration:underline; margin-right:.75em}
#msadmin a.bt{font-size:1.2em; font-weight:normal; text-decoration:underline;}

#msadmin #adac #adact a{font-weight:bold}
#msadmin #adct #adcat a{font-weight:bold}
#msadmin #adbl #adbkl a{font-weight:bold}
#msadmin #addb #addbs a{font-weight:bold}
#msadmin #adev #adevc a{font-weight:bold}
#msadmin #admd #admod a{font-weight:bold}
#msadmin #adpg #adpag a{font-weight:bold}
#msadmin #adsv #adsrv a{font-weight:bold}
#msadmin #adts #adtps a{font-weight:bold}
#msadmin #adst #adset a{font-weight:bold}
#msadmin #adup #adupl a{font-weight:bold}

#msadmin div.page {clear:left; float:left; margin-top:1em; width:100%}
#msadmin div.page p{margin:.25em 0}
#msadmin div.page table {border-color:black; clear:left; margin-top:.5em; width:100%}
#msadmin div.page table th {background-color:#37488a; color:White; padding:.25em 0; text-align:center;}
#msadmin div.page table th a{color:White; padding:0 .5em;}

#msadmin div.page table td {background-color:#e8edff; border:solid 1px black; padding:.5em}
#msadmin div.page table tr.alt td {background-color:#ccd6fe;}
#msadmin div.page table td.half {text-align:center;}

#msadmin div.page div.tmp p span{display:block; font-size:.9em; width:8em;}

#msadmin div.page div.lf {float:left; width:49%}
#msadmin div.page div.rt {float:right; width:49%;}

#msadmin div.page table.srch {border:none; font-size:1.2em; width:90%}
#msadmin div.page table.srch td {border:none; background-color:white; text-align:left; padding:.125em}
#msadmin div.page table.srch td select{width:8em}

#msadmin div.page table.edt {border:none; width:98%}
#msadmin div.page table.edt td {border:none;}


#topshelf {border-color:#7c5e7a;}
#topshelf div.h {background-image: url(img/header_ts.gif); background-color:#1d001d}
#topshelf div.c {background-repeat: repeat-x; background-position:top left;}
#topshelf div.c {background-image: url(img/back_ts.gif); background-color:#fdfbfc}
#topshelf div.c {padding-bottom:.25em}
#topshelf div.c span {padding:.5em}
#topshelf div.f {background-repeat: repeat-y; background-position: top left;background-image: url(img/header_ts.gif); background-color:#1d001d}


#tsCat {border-color:#7c5e7a; margin-top:1em}
#tsCat div.h {background-image: url(img/header_ts.gif); background-color:#1d001d}

#tsCat div.c {background-repeat: repeat-x; background-position:top left;}
#tsCat div.c {background-image: url(img/back_ts.gif); background-color:#fdfbfc}
#tsCat div.c span {float:left; color:#1d001d; font-size:1.2em; margin-top:.25em; padding:.5em}
#tsCat div.c ul {float:left; clear:left;}
.bord{border-top: 2px solid #7c5e7a}

#tsCat div.f {display:none; float:left;}
#tsCat div.f {background-repeat: repeat-y; background-position: top left;background-image: url(img/header_ts.gif); background-color:#1d001d}
#tsCat div.f div.b {display:none; float:right; background-color:#643f4a; padding-left:2px}
#tsCat div.f div.b input {display:none; float:left; margin:0; padding: 2px}

div.tsCatDetail {float:left; padding:.25em 0 .5em .25em}
div.tsCatDetail ul{float:left;}
div.tsCatDetail ul li{float:left; margin:0; padding:.125em 0 .125em .25em; width:9.25em;}
div.tsCatDetail ul li a{margin:0; padding:0;}

div.tsFavDetail {float:left; padding-bottom:.5em}
div.tsFavDetail ul{float:left;}
div.tsFavDetail ul li{float:left; margin:0; padding:.125em .375em}
div.tsFavDetail ul li a{float:left; margin:0; padding:0; outline:none; height:41px}


#tsRecent {border-color:#7c5e7a;}
#tsRecent div.h {background-image: url(img/header_ts.gif); background-color:#1d001d}
#tsRecent div.c {background-repeat: repeat-x; background-position:top left;}
#tsRecent div.c {background-image: url(img/back_ts.gif); background-color:#fdfbfc}
#tsRecent div.f {background-repeat: repeat-y; background-position: top left;background-image: url(img/header_ts.gif); background-color:#1d001d}
#tsRecent div.c span {padding:.5em}
#tsRecent span {float:left; color:#1d001d; font-size:1.2em; margin-top:.25em}
#tsRecent ul {padding:.5em}

#tsRecent div.f {float:left;}
#tsRecent div.f div.b {float:right; background-color:#643f4a; padding-left:2px}
#tsRecent div.f div.b input {float:left; margin:0; padding: 2px}


#browse div.f {float:left;}
#browse div.f ul {float:left; margin:0 0 0 .25em; padding:0; _margin-left:.25em}
#browse div.f ul li{float:left; padding:0; margin:0; border:none}
xx#browse div.f ul li a{float:left; padding:0; margin:0;color:white; font-size:.9em}
#browse div.f ul li a{padding:0; margin:0; color:white; font-size:.9em;}
xx#browse div.f ul li a{_float:none}
#browse div.f ul li span{display:inline; float:none; margin:0; padding:0 .25em 0 .25em;}

#browse div.h div.tabs {float:right; height:1.5em; position:relative; z-index:10; width:18em; margin:1.25em 6em 0 0; _margin-right:3em} 
#browse div.h div.tabs img{float:right; position:absolute; bottom:0; _bottom:-1px; right:0; z-index:20; height:100%; width:100%}
#browse div.h div.buttons {float:right; position:absolute; bottom:0; _bottom:-1px; right:0; z-index:30; height:1.5em;}
#browse div.h div.buttons div{float:right;}
#browse div.h div.buttons div a{float:left;}
#browse div.h div.buttons input{float:left; height:1.125em; border:none; color:white; cursor:pointer; background-color:Transparent}
#browse div.h div.buttons #brAdults input{margin-right:.25em; _margin-right:.225em; width:3.5em}
#browse div.h div.buttons #brYA input{margin-right:1.5em; _margin-right:1.5em; width:1.875em}
#browse div.h div.buttons #brTeen input{margin-right:1.875em; _margin-right:1.75em; width:2.675em; _width:2.75em}
#browse div.h div.buttons #brKids input{margin-right:1.5em; _margin-right:1.5em; width:2.75em}


#browse div.c {float:left; position:relative}
#browse div.c {background-repeat: repeat-x; background-position:top left;}
#browse div.c div.tabs {float:right; height:.5em; position:relative; z-index:10; width:18em; margin:-1px 6em 0 0; _margin-right:3em} 
#browse div.c div.tabs img{float:right; height:1.0em; position:absolute; top:0; right:0; z-index:20; width:100%}





/**/
#db div.h div.tabs {float:right; height:1.5em; position:relative; z-index:10; width:100%; margin:0 0 0 0; _margin-right:0} 
#db div.h div.tabs img{float:right; position:absolute; bottom:0; _bottom:-1px; right:0; z-index:20; height:100%; width:100%}
#db div.h div.buttons {float:right; position:absolute; bottom:0; _bottom:-1px; right:0; z-index:30; height:1.5em;}
#db div.h div.buttons div{float:right;}
#db div.h div.buttons div a{float:left;}
#db div.h div.buttons input{float:left; height:1.125em; border:none; color:white; cursor:pointer; background-color:Transparent}
#db div.h div.buttons #dbAdults input{margin-right:.25em; _margin-right:.225em; width:3.5em}
#db div.h div.buttons #dbYA input{margin-right:1em; _margin-right:1em; width:1.875em}
#db div.h div.buttons #dbTeen input{margin-right:1.5em; _margin-right:1.5em; width:2.575em; _width:2.65em}
#db div.h div.buttons #dbKids input{margin-right:1.125em; _margin-right:1em; width:2.65em}

#db div.c {float:left; position:relative}
#db div.c {background-repeat: repeat-x; background-position:top left;}
#db div.c div.tabs {float:right; height:.5em; position:relative; z-index:10; width:100%; margin:-1px 0 0 0; _margin-right:0} 
#db div.c div.tabs img{float:right; height:1.0em; position:absolute; top:0; right:0; z-index:20; width:100%}

#db div.c div.dblist {float:left; width:100%}
.dblist {float:left; margin-top:.25em;}

.dblist table{margin:0; padding:0; border:0; width:100%}
.dblist table tr td{border-top:solid 1px #897d5f}
.dblist table tr.non td{border:none}
.dblist a{display:block; color:#45472c; padding:.25em .5em}

#db div.f {float:left;}
#db div.f {background-repeat: repeat-y; background-position: top left;}
#db div.f a{color:White; font-size:1.2em}
/**/


#books {border-color:#878bcb; border-bottom:none;border-left:none;border-right:none;}

#books div.h {background-image: url(img/back_bs.gif); background-color:#5f65bb}
#books div.h div.tabs {float:right; height:1.5em; position:relative; z-index:10; width:18em; margin:1.25em 6em 0 0; _margin-right:3em} 
#books div.h div.tabs img{float:right; position:absolute; bottom:0; _bottom:-1px; right:0; z-index:20; height:100%; width:100%}
#books div.h div.buttons {float:right; position:absolute; bottom:0; _bottom:-1px; right:0; z-index:30; height:1.5em;}
#books div.h div.buttons div{float:right;}
#books div.h div.buttons div a{float:left;}
#books div.h div.buttons input{float:left; height:1.125em; border:none; color:white; cursor:pointer; background-color:Transparent}
#books div.h div.buttons #bkAdults input{margin-right:.75em; _margin-right:.725em; width:3em}
#books div.h div.buttons #bkYA input{margin-right:1.5em; _margin-right:1.5em; width:1.875em}
#books div.h div.buttons #bkTeen input{margin-right:1.875em; _margin-right:1.75em; width:2.675em; _width:2.75em}
#books div.h div.buttons #bkKids input{margin-right:1.5em; _margin-right:1.5em; width:2.75em}

#books div.c {background-repeat: repeat-x; background-position:top left;}
#books div.c div.tabs {float:right; height:.5em; position:relative; z-index:10; width:18em; margin:-1px 6em 0 0; _margin-right:3em} 
#books div.c div.tabs img{float:right; height:1.0em; position:absolute; top:0; right:0; z-index:20; width:100%}



#links {float:left; margin:.5em 0; width:100%}
#links ul{}
#links ul li{ padding:.5em 0}
#links ul li a{font-size:1.4em; color:#45472c; text-decoration:none;}
#links ul li a:hover{text-decoration:underline;}


#tsHome {border:none}
#tsHome div.h {background-image: url(img/header_ts.gif); background-color:#1d001d}
#tsHome div.c {background-repeat: repeat-x; background-position:top left;}
#tsHome div.c {background-image: url(img/back_ts.gif); background-color:#fdfbfc}

#tsHome div.hb {float:right; padding:.5em}
#tsHome div.hb a{color:white; font-size:1.2em; text-decoration:none; padding:.5em}
#tsHome div.hb a:hover{text-decoration:underline}

#tsbase h2 {font-size:1.5em; font-weight:normal; padding:.5em 0}
#tsbase a {font-size:1.3em}
#tsbase div.tpan {float:left; padding:.5em; width:98%}
#tsbase input {font-size:1.3em; padding:0 .25em}
#tsbase label.n {float:left; width:8em;}

#tsbase table.res {border:solid 1px #1d001d; margin:.5em 0; width:99%; margin-bottom:1em}
#tsbase table.res tr {}
#tsbase table.res tr.o td{background-color:#f4f1f1}
#tsbase table.res tr.e td{background-color:#d6cbce}
#tsbase table.res td {font-size:1.2em; padding:.25em}
#tsbase table.res td a{font-size:.9em;}
#tsbase table.res td.i {text-align:center}
#tsbase table.res td.a {width:5em;}

table.res2 {border:solid 1px #1d001d; margin:.5em 0; width:99%; margin-bottom:1em}
table.res2 tr {}
table.res2 tr.o td{background-color:#f4f1f1}
table.res2 tr.e td{background-color:#d6cbce}
table.res2 td {font-size:1.2em; padding:.25em .075em}
table.res2 td a{font-size:.8em !important;}
table.res2 td a:hover{text-decoration:underline}

table.res2 td a.a1{float:left; width:20.5%}
table.res2 td a.a2{float:left; width:37%; text-align:center}
table.res2 td a.a3{float:right; width:41%}

table.res2 td.i {text-align:center}
table.res2 td.a {width:5em;}

#tsHome div.c {background:none; background-color:White}

#tsbase div.recentListers {float:left; width:100%;}
#tsbase div.recentListers p{float:left; margin:.75em .5em}
#tsbase div.recentListers ul {float:left; clear:left; width:99%;}
#tsbase div.recentListers ul li{float:left; margin:0 1.5em .5em 1.5em; _margin:0 2em .5em 1em;}

#tsbase div.myLists {float:left; margin-top:1em; width:100%}
#tsbase div.myLists p{float:left; margin:.75em .5em .125em .5em}
#tsbase div.myLists table.res {clear:left;}
#tsbase div.myLists table.res img.thumb {float:left; height:3em; width:2em}
#tsbase div.myLists table.res a.tlink {float:left; font-weight:bold; margin-left:.5em}
#tsbase div.myLists table.res span {float:left; margin-left:.5em;}
#tsbase div.myLists table.res span.a {width:45%}
#tsbase div.myLists table.res span.b {}
#tsbase div.myLists table.res span.c {float:right; }


#tsbase div.myWishList {float:left; margin-top:1em; width:100%}
#tsbase div.myWishList p{float:left; margin:.75em .5em .125em .5em}
#tsbase div.myWishList table.res {clear:left;}
#tsbase div.myWishList table.res img.thumb {float:left; height:3em; width:2em}
#tsbase div.myWishList table.res a.tlink {float:left; font-weight:bold; margin-left:.5em}
#tsbase div.myWishList table.res span {margin: 0 .5em}
#tsbase div.myWishList table.res span.l {float:left;}
#tsbase div.myWishList table.res span.r {float:right;}

#tsbase div.myCreate {float:left; margin-top:1em; width:100%}
#tsbase div.myCreate p{float:left; margin:.75em .5em .125em .5em}
#tsbase div.myCreate div {clear:left;padding-left:2em;}


#tsbase h1 a {color:White; font-size:1.0em !important; text-decoration:none;}
#tsbase h1 a:hover {text-decoration:underline;}

#tsbase div.newList table.res td.first {width:2.5em}
#tsbase div.newList table.res td img.thumb{height:3em; width:2em}

div.viewDetails {float:left;}
div.viewDetails img.pt {float:left;}
div.viewDetails span.pt {float:left; font-size:1.2em; margin-top:1em; margin-left:.5em}
div.viewDetails a.pt {font-size:1.1em; float:right; margin:1em 1em 0 0}
div.viewDetails table.res2{clear:left;}

div.viewUser {float:left; margin-top:1em; width:100%}
div.viewUser img.pt {float:left;}
div.viewUser span.pt {float:left; font-size:1.2em; margin-top:1em; margin-left:.5em}
div.viewUser a.pt {font-size:1.1em; float:right; margin:1em 1em 0 0}

div.viewUser p{float:left; margin:.75em .5em .125em .5em}

div.viewUser table.res {border:solid 1px #1d001d; margin:.5em 0; width:99%; margin-bottom:1em}
div.viewUser table.res tr {}
div.viewUser table.res tr.o td{background-color:#f4f1f1}
div.viewUser table.res tr.e td{background-color:#d6cbce}
div.viewUser table.res td {font-size:1.2em; padding:.25em}
div.viewUser table.res td a{font-size:.9em;}
div.viewUser table.res td.i {text-align:center}
div.viewUser table.res td.a {width:5em;}

div.viewUser table.res {clear:left;}
div.viewUser table.res img.thumb {float:left; height:3em; width:2em}
div.viewUser table.res a.tlink {float:left; font-weight:bold; margin-left:.5em}
div.viewUser table.res span {float:left; margin-left:.5em;}
div.viewUser table.res span.a {width:45%}
div.viewUser table.res span.b {}
div.viewUser table.res span.c {float:right; }

div.tsRecentDetail {margin:0 auto; text-align:center; width:99%;}
div.tsRecentDetail img {}
div.tsRecentDetail p {clear:left; text-align:left; font-size:1.0em; font-weight:bold; margin:0; padding:0; margin-left:.5em; _width:95%}
div.tsRecentDetail p.i {font-size:.9em; font-weight:normal; font-style:italic}

div.dvCatNon {float:left; clear:left; width:99%;}
div.dvCatNon p{margin-bottom:.5em; font-size:1.0em;}
div.dvCatNon span{float:left; margin:0; width:10.5em;}
div.dvCatNon span input{float:left; margin:0; padding:0}
div.dvCatNon span label{float:left; font-size:1.0em; margin:0 0 0 .25em; padding:0}

div.dvCatOther {float:left; clear:left; margin:1em 0; width:99%;}
div.dvCatOther p{margin-bottom:.5em; font-size:1.0em;}
div.dvCatOther span{float:left; margin:0; width:10.5em;}
div.dvCatOther span input{float:left; margin:0; padding:0}
div.dvCatOther span label{float:left; font-size:1.0em; margin:0 0 0 .25em; padding:0}


div.viewLists table.res {border:solid 1px #1d001d; margin:.5em 0; width:100%; margin-bottom:1em}
div.viewLists table.res tr {}
div.viewLists table.res tr.o td{background-color:#f4f1f1}
div.viewLists table.res tr.e td{background-color:#d6cbce}
div.viewLists table.res td {font-size:1.2em; padding:.25em}
div.viewLists table.res td a{font-size:.9em;}
div.viewLists table.res td.i {text-align:center}
div.viewLists table.res td.a {width:5em;}

div.viewLists table.res {clear:left;}
div.viewLists table.res img {float:left;}
div.viewLists table.res a.tlink {float:left; font-weight:bold; margin-left:.5em}
div.viewLists table.res span {float:left; margin-left:.5em;}
div.viewLists table.res span.a {width:45%}
div.viewLists table.res span.b {}
div.viewLists table.res span.c {float:right; }

div.viewLists a.tlink2 {float:left; font-size:1.1em; margin-left:.5em; width:8.5em;}
div.viewLists a.tlink3 {float:right; font-size:1.1em; margin:1em .5em 0 0; width:8.5em; font-style:italic}

#topshelf table.rec {float:left; margin-left:.5em; width:99%; _margin-left:.25em; _width:95%}
#topshelf table.rec td {padding:.125em 0}
#topshelf table.rec td.f {width:3.375em;}
#topshelf table.rec td img{float:left; height:3em; width:3em; margin:0; padding:0}
#topshelf table.rec td a{margin:0; padding:0; float:left; display:block; line-height:90%}
#topshelf table.rec td span{margin:0; padding:0; clear:left; display:block; font-style:italic; line-height:90%}

#comCon {float:left; width:100%}
#comCon #col1 {float:left; width:18.5em; margin-right:1em}
#comCon #logo{margin: 2em 0 2em 3em}
#comCon #col2 {float:right; width:64em}


#create {float:left; width:70em; border:none;}             
#create span.wid{background-color:#494b5a; float:right; padding:4px; height:16px; margin:3px}
#create span.error {color:Red; font-size:1.2em;}
#create img {border:none}
#create p {margin:.5em 0}
#create p.note {clear:left; font-size:1.0em}
#create label {float:left; margin:.25em 0; margin-left:.5em;}
#create label.hd {clear:left; float:left; width:8em;}
#create input {float:left; font-size:1.2em; margin:.25em 0}
#create input.next {background-color:#494b5a; color:white; float:right; font-weight:bold; padding:.25em; margin-right:1em;}
#create input.rad {clear:left;}
#create input.bt {clear:left;}

#create div.h {background-color:#a4b5e7;}
#create div.c div.l {float:left; margin-left:1em; width:28%;}
#create div.c div.r {float:left; margin-left:1em; width:68%; _width:65%;}
             
#create div.info {clear:left; float:left; padding:.5em; width:100%}              
#create div.patron {float:right; border:solid 2px #a4b5e7; margin:.5em; padding:.75em; background-color:#494b5a; color:White; font-size:1.3em;}

#create .step2 .x{width:50%}

#create table {clear:left; float:left;}
#create table td {margin:0; padding:0; font-size:1.2em;}
#create table td.a {padding-right:3em}
#create table td span {display:block; float:left; margin:.125em .25em}

#create table.det {float:left; width:28em; _width:26em;}
#create table.det td {width:10.25em}
#create table.det td.lng {width:22em}
#create table.det td input {width:95%}
#create table.det td.lng input {width:97%}


#dvFinder {margin:0 auto; text-align:center;}
#dvFinder img {margin:1em 0 .25em 0}
#dvFinder a {display:block; margin:.5em 0 0 0}


#dbparent {float:left; width:100%; color:#626262}
#dbparent h1{font-size:1.4em; margin:.5em 0} 
#dbparent h2{font-size:1.2em; margin:.5em 0; color:#494d2f} 
#dbparent a{color:#897d5f}


#dbparent p{margin:.75em 0;} 

#dbparent table td {font-size:1.1em; color:#a69d87; border-bottom:solid 1px #a69d87; padding:.25em 0;}
#dbparent table td {width:90%; text-align:left}

#dbCol1 {float:left; width:22%;}
#dbCol1 #lb {background-color:#746655; width:100%}
#dbCol1 #lb h1 {padding:.75em .5em; color:White; font-size:1.1em;}

#dbCol2 {float:left; margin-left:1em; width:53.75%}
#dbCol2 #lb {background-color:#dfdbc7; width:100%}
#dbCol2 #lb h1 {padding:.75em .5em; color:black; font-size:1.1em;}

#dbCol3 {float:right; width:22%}
#dbCol3 #aa {background-color:#746655; width:100%;}
#dbCol3 #aa h1 {padding:.75em .5em; color:White; font-size:1.1em;}
div.noremote {background-color:#f7dbcc;}


/*user*/
span.chkCat {display:block; float:left; width:15em;}
span.chkEv {display:block; float:left; width:15em}

#pass {float:left; width:100%}
#pass div.pan{margin:0 auto; width:35%;}
#pass div.pan p{float:left}
#pass div.pan input.txt{float:left; font-size:1.3em; margin:.5em 0; width:100%;}
#pass div.pan input.bt{float:right;}



/*lac*/
#lcCol1 {float:left; width:23%;}

#lcCol1 div{float:left; margin:0 auto; text-align:center;}
#lcCol1 img{float:left; margin-top:1em}
#lcCol1 div a{clear:left;}

#lcCol1 div.ev{float:left; text-align:left; width:100%;}
#lcCol1 div.ev h1{font-size:1.2em; margin-bottom:.5em;}
#lcCol1 div.ev table{}


#lcCol2 {float:right; margin-top:.5em; width:76%;}
#lcCol2 img{float:right; margin-top:1em}

#lcCol2 div.notes{float:right; width:49.5%}
#lcCol2 div.notes p{clear:left; padding: .5em 0 0 .5em}

#cnpage #hd{float:left; width:100%}
#cnpage h1{font-size:1.5em}
#cnpage h2{font-size:1.4em; font-weight:normal; margin:.5em 0}
#cnpage p{margin: .5em 0 .5em 0}
#cnpage #cuCol1 {float:left; width:30%; margin-left:1em}
#cnpage #cuCol2 {float:left; width:65%; margin-left:1em}

#cnpage table{font-size:1.2em; width:29em;}
#cnpage table td{padding:.125em}
#cnpage table td.hd{font-weight: normal;}
#cnpage table tr.hd td{font-weight:normal;}
#cnpage .max {width:95%}
#cnpage .bt {float:right; margin-top:.5em}
#cnpage textarea{height:5em}
#cnpage #tbPh, #cnpage #tbEm {display:none}













/* Content base */
.pgcon h1 {font-size:1.2em; margin:0; margin-top:.5em}
.pgcon h2 {font-size:1.2em; margin:0; margin-top:.5em}
.pgcon h3 {font-size:1.1em; margin:0; clear:left; margin-top:1em}
.pgcon div.mnu {float:left; padding-left:.5em}
.pgcon ul.mnu {margin:.25em 0 1em 0}
.pgcon ul.mnu li {padding:.5em 0}
.pgcon ul.mnu li a{font-size:1.2em; text-decoration:underline}
.pgcon .colA {float:left}
.pgcon .colB {float:left; margin-left:.5em;}
.pgcon .colB p{font-size:1.1em; margin-bottom:.5em}
.pgcon .colB h3{margin:1em 0 .5em 0}
.pgcon .colB ul {list-style:square inside; margin:0; padding:0}
.pgcon .colB ul li {list-style:square inside; padding:0 0 0 1em}
.pgcon .colC, .pgcon .colBC {float:right}
.pgcon .colC p{font-size:.9em;}
.pgcon div.foot {margin-top:1em;}
.pgcon  div.hil {background-color:#d3daf6; padding:.25em 0; width:100%}
.pgcon  div.hil p{margin:0; padding:0} 

/* About us */
#pcAbout .colA {width:15em}
#pcAbout .colB {width:49.5em}
#pcAbout .colBC {width:68em}
#pcAbout .colC {width:17.5em}
#pcAbout h1, #pcAbout h2, #pcAbout h3 {color:#8ba247}
#pcAbout a{color:#a8b975}
#pcAbout p{color:#626262}
#pcAbout ul.ab2 li {padding:.25em 0}
#pcAbout ul.ab2 li a{color:#979785}
#pcAbout table.chart tr.head td{font-weight:bold;}


/* Local */
#pcLocal .colA {width:19.5em}
#pcLocal .colB {width:45.5em}
#pcLocal .colBC {width:63em}
#pcLocal .colC {width:17em}
#pcLocal h1, #pcLocal h2, #pcLocal h3 {color:#8ba247}
#pcLocal a{color:#a8b975}
#pcLocal p{color:#626262}
#pcLocal .colC p{margin-bottom:.75em}

/* Exhibit */
#pcExhibit .colA {width:15em}
#pcExhibit .colB {width:49.5em}
#pcExhibit .colBC {width:68em}
#pcExhibit .colC {width:17.5em}
#pcExhibit h1, #pcExhibit h2, #pcExhibit h3 {color:#8ba247}
#pcExhibit a{color:#a8b975}
#pcExhibit p{color:#626262}

/* Books */
#pcBooks .colA {width:13.5em;}
#pcBooks .colB {width:51em;}
#pcBooks .colC {width:17.5em;}
#pcBooks h1, #pcBooks h2, #pcBooks h3{color:#5051ab}
#pcBooks .colC h3 {margin:.5em 0 0 0;}
#pcBooks a{color:#5051ab}
#pcBooks p{color:#626262}
#pcBooks div.side {float:left; margin:0}
#pcBooks div.side h3{font-size:1.2em}
#pcBooks div.side p{margin-top:1em;}
#pcBooks div.side a{color:#595959; font-size:1.4em; text-decoration:underline}

#pcBooks h2{clear:left}
#pcBooks ul.grow {float:left; margin:.75em 0 .75em 1em; padding:0; list-style: none; width:96%}
#pcBooks ul.grow li{float:left; list-style: none;}
#pcBooks ul.grow li a {text-decoration:none}
#pcBooks ul.grow li a:hover {text-decoration:underline}

#pcBooks p.cat {clear:left; font-size:1.2em; margin-top:1em}
#pcBooks div.cat {float:left; margin-right:.5em; width:48%;}
#pcBooks div.cat a{float:left; width:99%}
#pcBooks div.cat a:hover{text-decoration:underline}

/* re-init settings */
#twit div.h h1,
#books div.h h1{color:white; font-size:1.2em; margin-left:.5em; padding: 0 0 .25em 0}

#hmtwitter #twit {margin-top:0; width:99%}
#hmtwitter #twit div.h h1{padding:.5em 0}










/* Book Suggestions */
#bc {float:left; font-size:1.2em; margin-top:.5em; width:100%;}
#bc div.dvBL {width:100%}

div.dvBLS a{font-size:1.2em; margin-right:2em}
div.dvBLS a:hover{text-decoration:underline}

div.bktb {float:left;}
div.bktb table {float:left; margin-right:1em; _margin-right:.85em;}
div.bktb table td {text-align:center; margin:0 .25em; padding:0}
div.bktb table td a{margin:0; padding:0; text-align:center}

div.bka {clear:left; float:left; width:100%}
div.bka a {clear:left; width:10em;} 

/* Book Groups and Highlighted */
table.bk {float:left; margin:0 .75em; margin-bottom:1.25em;}
table.bk td a.t{display:block; text-align:center; width:7em; height:3.25em;}
table.bk td a.t:hover{text-decoration:underline}

div.bktbKD table.bk td a.t{float:left; height:1.5em;}
div.bktbKD table.bk td.ti{height:8em;}
div.bktbKD a.kdgr {float:left; margin-top:.25em; margin-bottom:.25em}


/* new book list */
table.list {float:left; width:99%;}
table.list tr.o td{background-color:#e8edff}
table.list tr.e td{background-color:#ccd6fe}
table.list td {text-align:left;}
table.list td.g {padding:.25em; text-align:center; }
table.list td span {display:block; clear:left; font-size:1.0em; margin:0; padding:.25em 0; width:95%}
table.list td span.t {}
table.list td span.a {font-style:italic}
table.list td span.c {}
table.list td span.s {}
table.list td span.l {font-size:.9em}

/*new book item*/
table.item {float:left; width:99%;}
table.item td {margin:0; padding:0}
table.item td img {float:left; margin:0 .5em .5em 0;}
table.item td p{margin:0; margin-bottom:.125em; padding:0; text-align:left;}
table.item td p.t {}
table.item td p.a {font-style:italic}
table.item td p.c {}
table.item td p.s {}
table.item td p.l {font-size:.9em}




table.del {width:99%}
table.del td.t {width:22em}

/* scroller */
xx#browse div.c div.brlist {float:left; width:99%}
xx#browse div.c {background-color:#e5ede2}

/*new */
.brlist {float:left; margin-top:.25em; width:100%;}
.brlist {height:11em; overflow: auto;}
.brlist ul {float:left; margin:0; padding:.5em; list-style: none; width:1500px}
.brlist ul li{float: left; padding: 0 .5em;}



/* Newsletter */
#nl2 h2{font-size:1.2em; margin: 0 0 .25em 0}
#nl2 input.txt{clear:left; font-size:1.2em; width:20em}
#nl2 a{font-size:1.2em;}
#nl2 a:hover{text-decoration:underline}

#nl2 table {border-color:black; clear:left; margin:.5em 0 0 .5em; width:98%}
#nl2 table th {background-color:#37488a; color:White; padding:.25em 0; text-align:center;}
#nl2 table th a{color:White; padding:0 .5em;}

#nl2 table td {background-color:#e8edff; border:solid 1px black; padding:.5em}
#nl2 table tr.alt td {background-color:#ccd6fe;}

#nl2 #browse {margin-top:0}
#nl2 #browse .c{background-color:White; margin:.5em 0}

#nl2 #browse .pan{margin-left:.5em}

/* Site Search */
#pcSearch div.site {float:left; margin-top:1em; padding:1em}
#pcSearch div.site h1, #pcSearch div.site a, #pcSearch div.site p {clear:left; display:block;}
#pcSearch div.site h1{clear:left; font-size:1.4em;}
#pcSearch div.site a.sr1{float:left; font-size:1.4em;}
#pcSearch div.site span.sr1{float:left; font-size:1.3em;}
#pcSearch div.site p.sr2{font-size:1.1em;}
#pcSearch div.site a.sr2{font-size:.9em;}
#pcSearch div.site div.sr{margin:1.5em 0;}
span.trm {background-color:Yellow; color:black;}