/* GPL-Stylesheet-ID:          gpls02spring */
/* GPL-Stylesheet-Name:        Spring Green */
/* GPL-Stylesheet-Description: A fresh green look for the melting season. */
/* GPL-Stylesheet-FNCode:      spring */
/* GPL-Stylesheet-Version:     02 */
/* GPL-Stylesheet-DBID:        6 */
/* GPL-Stylesheet-Media:       screen */
/* GPL-Stylesheet-Flags:        */
/* GPL-Stylesheet-Updated:     2019-May-28 17:11 */
/* ======================================== Standard Body ======================================== */
/* Style the body element. */
body {
   margin:                      0px;
   padding:                     0px;
   font-family:                 "Georgia", "Bitstream Charter", "Bitstream Vera Serif", serif;
   /* Colors: BodyColors */
   color:                       #002200;
   background-color:            #EEEEEE;
}

.skip {
   display:                     none;
}

div#skipnavlink {
   margin:                      0px;
}

/* ======================================== Standard Header ======================================== */
/* Style the siteheader and its contents. */
div#siteheader {
   margin:                      0px;
   text-align:                  center;
   /* Colors: SiteHeader */
   color:                       inherit;
   background-color:            #B2D13D;
   /* Image: SiteHeader */
   background-image:            url(/img/style-elements/spring/spring-gradient-A-200.png);
   background-repeat:           repeat-x;
   background-position:         left bottom;
}
div#siteheadercontents {
   /* Image: SiteHeaderContents */
   background-image:            url(/img/style-elements/spring/gradient-hznl-xparent-to-forest-green.png);
   background-repeat:           repeat-y;
   background-position:         top right;
}
div#sitenamebar {
   /* Colors: SiteNameBar */
   color:                       black;
   background-color:            transparent;
   text-shadow:                 white 2px 2px 4px;
   /* Image: SiteNameBar */
   background-image:            url(/img/style-elements/spring/gpl-front-spring-2004-003-200.png);
   background-repeat:           no-repeat;
   background-position:         bottom left;
   direction:         ltr;
   padding-top:                 2em;
   padding-bottom:              2em;
   width:                       100%;
   display:                     table;
}
div#sitenamebar > * {
   direction:                   ltr;
}
div#sitenamebar a,
div#sitenamebar a:link,
div#sitenamebar a:visited {
   color:                       inherit;
   text-decoration:             none;
}

#snbarleft, #snbarmidl, #snbarright {
   display:                     table-cell;
   text-align:                  center;
   height:                      200px;
   /* for some reason, height acts as min-height for table cells, and min-height does squat */
}
span#snbarright {
   height:                      7em;
   /* Colors: SNBarRight */
   color:                       inherit;
   background-color:            transparent;
}
.snbarcontents {
   position:                    relative;
}
#snbarmidl {
   vertical-align:              middle;
   min-height:                  200px;
   max-width:                   60%;
}
#snbarleft, #snbarright {
   min-width:                   317px;
   min-height:                  200px;
   text-align:                  center;
}
#snbarleft,
#snbarright {
   vertical-align:              bottom;
}
#snbarright > div.snbarcontents > div.snbaritem {
   padding:                     0.5em;
   border-radius:               1em;
   width:                       60%;
   right:                       15%;
   position:                    absolute;
   bottom:                      0.5em;
   text-align:                  center;
   /* Image: SNBRightItem */
   background-image:            url(/img/style-elements/summer/fade-toward-white.png);
   background-repeat:           repeat;
   background-position:         center center;
}
div.snbaritem > div.hours,
div.snbaritem > div.hours > table {
   width:                       100%;
}
div.snbaritem > div.hours > table caption {
   /* Custom Style: SNBarHoursCaption */
   visibility:                  visible;
}
div.snbaritem > div.hours > table caption,
div.snbaritem > div.hours > table td {
   /* Colors: SNBHoursTD */
   color:                       inherit;
   background-color:            transparent;
   /* Image: SNBHoursTD */
   background-image:            url(/img/style-elements/summer/fade-toward-white.png);
   background-repeat:           repeat;
   background-position:         center center;
}

#snbarleft  > div.snbarcontents > div.snbaritem > div > div,
#snbarright > div.snbarcontents > div.snbaritem > div > div {
   display:                     inline-block;
}
div#sitenamesubbar {
   font-size:                   300%;
   font-style:                  italic;
   font-weight:                 bold;
   padding-bottom:              0.25em;
}
div#sitenamesubbar span#sitename {
   /* Colors: SiteName */
   color:                       white;
   background-color:            transparent;
   text-shadow:                 1px 2px 3px #29314D;
}
div#sitenamesubbar img.gpllogo {
   /* Image: GPLLogo */
   background-image:            url(/img/logos/portico/004-A-white-64.png);
   background-repeat:           no-repeat;
   background-position:         center center;
   width:                       64px;
   height:                      64px;
}
div#siteheader div.contactinfo {
   border-radius:               0.6em;
   padding:                     0.2em;
   /* Colors: HdrContactInfo */
   color:                       #004000;
   background-color:            #EEEE77;
   border-color:                #004000;
   text-shadow:                 1px 1px 1px #D0DF94;
   /* Custom Style: HdrContactInfo */
   border-radius:               1em;
   border:                      1pt solid;
   padding-top:                 0.25em;
   padding-bottom:              0.25em;
   padding-left:                0.5em;
   padding-right:               0.5em;
   font-family:                 "Verdana", sans-serif;
}
div.contactinfo > span {
/* text-wrap:                   suppress;    This is what I actually want. */
   white-space:                 nowrap;   /* This is not ideal, but browsers actually support it. */
}
div#siteheader div.contactinfo > span:nth-child(2):before,
div#siteheader div.contactinfo > span:nth-child(3):before,
div#siteheader div.contactinfo > span:nth-child(4):before {
   content:                     " * ";
   /* Colors: HeaderContactBullet */
   color:                       #004000;
   background-color:            transparent;
}



/* ======================================== Standard NavBar ======================================== */
/* Style the standard horizontal navigation bar. */
/* Styling is planned for this space. */

div#sitehead {
   margin-bottom:               0px;
}

div#navbar {
   margin-top:                 -8px;
   padding-left:                0.5em;
   padding-right:               0.5em;
   text-align:                  center;
   /* Colors: NavBar */
   color:                       inherit;
   background-color:            #009900;
}

div#navbar > * {
   margin-top:                  0.5em;
   margin-bottom:               0.5em;
}

div#navbar > span.sitesection {
   padding-left:                0.5em;
   padding-right:               0.5em;
   padding-top:                 0.1em;
   padding-bottom:              0.3em;
   border-radius:               0.6em;
   border-bottom-right-radius:  0px;
   border-bottom-left-radius:   0px;
   margin-left:                 0.5em;
   margin-right:                0.5em;
   display:                     inline-block;
   /* Colors: BarButton */
   color:                       inherit;
   background-color:            #E1FFBD;
}

div#navbar > span.currentsection {
   border:                      2px solid;
   border-bottom:               none;
   /* Colors: NavBarCurrentSection */
   color:                       inherit;
   background-color:            #FFFFBB;
}
div#navbar > span.sitesection:hover {
   /* Colors: NavBarSectionHover */
   color:                       inherit;
   background-color:            transparent;
}

div#navbar > span > span.sectionlabel a {
   text-decoration:             none;
}

div#navbar > span.sitesection:hover,
div#navbar > span.sitesection:hover a,
div#navbar > span.sitesection a:active {
   /* Colors: NavBarLink */
   color:                       inherit;
   background-color:            transparent;
}

div#navbar div.navwithinsection {
   margin-top:                 -0.5em;
   padding-top:                 0.5em;
   padding-left:                2.5em;
   padding-right:               2.5em;
   padding-bottom:              0.5em;
   border-top-left-radius:      1em;
   border-top-right-radius:     1em;
   /* Colors: NavBarCurrentSection */
   color:                       inherit;
   background-color:            #FFFFBB;
}
div.navwithinsection span.navbarpage {
   display:                     inline-block;
   margin-left:                 0.3em;
   margin-right:                0.3em;
   margin-bottom:               0.3em;
   padding:                     3pt;
   border-radius:               0.4em;
   /* Colors: NavBarPage */
   color:                       inherit;
   background-color:            transparent;
}
div.navwithinsection span.currentpage {
   /* Colors: NavBarCurrentPage */
   color:                       inherit;
   background-color:            transparent;
}

div.navwithinsection span.navbarpage a,
div.navwithinsection span.navbarpage a:link,
div.navwithinsection span.navbarpage a:visited,
div.navwithinsection span.navbarpage a:active,
div.navwithinsection span.navbarpage a:hover {
   /* Colors: NavBarPageLink */
   color:                       inherit;
   background-color:            transparent;
}
div.navwithinsection span.currentpage a,
div.navwithinsection span.currentpage a:link,
div.navwithinsection span.currentpage a:visited,
div.navwithinsection span.currentpage a:active,
div.navwithinsection span.currentpage a:hover {
   /* Colors: NavBarCurrentPageLink */
   color:                       inherit;
   background-color:            transparent;
}


/* ======================================== Standard Catbar ======================================== */
/* Style the standard catalogbar. */
div#navbar + div#catalogbar {
   border-top:                  2pt solid;
   /* Colors: CatBarBorder */
   color:                       inherit;
   background-color:            transparent;
   border-color:                #EEEE77;
}

div#catalogbar {
   margin-top:                 -8px;
   margin-bottom:               1em;
   padding-right:               2em;
   padding-left:                2em;
   text-align:                  left;
   /* Colors: CatBar */
   color:                       black;
   background-color:            #76B600;
}

div#catalogbar > * {
   margin-top:                  0.5em;
   margin-bottom:               0.5em;
}

div#catalogbar #catbarrbuttonsec {
   float:                       right;
}


div#catalogbar > form,
div#catalogbar > .barsec {
/* This is here so browsers that don't do inline-block will fall back to inline rather than block */
   display:                     inline;
}
div#catalogbar > form.barform,
div#catalogbar > span.barsec {
   display:                     inline-block;
   padding-top:                 0px !important; /* Why does this need to be important? */
   padding-bottom:              0px !important; /* Ditto this one? */
   /* Where is the other style coming from? */
}




div#catalogbar .barbutton,
div#catalogbar > .barsec .barbutton {
   padding-left:                0.5em;
   padding-right:               0.5em;
   padding-top:                 0.1em;
   padding-bottom:              0.1em;
   border-radius:               0.6em;
   margin-left:                 0.5em;
   margin-right:                0.5em;
   display:                     inline-block;
   /* Colors: BarButton */
   color:                       inherit;
   background-color:            #E1FFBD;
}

.currentsection,
.currentpage {
   font-weight:                 bold;
}

div#catalogbar > .barsec > span.barbutton a {
   text-decoration:             none;
}

div#catalogbar > .barsec .barbutton:hover,
div#catalogbar > .barsec .barbutton:hover a,
div#catalogbar > .barsec .barbutton a:active,
div#navbar > span.sitesection:hover {
   /* Colors: CatBarLink */
   color:                       #EEEE00;
   background-color:            #004F00;
}
#catalogbar label.catsearchtblbl {
   /* Colors: CatBarSearchLabel */
   color:                       #FFFFFF;
   background-color:            transparent;
   text-shadow:                 1px  1px 1.5px #004F00, -1px -1px 1.5px #004F00, 1px -1px 1.5px #004F00, -1px 1px 1.5px #004F00;
}
#catalogbar form.barform:hover input#catbarctrlSearchbarSimple_textboxTerm {
   /* Colors: CatBarSearchBox */
   color:                       inherit;
   background-color:            transparent;
   box-shadow:                  0px 0px 3px #EEEE00;
   outline:                     3pt solid #EEEE00;
}


