/* GPL-Stylesheet-ID: neon */
/* **********************  G E N E R A L  ********************** */

body {
  background-color:   #000000;
  color:              #FFFFFF;
  margin:             0px;
  font-family:        "Verdana", "Bitstream Vera Sans", sans-serif;
  font-size:          13pt;
}

a {
  background-color:   transparent;
  color:              #00FFFF;
  text-shadow:        #00FFFF 1px 1px 2px;
  text-decoration:    underline;
}
a:visited {
  background-color:   transparent;
  color:              #00FF7F;
  text-shadow:        #00FF7F 1px 1px 2px;
  text-decoration:    underline;
}

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

.sidebar {
  float:              right;
  border:             4pt solid #FF0000;
  color:              white;
  font-family:        "Verdana", "Bitstream Vera Sans", sans-serif;
  font-size:          12pt;
  font-weight:        bold;
  padding:            3pt;
  max-width:          30%;
}
.sidebar .caption {
  font-size:          1.25em;
  text-align:         center;
  width:              100%;
  border-bottom:      4pt solid #FF7F00;
  text-shadow:        #FF7F00 0px 0px 3px;
  color:              #FF7F00;
  padding-top:        3px;
  padding-bottom:     3px;
}
.sidebar img {
  text-align:         center;
  padding:            1px;
  border:             2px solid #00FFFF;
}
.sidebar img.symbol64 {
  border:             none;
  padding:            0px;
}

.sidebar .imgcaption {
  font-size:          0.8em;
  font-style:         italic;
}
.sidebar hr {
  width:              100%;
  height:             1em;
  background-color:   white;
  border:             4px inset #FFFF00;
}

img.symbol64 {
  width:              20px;
  height:             20px;
  background-image:   url(/img/symbol64mgnta.png);
  background-repeat:  no-repeat;
  vertical-align:     top;
}
span.scrdomain {
  background-image:   url(/img/symbol64mgnta.png);
}

img.galleryimg {
  border:             2px solid black;
  margin:             0.5em;
}

ins {
  text-decoration:    inherit;
}
del {
  text-decoration:    line-through;
}
div.p {
  margin-top:         1em;
  margin-bottom:      1em;
}
div.h {
  margin-top:         1em;
  font-size:          1.1em;
  font-weight:        bold;
  text-shadow:        #FFFFFF 0px 0px 2px;
}

.fnewsdate {
  font-weight:        bold;
  font-style:         italic;
  color:              #FF00FF;
  text-shadow:        #FF00FF 0px 0px 3px;
}

h1, h2 {
  text-shadow:        #FFFF00 0px -1px 4px;
}

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

ins {
  text-decoration:    inherit;
}
del {
  text-decoration:    line-through;
  text-shadow:        #FF7F00 1px 1px 3px;
  color:              #FF0000;
}

strong.major,
em.major {
  font-size:          1.25em;
  color:              #000000;
  text-shadow:        2px 2px 3px #000000;
  background-color:   #FF0000;
  padding:            2px;
  box-shadow:         1px -1px 2px #FF0000,
                     -1px  1px 2px #FF0000,
                     -2px -2px 4px #FF0000,
                      2px  2px 4px #FF0000;
}

.redcancel {
  text-shadow:        #FF7F00 1px 1px 3px;
  color:              #FF0000;
}

/* **********************  H E A D E R  ********************** */

div#siteheader {
  width:              100%;
  margin-right:       0;
}


div#sitenamebar {
  color:              #00FF00;
  text-shadow:        #00FF00 0px 1px 7px;
  border-bottom:      4pt solid #FF3333;
  padding-left:       0.75em;
  padding-top:        0.2em;
  padding-bottom:     0.7em;
  font-family:        "Georgia", "Bitstream Vera Serif", serif;
  font-size:          2.5em;
  text-align:         center;
  vertical-align:     middle;
}

span#sitenamehighlight {
  color:              #FFFFFF;
  text-shadow:        #FFFFFF 0px 0px 6px;
}
span#sitename {
  font-style:         italic;
  font-weight:        bold;
}

div#sitenamebar img.gpllogo {
  background-image:   url(/img/gpl-logo-h-white.png);
}

/* ***************  S E C T I O N   S I D E B A R  *************** */

