/* - - - - - - - - - - - - - - - - - - - - CONTENT - - - - - - - - - - - - - - - - - - - - - - - - */

img {border: 0; }

a:link { color: #0099CC; text-decoration: none}
a:visited { color: #0099CC; text-decoration: none}
a:hover { color: #99CC00; text-decoration: none}

p { font: normal 11px/16px Verdana, Arial, Helvetica, sans-serif; }

#content p {
font: normal 11px/16px Verdana, Arial, Helvetica, sans-serif; 
margin: 0 0 12px 0;
}

/*--------------------- left column content ----------------------*/
#left p {
font: normal 11px/14px Verdana, Arial, Helvetica, sans-serif;
color: #00007A;
margin: 0 0 12px 0;
}

#left h6 {
font-size: 12px;
font-weight: bold;
color: #0099CC;
margin: 0 0 5px 0;
}

/*--------------------- left column form elements ----------------------*/

#search {
font: normal 11px Verdana, Arial, Helvetica, sans-serif; 
color: #0099CC;
}

#search .entry {
font-weight: normal;
color: #0066CC;
background-color: #FFF;
width: 115px;
padding: 2px;
border: 1px solid #00007A;
margin: 5px 0;
}

#search .button {
background-color: #0099CC;
font: normal 11px Verdana, Arial, Helvetica, sans-serif;
letter-spacing: .1em;
padding: 2px;
text-transform: uppercase;
color: #FFFFFF;
margin: 5px 0;
border: 1px solid #00007A;
}

#search .button:hover {
background-color: #99CC00;
color: #000;
cursor: pointer;
}

label {
font-size: 11px;
font-weight: bold;
color: #0099CC;
margin: 0 0 5px 0;
}

/*--------------------- footer content ----------------------*/
#footer p {
padding-top: 16px;
margin: 0;
text-align:center;
font: 10px verdana, helvetica, arial, sans-serif;
color: #00007A;
}

#footer p a:link, #footer p a:visited { color: #00007A; text-decoration: none;}
#footer p a:hover { color: #CC0099; text-decoration: underline;}


/*--------------------- content titles ----------------------*/

#content h1 {
font: bold 18px verdana, helvetica, arial, sans-serif;
color: #99CC00;
margin-bottom: 5px;
}

#content h2 {
font: bold 12px verdana, helvetica, arial, sans-serif;
color: #00007A;
text-align: left;
margin-bottom: 5px;
}

#content h3 {
font: bold 11px verdana, helvetica, arial, sans-serif;
color: #99CC00;
text-align: left;
margin-bottom: 5px;
}

#content h4 { /* for bold style but without margins */
font: bold 11px verdana, helvetica, arial, sans-serif;
color: #99CC00;
text-align: left;
margin-bottom: 0;
}

/*--------------------- regular content bullet lists with bkgrd image  ----------------------*/

.regular {
list-style: none;
padding-left: 0;
margin: 10px 0;
}