/* ======================================== Standard MultiBar ======================================== */
/* Style the MultiBar and its contents. */
div#multibar {
   clear:                       left;
   float:                       left;
   width:                       20%;
   max-width:                   15em;
   padding:                     0px;
   margin:                      0px;
   margin-bottom:               1em;
   font-family:                 "Verdana", sans-serif;
   padding-left:                0.5em;
}
div#multibar > * {
   padding-bottom:              1em;
   border-bottom:               1px dashed;
   margin-bottom:               1em;
   /* Colors: MultiBarChildBorder */
   color:                       inherit;
   background-color:            transparent;
   border-color:                #77B677;
}
div#multibar > *:last-child {
   padding-bottom:              0px;
   border-bottom:               none;
}

div#infobar {
   padding-left:                0.25em;
   padding-right:               0.25em;
}
div#infobar > div {
   /* Colors: InfoBarDiv */
   color:                       #FFFFFF;
   background-color:            #007F00;
   text-shadow:                 1px 1px 0px #004000;
   /* Image: InfoBarDiv */
   background-image:            url(/img/style-elements/spring/spring-gradient-B-150.png);
   background-repeat:           repeat-x;
   background-position:         bottom left;
   border-radius:               1em;
   margin-bottom:               1em;
   text-align:                  center;
}
div#infobar > div:last-child {
   margin-bottom:               0px;
}
div#infobar div.hours {
   /* The bottom padding is needed because of the table.                                                                                                                                       
    * The top padding is needed to visually balance the bottom padding. */
   padding-top:                 0.25em;
   padding-bottom:              0.75em;
   text-align:                  center;
}
div.hours caption {
   font-weight:                 bold;
}
div#infobar div.hours > * {
   display:                     inline-block;
/*   width:                       100%; */
}

div#infobar a,
div#infobar a:link,
div#infobar a:visited {
   /* Colors: InfoBarLink */
   color:                      #FFFFFF;
   background-color:           transparent;
}
div#infobar a:hover,
div#infobar a:active {
   /* Colors: InfoBarHoverLink */
   color:                      #EEEE00;
   background-color:           transparent;
}

div#sectionbar > * {
   /* Colors: SectionBarChild */
   color:                       #FFFFFF;
   background-color:            transparent;
   margin-bottom:               1em;
}
div#sectionbar > :last-child {
   margin-bottom:               0px;
}
div.sectionlabel {
   padding:                     0.25em;
}
div.sitesection {
   margin-bottom:               0.75em;
}
div.sitesection div:first-child {
   /* Colors: SectionFirstChild */
   color:                       inherit;
   background-color:            transparent;
   box-shadow:                  2px 3px 4px #999999;
   border-radius:               1em;
   padding-left:                0.5em;
   padding-right:               0.5em;
}
div.currentsection div:first-child {
   border-bottom-left-radius:   0px;
   border-bottom-right-radius:  0px;
   box-shadow:                  none;
}
div.sitesection div:last-child,
div.sitesection div:last-child span:last-child {
   border-bottom-left-radius:   1em;
   border-bottom-right-radius:  1em;
}
div.sitesection div,
div.sitesection div.sectioncontents > span {
   /* Colors: SectionChild */
   color:                       inherit;
   background-color:            #58A71D;
   /* Image: SectionChild */
   background-image:            url(/img/style-elements/spring/spring-gradient-C-150.png);
   background-repeat:           repeat-x;
   background-position:         top left;
   display:                     block;
}
div.sitesection div.sectioncontents span span {
   font-size:                   67%;
   margin-left:                 1em;
   display:                     block;
}

div.sitesection div:hover,
div.sitesection div.sectioncontents span:hover {
   /* Image: SectionBarHover */
   background-image:            url(/img/style-elements/spring/spring-gradient-D-150.png);
   background-repeat:           repeat-x;
   background-position:         bottom left;
   /* Colors: SectionBarHover */
   color:                       #FFFFFF;
   background-color:            #58A71D;
   text-shadow:                 -1px -1px 0px #004000, 0px -1px 0px #004000, 1px -1px 0px #004000, -1px  0px 0px #004000, 0px  0px 0px #004000, 1px  0px 0px #004000, -1px  1px 0px #004000, 0px  1px 0px #004000, 1px  1px 0px #004000, 0px  0px 2px #004000, 0px  0px 4px #004000;
}
div.sectionlabel,
div#sectionbar div.hours table.table caption {
   font-size:                   150%;
}
div.sectioncontents {
   display:                     none;
}
div.currentsection > div.sectioncontents {
   display:                     block;
}
div.sectioncontents > span {
   display:                     block;
   padding:                     0.1em;
   padding-left:                1em;
}

div#sectionbar div.sitesection.currentsection > div.sectionlabel > a:before {
   content:                     "\2022 ";
   /* Colors: SectionBarBullet */
   color:                       #EEEE00;
   background-color:            transparent;
   border-color:                #B2D13D;
   text-shadow:                 1px 1px 0px #000000, 1px -1px 0px #000000, -1px 1px 0px #000000, -1px -1px 0px #000000;
   box-shadow:                  1px 1px 0px #58A71D;
}
div#sectionbar div.sitesection.currentsection > div.sectionlabel.currentpage > a:before {
   content:                     "\2023 ";
   /* Colors: SectionBarBullet */
   color:                       #EEEE00;
   background-color:            transparent;
   border-color:                #B2D13D;
   text-shadow:                 1px 1px 0px #000000, 1px -1px 0px #000000, -1px 1px 0px #000000, -1px -1px 0px #000000;
   box-shadow:                  1px 1px 0px #58A71D;
}

div#sectionbar div.sectioncontents span.currentpage > a:before {
   content:                     "\2023 ";
   /* Colors: SectionBarBullet */
   color:                       #EEEE00;
   background-color:            transparent;
   border-color:                #B2D13D;
   text-shadow:                 1px 1px 0px #000000, 1px -1px 0px #000000, -1px 1px 0px #000000, -1px -1px 0px #000000;
   box-shadow:                  1px 1px 0px #58A71D;
   border-radius:               0.5em;
   border:                      1pt solid;
}

div#sectionbar div.sectionlabel {
   padding-left:                1em;
   /* This is technically redundant (see above), included here for contrast with the following */
}
div#sectionbar div.currentsection > div.sectionlabel {
   padding-left:                0em;
}
div#sectionbar div.sectioncontents span {
   padding-left:                1em;
}
div#sectionbar div.sectioncontents span.currentpage {
   padding-left:                0.25em;
}


div#sectionbar a,
div#sectionbar a:link,
div#sectionbar a:visited {
   /* Colors: SectionBarLink */
   color:                       #FFFFFF;
   background-color:            transparent;
   text-shadow:                 1px  1px 1.5px #666666, -1px -1px 1.5px #666666, 1px -1px 1.5px #666666, -1px 1px 1.5px #666666;
   text-decoration:             none;
}
div#sectionbar a:hover,
div#sectionbar a:active {
   /* Colors: SectionBarHoverLink */
   color:                       #EEEE00;
   background-color:            transparent;
   text-shadow:                 1px  1px 1.5px #666666, -1px -1px 1.5px #666666, 1px -1px 1.5px #666666, -1px 1px 1.5px #666666;
}

div#sectionbar div.currentsection {
   /* Colors: CurrentSection */
   color:                       inherit;
   background-color:            #D0DF94;
   outline:                     0.5em solid #D0DF94;
}

div#sectionbar div.currentsection div.sectionlabel,
div#sectionbar div.currentsection div.sectioncontents span.currentpage,
div#sectionbar div.currentsection div.sectioncontents > span {
   /* Colors: CurrentSectionChild */
   color:                       inherit;
   background-color:            #004F00;
   /* Image: CurrentSectionChild */
   background-image:            url(/img/style-elements/spring/spring-gradient-E-50.png);
   background-repeat:           repeat-x;
   background-position:         bottom left;
}
div#sectionbar div.currentsection div.sectionlabel,
div#sectionbar div.currentsection div.sectioncontents span.currentpage {
   /* Colors: CurrentSectionLabel */
   color:                       inherit;
   background-color:            transparent;
   text-shadow:                 #000000 1px 1px, #004000 2px 3px;
}
div#sectionbar div.currentsection div.sectionlabel a,
div#sectionbar div.currentsection div.sectionlabel a:link,
div#sectionbar div.currentsection div.sectionlabel a:visited,
div#sectionbar div.currentsection div.sectioncontents span.currentpage a,
div#sectionbar div.currentsection div.sectioncontents span.currentpage a:link,
div#sectionbar div.currentsection div.sectioncontents span.currentpage a:visited
{
  font-weight:                  bold;
  font-size:                    115%;
}
div#sectionbar div.currentsection div.sectionlabel a:before,
div#sectionbar div.currentsection div.sectioncontents span.currentpage a:before {
  font-size:                    85%;
}


/* ======================================== Standard Blurb Bar ======================================== */
/* Style the bar of news items and such on the right side of the home page. */
  
div#blurbbar {
   clear:                       right;
   float:                       right;
   width:                       25%;
   max-width:                   20em;
   padding:                     1em;
   padding-top:                 2px;
   margin:                      0px;
   margin-bottom:               1em;
   font-family:                 "Verdana", sans-serif;
   text-align:                  center;
   /* Custom Style: BlurbBar */
   visibility:                  visible;
   /* Colors: BlurbBar */
   color:                       white;
   background-color:            transparent;
}

div#blurbbar > div:first-child > :first-child {
   margin-top:                  0px;

}
div#blurbbar > div.blurbsection + div.blurbsection:before {
   display:                     block;
   height:                      0.8em;
   /* Colors: BlurbSectionTransition */
   color:                       inherit;
   background-color:            #3B9A3B;
   box-shadow:                  2px 3px 4px #999999;
   /* Image: BlurbSectionTransition */
   background-image:            url(/img/style-elements/summer/gradient-white-to-xparent-hznl.png);
   background-repeat:           repeat-y;
   background-position:         center left;
   content:                     "";
   border-radius:               0.4em;
}

div#blurbbar div.blurbsection div.blurb,
div.blurbsection > * {
   border-radius:               1em;
   padding-left:                0.5em;
   padding-right:               0.5em;
   margin-top:                  1em;
   margin-bottom:               1em;
   /* Image: Blurb */
   background-image:            url(/img/style-elements/spring/spring-gradient-G-200.png);
   background-repeat:           repeat-x;
   background-position:         top left;
   /* Colors: Blurb */
   color:                       black;
   background-color:            #EEEE7F;
   text-shadow:                 1px 2px 3px #EEEE7F;
   box-shadow:                  2px 3px 4px #999999;
}

div#blurbbar div.caption {
   font-size:                   175%;
   border-top-left-radius:      0.57em;
   border-top-right-radius:     0.57em;
}
div#blurbbarrotcontrols {
   padding-top:                 5pt;
   padding-bottom:              3pt;
   font-size:                   65%;
   line-height:                 250%;
   background-color:            transparent;
   background-image:            none;
   border-bottom-left-radius:   1.54em;
   border-bottom-right-radius:  1.54em;
}
div#blurbbarrotcontrols span.rotcontrol {
   line-height:                 125%;
   display:                     inline-block;
   border:                      2px outset;
   padding:                     2px;
   padding-left:                0.25em;
   padding-right:               0.25em;
   margin-left:                 0.1em;
   margin-right:                0.1em;
   /* Colors: RotControl */
   color:                       #EEEEEE;
   background-color:            #004F00;
   border-color:                #004F00;
   text-shadow:                 1px 1px 0px #30476E;
   /* Custom Style: RotControl */
   visibility:                  visible;
}
div#blurbbarrotcontrols span.rotcontrol#rotctrlrsum {
   border:                      2px outset;
   /* Colors: RotCtrlResume */
   color:                       inherit;
   background-color:            #007F00;
   border-color:                #007F00;
   /* Custom Style: RotCtrlResume */
   visibility:                  visible;
}
div#blurbbarrotcontrols span.rotcontrol a,
div#blurbbarrotcontrols span.rotcontrol a:link,
div#blurbbarrotcontrols span.rotcontrol a:visited,
div#blurbbarrotcontrols span.rotcontrol a:active,
div#blurbbarrotcontrols span.rotcontrol a:hover {
   /* Colors: RotControlLink */
   color:                       inherit;
   background-color:            transparent;
}

