/* **********************  G E N E R A L  ********************** */

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

a {
  background-color:   transparent;
  color:              #0030CF; /* medium blue */
  text-decoration:    underline;
}
a:visited {
  background-color:   transparent;
  color:              #001867;
  text-decoration:    underline;
}

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

div.sidebar {
  float:              right;
  background-color:   #70A7FF; /* light blue */
  border:             4px outset #0030CF; /* medium blue */
  color:              white;
  font-family:        "Verdana", "Bitstream Vera Sans", sans-serif;
  font-size:          12pt;
  font-weight:        bold;
  padding:            3pt;
  max-width:          30%;
}
.sidebar {
  float:              right;
  background-color:   #70A7FF; /* light blue */
  border:             4px outset #0030CF; /* medium blue */
  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%;
  background-color:   #0030CF;
  color:              white;
  padding-top:        3px;
  padding-bottom:     3px;
}
.sidebar img {
  text-align:         center;
  padding:            1px;
  border:             2px solid #0030CF; /* medium blue */
}
.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 #0030CF;
}

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

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

ins {
  text-decoration:    inherit;
}

div.p {
  margin-top:         1em;
  margin-bottom:      1em;
}
div.h {
  margin-top:         1em;
  font-size:          1.1em;
  font-weight:        bold;
}

.fnewsdate {
  font-weight:        bold;
  font-style:         italic;
  color:              #0030CF; /* #547DBF; */
}

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

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

div#topbar {
  background-color:   #0030CF; /* medium blue */
  background-image:   url(/img/topbar-highlight.gif);
  background-repeat:  repeat-x;
  width:              100%;
  text-align:         right;
  vertical-align:     bottom;
}
div#topbar img {
  border:             0;
  padding:            0;
  margin:             0;
  vertical-align:     bottom;
}
div#topbar a {
  background-color:   transparent;
  color:              #FFFF00;
  text-decoration:    none;
}
div#topbar a:visited {
  background-color:   transparent;
  color:              #FFFFFF;
}
div#topbar a:hover,
div#topbar a:active {
  font-weight:        bold;
}
div#topbar .selected {
  background-color:   #70A7FF !important; /* light blue */
  font-weight:        bold;
  height:             100%;
  padding-left:       2px;
  padding-right:      2px;
  padding-top:        1px; /* This leaves one px of the toplinkbar's 2px padding showing above. */
}

span#toplinkbar {
  background-color:   #0030CF; /* medium blue */
  border:             0;
  color:              #FFFFFF;
  vertical-align:     bottom;
  height:             100%;
  padding:            0;
  padding-top:        2px;
}

div#sitenamebar {
  background-color:   #70A7FF; /* light blue */
  color:              #0030CF;
  padding-left:       0.75em;
  padding-top:        0.2em;
  padding-bottom:     0.2em;
  font-family:        "Georgia", "Bitstream Vera Serif", serif;
  font-size:          2.5em;
  text-align:         center;
  vertical-align:     middle;
  text-transform:     lowercase;
}
span#sitenamehighlight {
  color:              #FFFFFF;
}
span#sitename {
  font-style:         italic;
  font-weight:        bold;
}

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

.colorone {
  color:              #FF00FF;
  font-weight:        bold;
}
.colortwo { 
  color:              #00FFFF;
  font-weight:        bold;
}
.colorthree {
  color:              #FFFF00;
  font-weight:        bold;
}
.colorfour {
  color:              #FF7F7F;
  font-weight:        bold;
}
.colorfive {
  color:              #7FFF7F;
  font-weight:        bold;
}

form.quickcatalogsearch {
  text-align:         center;
}

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

div#sectionsidebar {
   clear:              right;
   float:              right;
   background-color:   transparent;

   padding-top:        0.5em;
   padding-left:       1em;
   padding-right:      1em;
   padding-bottom:     0.75em;
   margin-left:        1em;
   border-left:        3pt solid #70A7FF;
}
div#sectionsidebar a {
   font-weight:        bold;
   text-decoration:    none;
}
div#sectionsidebar div + div {
   padding-top:        0.5em;
}
div#sectionsidebar div div {
   margin-left:        1em;
   padding-top:        0.25em;
}

.skipnav {
   display:            none;
}

/* **********************  S E C T I O N S  ********************** */
/* (This is the old-style sitesections at the left.) */

div#sitesections { 
  float:              left;
  padding:            1em;
  padding-left:       0.75em;
  padding-top:        0.25em;
  margin-right:       1em;
  font-size:          1.2em;
  background-color:   inherit;
  color:              #00007F;
  background-image:   url(/img/circback.gif);
  background-repeat:  no-repeat;
}

div#sitesections ul {
  padding-left:       0;
  margin-left:        0;
}

div#sitesections ul ul {
  margin-left:        49px;
  padding-left:       25px;
}

div#sitesections ul ul ul {
  margin-left:        1em;
  padding-left:       0pt;
}

div#sitesections > ul > li {
  padding-bottom:     0.75em;
  vertical-align:     top;
  list-style-type:    none;
}

li.container {
  padding:            0;
}
li {
  font-weight:        normal;
}

div#sitesections ul li {
  padding-right:       1em; /* Leave room for expansion when it becomes bold on hover. */
}
div#sitesections ul li:hover {
  font-weight:        bold;
  padding-right:       0;
}

div#sitesections ul ul {
  margin-top:         0;
  margin-bottom:      0;
  padding-top:        0;
  padding-bottom:     0;
}