.regular li {
font: normal 11px/16px verdana, helvetica, arial, sans-serif;
color: #000;
background: url(http://www.randolphnj.org/images/library/bullets/bullet_pink.gif) 0 6px no-repeat;
padding: 0 0 6px 12px;
margin: 0 30px;
}

.regular li a, .regular li a:visited {
text-decoration: none;
color: #0066CC;
}

.regular li a:hover {
text-decoration: none;
color: #99CC00;
}

.regular li.zeromargin { margin: 0 0; }

.clr {clear: both; }

/*--------------------- regular content bullet lists with NO IMAGES  ----------------------*/

.regularnone {
list-style: none;
padding-left: 0;
margin: 10px 0;
}

.regularnone li {
font: normal 11px/14px verdana, helvetica, arial, sans-serif;
list-style-type: square;
padding: 0 0 6px 0;
margin: 0 30px;
}

.regularnone li a, .regularnone li a:visited {
text-decoration: none;
color: #0066CC;
}

.regularnone li a:hover {
text-decoration: none;
color: #99CC00;
}

/*--------------------- for inline images ----------------------*/

.floatright {
float: right;
padding: 0 0 0 5px;
}

.floatleft {
float: left;
padding: 0 5px 0 0;
}

/*--------------------- dotted line separators ----------------------*/
.separatorlarge {
background: url(http://www.randolphnj.org/images/library/separator_large.gif) repeat-x;
padding: 12px 0;
}

.separatorsmall {
background: url(http://www.randolphnj.org/images/library/separator_small.gif) repeat-x;
padding: 6px 0;
}

/* for spacer lines and graphics */

.spacer {padding: 5px 0;}
.spacer2 {padding: 10px 0;}
.spacer3 {padding: 15px 0;}
.spacer4 {padding: 20px 0;}
.spacer5 {padding: 25px 0;}

/*--------------------- for tables----------------------*/

.regtable { margin: 0 auto; }

.regtable caption {
color: #00007A;
font: bold 12px verdana, arial, helvetica, sans-serif;
padding: 8px 0;
margin: 0 auto;
}

.regtable th {
font: bold 11px Verdana, Arial, Helvetica, sans-serif;
color: #CC0099;
border-top: 1px solid #a9a9a9;
border-bottom: 1px solid #a9a9a9;
padding: 6px 0;
}

.regtable td {
font: normal 11px Verdana, Arial, Helvetica, sans-serif;
color: #000;
padding: 6px 0;
}

.regtable a:link, .regtable a:visited { color: #00007A; text-decoration: underline;}
.regtable a:hover { color: #0099CC ; text-decoration: none; }

/*--------------------- assorted stuff ----------------------*/

#content p.small { font: 9px/11px Verdana, Arial, Helvetica, sans-serif; }

#content span.boldmaroon, #content p.boldmaroon  { /* really bright blue */
font-weight: bold;
color: #0099CC;
}

#content span.boldblue, #content p.boldblue  {
font-weight: bold;
color: #00007A;
}

.special { /* for bold centered heading */
text-align: center;
font: bold 14px verdana, helvetica, arial, sans-serif;
color: #00007A;
margin-bottom: 15px;
}

.specialblue { /* for bold centered heading--lightblue */
text-align: center;
font: bold 14px verdana, helvetica, arial, sans-serif;
color: #0099CC;
margin-bottom: 15px;
}

.continued a, .continued a:link, .continued a:visited {
font: bold 11px Verdana, Arial, Helvetica, sans-serif;
padding: 10px 0;
margin: 0;
text-align: right;
color: #00007A;
text-decoration: none;
}

.continued a:hover { color: #CC0099; }

.specialpink { /* for bold centered heading */
text-align: center;
font: bold 14px verdana, helvetica, arial, sans-serif;
color: #CC0099;
margin-bottom: 15px;
}

.darkblue { color: #00007A; }
.lightblue { color: #0099CC; }
.pink { color: #CC0099; }

.centered {text-align: center; }

/*--------------------- search results page ----------------------*/

#breadcrumb {
margin-left: auto;
margin-right: auto;
margin-bottom: 15px;
width: 99%;
}

#breadcrumb td { padding: 4px; font: 11px Verdana, Arial, Helvetica, sans-serif; }

#searchresults {
margin: 0 auto 10px auto;
width: 99%;
}

#searchresults p {
font: normal 11px/14px Verdana, Arial, Helvetica, sans-serif;
margin: 0;
}

#searchresults th {
font: bold 11px Verdana, Arial, Helvetica, sans-serif;
color: #00007A;
border-top: 1px solid #a9a9a9;
border-bottom: 1px solid #a9a9a9;
padding: 4px;
}

#searchresults td {
font: 11px Verdana, Arial, Helvetica, sans-serif;
padding: 8px 4px;
}

#searchresults a:link, #searchresults a:visited { color: #00007A; text-decoration: none; font-weight: bold; }
#searchresults a:hover { color: #0099CC; text-decoration: none; }

.resultRowOne {
background-color: #EBEBEB;
font: normal 11px/14px Verdana, Arial, Helvetica, sans-serif;
color: #000000;
text-align: left;
vertical-align: top;
width: 50%;
}

.resultRowTwo {
background-color: #FFFFFF;
font: normal 11px/14px Verdana, Arial, Helvetica, sans-serif;
color: #000000;
text-align: left;
vertical-align: top;
width: 50%;
}

/*- - - - - - - - - - - - - - - - - - pagination - - - - - - - - - - - - - - - - - - */

.paginate {
font: normal 11px Verdana, Arial, Helvetica, sans-serif;
padding: 10px 0;
text-align: right;
margin: 0 auto;
width: 99%;
}

.pagecount { color: #666; }

.paginate b, .paginate a:link, .paginate a:visited {
border: 1px solid #DDD;
padding: 4px 6px 5px 6px;
background-color: #FFF;
color: #0066CC;
text-decoration: none;
}

.paginate b { color: #000; }

.paginate a:hover {
border: 1px solid #CC0099;
background-color: #CC0099;
color: #FFF;
}

/* - - - - - - - - list with left border - - - - - - - - */
ul.side {
margin: 0;
padding-left: 0;
list-style-type: square;
}

.side li {
margin: 20px 30px;
padding: 0 0 2px 10px;
font: 11px/16px verdana, arial, helvetica, sans-serif;
background: url(http://www.randolphnj.org/images/library/separator_vertical.gif) repeat-y;
}

.side li a, .side li a:visited {
text-decoration: none;
color: #0099CC;
}

.side li a:hover {
text-decoration: none;
color: #99CC00;
}

/* - - - - - - - - icon list for who, when, where, phone - - - - - - - - */

ul.sidewho {
margin: 0;
padding-left: 0;
list-style-image: url(http://www.randolphnj.org/images/library/icon_who.gif);
}

ul.sidewhen {
margin: 0;
padding-left: 0;
list-style-image: url(http://www.randolphnj.org/images/library/icon_when.gif);
}

ul.sidewhere {
margin: 0;
padding-left: 0;
list-style-image: url(http://www.randolphnj.org/images/library/icon_where.gif);
}

ul.sidephone {
margin: 0;
padding-left: 0;
list-style-image: url(http://www.randolphnj.org/images/library/icon_phone.gif);
}

.sidewho li, .sidewhen li, .sidewhere li, .sidephone li {
margin: 20px 30px;
padding: 0 0 2px 10px;
font: 11px/16px verdana, arial, helvetica, sans-serif;
background: url(http://www.randolphnj.org/images/library/separator_vertical.gif) repeat-y;
}


/* - - - - - - - - icon list for ASK A LIBRARIAN - - - - - - - - */

ul.askchat {
margin: 0;
padding-left: 0;
list-style-image: url(http://www.randolphnj.org/images/library/icon_ask_bubble.gif);
}

ul.askemail {
margin: 0;
padding-left: 0;
list-style-image: url(http://www.randolphnj.org/images/library/icon_ask_email.gif);
}

ul.askphone {
margin: 0;
padding-left: 0;
list-style-image: url(http://www.randolphnj.org/images/library/icon_ask_phone.gif);
}

ul.askperson {
margin: 0;
padding-left: 0;
list-style-image: url(http://www.randolphnj.org/images/library/icon_ask_person.gif);
}

.askchat li, .askemail li, .askphone li, .askperson li {
margin: 20px 30px;
padding: 0 0 2px 10px;
font: 11px/16px verdana, arial, helvetica, sans-serif;
background: url(http://www.randolphnj.org/images/library/separator_vertical.gif) repeat-y;
}

/*--------------------- library program definition lists ----------------------*/

#libraryprograms dl {
font: 11px Verdana, Arial, Helvetica, sans-serif;
margin-left: 0;
}

#libraryprograms dt {
font-weight: bold;
color: #00007A;
padding-bottom: 5px;
}

#libraryprograms dd {
font-weight: normal;
color: #000000;
margin: 0;
padding-bottom: 5px;
}

#libraryprograms p {
font: normal 11px/16px Verdana, Arial, Helvetica, sans-serif;
margin: 5px 0 0 0;
}

#libraryprograms .separatorsmall {
background: url(http://www.randolphnj.org/images/library/separator_small.gif) repeat-x;
margin: 6px 0 3px 0;
}

#reminders {
margin-top: 25px;
margin-left: auto;
margin-right: auto;
width: 320px;
background-color: #F0F0F0;
border: 1px solid #A9A9A9;
}

#reminders.wider { width: 400px; }

#reminders h1 {
background-color: #A9A9A9;
font: normal 12px Verdana, Arial, Helvetica, sans-serif;
color: #ffffff;
text-align: center;
padding: 3px 0;
margin-bottom: 10px;
margin-top: 0;
text-transform: uppercase;
letter-spacing: .08em;
}

#reminders p {
font: normal 11px/16px Verdana, Arial, Helvetica, sans-serif;
padding: 0 10px 0 10px;
}

/*--------------------- BULLETS  AND SPLITS ----------------------*/
/*--------------------- HOME PAGE SPLIT ----------------------*/

#homeleft {
float: left;
width: 225px;
text-align: left;
}

#homeright {
float: right;
width: 225px;
text-align: left;
}

#homeleft h1, #homeright h1 {
font: bold 13px Verdana, Arial, Helvetica, sans-serif;
color: #00007A;
text-align: left;
border-bottom: 1px solid #a9a9a9;
padding: 2px 0 5px 0;
margin-bottom: 5px;
}

#homeleft h2, #homeright h2 {
font: bold 11px/14px verdana, helvetica, arial, sans-serif;
color: #000000;
text-align: left;
margin: 0 0 3px 0;
padding: 0 0 5px 11px;
}

#homeleft h3, #homeright h3 {
font: bold 11px/14px verdana, helvetica, arial, sans-serif;
color: #0099CC;
text-align: left;
margin: 0 0 3px 0;
}

#homeleft p, #homeright p {
color: #000000;
margin: 0 0 10px 0;
line-height: 14px;
}

#homeleft ul, #homeright ul { list-style: none; padding-left: 0; margin: 0; }

#homeleft li, #homeright li {
font: normal 11px/13px verdana, helvetica, arial, sans-serif;
color: #000000;
background: url(http://www.randolphnj.org/images/library/bullets/bullet_dblue_multi.gif) 0 4px no-repeat;
padding: 0 0 5px 11px;
margin: 0;
}

#homeleft ul li a, #homeleft ul li a:visited, #homeright ul li a, #homeright ul li a:visited {
text-decoration: none;
color: #0066CC;
}

#homeleft ul li a:hover, #homeright ul li a:hover {
text-decoration: none;
color: #99CC00;
}