div#sectionsidebar {
  margin-bottom:          1em;
  margin-left:            0em;
  margin-right:           0em;
  margin-top:             0em;
  padding:                1em;
  background-color:       yellow;
  border-top:             4pt solid black;
  min-height:             2.5em;
  position:               relative;
}
div.sectioncontents {
  white-space:            normal;
}
div#sectionsidebar > div {
  height:                 4em;
}

div#sectionsidebar div,
div#sectionsidebar div > div.sectionlabel {
  display:                inline;
}
div.sectionlabel {
  margin:                 0.5em;
  margin-right:           1px;
}
div.sectionlabel > a {
  background-color:       #FFFF00;
  border:                 2pt solid #0000FF;
  border-bottom:          none;
  padding-left:           1em;
  padding-right:          1em;
  padding-top:            0.5em;
  padding-bottom:         0.25em;
  vertical-align:         middle;
  position:               relative;
  top:                    -2.3em;
  border-radius:          0.5em;
 -moz-border-radius:      0.5em;
  text-decoration:        none;
  color:                  #0000FF;
  text-shadow:            #0000FF 1px 1px 1px, #0000FF 1px 1px 3px;
}
div#sectionsidebar > div.currentsection > div.sectionlabel > a {
  padding-bottom:         1em;
  font-weight:            bold;
  font-size:              1.25em;
  background-color:       #000000;
  color:                  #224444;
  border:                 1.5pt solid #00FFFF;
  text-shadow:            #00FFFF  1px 1px 0px,  #00FFFF  1px -1px 0px,
                          #00FFFF -1px 1px 0px,  #00FFFF -1px -1px 0px,
                          #00FFFF  3px 3px 3px,
                          #00FFFF -3px -3px 3px,
                          #00FFFF -3px  3px 3px,
                          #00FFFF  3px -3px 3px;
}

div#sectionsidebar > div > div.sectioncontents {
  display:                none;
}
div#sectionsidebar > div.currentsection > div.sectioncontents {
  background-color:       #000000;
  color:                  #00FFFF;
  display:                block;
  clear:                  left;
  padding:                0.35em;
  padding-left:           0.5em;
  padding-right:          0.5em;
  position:               absolute;
  top:                    0.4em;
  left:                   0em;
  right:                  0em;
  bottom:                 0em;
  overflow:               auto;
  border-bottom:          0.3em solid yellow;
  border-left:            0.3em solid yellow;
  border-right:           0.3em solid yellow;
}
div#sectionsidebar > div.currentsection > div.sectioncontents > div {
  display:                inline-block;
  vertical-align:         top;
}
div#sectionsidebar > div.currentsection > div.sectioncontents > div + div {
  display:                inline-block;
  padding-left:           0.5em;
}

div#sectionsidebar > div > div.sectioncontents a,
div#sectionsidebar > div > div.sectioncontents a:link,
div#sectionsidebar > div > div.sectioncontents a:visited {
  background-color:       transparent;
  color:                  #00FFFF;
  text-shadow:            #00FFFF 1px 1px 2px, #7FFFFF 1px 1px 4px;
}


.skipnav {
   display:            none !important;
}
/* ********************* B L U R B   B A R ********************* */

div#blurbbar {
   float:        right;
   width:        45%;
   text-align:   center;
}
div#blurbbar > div.caption {
   font-size:    1.2em;
}
div.blurb {
   display:      block;
   border:       4px solid blue;
   margin:       0.25em;
   padding:      0;
}
div.blurbcol,
div.blurb > div,
div.blurb > img {
   display:         table-cell;
   padding:         0.5em;
   vertical-align:  top;
}
div.blurbcol > img {
   vertical-align:  middle;
}


/* **********************  F E A T U R E  ********************** */

div#pagefeature { 
  color:              #FFFF00;
  text-shadow:        #FFFF00 0px 0px 2px;
  padding:            1em;
  margin:             1px;
  margin-left:        3pt;
  font-family:        "Comic Sans MS", "Verdana", "Bitstream Vera Sans", sans-serif;
  font-size:          14pt;
}

div#pagefeature > div {
  margin:             3px;
  padding-bottom:     1em;
}