div#sitesections ul ul li {
  list-style-image:   none;
  list-style-type:    disc;
  font-size:          smaller;
  padding-top:        0; /* Opera appears to get this wrong after the user hovers and then moves the pointer away. */
  margin-top:         0; /* Gecko appears to get this wrong no matter what. */
  margin-bottom:      0; /* Gecko appears to get this wrong no matter what. */
}
div#sitesections ul ul li:hover {
  color:              #0030CF; /* medium blue */
}

div#sitesections li img,
div#sitesections li span {
  vertical-align:     top;
  margin:             0;
}

div#sitesections a {
  vertical-align:     top;
  text-decoration:    none;
}
div#sitesections a:visited,
div#sitesections a:hover,
div#sitesections a:active {
  color:              #0030CF; /* medium blue */
}

li.minor {
  font-size:          0.5em;
}

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

div#pagefeature { 
  color:              #000000;
  padding:            1em;
  margin:             1px;
  margin-left:        3pt;
  font-family:        "Georgia", "Bitstream Vera Serif", 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 black;
  background-color:   #FDE9AB;
  color:              black;
  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 */
  background-color:   #70A7FF; /* light blue */
  border:             4px outset #0030CF; /* medium blue */
  color:              white;
  font-family:        "Verdana", "Bitstream Vera Sans", sans-serif;
  font-size:          12pt;
  font-weight:        bold;
}
table.table caption {
  font-size:          1.25em;
  text-align:         center;
  background-color:   #0030CF;
  padding-top:        3px;
  padding-bottom:     3px;
}
table.table td {
  border:             1px outset white;
  padding:            2px;
}
th {
  font-weight:        bolder;
  text-align:         left;
  border-right:       2px solid #001867; /* dark blue */
  border-bottom:      2px solid #001867; /* dark blue */
  border-top:         2px solid white;
  border-left:        2px solid white;
  padding:            1px;
}
.numeric {
  text-align:         right;
}

.footnote {
  font-size:          0.7em;
  font-weight:        bold;
  font-style:         italic;
  color:              #666666;
  padding-left:       5em;
  padding-right:      5em;
  text-align:         justify;
}

.lipsum {
  font-style:         italic;
  color:              #666666;
}

div.category {
  margin:             1em;
  padding:            1em;
  text-align:         center;
  border:             3pt solid #70A7FF;
}
div.category img {
  border:             none;
}

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

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

div#sitefooter {
  background-color:   #70A7FF;
  color:              #0030CF;
  width:              100%;
  padding-top:        0.5em;
  padding-bottom:     0.5em;
  margin-top:         1em;
  margin-left:        0px;
  margin-right:       0px;
  border:             0;
  text-align:         center;
  clear:              both;
}
div#sitefooter > div {
  padding-right:      0.25em;
  padding-left:       0.25em;
}

div#bottomlinkbar {
  font-weight:        bold;
  border-top:         1px solid white;
  margin-top:         2px;
}

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 {
  background-image:   url(/img/symbol64mblue.png);
}

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

form.calendarviewform {
  background-color:   #70A7FF;
  color:              white;
  padding:            1em;
  border:             2pt outset #70A7FF;
}

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

div.articleheader {
   color:               white;
   background-color:    #0030CF;
}

div.comment,
div.message {
   border-left:         2pt solid #FDE9AB;
   border-bottom:       2pt solid #FDE9AB;
}

div.commentfriend {
   border-left:         2pt solid #70A7FF;
   border-bottom:       2pt solid #70A7FF;
}
div.commentstaff {
   border-left:         2pt solid #30AA50;
   border-bottom:       2pt solid #30AA50;
}
div.commentboard {
   border-left:         2pt solid #7F2020;
   border-bottom:       2pt solid #7F2020;
}

div.commentheader,
div.messageheader {
   background-color:    #FDE9AB;
   border-bottom:       1pt solid #FFE6BC;
   color:               #294D4A;
   border-bottom:       1pt solid #519993;
}
div.commentheaderfriend {
   background-color:    #70A7FF;
   border-bottom:       1pt solid #0030CF;
   color:               white;
}
div.commentheaderstaff {
   background-color:    #30AA50;
   border-bottom:       1pt solid #157F30;
   color:               white;
}
div.commentheaderboard {
   background-color:    #AA4040;
   border-bottom:       1pt solid #7F2020;
   color:               white;
}
div.commentheader a {
   color:               #294D4A;
}
div.commentheaderfriend a,
div.commentheaderstaff a,
div.commentheaderboard a {
   color:               white;
}

div.agreements {
   color:               #00CC00;
}
div.disagreements {
   color:               #CC0000;
}

div#blogactions {
    border:             2pt outset #0030CF;
    outline:            0.5em solid white;
    color:              #00007F;
    background-color:   inherit;
    background-image:   url(/img/circback.gif);
    background-repeat:  no-repeat;
}
div#blogactions > div {
    border-bottom:      1pt solid #00007F;
}

.commentaction,
.articleaction,
.indexaction,
.messageaction {
    background-color:   #E5EEFD;
    border:             1pt outset #70A7FF;
}

.adminaction {
    border:             1pt solid #7F2020;
    background-color:   #AA4040;
}
.adminaction a,
.adminaction a:link,
.adminaction a:visited {
    color:              white;
}

div.error {
    border:             2pt outset #7F0000;
    color:              #7F0000;
}
div.info {
    border:             2pt outset #0030CF;
    color:              #0030CF;
}

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