#homeleft .more, #homeright .more {
text-align: right;
color: #00007A;
font-weight: normal;
margin: 0;
padding-bottom: 10px;
}

#homeleft .more a:link, #homeleft .more a:visited, #homeright .more a:link, #homeright .more a:visited {
color: #00007A;
text-decoration: none;
}

#homeleft .more a:hover, #homeright .more a:hover { color: #CC0099; }

#homeleft .announcements {
background-color: #F0F0F0;
padding-bottom: 5px;
}

#homeleft .announcements h1 {
background-color: #0099CC;
font: bold 13px Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;
text-align: center;
padding: 3px 0;
margin-bottom: 10px;
border-bottom: 0 solid #00007A;
}

#homeleft .announcements h2 {
font: bold 11px/14px verdana, helvetica, arial, sans-serif;
color: #000000;
text-align: left;
margin: 0;
padding: 0 10px;
}

#homeleft .announcements p {
padding: 0 10px 0 10px;
}

.announcements .floatleft {
margin: 0 0 0 10px;
padding-right: 5px;
}

.announcements .floatright {
margin: 0 10px 0 0;
padding-left: 5px;
}

/*--------------------- NEWS ----------------------*/

.postinfo {
margin-top: 5px;
color: #9E9E9E;
}

/*--------------------- NEWS ARCHIVE complete page ----------------------*/