div#blurbbarrotcontrols span.rotcontrol#rotctrlrsum a,
div#blurbbarrotcontrols span.rotcontrol#rotctrlrsum a:link,
div#blurbbarrotcontrols span.rotcontrol#rotctrlrsum a:visited,
div#blurbbarrotcontrols span.rotcontrol#rotctrlrsum a:active,
div#blurbbarrotcontrols span.rotcontrol#rotctrlrsum a:hover {
   /* Colors: RotControlResumeLink *** Cascade */
}


div#blurbbar div.blurb {
   padding-top:                 0.5em;
   padding-bottom:              0.5em;
}
div#blurbbar div.blurb:nth-child(n + 1) {
   border-top:                  1px solid;
   /* Colors: BlurbChildSep */
   color:                       inherit;
   background-color:            transparent;
   border-color:                #FFFFFF;
}
div#blurbbar a,
div#blurbbar a:link,
div#blurbbar a:visited {
   /* Colors: BlurbLink */
   color:                       #003399;
   background-color:            transparent;
}
div#blurbbar a:hover,
div#blurbbar a:active {
   /* Colors: BlurbHoverLink */
   color:                       #EEEE00;
   background-color:            transparent;
   text-shadow:                 1px 1px 0px #004000, 1px 1px 2px #004000, 0px 0px 1px #007F00;
}

div#blurbbar em,
div#blurbbar strong {
   text-decoration:             inherit;
   font-weight:                 bold;
}
div#blurbbar em strong,
div#blurbbar strong em {
   font-style:                  italic;
}

div#blurbbar div#bookblurbsection div.bookblurb img.featurecover {
   float:                       none;
   text-align:                  center;
   display:                     block;
}


div.blurb,                                                                                                                                                          
div.blurbsection > *,                                                                                                                                               
div.blurbsection .fnewsdate,                                                                                                                                        
div.blurbsection em,                                                                                                                                                
div.blurbsection strong,                                                                                                                                            
div.blurbsection em strong,                                                                                                                                         
div.blurbsection strong em,                                                                                                                                         
div.blurbsection a:link,                                                                                                                                            
div.blurbsection a:visited {
   /* Custom Style: BlurbOverrides */
   visibility:                 visible;
}


/* ======================================== BlurbScroller ======================================== */
/* Rethink the blurb bar's total design. */
div#blurbscroller {
   position:                    relative;
   direction:                   rtl;
   display:                     inline-block;
   height:                      350px;
   width:                       425px;
   clear:                       right;
   margin:                      0px;
   margin-top:                  0.5em;
   margin-bottom:               0.5em;
   font-family:                 "Verdana", sans-serif;
   text-align:                  left;
   vertical-align:              middle;
   white-space:                 nowrap;
   overflow:                    hidden;
   /* Colors: BlurbBar */
   color:                       white;
   background-color:            transparent;
}
div#blurbscroller > div.innerwrapper {
  direction:             ltr;
}

div#blurbscroller div.blurbscrolleritem {
   display:                     inline-block;
   max-height:                  250px;
   padding:                     2em;
   padding-left:                1em;
   padding-right:               1em;
   font-size:                   165%;
   text-align:                  center;
   vertical-align:              middle;
   white-space:                 normal;
   overflow:                    auto;
/*   border-radius:               1.5em; */
   margin:                      0px;
   /* Colors: Blurb */
   color:                       black;
   background-color:            #EEEE7F;
   text-shadow:                 1px 2px 3px #EEEE7F;
   box-shadow:                  2px 3px 4px #999999;
}

div#blurbscroller div.newsitem {
   width:                       300px;
}
div#blurbscroller div.adultevent {
   __MAGIC__Color_Set:          BlurbAdult;
}
div#blurbscroller div.teenevent {
   __MAGIC__Color_Set:          BlurbTeen;
}
div#blurbscroller div.childrensevent {
   __MAGIC__Color_Set:          BlurbChildren;
}

div#blurbscroller div.newsitem a,
div#blurbscroller div.newsitem a:link,
div#blurbscroller div.newsitem a:visited,
div#blurbscroller div.newsitem a:active,
div#blurbscroller div.newsitem a:hover {
   __MAGIC__Color_Set:          BlurbNewsItemLink;
}



/* ======================================== Event Scroller ======================================== */
/* A vertical scroller for news events that are NOT in the blurbscroller. */
div#eventscroller {
   position:                    relative;
   display:                     inline-block;
   height:                      300px;
   width:                       350px;
   clear:                       right;
   margin:                      0px;
   padding:                     0px;
   margin-top:                  0.5em;
   margin-bottom:               0.5em;
   vertical-align:              top;
   white-space:                 nowrap;
   overflow:                    hidden;
   __MAGIC__Color_Set:          EventScroller;
}

div#eventscroller div.scrollercontents {
   white-space:                 nowrap;
   overflow:                    hidden;
   padding:                     0px;
   margin:                      0px;
   width:                       100%;
   height:                      250px;
}

div#eventscroller div.scrolleritem {
   display:                     block;
   padding:                     3pt;
   padding-left:                1em;
   padding-right:               1em;
   margin:                      0px;
   max-width:                   95%;
   text-align:                  left;
   white-space:                 normal;
   overflow:                    auto;
   __MAGIC__Color_Set:          EventScrollerItem;
}

div#eventscroller div.adultevent {
   __MAGIC__Color_Set:          BlurbAdult;
}
div#eventscroller div.teenevent {
   __MAGIC__Color_Set:          BlurbTeen;
}
div#eventscroller div.childrensevent {
   __MAGIC__Color_Set:          BlurbChildren;
}

div#eventscroller div.scrolleritem a,
div#eventscroller div.scrolleritem a:link,
div#eventscroller div.scrolleritem a:visited,
div#eventscroller div.scrolleritem a:active,
div#eventscroller div.scrolleritem a:hover {
   __MAGIC__Color_Set:          EventScrollerLink;
}


/* ======================================== Standard JunkBar ======================================== */
/* Style the offsite links on the home page (social networking, third-party services, databases, etc.) */
div.junkbar div a,
div.junkbar    div.morejunk       a,
div.junkbar    div.socnet         a,
div.junkbar    div.offsiteservice a,
div.junkbar    div.advertisement  a,
div#sectionbar div.sitesection    a {
   display:                     block;
}

div.junkbar {
   margin-top:                  2em;
   margin-bottom:               1em;
   margin-left:                 5%;
   margin-right:                5%;
   text-align:                  center;
   clear:                       both;
}
div.junkbar > div {
   display:                     inline-block;
   /* Colors: JunkBarDiv */
   color:                       white;
   background-color:            #007F00;
   text-shadow:                 1px 1px 0px #004000;
   __MAGIC__BgImage:            JunkBarDiv;
   max-width:                   15em;
   padding:                     1em;
   border-radius:               1em;
   margin:                      0.75em;
}

div#junkbar > div {
   /* Colors: JunkBarDiv */
   color:                       white;
   background-color:            #007F00;
   text-shadow:                 1px 1px 0px #004000;
}
div#junkbar a,
div#junkbar a:link,
div#junkbar a:visited {
   /* Colors: JunkBarLink */
   color:                       inherit;
   background-color:            transparent;
}
div#junkbar a:hover,
div#junkbar a:active {
   /* Colors: JunkBarHoverLink */
   color:                       inherit;
   background-color:            transparent;
}


div.advertisement,
div.offsiteservice,
div.socnet {
   font-size:                   1.1em;
   text-align:                  center;
   vertical-align:              middle !important;
   padding:                     0.25em;
}
div.socnet span.socnetlink {
   vertical-align:              middle !important;
}
div.socnet span.socnetlink img {
   border:                      none;
}

div.junkbar span.socneticon {
   display:                     inline;
}


/* ======================================== Standard PageFeature ======================================== */
/* Style the main content of the page. */
div#pagefeature {
   /* Colors: PageFeature */
   color:                       #002200;
   background-color:            transparent;
   margin:                      0px;
   margin-bottom:               1em;
   margin-top:                  1em;
}
div#pagefeature.hasmultibar {
   margin-left:                 20%;
   padding-left:                1em;
}
div#pagefeature.hasblurbbar {
   margin-right:                30%;
   padding-right:               1em;
}

div#pagefeature > *,
div#pagefeature > .markupaggregator > *,
div#pagefeature > .markupaggregator > .markupaggregator > * {
   margin-left:                 10px;
   margin-right:                10px;
   padding-left:                10px;
   padding-right:               10px;
}

div#pagefeature > .markupaggregator,
div#pagefeature > .markupaggregator > .markupaggregator {
   margin-left:                 0px;
   margin-right:                0px;
   padding-left:                0px;
   padding-right:               0px;
}

#pagefeature .lipsum {
  /* Colors: PFLipsum */
  color:                        #444400;
  background-color:             transparent;
}
#pagefeature table.table .lipsum,
#pagefeature .sidebar .lipsum {
  color:              inherit;
}

div#pagefeature .sidebar table.table {
   /* Image: SBTable */
   background-image:            url(/img/style-elements/summer/fade-toward-white.png);
   background-repeat:           repeat;
   background-position:         center center;
}
div#pagefeature .sidebar table.table caption {
   /* Image: SBTableCaption */
   background-image:            url(/img/style-elements/summer/fade-toward-white.png);
   background-repeat:           repeat;
   background-position:         center center;
}

div#pagefeature table.table {
   /* Colors: PFTable */
   color:                       inherit;
   background-color:            #C5CCA7;
   text-shadow:                 1px 1px 0px #666666;
   box-shadow:                  2px 3px 4px #729CDB;
   /* Image: PFTable */
   background-image:            url(/img/style-elements/summer/fade-toward-black-15pct.png);
   background-repeat:           repeat;
   background-position:         center center;
   margin-bottom:               0.5em;
   border-bottom-left-radius:   0.5em;
   border-bottom-right-radius:  0.5em;
}
div#pagefeature table.table.nocaption {
   border-radius:               0.5em;
}
div#pagefeature table.table caption {
   /* Colors: PFTableCaption */
   color:                       inherit;
   background-color:            #A4C07D;
   box-shadow:                  2px 0px 4px #729CDB;
   border-top-right-radius:     0.5em;
   border-top-left-radius:      0.5em;
}
div#pagefeature table.table thead th {
   border-top-right-radius:     0.5em;
   border-top-left-radius:      0.5em;
}
div#pagefeature table.table tbody tr:last-child td {
   border-bottom-right-radius:  0.5em;
   border-bottom-left-radius:   0.5em;
   padding-bottom:              0.25em;
}
div#pagefeature table.table th,
div#pagefeature table.table td {
   padding:                     2pt;
}

div#pagefeature table.table th {
   /* Colors: PFTableTH */
   color:                       inherit;
   background-color:            transparent;
   text-shadow:                 1px 1px 0px #444444, 2px 2px 1px #EEEEEE, -1px -1px 1px #EEEEEE;
}

div#pagefeature table.table th,
div#pagefeature table.table caption {
   /* Image: PFTableTH */
   background-image:            url(/img/style-elements/summer/fade-toward-white.png);
   background-repeat:           repeat;
   background-position:         center center;
   background-repeat:           repeat;
   font-weight:                 bold;
}
div#pagefeature table.table caption {
   /* Image: PFTableCaption */
   background-image:            url(/img/style-elements/summer/fade-toward-white.png);
   background-repeat:           repeat;
   background-position:         center center;
}