div#pagefeature ul {
  margin-left:        1em;
  padding-left:       1em;
}
div#pagefeature ul li {
  margin-left:        1em;
}
.hugpreceding {
  margin-top:        -0.75em; /* Used e.g. for a list that belongs with the paragraph above it. */
}
div.address {
  margin-top:         0.2em;
  margin-bottom:      0.2em;
  padding-top:        4px; /* specified in px because it has to be just slightly larger than the box */
  padding-bottom:     4px; /* around the span.address, which looks wrong if it's more than about 2px. */
}
span.address {
/*
  border:             1px inset #0030CF;
  background-color:   #0030CF;
  color:              white;
*/
  border:             1px solid #FF0000;
  color:              #FF00FF;
  text-shadow:        #FF00FF 0px 0px 2px;
  padding:            2px;
  padding-left:       0.5em;
  padding-right:      0.5em;
}

table.table {
 /* i.e., a table that is really a table, not a layout mechanism */
  
  border:             2px solid #FF0000;
  color:              #00FF00;
  text-shadow:        #00FF00 0px 0px 3px;
  font-family:        "Verdana", "Bitstream Vera Sans", sans-serif;
  font-size:          12pt;
  font-weight:        bold;
}
table.table caption {
  font-size:          1.25em;
  text-align:         center;
  color:              #FF0000;
  text-shadow:        #FF0000 0px 0px 4px;
  padding-top:        3px;
  padding-bottom:     3px;
}
table.table td {
  border:             1px solid #FFAF00;
  padding:            2px;
}
th {
  font-weight:        bolder;
  text-align:         left;
  border:             2px solid #FFFF00;
  padding:            1px;
}
.numeric {
  text-align:         right;
}

.footnote {
  font-size:          0.7em;
  font-weight:        bold;
  font-style:         italic;
  color:              #7F7F7F;
  text-shadow:        #7F7F7F 0px 0px 4px;
  padding-left:       5em;
  padding-right:      5em;
  text-align:         justify;
}

.fineprint {
  font-size:          0.75em;
  text-shadow:        none;
}
.lipsum {
  font-style:         italic;
  color:              #7F7F7F;
  text-shadow:        #7F7F7F 0px 0px 4px;
}

div.inlinebox,
div.category {
  margin:             1em;
  padding:            1em;
  border:             3pt solid #009FFF;
}
div.category {
  text-align:         center;
}
div.inlinebox img,
div.category img {
  border:             none;
}

.colorone {
  color:              #FF00FF;
  text-shadow:        #FF00FF 0px 0px 3px;
  font-weight:        bold;
}
.colortwo { 
  color:              #00FFFF;
  text-shadow:        #00FFFF 0px 0px 3px;
  font-weight:        bold;
}
.colorthree {
  color:              #FFFF00;
  text-shadow:        #FFFF00 0px 0px 3px;
  font-weight:        bold;
}
.colorfour {
  color:              #FF7F00;
  text-shadow:        #FF7F00 0px 0px 3px;
  font-weight:        bold;
}
.colorfive {
  color:              #FF0000;
  text-shadow:        #FF0000 0px 0px 3px;
  font-weight:        bold;
}

form.quickcatalogsearch {
  text-align:         center;
}

div.hostedby {
  clear:              both;
  text-align:         right;
  float:              right;
  margin-top:         0.75em;
  margin-bottom:      -0.75em;
  color:              #FFFFFF;
  text-shadow:        #FFFFFF 0px 0px 3px;
}
span.hostedby {
  font-size:          12pt;
  font-style:         italic;
}
span.hostedby a:link,
span.hostedby a:visited {
  color:              inherit;
  text-shadow:        inherit;
}

/* **********************  F O O T E R  ********************** */

div#sitefooter {
  color:              #00FF00;
  text-shadow:        #00FF00 0px 0px 2px;
  border-top:         3px solid #00FF00;
  border-bottom:      3px solid #00FF00;
  width:              100%;
  padding-top:        0.5em;
  padding-bottom:     0.5em;
  margin-top:         1em;
  margin-left:        0px;
  margin-right:       0px;
  text-align:         center;
  clear:              both;
}
div#sitefooter > div {
  padding-right:      0.25em;
  padding-left:       0.25em;
  padding-top:        0.25em;
  margin-bottom:      0.25em;
}