#newsarchive h3 {
font: bold 12px verdana, helvetica, arial, sans-serif;
color: #00007A;
text-align: left;
margin-bottom: 5px;
}

#newsarchive h4 {
font: bold 11px verdana, helvetica, arial, sans-serif;
color: #000000;
text-align: left;
margin-bottom: 0;
}

#newsarchive ul {
list-style: none;
padding-left: 0;
margin: 10px 0;
}

#newsarchive li {
font: normal 11px/14px verdana, helvetica, arial, sans-serif;
color: #0066CC;
background: url(http://www.randolphnj.org/images/library/bullets/bullet_dblue_multi.gif) 0 5px no-repeat;
padding: 0 0 0 12px;
margin: 0 30px;
}

/*--------------------- for trustees and friends contact info boxes----------------------*/

#iconbox {
background-color: #F0F0F0;
width: 175px;
float: right;
margin: 0 0 10px 25px;
}

#iconbox h1 {
font: normal 11px Verdana, Arial, Helvetica, sans-serif;
margin: 0;
color: #FFF;
text-align: center;
text-transform: uppercase;
letter-spacing: .05em;
background-color: #9E9E9E;
padding: 5px 0;
}

#iconbox ul.sideaddress {
padding-left: 15px;
list-style-image: url(http://www.randolphnj.org/images/side_address.gif);
}