#pagefeature [title] {
   /* Colors: Abbr */
   color:                       inherit;
   background-color:            transparent;
   text-shadow:                 1px 1px 0px #EEEE00;
}

div#pagefeature div.address > span.address {
   /* Colors: PFAddress */
   color:                       inherit;
   background-color:            #CBDDAD;
   border-color:                #85BC2C;
   padding:                     3pt;
   margin:                      3pt;
   margin-left:                 0px;
}


/* ======================================== Standard Sidebar ======================================== */
/* Style our general-purpose sidebar class. */
div#multibar .sidebar, /* Don't let MultiBarChildBorder override the .sidebar
                          rule for sidebars inside the multibar. */
.sidebar {
   float:                       right;
   width:                       40%;
   border:                      3pt solid;
   padding:                     3pt;
   margin:                      0.25em;
   margin-bottom:               0.5em;
   /* Image: Sidebar */
   background-image:            url(/img/style-elements/spring/spring-gradient-H-200.png);
   background-repeat:           repeat-x;
   background-position:         top right;
   /* Custom Style: Sidebar */
   border-top-color:            #FFFFEE;
   border-left-color:           #FFFFBB;
   border-bottom-color:         #CCCC7F;
   /* Colors: Sidebar */
   color:                       #002200;
   background-color:            #EEEEB2;
   border-color:                #CCCC99;
   box-shadow:                  2px 3px 4px #999999;
}
.sidebar a,
.sidebar a:link,
.sidebar a:visited {
   /* Colors: SidebarLink */
   color:                       #006600;
   background-color:            transparent;
}
.sidebar a:active,
.sidebar a:hover {
   /* Colors: SidebarLinkHover */
   color:                       #006600;
   background-color:            transparent;
}
.sidebar img {
   margin:                      3pt;
}
.sidebar > .caption,
.sidebarcaption {
   font-size:                   150%;
   font-weight:                 bold;
   text-align:                  center;
   border:                      1px inset;
   margin-bottom:               4pt;
   /* Colors: SidebarCaption */
   color:                       inherit;
   background-color:            #EEEE77;
   border-color:                #7FAA7F;
   /* Custom Style: SidebarCaption */
   visibility:                  visible;
}

div#pagefeature .sidebar > table.table,
.sidebar > table.table {
   /* Colors: SidebarTable */
   color:                       inherit;
   background-color:            transparent;
   box-shadow:                  1px 2px 3px #29314D;
   width:                       100%;
}
div#pagefeature .sidebar table.table caption {
   /* Colors: SidebarTableCaption */
   color:                       inherit;
   background-color:            transparent;
   box-shadow:                  1px 2px 3px #29314D;
}


/* ======================================== Standard Content ======================================== */
/* Style the various standard elements and classes we use in various places (links, headers, paragraphs, tables, etc.) */
a:link {
   /* Colors: Link */
   color:                       #007F00;
   background-color:            transparent;
}
a:visited {
   /* Colors: LinkVisited */
   color:                       #004F00;
   background-color:            transparent;
}
a:hover, a:active {
   /* Colors: LinkHover */
   color:                       #EEEE7F;
   background-color:            transparent;
}

div.h {
   display:                     inline-block;
   width:                       90%;
   border-top-right-radius:     1em;
   border-bottom-right-radius:  1em;
   font-size:                   150%;
   word-spacing:                0.1em;
   letter-spacing:              0.05em;
   padding-top:                 3pt;
   padding-bottom:              2pt;
   margin-bottom:               0.25em;
   /* Colors: DivH */
   color:                       black;
   background-color:            #EEEED0;
   border-color:                #3B9A3B;
   box-shadow:                  2px 3px 4px #AAAAAA;
   /* Image: DivH */
   background-image:            url(/img/transparentpixel.gif);
   background-repeat:           no-repeat;
   background-position:         center center;
}
div.politicallyimportanth {
   /* For when I have a nice consistent style set up so that everything on                                                                                                                     
      the website looks like it actually belongs on the site and was designed                                                                                                                  
      for it, and then someone important says, "This thing that I happen to                                                                                                                    
      be thinking about right at this moment is obviously way more crucial                                                                                                                     
      than any of the other things on the site.  Can we make it stand out more?"                                                                                                             
    */
   font-size:                    175%;
   margin-bottom:                0.5em;
   border:                       1px solid;
   /* Colors: DivHPoliticallyImportant */
   color:                        #990000;
   background-color:             #EEEE99;
   border-color:                 #AA8800;
   text-shadow:                  1px 1px 2px #665533;
   box-shadow:                   3px 4px 4px #999999;
   /* Image: DivHPoliticallyImportant */
   background-image:             url(/img/transparentpixel.gif);
   background-repeat:            no-repeat;
   background-position:          center center;
}
div.h > span.h {
   display:                     inline-block;
}

div.subh {
   /* Colors: SubH */
   color:                       black;
   background-color:            #EEEEDF;
   border-color:                #77B677;
   box-shadow:                  1px 2px 4px #CCCCCC;
   display:                     inline-block;
   min-width:                   200px;
   max-width:                   85%;
   border:                      2pt solid;
   border-top-right-radius:     1em;
   border-bottom-right-radius:  1em;
   font-size:                   120%;
   word-spacing:                0.1em;
   letter-spacing:              0.05em;
   padding-top:                 3pt;
   padding-bottom:              2pt;
   padding-right:               2em !important;
   margin-bottom:               0.2em;
}
div.p {
   margin-bottom:               1em;
}
div.politicallyimportantp {
   font-size:                   1.1em;
   margin-bottom:               1em;
}

cite {
   font-style:                  italic;
}
em, strong {
   /* Colors: Emphasis */
   color:                       inherit;
   background-color:            transparent;
   text-shadow:                 #7F7F7F 1px 1px 2px;
}
div.h em,
div.h strong {
   /* Colors: EmphasisMore */
   color:                       inherit;
   background-color:            transparent;
   text-shadow:                 #000000 1px 1px 2px;
}
em {
   text-decoration:             underline;
   font-style:                  normal;
}
strong {
   font-weight:                 bold;
   text-decoration:             underline;
}
strong em,
em strong {
   text-transform:              uppercase;
   font-style:                  normal;
   font-weight:                 bold;
   font-size:                   120%;
}

a.nohref {
   color:                       inherit;
}
a:target {
   /* Colors: AnchorTarget */
   color:                       inherit;
   background-color:            transparent;
   outline:                     2px solid red;
}

li + li {
   margin-top:                  0.25em;
}

.fnewsdate {
   /* Colors: NewsDate */
   color:                       inherit;
   background-color:            transparent;
   text-shadow:                 0px 1px 1px #007F00;
   font-weight:                 bold;
   font-style:                  italic;
   text-shadow:                 0px 1px 1px;
}

.clipleft {
  float:              left;
  border:             0;
  padding:            0.5em;
}
.clipright {
  float:              right;
  border:             0;
  padding:            0.5em;
}

.explan {
  font-size:          80%;
  font-style:         italic;
}
.lipsum {
  font-size:          90%;
  font-style:         italic;
}

sup {
  font-size:          inherit;
  font-size:          60% !important;
  vertical-align:     top;
}
sub {
  font-size:          inherit;
  font-size:          60% !important;
  vertical-align:     bottom;
}

.captionedimage {
  text-align:         center;
  margin:             0px;
  padding:            0px;
}
.captionedimage .caption,
.imagecaption {
  font-size:          90%;
  font-style:         italic;
}


table.table a,
table.table a:link,
table.table a:visited {
   /* Colors: TableLink *** Cascade */
}
table.table td {
   /* TODO: figure out how to not hardcode this. */
   border:                      1px solid;
   /* Colors: TableTD */
   color:                       inherit;
   background-color:            transparent;
   border-color:                white;
   /* Custom Style: TableTD */
   visibility:                  visible;
}

.colorone {
  /* Colors: ColorOne */
  color:                       #FF33FF;
  background-color:            transparent;
}
.colortwo {
  /* Colors: ColorTwo */
  color:                       #00FFFF;
  background-color:            transparent;
}
.colorthree {
  /* Colors: ColorThree */
  color:                       #FFFF00;
  background-color:            transparent;
}
.colorfour {
  /* Colors: ColorFour */
  color:                       #FF9966;
  background-color:            transparent;
}
.colorfive {
  /* Colors: ColorFive */
  color:                       #7F66FF;
  background-color:            transparent;
}
.colorone, .colortwo, .colorthree, .colorfour, .colorfive {
  /* The above colors are a bit light, so darken up the background a tad: */
  /* Colors: ColorsOneThruFive */
  color:                       inherit;
  background-color:            transparent;
  text-shadow:                 0px 0px 1px black, 0px 0px 2px black;
  /* Image: ColorsOneThruFive */
  background-image:            url(/img/style-elements/summer/fade-toward-black-15pct.png);
  background-repeat:           repeat;
  background-position:         center center;
  font-weight:                 bold;
}


div.categories {
   text-align:                 center;
}
div.categorygroup {
  /* Colors: CategoryGroup */
  color:                       inherit;
  background-color:            transparent;
  border-color:                #D7EED0;
  display:                     inline-block;
  vertical-align:              text-top;
  border:                      1px solid;
  border-radius:               1.5em;
  padding:                     0.25em;
  margin-bottom:               1em;
}
div.categorygroup > div.category {
/*  display:                     block; */
  display:                     inline-block; /* 2019 May */ 
  /* Colors: Category */
  color:                       black;
  background-color:            #EEEEEE;
}

div.categorygroup > .categorygrouplabel {
  /* Colors: CategoryGroupLabel */
  color:                       #333333;
  background-color:            transparent;
  text-shadow:                 2px 2px 1px #CCDDCC;
  display:                     block;
  font-size:                   135%;
  font-weight:                 bold;
}
div.category {
   text-align:                 center;
   display:                    inline-block;
   margin-left:                2em !important;
   margin-right:               2em !important;
}
div.category .categoryname {
   font-size:                  120%;
}
div.category .categorytagline {
   font-style:                 italic;
   max-width:                  200px;
}

div.warn,
div.error,
div.quesbox,
div.info,
div.inlinebox,
div.category,
div.authbox {
  /* Colors: Box */
  color:                       inherit;
  background-color:            transparent;
  border-color:                black;
  box-shadow:                  2pt 3pt 4pt #5A916E, 1pt 2pt 3pt #66B585;
  margin:                      1em;
  padding:                     1em;
  border:                      3pt solid;
  border-radius:               0.75em;
}
div.warn {
  /* Colors: Warning */
  color:                       #7F0000;
  background-color:            transparent;
  border-color:                #7F0000;
  text-shadow:                 1pt 1pt 0.5pt #915A6E;
  box-shadow:                  2pt 3pt 4pt #915A6E, 1pt 2pt 3pt #B58566;
  /* Image: Warning */
  background-image:            url(/img/ui-elements/icon-warning-msg.png);
  background-repeat:           no-repeat;
  background-position:         97% 50%;
}
div.error {
  /* Colors: Error */
  color:                       #7F0000;
  background-color:            #FFFFDD;
  border-color:                #7F0000;
  text-shadow:                 1pt 1pt 0.5pt #915A6E;
  box-shadow:                  2pt 3pt 4pt #915A6E, 1pt 2pt 3pt #B58566;
  /* Image: Error */
  background-image:            url(/img/ui-elements/icon-error-msg.png);
  background-repeat:           no-repeat;
  background-position:         97% 50%;
}
div.quesbox {
  /* Colors: Question */
  color:                       white;
  background-color:            #30476E;
  /* Image: Question */
  background-image:            url(/img/ui-elements/icon-question-msg.png);
  background-repeat:           no-repeat;
  background-position:         97% 50%;
}
div.info {
  /* Colors: Info */
  color:                       white;
  background-color:            #30476E;
  /* Image: Info */
  background-image:            url(/img/ui-elements/icon-info-msg.png);
  background-repeat:           no-repeat;
  background-position:         97% 50%;
}
div.error,
div.warn,
div.quesbox,
div.info {
   padding-right:              85px !important;
   min-height:                 70px;
   max-width:                  400px;
}