div#bottomlinkbar {
  border-top:         3px solid #FFFF00;
  color:              #FFFF00;
  text-shadow:        #FFFF00 0px 0px 3px;
  font-weight:        bold;
  margin-top:         0.25em;
}

div#sitefooter a {
  font-weight:        normal;
}
div#sitefooter a:visited {
  background-color:   transparent;
}
div#sitefooter a:hover,
div#sitefooter a:active {
  font-weight:        bold;
  text-decoration:    none;
}

div#sitefooter img.symbol64,
div#sitefooter span.scrdomain {
  background-image:   url(/img/symbol64mgnta.png);
}

/* *******************  C A L E N D A R  ******************* */

form.calendarviewform {
  color:              #FF0000;
  text-shadow:        #FF0000 0px 0px 3px;
  padding:            1em;
  border:             2pt solid #FF0000;
}

caption.monthname {
  border-top:         2pt solid #FFFF00;
  border-left:        2pt solid #FFFF00;
  border-right:       2pt solid #FFFF00;
  color:              #FFFF00;
  text-shadow:        #FFFF00 0px 1px 7px;
  font-weight:        bold;
  background-color:   transparent;
}

table.calendar {
  border:             3pt solid #00FF00;
  color:              #00FF00;
  text-shadow:        #00FF00 0px 0px 4px;
  background-color:   transparent;
}

table.calendar a,
table.calendar a:link,
table.calendar a:visited {
  color:              #00FFFF;
  text-shadow:        #00FFFF 0px 0px 3px;
}

table.calendar a:hover,
table.calendar a:active {
  font-weight:        normal;
  color:              #FF0000;
  text-shadow:        #FF0000 0px 0px 5px;
}

table.calendar th {
  background-color:   transparent;
  border:             2pt solid #FFFF00;
}
table.calendar td {
  background-color:   transparent;
  border:             1pt solid #00FF00;
}

div.daynum span {
  color:              #007FFF;
  text-shadow:        #007FFF 0px 0px 5px;
}

table.calendar td.othermonth {
  border:             4pt solid black;
}

/* **********************  F O R U M  ********************** */

div.articleheader {
   color:               #FFFF00;
   text-shadow:         #FFFF00 0px 0px 4px;
   border:              2pt solid #FFFF00;
}

div.comment,
div.message {
   color:               #00FF00;
   text-shadow:         #00FF00 0px 0px 2px;
   border-left:         2pt solid #00FF00;
   border-bottom:       2pt solid #00FF00;
}

div.commentfriend {
   color:               #FF00FF;
   text-shadow:         #FF00FF 0px 0px 2px;
   border-left:         2pt solid #FF00FF;
   border-bottom:       2pt solid #FF00FF;
}
div.commentstaff {
   color:               #00FFFF;
   text-shadow:         #00FFFF 0px 0px 2px;
   border-left:         2pt solid #00FFFF;
   border-bottom:       2pt solid #00FFFF;
}
div.commentboard {
   color:               #FF0000;
   text-shadow:         #FF0000 0px 0px 2px;
   border-left:         2pt solid #FF0000;
   border-bottom:       2pt solid #FF0000;
}

div.commentheader,
div.messageheader {
   border:              2pt solid #00FF00;
   border-left-width:   0;
   color:               #00FF00;
   text-shadow:         #00FF00 0px 0px 4px;
}
div.commentheaderfriend {
   border:              2pt solid #FF00FF;
   color:               #FF00FF;
   text-shadow:         #FF00FF 0px 0px 4px;
   border-left-width:   0;
}
div.commentheaderstaff {
   border:              2pt solid #00FFFF;
   color:               #00FFFF;
   text-shadow:         #00FFFF 0px 0px 4px;
   border-left-width:   0;
}
div.commentheaderboard {
   border:              2pt solid #FF0000;
   color:               #FF0000;
   text-shadow:         #FF0000 0px 0px 5px;
   border-left-width:   0;
}
div.commentheader a,
div.commentheaderfriend a,
div.commentheaderstaff a,
div.commentheaderboard a {
   color:               white;
   text-shadow:         #FFFFFF 0px 0px 4px;
}

div.agreements {
   color:               #00CC00;
   text-shadow:         #00CC00 0px 0px 3px;
}
div.disagreements {
   color:               #CC0000;
   text-shadow:         #CC0000 0px 0px 3px;
}