#iconbox ul.sidehours {
padding-left: 15px;
list-style-image: url(http://www.randolphnj.org/images/side_hours2.gif);
}

#iconbox ul.sidedates {
padding-left: 15px;
list-style-image: url(http://www.randolphnj.org/images/side_dates.gif);
}

#iconbox .sideaddress li, #iconbox .sidehours li, #iconbox .sidedates li {
margin: 15px 10px;
padding: 0 0 0 10px;
font: 11px/16px verdana, arial, helvetica, sans-serif;
background: url(http://www.randolphnj.org/images/separator_vertical.gif) repeat-y;
}

#iconbox span.header {
font-weight: bold;
color: #0099CC;
}

/* for printer-friendly version link on pages */
#printlink a {
float: right;
width: 106px;
display: block;
background-color: #FFFFFF;
margin-left: 20px;
}

#printlink a:link, #printlink a:visited { background-color: #FFFFFF; text-decoration: none; }
#printlink a:hover { background-color: #DCE4EB; text-decoration: none; }

#printlinkdetails a {
width: 106px;
display: block;
background-color: #FFFFFF;
}

#printlinkdetails a:link, #printlinkdetails a:visited { background-color: #FFFFFF; text-decoration: none; }
#printlinkdetails a:hover { background-color: #DCE4EB; text-decoration: none; }


/*--------------------- forStrategic Plan on About the Library Genl Info page----------------------*/

#strategicplan { font: normal 11px verdana, helvetica, arial, sans-serif; color: #000000; }

#strategicplan h2 {
font: bold 12px verdana, helvetica, arial, sans-serif;
color: #00007A;
text-align: left;
margin-bottom: 5px;
}

#strategicplan .regular {
list-style: none;
padding-left: 0;
margin: 10px 20px;
}

#strategicplan .regular li {
background: url(http://www.randolphnj.org/images/library/bullets/bullet_pink.gif) 0 6px no-repeat;
padding: 0 0 6px 12px;
line-height: 16px;
margin: 0 20px;
color: #000000;
}

dl.strategicplan {
font: 11px Verdana, Arial, Helvetica, sans-serif;
margin: 10px 0 0 0;
border: 1px solid #A9A9A9;
background-color: #F0F0F0;
padding: 10px;
}

.strategicplan dt {
font-size: 12px;
color: #0099CC;
font-weight: bold;
padding-bottom: 5px;
}

.strategicplan dd {
font-weight: normal;
margin: 0;
line-height: 16px;
padding: 0 0 10px 0;
}

.strategicplan dd ul {
margin: 10px 0;
}

.strategicplan dd ul li {
list-style: square;
margin: 10px 0 0 30px;
padding: 0;
color: #000000;
line-height: 16px;
}


/*--------------------- for content split list tables----------------------*/

.splitlist {
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
margin-top: 10px;
width: 100%;
}

.splitlist td { font: 11px verdana, arial, helvetica, sans-serif; width: 50%; }

.splitlist ul {
list-style: none;
padding: 0;
margin: 0 30px;
}