.inlinebox > div.h,
.inlinebox > .markupaggregator > div.h,
.category > div.h,
.category > .markupaggregator > div.h {
   border-radius:              1em;
   text-align:                 center;
}

div.preview {
  /* Colors: Preview */
  color:                       inherit;
  background-color:            transparent;
  border-color:                #D8729C;
  border:                      3pt outset;
  padding:                     1em;
}

.featuretitle {
  font-weight:                 bold;
}
.featureauthor {
  font-style:                  italic;
}


.inlineblock {
  display:                     inline-block;
}
img.expiredimg,
.expiredimg img {
  border:                      none;
}

span.zerowidth {
     /* Sometimes an element needs to exist, and the layout engine needs                                                                                                                       
        to think it has content (e.g., so that nearby floating elements                                                                                                                        
        will be aligned with it), but it should not be visible or take                                                                                                                         
        up any actual space.  This is somewhat bizarre, but it works. */
     visibility:       hidden !important;
     width:            21px   !important;
     min-width:        20px   !important;
     max-width:        21px   !important;
     margin-left:     -20px   !important;
}


/* ======================================== Featurebar ======================================== */
/* Horizontal-scrolling book jackets. */
div#junkbar > div#featurebar,
div#featurebar {
  display:               block;
/*
  clear:                 right;
  float:                 right;
*/
  margin-top:            3pt;
  width:                 100%;
  position:              relative;
  direction:             rtl;
  /* Colors: FeatureBar */
  color:                 inherit;
  background-color:      transparent;
}

div#featurebar > div.innerwrapper {
  direction:             ltr;
}
div#featurebar > div.innerwrapper div.scrolleritem {
  margin-left:           0em;
  max-height:            300px;
  padding:               1em;
  padding-bottom:        0.5em;
/*  border-radius:         50px; */
}
div#featurebar > div.innerwrapper div.scrolleritem img {
  max-height:            200px;
  /* Colors: FeatureBarJacket */
  color:                 inherit;
  background-color:      transparent;
}

div#featurebar .featuredregprint {
  /* Colors: FeaturedRegPrint */
  color:                 inherit;
  background-color:      transparent;
}
div#featurebar .featuredlargeprint {
  /* Colors: FeaturedLargePrint */
  color:                 inherit;
  background-color:      transparent;
}
div#featurebar .featuredpaperback {
  /* Colors: FeaturedPaperback */
  color:                 inherit;
  background-color:      transparent;
}
div#featurebar .featuredaudiocass,
div#featurebar .featuredaudiocd,
div#featurebar .featuredaudiodp {
  /* Colors: FeaturedAudio */
  color:                 inherit;
  background-color:      transparent;
}
div#featurebar .featureddvd {
  /* Colors: FeaturedDVD */
  color:                 inherit;
  background-color:      transparent;
}
div#featurebar .featuredbluray {
  /* Colors: FeaturedBluRay */
  color:                 inherit;
  background-color:      transparent;
}
div#featurebar .featuredmuscd {
  /* Colors: FeaturedMusic */
  color:                 inherit;
  background-color:      transparent;
}
div#featurebar .featuredebook,
div#featurebar .featuredeaudio {
  /* Colors: FeaturedEbook */
  color:                 inherit;
  background-color:      transparent;
}

div#featurebar .featuredrealia {
  __MAGIC__Color_Set:    FeaturedRealia;
}

div#featurebar .featuredregprint + .featuredregprint,
div#featurebar .featuredlargeprint + .featuredlargeprint,
div#featurebar .featuredpaperback + .featuredpaperback,
div#featurebar .featuredaudiocass + .featuredaudiocass,
div#featurebar .featuredaudiocass + .featuredaudiocd,
div#featurebar .featuredaudiocass + .featuredaudiodp,
div#featurebar .featuredaudiocd + .featuredaudiocass,
div#featurebar .featuredaudiocd + .featuredaudiocd,
div#featurebar .featuredaudiocd + .featuredaudiodp,
div#featurebar .featuredaudiodp + .featuredaudiocass,
div#featurebar .featuredaudiodp + .featuredaudiocd,
div#featurebar .featuredaudiodp + .featuredaudiodp,
div#featurebar .featureddvd + .featureddvd,
div#featurebar .featuredbluray + .featuredbluray,
div#featurebar .featuredmuscd + .featuredmuscd,
div#featurebar .featuredebook + .featuredebook,
div#featurebar .featuredebook + .featuredeaudio,
div#featurebar .featuredeaudio + .featuredebook,
div#featurebar .featuredeaudio + .featuredeaudio {
  __MAGIC__BgImage:      FeaturedFormatIbid;
}

div#featurebar .featuredregprint + .featuredregprint + .featuredregprint,
div#featurebar .featuredlargeprint + .featuredlargeprint + .featuredlargeprint,
div#featurebar .featuredpaperback + .featuredpaperback + .featuredpaperback,
div#featurebar .featureddvd + .featureddvd + .featureddvd,
div#featurebar .featuredbluray + .featuredbluray + .featuredbluray,
div#featurebar .featuredmuscd + .featuredmuscd + .featuredmuscd {
  __MAGIC__BgImage:      FeaturedFormatIbidIbid;
}

div#featurebar .featuredaudiocass + .featuredaudiocass + .featuredaudiocass,
div#featurebar .featuredaudiocass + .featuredaudiocd + .featuredaudiocass,
div#featurebar .featuredaudiocass + .featuredaudiodp + .featuredaudiocass,
div#featurebar .featuredaudiocd + .featuredaudiocass + .featuredaudiocass,
div#featurebar .featuredaudiocd + .featuredaudiocd + .featuredaudiocass,
div#featurebar .featuredaudiocd + .featuredaudiodp + .featuredaudiocass,
div#featurebar .featuredaudiodp + .featuredaudiocass + .featuredaudiocass,
div#featurebar .featuredaudiodp + .featuredaudiocd + .featuredaudiocass,
div#featurebar .featuredaudiodp + .featuredaudiodp + .featuredaudiocass,
div#featurebar .featuredaudiocass + .featuredaudiocass + .featuredaudiocd,
div#featurebar .featuredaudiocass + .featuredaudiocd + .featuredaudiocd,
div#featurebar .featuredaudiocass + .featuredaudiodp + .featuredaudiocd,
div#featurebar .featuredaudiocd + .featuredaudiocass + .featuredaudiocd,
div#featurebar .featuredaudiocd + .featuredaudiocd + .featuredaudiocd,
div#featurebar .featuredaudiocd + .featuredaudiodp + .featuredaudiocd,
div#featurebar .featuredaudiodp + .featuredaudiocass + .featuredaudiocd,
div#featurebar .featuredaudiodp + .featuredaudiocd + .featuredaudiocd,
div#featurebar .featuredaudiodp + .featuredaudiodp + .featuredaudiocd,
div#featurebar .featuredaudiocass + .featuredaudiocass + .featuredaudiodp,
div#featurebar .featuredaudiocass + .featuredaudiocd + .featuredaudiodp,
div#featurebar .featuredaudiocass + .featuredaudiodp + .featuredaudiodp,
div#featurebar .featuredaudiocd + .featuredaudiocass + .featuredaudiodp,
div#featurebar .featuredaudiocd + .featuredaudiocd + .featuredaudiodp,
div#featurebar .featuredaudiocd + .featuredaudiodp + .featuredaudiodp,
div#featurebar .featuredaudiodp + .featuredaudiocass + .featuredaudiodp,
div#featurebar .featuredaudiodp + .featuredaudiocd + .featuredaudiodp,
div#featurebar .featuredaudiodp + .featuredaudiodp + .featuredaudiodp {
  __MAGIC__BgImage:      FeaturedFormatIbidIbid;
}

div#featurebar .featuredebook + .featuredebook + .featuredebook,
div#featurebar .featuredebook + .featuredeaudio + .featuredebook,
div#featurebar .featuredeaudio + .featuredebook + .featuredebook,
div#featurebar .featuredeaudio + .featuredeaudio + .featuredebook,
div#featurebar .featuredebook + .featuredebook + .featuredeaudio,
div#featurebar .featuredebook + .featuredeaudio + .featuredeaudio,
div#featurebar .featuredeaudio + .featuredebook + .featuredeaudio,
div#featurebar .featuredeaudio + .featuredeaudio + .featuredeaudio {
  __MAGIC__BgImage:      FeaturedFormatIbidIbid;
}

div#featurebar .availformats {
  margin-top:            0.5em;
  height:                32px;
  text-align:            center;
  width:                 auto;
}
div#featurebar .availformats .fmtico {
  display:               inline-block;
  height:                32px;
  width:                 32px;
  text-decoration:       none;
}

div#featurebar .availformats .fmtico + .fmtico {
  display:               inline-block;
  margin-left:           6px;
}

.fmticoregprint,
.fmticopaperback {
  __MAGIC__BgImage:      FmtIcoBook;
}
.fmticolargeprint {
  __MAGIC__BgImage:      FmtIcoLargePrint;
}
.fmticoaudiocass,
.fmticoaudiocd,
.fmticoaudiodp {
  __MAGIC__BgImage:      FmtIcoAudio;
}
.fmticodvd {
  __MAGIC__BgImage:      FmtIcoDVD;
}
.fmticobluray {
  __MAGIC__BgImage:      FmtIcoBluRay;
}
.fmticomuscd {
  __MAGIC__BgImage:      FmtIcoMusic;
}
.fmticoebook {
  __MAGIC__BgImage:      FmtIcoEbook;
}
.fmticoeaudio {
  __MAGIC__BgImage:      FmtIcoEaudio;
}
.fmticorealia {
  __MAGIC__BgImage:      FmtIcoRealia;
}

/* ======================================== Standard Footer ======================================== */
/* Style the footer across the bottom of the page. */
div#sitefooter {
   /* Colors: Footer */
   color:                       inherit;
   background-color:            #EEEEB2;
   border-color:                #AAC2E8;
   box-shadow:                  0px 0px 0.25em 0.25em #EEEED0;
   /* Image: Footer */
   background-image:            url(/img/style-elements/spring/spring-gradient-H-80.png);
   background-repeat:           repeat-x;
   background-position:         top left;
   clear:                       both;
   padding:                     1em;
   margin-top:                  2em;
   text-align:                  center;
   padding-bottom:              45px;
   margin-top:                  2em;
}

div#bottomlinkbar {
   /* Colors: BottomLinkBar */
   color:                       black;
   background-color:            transparent;
   text-shadow:                 white 0px 0px 2px;
}
div#bottomlinkbar a:link,
div#bottomlinkbar a:visited {
   /* Colors: BottomLinkBarLink */
   color:                       #007F00;
   background-color:            transparent;
   text-shadow:                 #005F00 0px 1px 0px;
}

div#sitefooter span.scrdomain {
   margin-left:                -1px;
   padding-left:                21px;
   min-height:                  21px;
   /* Image: FtrAtSymbol */
   background-image:            url(/img/symbol64black.png);
   background-repeat:           no-repeat;
   background-position:         center left;
}