div#blogactions {
    border:             2pt solid #FFFF00;
    outline:            0.5em solid #0000FF;
    color:              white;
    text-shadow:        #FFFFFF 0px 0px 3px;
    background-color:   inherit;
    background-repeat:  no-repeat;
}
div#blogactions > div {
    border-bottom:      1pt solid #0000FF;
}

.commentaction,
.articleaction,
.indexaction,
.messageaction {
    background-color:   black;
    border:             2pt solid #00FF00;
}

.adminaction {
    border:             2pt solid #FFFF00;
    background-color:   #AA4040;
}
.adminaction a,
.adminaction a:link,
.adminaction a:visited {
    color:              white;
    text-shadow:        #FFFF7F 0px 0px 3px;
}

div.error {
    border:             2pt outset #7F0000;
    color:              #7F0000;
    text-shadow:        #7F0000 0px 0px 3px;
}
div.info {
    border:             2pt outset #0030CF;
    color:              #0030CF;
    text-shadow:        #0030CF 0px 0px 3px;
}

div.discusslink {
    float:              right;
    background-color:   #70A7FF;
    color:              #0030CF;
    text-shadow:        #0030CF 0px 0px 2px;
    border:             2px outset #70A7FF;
    padding:            2px;
    padding-left:       0.5em;
    padding-right:      0.5em;
    margin-left:        0.25em;
    font-weight:        bold;
}

/* ******************* S T R A W P O L L ******************* */

div.pollquestionresult {
  margin-top:           1em;
  color:                #FF0000;
  text-shadow:          #FF0000 0px 0px 2px;
}
.bargrapharea {
  background-color:     transparent;
}
.bargraphbar {
  color:                #00FFFF;
  background-color:     #00FFFF;
  text-shadow:          none;
  font-size:            120%;
}
.bargraphlabel {
  background-color:     transparent;
  color:                #00FFFF;
  text-shadow:          #00FFFF 0px 0px 2px;
}

/* ***************** C E L L P H O N E S ****************** */

@media (max-width: 800px) {
   div#blurbbar {
      width:      35%;
   }
   div.blurb div.blurbcol {
      display:    block;
      padding:    2px;
   }
   div#sectionsidebar {
      font-size:  0.75em;
   }
   table#servicecategories td {
      display:      block;
   }
   div.p img {
      height:       auto;
      max-width:    100%;
   }
}

@media (max-width: 650px) {
   body {
      font-size:    0.8em;
   }
   div#pagefeature {
      padding:      0.1em;
   }
}

@media (max-width: 550px) {
   div#sectionsidebar {
      padding-left:    1pt;
      padding-right:   1pt;
      margin-bottom:   2pt;
   }
   div#sectionsidebar > div.currentsection > div.sectioncontents {
      padding-left:    1pt;
      padding-right:   1pt;
      left:            0px;
      right:           0px;
   }
   div.sectionlabel > a {
      padding-left:    0.2em;
      padding-right:   0.2em;
   }
   .clipleft,
   .clipright {
      float:          none;
   }
   div.blurb + div + div + div + div {
      display:        none;
   }
}
@media (max-width: 500px) {
   div#blurbbar {
      float:          none;
      width:          100%;
   }
   div.sidebar, .sidebar {
      float:          none;
      max-width:      90%;
   }
   div#blurbbar img {
      display:        none;
   }
   div#sectionsidebar > div.currentsection > div.sectionlabel {
      display:         none;
   }
   div#sitenamebar img.gpllogo {
      display:      block;
      text-align:   center;
      margin-left:  auto;
      margin-right: auto;
   }
   .clipleft,
   .clipright {
      float:        none;
      height:       auto;
      max-width:    90%;
      padding:      0px;
   }
   div#pagefeature {
      margin-left:  1px;
   }
}
@media (max-width: 450px) {
   table.categories td {
      display:      block;
   }
   table#servicecategories img {
      display:      none;
   }
   div.sidebar, .sidebar,
   .clipleft, .clipright {
      max-width:      100%;
   }
   .sidebar img {
      height:       auto;
      max-width:    90%;
   }
}

@media (max-width: 350px) {
   div#sectionsidebar {
      display:      none !important;
   }
   div#sitefooter {
      margin-bottom:   0px;
   }
}