.splitlist li {
font: normal 11px/16px verdana, helvetica, arial, sans-serif;
color: #000000;
background: url(http://www.randolphnj.org/images/library/bullets/bullet_pink.gif) 0 6px no-repeat;
padding: 0 0 6px 12px;
}

.splitlist a:link, .splitlist a:visited { color: #0099CC; text-decoration: none;}
.splitlist a:hover { color: #CC0099; text-decoration: none; }

/*--------------------- top ten list on About--Genl Info page----------------------*/

.topten {
font: normal 11px/16px verdana, helvetica, arial, sans-serif;
color: #000000;
margin: 10px 0 10px 60px;
list-style-type: decimal;
}

/*--------------------- regular bullet with second tier ----------------------*/
ul.regulardouble {
font: 11px verdana, arial, helvetica, sans-serif;
margin: 10px 0 10px 30px;
}

ul.regulardouble li { 
background: url(http://www.randolphnj.org/images/library/bullets/bullet_pink.gif) 0 6px no-repeat;
padding: 0 0 6px 12px;
color: #000000;
list-style-type: none;
line-height: 16px;
}

ul.regulardouble ul { margin-top: 10px; margin-bottom: 8px; }

ul.regulardouble ul li{
margin-top: 2px;
margin-left: 30px; 
list-style-type: square;
background: none;
padding: 0;
line-height: 14px;
}

/*--------------------- booklist table styles ----------------------*/

.booklist {
width: 95%;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
}

.booklist caption {
color: #CC0099;
font: bold 12px/16px verdana, arial, helvetica, sans-serif;
padding: 8px 0;
text-align: left;
}

.booklist th {
font: bold 12px Verdana, Arial, Helvetica, sans-serif;
color: #0099CC;
padding: 6px 0 10px 0;
border: #CCCCCC solid;
border-width: 0 0 1px 0;
}

.booklist td {
font: normal 11px/15px Verdana, Arial, Helvetica, sans-serif;
color: #000000;
vertical-align: top;
padding: 5px;
border: #CCCCCC solid;
border-width: 0 1px 1px 1px;
}

.booklist td.title {
border: #CCCCCC solid;
border-width: 0 0 1px 0;
}

.booklist td.nonfiction {
border: #CCCCCC solid;
border-width: 0 0 0 0;
padding: 0;
}

.booklist td.rightcell {
border: #CCCCCC solid;
border-width: 0 1px 1px 0;
}

/*------------ container to hold split floats in content DIV for SITE MAP -------------*/

#sitemap { float: left; font-size: 11px; width: 100%; }

#sitemap .left {
float: left;
width: 220px;
text-align: left;
}

#sitemap .right {
float: right;
width: 220px;
text-align: left;
}

#sitemap .left h1, #sitemap .right h1 {
font: bold 14px Verdana, Arial, Helvetica, sans-serif;
color: #00007A;
}

#sitemap ul {
list-style: none;
margin: 0;
padding: 0;
}

#sitemap li {
margin: 5px 0 0 0;
font-weight: bold;
text-transform: uppercase;
letter-spacing: .05em;
color: #00007A;
}

#sitemap a, #sitemap a:visited {
font: normal 11px Verdana, Arial, Helvetica, sans-serif;
color: #0066CC;
text-decoration: none;
text-transform: none;
letter-spacing: 0;
}

#sitemap a:hover { color: #CC0099; text-decoration: none; }

/*---------------------  NEW KIDS-TEENS TAB PAGES ----------------------*/

.tabcontents {
background-color: #0099CC;
border: 1px solid #0099CC;
width: 488px;
text-align: center;
}

.tabinner {
background-color: #ffffff;
width: 92%;
margin: 8px auto;
padding: 10px 10px 5px 10px;
border: 1px solid #0066cc;
text-align: left;
}

#mainnavtabbed {
margin: 0;
padding: 0 0 33px 15px;
}

#mainnavtabbed ul {
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#mainnavtabbed li {
display: block;
margin: 0;
padding: 0;
float: left;
width: 90px;
}

#mainnavtabbed a {
color: #000;
display: block;
width: auto;
text-decoration: none;
background-color: #99CC00;
margin: 0;
padding: 2px 10px 3px 10px;
border-left: 1px solid #fff;
border-top: 1px solid #fff;
border-right: 1px solid #aaa;
border-bottom:1px solid #fff;
text-align: center;
font: normal 11px verdana, arial, helvetica, sans-serif;
}

#mainnavtabbed a:hover { background-color: #CC0099; color: #FFF; }

#mainnavtabbed a.tabon,#mainnavtabbed a.tabon:hover{ background-color: #0099CC; color: #FFF; border-bottom: 1px solid #0099CC; font-weight: bold; }

.title {
font: bold 18px verdana, helvetica, arial, sans-serif;
color: #CC0099;
margin-bottom: 15px;
}

/*--------------------- for text re-sizer ----------------------*/
#rolloverswitcher { padding: 0 5px; }