/* ======================================== Standard Calendar ======================================== */
/* Style the calendar. */
a.icalendarfeed {
   /* This doesn't change with stylesheet colorsets, because it's standardized,
      in much the same way that RSS feeds always use the same color of orange. */
   background-color:            #00D417;
   color:                       #FFFFFF;
   border:                      1px solid #98FA9D;
   border-right:                1px solid #00780B;
   border-bottom:               1px solid #003C03;
   font-size:                   10px;
   font-style:                  normal;
   font-family:                 Verdana, sans-serif;
   font-weight:                 bold;
   text-decoration:             none;
   padding-left:                3px;
   padding-right:               3px;
}

caption.monthname {
   /* Colors: CalMonthName */
   color:                       #002200;
   background-color:            transparent;
  padding:                      0.75em;
  padding-bottom:               0.25em;
  font-size:                    2em;
  font-family:                  "Georgia", "Bitstream Charter", "Bitstream Vera Serif", serif;
}
caption.monthname > a,
caption.monthname > a:link,
caption.monthname > a:visited {
  /* Colors: CalMonthLink *** Cascade */
  text-decoration:              none;
}
caption.monthname > a:hover {
  /* Colors: CalMonthLinkHover */
  color:                        #EEEE7F;
  background-color:             transparent;
  text-shadow:                  1px 1px 2px #000000;
  text-decoration:              none;
  font-weight:                  bold;
}

table.calendar {
  /* Colors: CalTable */
  color:                        #476E30;
  background-color:             transparent;
  margin-bottom:                3em;
  font-family:                 "Georgia", "Bitstream Charter", "Bitstream Vera Serif", serif;
}

table.calendar th,
table.calendar td {
  border:                       1pt solid;
}

table.calendar a,
table.calendar a:link,
table.calendar a:visited {
  /* Colors: CalLink *** Cascade */
}
table.calendar a:hover,
table.calendar a:active {
  /* Colors: CalLinkHover *** Cascade */
  font-weight:                  normal;
}
table.calendar td {
  vertical-align:    top;
}
th.calendar, td.thismonth {
  width:                        1.4%;
  border:                       1pt solid;
  /* Colors: CalThisMonth */
  color:                        inherit;
  background-color:             transparent;
  border-color:                 #476E30;
}
tr.calcellthisweek td {
  /* Colors: CalThisWeek */
  color:                        inherit;
  background-color:             transparent;
}
tr.calcellthisweek td.today {
  /* Colors: CalThisWeekToday */
  color:                        inherit;
  background-color:             transparent;
}

div.daynum {
  border-radius:                1.2em;
  max-width:                    2.5em;
  width:                        2.0em;
  min-width:                    1.5em;
  min-height:                   1.5em;
  text-align:                   center;
  padding-left:                 0.1em;
  padding-right:                0.1em;
  border:                       2pt solid;
  margin:                       1pt;
  /* Colors: DayNum */
  color:                        #A7CC6C;
  background-color:             #EEEECC;
  border-color:                 #EEEECC;
  /* Image: DayNum */
  background-image:             url(/img/transparentpixel.gif);
  background-repeat:            no-repeat;
  background-position:          center center;
}
tr.calcellthisweek div.daynum {
  border:                       2pt solid;
  /* Colors: CalThisWeekDayNum */
  color:                        #58A71D;
  background-color:             #EEEEAA;
  border-color:                 #EEEEAA;
  box-shadow:                   1pt 1pt 1pt #9CDB72;
}
div.daynum > span {
  font-size:         1.8em;
}
a.daynum {
  text-decoration:   none;
}

td.today {
  border:                       2pt solid;
  /* Colors: CalToday */
  color:                        inherit;
  background-color:             transparent;
}
tr.calcellthisweek td.today > div.daynum {
  border:                       1pt solid;
  width:                        auto;
  max-width:                    95%;
  text-align:                   left;
  margin:                       2pt;
  padding:                      2pt;
  /* Colors: CalTodayDayNum */
  color:                        #476E30;
  background-color:             transparent;
  border-color:                 #476E30;
  box-shadow:                   2px 2px #CCCCCC;
}
tr.calcellthisweek td.today > div.daynum:after {
  content:                      " (Today)";
  text-align:                   right;
  float:                        right;
  padding-right:                0.5em;
  border-radius:                1.5em;
}
th.calendar {
  text-align:                   center;
  font-weight:                  bold;
}
table.calendarthismonth th.calhthisdow {
  /* Colors: CalThisDowTH */
  color:                        inherit;
  background-color:             #EEEECC;
  text-shadow:                  1px 1px 1px #476E30;
}
tr.calcellthisweek > td.thismonth {
  /* Colors: CalThisWeekTD */
  color:                        inherit;
  background-color:             transparent;
  border-color:                 #004000;
  box-shadow:                   -1px -1px 2px #476E30, 1px 1px 2px #476E30;
  outline:                      2px solid #9CD872;
}
table.calendar td.othermonth {
  border:            none;
  /* Colors: CalOtherMonthTD */
  color:                        inherit;
  background-color:             #CCCCCC;
}
tr.week {
  background-color:             transparent;
  height:                       7em;
}

div.eventname {
  text-align:        center;
}
div.time {
  text-align:        center;
}
table.calendar img {
  border:            none;
}
.calimg {
  text-align:        center;
}

tr.noprint,
tr.noprint > td,
tr.noprint > td > a {
  /* Colors: CalNoPrint */
  color:                        #CCCCCC;
  background-color:             #333333;
  text-decoration:              line-through;
}
div.event, div.teenevent, div.adultevent, div.kidsevent {
  margin-bottom:     2pt;
}
div.teenevent {
  border:                       2pt solid;
  /* Colors: TeenEvent */
  color:                        inherit;
  background-color:             #C2AAE8;
  border-color:                 #47306E;
  text-shadow:                  1px 2px 2px #999999;
}
div.adultevent {
  border:                       2pt solid;
  /* Colors: AdultEvent */
  color:                        inherit;
  background-color:             #E8D0AA;
  border-color:                 #6E4730;
  text-shadow:                  1px 2px 2px #999999;
}
div.kidsevent {
  border:                       2pt solid;
  /* Colors: KidsEvent */
  color:                        inherit;
  background-color:             #D0DF94;
  border-color:                 #306E47;
  text-shadow:                  1px 2px 2px #999999;
}

div.allagesevent {
  border:                       2pt solid;
  /* Colors: AllAgesEvent */
  color:                        inherit;
  background-color:             #DDDDDD;
  border-color:                 black;
  text-shadow:                  1px 2px 2px #999999;
}
div.maeventa {
  border:                       2pt solid;
  padding:                      0.6em;
  /* Colors: MAEventA */
  color:                        inherit;
  background-color:             #E8D0AA;
  border-color:                 #6E4730;
}
div.maeventk {
  border:                       2pt solid;
  padding:                      0.6em;
  /* Colors: MAEventK */
  color:                        inherit;
  background-color:             #D0DF94;
  border-color:                 #306E47;
}
div.maeventt a:link {
  border:                       1pt solid;
  padding:                      0.2em;
  display:                      inline-block;
  /* Colors: MAEventT */
  color:                        inherit;
  background-color:             #C2AAE8;
  border-color:                 #47306E;
}


table.calendar div.teenevent a:hover,
table.calendar div.teenevent a:active {
  font-weight:                  normal;
  /* Colors: TeenEventLink */
  color:                        #47306E;
  background-color:             transparent;
  text-shadow:                  1px 1px 2px #6E5A91;
}
table.calendar div.kidsevent a:hover,
table.calendar div.kidsevent a:active {
  font-weight:                  normal;
  /* Colors: KidsEventLink */
  color:                        #406E47;
  background-color:             transparent;
  text-shadow:                  1px 1px 2px #51916E;
}
table.calendar div.adultevent a:hover,
table.calendar div.adultevent a:active {
  font-weight:                  normal;
  /* Colors: AdultEventLink */
  color:                        #6E4730;
  background-color:             transparent;
  text-shadow:                  1px 1px 2px #916E5A;
}


div.icalendarfeed {
  float:             right;
  margin-left:       2em;
  margin-top:        1em;
}

form.calendarviewform {
  font-weight:                  bold;
  border:                       2pt solid;
  margin-right:                 5em;
  padding:                      0.5em;
  /* Colors: CalViewForm */
  color:                        black;
  background-color:             #76B600;
  border-color:                 #004F00;
  text-shadow:                  1px 1px 2px #C2E8AA;
}

@media (max-width: 800px) {
  table.calendar img {
     height:           auto;
     width:            85%;
     max-width:        50px;
  }
  table.calendar tr th:first-child.calendar,
  table.calendar tr.week td:first-child {
     display:          none;
  }
}
@media (max-width: 640px) {
  table.calendar {
     hyphens:          auto;
    -webkit-hyphens:   auto;
    -moz-hyphens:      auto;
    -ms-hyphens:       auto;
     overflow-wrap:    break-word;
     border:           none;
  }
  table.calendar caption {
     border:           none;
  }
  table.calendar tr,
  table.calendar th,
  table.calendar td {
     margin:           0px;
     padding:          0px;
  }
  div.event, div.teenevent, div.adultevent, div.kidsevent {
     border:           none;
  }
  table.calendar th,
  table.calendar td {
     border-bottom:    none;
     border-right:     none;
  }
  table.calendar tr > :first-child + * {
     border-left:      none;
  }
}

@media (max-width: 525px) {
  table.calendar thead {
    display:           none;
  }
  table.calendar,
  table.calendar tbody,
  table.calendar caption {
    display:           block;
  }
  table.calendar tr {
    display:                      block;
    height:                       auto;
    border:                       3pt solid;
    /* Colors: NarrowCalTR */
    color:                        inherit;
    background-color:             transparent;
    border-color:                 #68964A;
  }
  table.calendar tr + tr {
    border-top:        0px;
  }
  table.calendar th,
  table.calendar td {
    display:           block !important;
    width:             100%;
    height:            auto;
    padding-bottom:    2pt;
    max-width:         100%;
  }
  table.calendar tbody tr td > div.daynum {
    /* Make room for the day of week indicator */
    max-width:         4em;
    width:             3.5em;
    min-width:         3.5em;
    text-align:        right;
    padding-right:     0.75em;
  }
  table.calendar div.daynum {
    font-family:       "Verdana", sans-serif;
  }
  table.calendar tbody tr td > div.daynum:before {
    display:           inline-block;
    margin-top:        1pt;
    float:             left;
    font-size:         80%;
    width:             1em;
    line-height:       85%;
    vertical-align:    middle;
    text-align:        center;
  }

  table.calendar tbody tr td:nth-child(1) > div.daynum:before {
    content:           "S U N";
  }
  table.calendar tbody tr td:nth-child(2) > div.daynum:before {
    content:           "M O N";
  }
  table.calendar tbody tr td:nth-child(3) > div.daynum:before {
    content:           "T U E";
  }
  table.calendar tbody tr td:nth-child(4) > div.daynum:before {
    content:           "W E D";
  }
  table.calendar tbody tr td:nth-child(5) > div.daynum:before {
    content:           "T H U";
  }
  table.calendar tbody tr td:nth-child(6) > div.daynum:before {
    content:           "F R I";
  }
  table.calendar tbody tr td:nth-child(7) > div.daynum:before {
    content:           "S A T";
  }
  table.calendar > tbody > tr > td {
    border:            0px;
  }
  table.calendar > tbody > tr > td + td {
    border-top:                   1pt solid;
    /* Colors: NarrowCalTDSep */
    color:                        inherit;
    background-color:             transparent;
    border-color:                 #8ABF65;
  }
  tr.calcellthisweek > td.thismonth {
    outline:                      0px;
  }
  tr.calcellthisweek td.today > div.daynum {
    display:                      inline-block;
  }
  tr.calcellthisweek td.today > div.daynum:after {
    text-align:                   left;
    float:                        none;
    display:                      inline;
  }
  div.daynum {
    border-top-left-radius:       0px;
    border-top-right-radius:      3pt;
    border-bottom-left-radius:    3pt;
    text-align:                   left;
  }
  table.calendar td.othermonth {
    display:                      none !important;
  }
  form.calendarviewform {
    margin-right:                 0px;
  }
}