.rolloverleft a { float: left; display: block; width: 70px; background-color: #FFF; margin-bottom: 20px;}
.rolloverleft a:hover { background-color: #EBEBEB;}
.rolloverleft a img {border: none; }

.rolloverright a { float: right; display: block; width: 70px; background-color: #FFF; margin-bottom: 20px; }
.rolloverright a:hover { background-color: #EBEBEB;}
.rolloverright a img {border: none; }

/*--------------------- fix for me being a bonehead ----------------------*/
.section {
font: bold 12px verdana, helvetica, arial, sans-serif;
color: #00007A;
text-align: left;
margin-bottom: 5px;
}

/*--------------------- hide police accesskey ----------------------*/
.accesskeyhide {
position: absolute;
overflow: hidden;
left: 0px;
top: -500px;
width: 1px;
height: 1px;
}

/*--------------------- accessibility statement ----------------------*/

#accesskeys { float: left; width: 100%; }

#accesskeys .listing {
font: 11px/25px verdana, helvetica, arial, sans-serif;
margin: 10px 0 0 10px;
float: left;
width: 230px;
display: inline;
}

#accesskeys .examples {
float: right;
width: 250px;
margin: 10px 0 0 0;
text-align: center;
}

.key {
border: 1px solid #CCC;
padding: 3px 4px 2px 4px;
background-color: #DDD;
font: normal 12px/25px "Lucida Typewriter", "Lucida Console", "Courier New", Courier, monospace;
margin-right: 5px;
}

#accesskeys .title { font: bold 12px verdana, helvetica, arial, sans-serif; color: #00007A; }
#accesskeys .boo { font: bold 11px verdana, helvetica, arial, sans-serif; margin: 15px 0 5px 0; }
.accessfix { color: #FFF; line-height: 0; font-size: 0; margin: 0; }
.dkgray { color: #888; }

/*--------------------- right col used on audiobooks page----------------------*/

#rightcol {
font: 11px/15px Verdana, Arial, Helvetica, sans-serif;
width: 170px;
margin: 0 0 0 10px;
float: right;
padding: 0 0 0 18px;
background: url(http://www.randolphnj.org/images/library/separator_vertical.gif) repeat-y;
}

#rightcol h1 {
margin: 0 0 10px 0;
font: bold 12px/16px Verdana, Arial, Helvetica, sans-serif;
text-align: center;
color: #0099CC;
}

#rightcol h1 span.date {
font: italic normal 11px Verdana, Arial, Helvetica, sans-serif;
color: #000;
}

#rightcol p { margin: 0 0 15px 0; }

/*--------------------- styles for expanding/contracting ----------------------*/

.control { font: 11px/15px Verdana, Arial, Helvetica, sans-serif; margin: 20px 0; }

#content h2.expcon {
font: bold 12px verdana, arial, helvetica, sans-serif;
margin: 9px 0 0 0;
background: url(http://www.randolphnj.org/images/library/separator_small.gif) 0 100% repeat-x;
padding: 0px 0 10px 0;
cursor: pointer;
}

.toggle { margin: 20px 0 40px 0; }

/*--------------------- for popup.js icon appended to popup or external links  ----------------------*/
.popup {
background: url(http://www.randolphnj.org/images/library/new_window.gif) 100% 50% no-repeat;
padding-right: 15px;
}

/* - - - - - - - - PDF icon used in span tag because IE6 sucks - - - - - - - - */

.pdf {
background: url(http://www.randolphnj.org/images/library/icon_pdf1.gif) 100% 50% no-repeat;
padding-right: 10px;
}

/* - - - - - - - - for downloadable audio main page split - - - - - - - - */
#audio {
float: left;
width: 100%;
background: url(http://www.randolphnj.org/images/library/separator_vertical.gif) 50% 0 repeat-y;
margin: 15px 0 0 0;
}

#audio .left {
float: left;
width: 220px;
text-align: center;
}

#audio .right {
float: right;
width: 220px;
text-align: center;
}

#audio .left h1 {
font: bold 24px Verdana, Arial, Helvetica, sans-serif;
margin: 0 0 15px 0;
color: #FFF;
background-color: #CC0000;
padding: 5px;
}

#audio .left h1 span {
font: 11px Verdana, Arial, Helvetica, sans-serif;
margin: 0;
display: block;
}

#audio .right h1 {
font: bold 24px Verdana, Arial, Helvetica, sans-serif;
margin: 0 0 15px 0;
color: #FFF;
background-color: #F6831B;
padding: 5px;
}

#audio .right h1 span {
font: 11px Verdana, Arial, Helvetica, sans-serif;
margin: 0;
display: block;
}

#audio img { margin-top: 0; }