/* ======================================== Strawpoll ======================================== */
/* Style the poll feature, even though we only rarely use it. */
form.poll,
.pollresults {
   font-family:          "Bitstream Vera Sans", "Verdana", sans-serif;
}

li.pollquestion,
div.pollquestionresult,
div.correct.p {
   margin-top:           0.5em;
   margin-bottom:        0.5em;
}
div.pollquestionresultquestion {
   font-size:            1.2em;
   margin-bottom:        0.25em;
}

.bargrapharea {
   /* Colors: BarGraphArea */
   color:                inherit;
   background-color:     #8DAEDF;
   border-color:         #30476E;
   box-shadow:           2pt 3pt 3pt #AAC2E8;
   border:               1px solid;
   padding:              2pt;
}
.bargraphbar {
   /* Colors: BarGraphBar */
   color:                #30476E;
   background-color:     #30476E;
   font-size:            120%;
}
.bargraphlabel {
   /* Colors: BarGraphLabel */
   color:                #29314D;
   background-color:     inherit;
}
th.bargraphlabel {
   text-align:           left;
}
.bargraphlabelnumber {
   font-weight:          bold;
}
.bargraphlabelpct {
   text-shadow:          none;
}
.bargraphlabelpct:before {
   content:              "(";
}
.bargraphlabelpct:after {
   content:              ")";
}


/* ======================================== Standard StaffStuff ======================================== */
/* Style various elements and classes that appear on staff-only pages. */
div.authbox {
   /* Colors: AuthBox */
   color:                       #554400;
   background-color:            #CCCBB3;
   border-color:                #AB8335;
   text-shadow:                 1pt 1pt 0.5pt #915A6E;
   box-shadow:                  2pt 3pt 4pt #916E5A, 1pt 2pt 3pt #B58566;
   float:                       right;
   margin-right:                0.5em;
}

div#webconsolesidebar,
div#multibar .sidebar {
   clear:                       left;
   float:                       left;
   width:                       auto;
   max-width:                   25em;
}

td.flagitem {
   font-size:                   80%;
}

span.markspam {
   /* Colors: MarkSpam */
   color:                       white;
   background-color:            #944029;
   float:                       right;
   padding:                     2pt;
}
.markspam a {
   /* Colors: MarkSpamLink */
   color:                       white;
   background-color:            transparent;
   text-decoration:             none;
}

.pendingimage {
   display:              inline-block;
   min-width:            10px;
   min-height:           10px;
   border:               2px dashed;
   /* Colors: SImagePending */
   color:                inherit;
   background-color:     transparent;
}                                                                                                                                                                   
.liveimage {
   display:              inline-block;
   min-width:            10px;
   min-height:           10px;
   border:               2px solid;
   /* Colors: SImageLive */
   color:                inherit;
   background-color:     transparent;
}


/* ======================================== Forum ======================================== */
/* Style the discussion forum (even though we haven't been using it). */
div#blogactions {
    border:                 2pt outset;
    background-repeat:      no-repeat;
    /* Colors: BlogActions */
    color:                  #00007F;
    background-color:       inherit;
    border-color:           #0030CF;
    outline:                0.5em solid white;
}
div#blogactions > div {
    border-bottom:          1pt solid;
    /* Colors: BlogActionsDiv */
    color:                  inherit;
    background-color:       transparent;
    border-color:           #00007F;
}
div#blogactions > div:last-child {
    border-bottom:      none;
}


.commentaction,
.articleaction,
.indexaction,
.messageaction {
    border:                 1pt outset;
    /* Colors: BlogActionNormal */
    color:                  inherit;
    background-color:       #E5EEFD;
    border-color:           #70A7FF;
}
.adminaction {
    border:                 1pt solid;
    /* Colors: BlogActionAdmin */
    color:                  inherit;
    background-color:       #AA4040;
    border-color:           #7F2020;
}
.adminaction a,
.adminaction a:link,
.adminaction a:visited {
    /* Colors: BlogActionAdminLink */
    color:                  white;
    background-color:       transparent;
}


div.comment,
div.message {
   border-left:            2pt solid;
   border-bottom:          2pt solid;
   padding-bottom:         4pt;
   margin-top:             1em;
   margin-bottom:          0.5em;
   /* Colors: BlogComment */
   color:                  inherit;
   background-color:       transparent;
   border-color:           #CCCCCC;
}
.commentfooter {
   margin-bottom:          0.25em;
}
div.comment div.comment {
   margin-left:            1em;
}

div.commentfriend,
div.commentstaff,
div.commentboard {
   border-left:             2pt solid;
   border-bottom:           2pt solid;
}

div.commentfriend {
    /* Colors: BlogCommentFriend */
    color:                  inherit;
    background-color:       transparent;
    border-color:           #70A7FF;
}
div.commentstaff {
    /* Colors: BlogCommentStaff */
    color:                  inherit;
    background-color:       transparent;
    border-color:           #30AA50;
}
div.commentboard {
    /* Colors: BlogCommentBoard */
    color:                  inherit;
    background-color:       transparent;
    border-color:           #7F2020;
}

div.commentheaderfriend {
   border-bottom:           1pt solid;
   /* Colors: BlogCommentHdrFriend */
   color:                   white;
   background-color:        #70A7FF;
   border-color:            #0030CF;
   text-shadow:             1px 1px 0px #0030CF;
}
div.commentheaderstaff {
   /* Colors: BlogCommentHdrStaff */
   color:                   white;
   background-color:        #30AA50;
   border-color:            #157F30;
   text-shadow:             1px 1px 0px #157F30;
}
div.commentheaderboard {
   border-bottom:           1pt solid;
    /* Colors: BlogCommentHdrBoard */
    color:                  white;
    background-color:       #AA4040;
    border-color:           #7F2020;
    text-shadow:            1px 1px 0px #7F2020;
}
div.commentheaderfriend a,
div.commentheaderstaff a,
div.commentheaderboard a {
    /* Colors: BlogCommentHdrLink */
    color:                  white;
    background-color:       transparent;
}

div.h .articledate,
div.h .commentdate {
    padding-right:         1.5em;
}

.commentdate,
.articledate,
.articlelabel {
   float:                  right;
   margin-left:            1em;
   margin-right:           1em;
   font-style:             italic;
   font-size:              82%;
   margin-top:             0.1em;
   word-spacing:           normal;
   letter-spacing:         normal;
}
.articlelabel {
   font-size:              76%;
   margin-top:             0.12em;
}

.comment > * {
   padding-left:           8pt;
}


div.agreements {
   /* Colors: BlogAgree */
   color:                  #00CC00;
   background-color:       transparent;
}
div.disagreements {
   /* Colors: BlogDisagree */
   color:                  #CC0000;
   background-color:       transparent;
}


/* ======================================== MaxWidth 1280 ======================================== */
/* Adjustments when the browser window is 1280px wide or less. */
@media (max-width: 1280px) {
   #snbarright > div.snbarcontents > div.snbaritem {
      width:                    70%;
      right:                    10%;
   }
   img {
      max-width:                100%;
      height:                   auto;
   }
   /* In the columnized footer, this becomes a problem very easily.  Nix it. */
   div#sitefooter div.contactinfo span.contactemail {
      display:                  none;
   }
}


/* ======================================== MaxWidth 1024 ======================================== */
/* Adjustments when the browser window is 1024px wide or less. */
@media (max-width: 1024px) {
   div#siteheader {
      /* Image: MW1024SiteHeader */
      background-image:            url(/img/style-elements/spring/spring-gradient-A-150.png);
      background-repeat:           repeat-x;
      background-position:         left bottom;
   }
   div#siteheadercontents {
      /* Image: MW1024SiteHeaderContents */
      background-image:            url(/img/transparentpixel.gif);
      background-repeat:           no-repeat;
      background-position:         center center;
   }
   div#sitenamebar {
      /* Image: MW1024SiteNameBar */
      background-image:            url(/img/style-elements/spring/gpl-front-spring-2004-003-150.png);
      background-repeat:           no-repeat;
      background-position:         bottom left;
      /* padding:                     0.5em; */
   }
   #snbarleft, #snbarmidl, #snbarright {
      height:                      150px;
   }
   span#snbarright {
      height:                      7em;
   }
   #snbarleft, #snbarright {
      min-width:                   238px;
   }
   #snbarright > div.snbarcontents > div.snbaritem {
      width:                    80%;
      right:                    5%;
      bottom:                   -1em;
   }
   div#sitenamesubbar {
      font-size:                225%;
   }
   div#sitenamesubbar img.gpllogo {
      /* Image: MW1024GPLLogo */
      background-image:         url(/img/logos/portico/004-A-white-32.png);
      background-repeat:        no-repeat;
      background-position:      center center;
      width:                    32px;
      height:                   32px;
   }
   div.category {
      margin-left:       1em !important;
      margin-right:      1em !important;
   }
   div#featurebar {
      width:             50%;
   }
   div#sitefooter {
      clear:                       both;
      padding:                     1em;
      margin-top:                  2em;
      text-align:                  center;
      padding-bottom:              45px;
      margin-top:                  2em;
      vertical-align:              middle;
   }

   div#sitefooter > div {
      display:                     block;
      max-width:                   100%;
      height:                      auto;
      min-height:                  1em;
      vertical-align:              top;
      padding-top:                 1pt;
      padding-bottom:              1pt;
   }
   div#sitefooter > div + div {
      margin-left:                 0px;
   }
   div#sitefooter > div#bottomlinkbar {
      max-width:                   100%;
   }
   div#sitefooter span.sepbullet {
      display:                     inline;
   }

}


/* ======================================== MaxWidth 850, 800, 700 ======================================== */
/* Adjustments when the browser window is 800px wide or less. */
@media (max-width: 850px) {
   div#siteheadercontents {
      /* Custom Style: MW850HdrContents */
      background-image:         url(/img/style-elements/spring/gradient-hznl-xparent-to-forest-green-480.png);
   }
}

@media (max-width: 800px) {
   div#siteheadercontents {
      __MAGIC__BgImage:            MW800SiteHeaderContents;
   }
   div#sitenamebar {
      padding-top:              1em;
      padding-bottom:           1em;
      min-height:               0px;
   }
   #snbarleft, #snbarmidl, #snbarright {
      display:                  block;
      width:                    100%;
      max-width:                100%;
      height:                   auto;
      min-height:               0;
   }
   .snbarcontents {
      position:                 static;
   }
   #snbarright {
      text-align:         right; /* Because the library photo is on the other side, in the background.  */
   }
   #snbarright > div.snbarcontents {
      display:                  block;
      width:                    100%;
      text-align:         right;
   }
   #snbarright > div.snbarcontents > div.snbaritem {
      display:                  inline-block;
      position:                 static;
      width:                    15em;
      bottom:                   auto;
      right:                    auto;
      margin-right:             1em;
      margin-top:               1em;
   }
   div#sitenamesubbar {
      font-size:                200%;
   }
   div#navbar {
      font-size:                0.85em;
   }
   div#multibar {
      width:                    30%;
      max-width:                15em;
      margin-right:             0.5em;
   }
   div#multibar > div,
   div#infobar > div,
   div#junkbar > div {
      margin-bottom:            0.25em;
      border-bottom:            none;
   }
   div#junkbar {
      font-size:                85%;
   }
   div#junkbar div > span.explan {
      display:                  none;
   }
   div#sectionbar > * {
      margin-bottom:            0.25em;
   }
   div#sectionbar > div.currentsection {
      /* Leave room for the outline. */
      margin-top:               0.5em;
      margin-bottom:            0.75em;
      margin-right:             0.5em;
   }
   div.sectionlabel {
      font-size:                1.25em;
   }
   div#blurbbar.crowded {
      float:                    none;
      margin-left:              35%;
      padding-left:             1em;
      width:                    60%;
      max-width:                60%;
   }
   div#blurbbar div.blurb + div.blurb + div.blurb + div.blurb {
      display:                  none;
   }
   div#blurbbar div.blurb + div.blurb + div.blurb + div.blurb:last-child {
      display:                  block;
   }
   div#pagefeature.crowded {
      clear:                    both;
      float:                    none;
      margin-left:              0px !important;
      margin-right:             0px !important;
   }
   div#pagefeature.hasmultibar {
      margin-left:              35%;
      padding-left:             0.25em;
   }
   div#pagefeature.hasblurbbar {
      margin-right:             0px;
      padding-right:            0.25em;
   }

   .sidebar img {
      margin-left:              0px;
      margin-right:             0px;
   }
   div#pagefeature.hasblurbbar img.biglogo {
      float:                    none;
      display:                  block;
      max-width:                90%;
      height:                   auto;
   }


   div#pagefeature.hasblurbbar .sidebar,
   div#pagefeature.hasmultibar .sidebar {
      float:                    none;
      width:                    auto;
      margin-left:              1em;
      margin-right:             1em;
   }
   div.h {
      width:                    80%;
   }
}

@media (max-width: 700px) {
   div#siteheadercontents {
      /* Custom Style: MW700HdrContents */
      background-image:         url(/img/style-elements/spring/gradient-hznl-xparent-to-forest-green-300.png);
   }
}


/* ======================================== MaxWidth 550 ======================================== */
/* Adjustments when the browser window is 550px wide or less. */
@media (max-width: 550px) {
   div#siteheadercontents {
      /* Custom Style: MW550HdrContents */
      background-image:         url(/img/style-elements/spring/gradient-hznl-xparent-to-forest-green-150.png);
   }
   div#siteheadercontents {
      /* Image: MW550SiteHeaderContents */
      background-image:         url(/img/transparentpixel.gif);
      background-repeat:        no-repeat;
      background-position:      center center;
   }

   div#sitenamesubbar img.gpllogo {
      display:                  none;
   }
   div#sitenamesubbar {
      padding-bottom:           0px;
   }
   div#navbar {
      display:                  none;
   }
   div#catalogbar form.barform input#catbarctrlSearchbarSimple_textboxTerm {
      min-width:                2em;
      width:                    6em;
      max-width:                80%;
   }
   div#infobar div.hours table.table tbody {
      font-size:                0.75em;
   }
   div#infobar div.hours table caption {
      border-top-left-radius:   1em;
      border-top-right-radius:  1em;
   }
   div#infobar div.hours table caption,
   div#infobar div.hours table td {
      /* Image: MW550InfoBarTD */
      background-image:         url(/img/style-elements/summer/fade-toward-black-33pct.png);
      background-repeat:        repeat;
      background-position:      center center;
   }
   div#siteheader div.contactinfo span {
      display:                  block;
   }
   div#siteheader div.contactinfo > span:nth-child(n):before {
      content:                  "";
   }
   div#pagefeature .sidebar {
      float:                    none;
      width:                    auto;
      margin:                   2pt;
      padding:                  2pt;
   }
   div#pagefeature.nomultibar.noblurbbar .sidebar {
      float:                    right;
      width:                    40%;
      padding:                  3pt;
      margin:                   0.25em;
      border:                   3pt solid;
      /* Colors: MW550Sidebar */
      color:                    inherit;
      background-color:         transparent;
      border-color:             #658ABF;
      /* Custom Style: MW550Sidebar */
      border-top-color:         #80AFF2;
      border-left-color:        #80AFF2;
   }
   div.category {
      margin-left:              auto !important;
      margin-right:             auto !important;
   }
   div#blurbscroller,
   div#eventscroller {
      width:                    95%;
      max-width:                95%;
   }
}


/* ======================================== MaxWidth 500 ======================================== */
/* Adjustments when the browser window is 500px wide or less. */
@media (max-width: 500px) {
   div#pagefeature {
      padding-left:             1pt;
   }
   div#pagefeature .sidebar {
      float:                    none;
      width:                    auto;
      border:                   none;
      margin:                   0px !important;
      padding:                  2px;
   }
   div#sitefooter div.contactinfo span.contactdetail {
      display:                  block;
   }
   div#sitefooter div.contactinfo span.sepbullet {
      display:                  none;
   }
/*                                                                                                                                                                                             
   div#sitefooter div.contactinfo span.contactemail {                                                                                                                                          
      display:                  inline;                                                                                                                                                        
   }                                                                                                                                                                                           
*/
   div.category .categoryimg img {
      width:                    103px;
      max-width:                100%;
      height:                   auto;
   }
   div.category .categoryname,
   div.category .categorytagline {
      max-width:                120px;
   }
   div#bottomlinkbar a,
   div#bottomlinkbar a:link,
   div#bottomlinkbar a:visited {
      display:                     inline;
   }

}


/* ======================================== MaxWidth 450 ======================================== */
/* Adjustments when the browser window is 450px wide or less. */
@media (max-width: 450px) {
   div#sitenamebar {
       background-image:        none;
   }
   div#siteheadercontents {
       background-image:        none;
   }
   #snbarleft, #snbarright {
      min-width:                0px;
   }
   #snbarright,
   #snbarright > div.snbarcontents {
       text-align:              center;
   }
   #snbarright > div.snbarcontents > div.snbaritem {
       margin-left:             2em;
       margin-right:            2em;
   }
   div#catalogbar > .barsec {
      float:                    none   !important;
      display:                  block  !important;
      margin:                   0px    !important;
      padding:                  0px    !important;
      text-align:               center !important;
   }
   div#catalogbar > .barsec .barbutton {
      margin-top:               3pt;
      margin-bottom:            3pt;
   }
   input, textarea {
       max-width:               95%;
   }
   .clipleft, .clipright {
       display:                 block;
       float:                   none;
       border:                  0px;
       padding:                 0px;
   }
   div#featurebar {
       display:                 none;
   }
   div#blurbscroller {
       display:                 block;
       width:                   100%;
       white-space:             normal;
       overflow:                auto;
       height:                  auto;
   }
   div#blurbscroller div.newsitem {
       width:                   100%;
   }
   div#blurbscroller div.blurbscrolleritem {
       max-height:              none;
   }
   div#blurbscroller div.blurbscrolleritem + div.blurbscrolleritem {
       display:                 none;
   }
}


/* ======================================== MaxWidth 400 ======================================== */
/* Adjustments when the browser window is 400px wide or less. */
@media (max-width: 400px) {
   .skip {
       display:                 block;
       text-align:              center;
   }
   #snbarright > div.snbarcontents > div.snbaritem {
       margin-left:             3pt;
       margin-right:            3pt;
   }
   div#multibar {
       background-color:        inherit;
    /* padding:                 2pt; */
   }
   div#blurbbar,
   div#multibar,
   div#blurbbar.crowded,
   div#multibar.crowded {
       float:                   none;
       clear:                   both;
       margin-left:             2px;
       margin-right:            2px;
       width:                   auto;
       max-width:               100%;
       padding:                 2pt;
   }
   div#multibar,
   div#sectionbar {
      float:                    none;
      width:                    100%;
      max-width:                100%;
      text-align:               center;
   }
   div#infobar div.hours table.table tbody {
      font-size:                inherit;
   }
   div#infobar div.hours table caption,
   div#infobar div.hours table td {
      background-image:         none;
   }

   div#sectionbar > * {
      margin:                   0px;
   }
   div#sectionbar div.currentsection {
      outline:                  none;
      background-color:         transparent;
   }
   div.sitesection div:first-child,
   div.currentsection div:first-child,
   div.sitesection div:last-child,
   div.sitesection div:last-child span:last-child {
      border-radius:            0px;
   }
   div.sectioncontents > span {
      padding-left:             0px;
   }
   div#infobar > div.hours {
      width:                    100%;
   }
   div#junkbar {
      display:                  none;
   }
   div.sectionlabel,
   div#blurbbar div.caption {
      font-size:                125%;
   }
   div#blurbbar > div,
   div#blurbbar div.caption {
      border-top-left-radius:   0px;
      border-top-right-radius:  0px;
   }
   div#blurbbar > div,
   div#blurbbar div#blurbbarrotcontrols {
      border-bottom-left-radius:    0px;
      border-bottom-right-radius:   0px;
   }
   div#blurbbar {
      margin-left:              0px;
      width:                    90%;
      max-width:                90%;
   }
   div#pagefeature {
      clear:                    both;
   }
   div#pagefeature,
   div#pagefeature.nomultibar,
   div#pagefeature.noblurbbar {
      margin-left:              1pt;
      margin-right:             1pt;
   }
   form.quickcatalogsearch input#catalogsearchterms {
      width:                    95%;
   }

   .sidebar {
      float:                    none;
      width:                    auto;
      border:                   none;
      margin:                   0px;
      padding:                  0px;
   }
   div.h {
      width:                    90%;
   }
}


/* ======================================== MaxWidth 325 ======================================== */
/* Adjustments when the browser window is 325px wide or less. */
@media (max-width: 325px) {
   #snbarright > div.snbarcontents > div.snbaritem {
      padding-left:             0px;
      padding-right:            0px;
      margin-left:              0px;
      margin-right:             0px;
      margin-bottom:            0px;
      border-radius:            0px;
   }
   div#sitenamebar {
      padding-bottom:           1em;
   }
}


/* ======================================== MaxWidth 250 ======================================== */
/* Adjustments when the browser window is 250px wide or less. */
@media (max-width: 250px) {
/*                                                                                                                                                                                             
   body {                                                                                                                                                                                      
      padding-left:             0px;                                                                                                                                                           
      padding-right:            0px;                                                                                                                                                           
   }                                                                                                                                                                                           
*/
   div#sitenamebar {
      padding-top:              1em;
      padding-bottom:           0px;
   }
   div#sitenamesubbar {
      font-size:                125%;
   }
   div.contactinfo > span {
/*    text-wrap:                unrestricted; */
      white-space:              normal;
   }
   #snbarleft  > div.snbarcontents > div,
   #snbarright > div.snbarcontents > div {
      font-size:                75%;
      width:                    100%;
      min-width:                1em;
      border-radius:            0px;
      white-space:              inherit;
/*    text-wrap:                unrestricted; */
      word-wrap:                break-word;
   }
   div#sectionbar,
   div#blurbbar {
      width:                    100%;
      margin-left:              auto;
      margin-right:             auto;
   }
   nobr {
      white-space:              normal;
   }
   div.error,
   div.warn,
   div.quesbox,
   div.info,
   div.inlinebox,
   div.category {
       margin-left:             1px;
       margin-right:            1px;
       background-image:        none;
       padding-right:           0px !important;
   }
   form.quickcatalogsearch input#catalogsearchterms {
      width:                    85%;
   }
}


/* ======================================== MaxWidth 200 ======================================== */
/* Adjustments when the browser window is 200px wide or less. */
@media (max-width: 200px) {
   div#sitenamesubbar,
   div.sectionlabel,
   div#infobar div.hours table.table caption,
   div#blurbbar div.caption,
   div.h, em strong, strong em {
      font-size:                100%;
   }
   span#snbarright > div.snbarcontents > div.snbaritem {
      display:                  none;
   }
   div#sitenamebar {
      padding-bottom:           0.5em;
   }
   div#sectionbar,
   div#blurbbar,
   div#blurbbar div.blurb,
   div#pagefeature,
   div#pagefeature.nosectionbar,
   div#pagefeature.noblurbbar,
   div#pagefeature > *,
   div#sitefooter {
      padding-left:             0px;
      padding-right:            0px;
      margin-left:              auto;
      margin-right:             auto;
      max-width:                100%;
   }
}



/* EOF */