/* ========================================================================
    Created    : 4th of November 2007, 15:35 CET
          by   : Tina Holmboe <tina@fogdo.net>

    Updated    : 4th of November 2007 15:35 CET
            by : Tina Holmboe <tina@fogdo.net>

    Media type : screen
    Usage      : Main layout.


    Please note that, when updating stylesheets, the following rules are to
    be observed:

      - Rulesets start in column 3.

      - Blocks are written with the opening curly bracket following the rule
        name and the ending bracket in column 0, alone.

      - A declaration start in column 1. Properties are separated from values
        by a colon (":") in column 25. Declarations always end with one
        whitespace and a semi-colon (" ;") whether needed by syntax or not.

      - Short-hand properties are not used. margin- and padding- are exempt.

      - Short-hand RGB codes are not used.

      - All 0 values which otherwise would take a unit is given ex.

    ======================================================================== */

   * {
    margin               : 0ex ;
    padding              : 0ex ;
    font-family          : "Trebuchet MS", sans-serif ;
   }


   * html body * {
    overflow             : visible ;
   } 


   html {
    height               : 100% ;
    margin-bottom        : 1px ;
   }


   body { 
    font-size            : 100.01% ;
    position             : relative ;
    color                : #000000 ;
    background-color     : #ffffff ;
    text-align           : left ;
    padding-left         : 1ex ;
    padding-right        : 1ex ;
   }


   h1 {
    font-size            : 110% ;
    font-weight          : 100 ;
    margin-bottom        : 4em ;
   }

   #header {
    -webkit-border-radius: 6px ; /* Note: non-standard */
    -moz-border-radius   : 6px ; /* Note: non-standard */
    border-radius        : 6px ; /* Note: CSS 3 */

    -webkit-box-shadow: 1px 1px 2px rgba(85,0,0,.2);
    -moz-box-shadow: 1px 1px 2px rgba(85,0,0,.2);
     box-shadow: 1px 1px 2px rgba(85,0,0,.2);
margin-top: 1ex ;
padding-top: 2px ;
padding-right: 2px ;
   }




   h2 {
/*     margin-top           : 2em ; */
clear: both ;
   }

   h2.headerInText {
    display              : inline ;
    font-size            : 100% ;
    color                : black ;
    background-color     : inherit ;
   }



   sup {
    font-size            : 70% ;
   }


   code {
    font-family          : "Andale Mono", "Secret Service Typewriter", monospace ;
   }





/* MAIN CONTENT */
   #content {
    margin-left          : auto ;
    margin-right         : auto ;
    width                : 97% ;
   }

   #content p + p {
    margin-top           : 1.3em ;
   }

   #content p {
    margin-left          : auto ;
    margin-right         : auto ;
    max-width            : 50em ;
   }


   #content ol {
    margin-left          : 2.5em ;
   }


   #content a:link, #content a:visited {
    color                : #692b69 ;
    font-weight          : 900 ;
   }

   #content a:link span, #content a:visited span {
    color                : #696969 ;
   }

   #content a:hover span {
    color                : #692b69 ;
   }


   #content table {
    margin-left          : auto ;
    margin-right         : auto ;
    width                : 75% ;
   }


   #content table caption {
    font-size            : 70% ;
    font-style           : italic ;
    text-align           : right ;
   }


   #content th {
border-color: #dcdcdc ;
border-width: 1px ;
border-style: solid ;
background-color: #eeeeee ;
color: #000000 ;
   }

   #content td {
border-color: #dcdcdc ;
border-width: 1px ;
border-style: solid ;
   }


   #content ul {
    margin-top           : 2em ;
    margin-left          : auto ;
    margin-right         : auto ;
    width                : 50% ;
   }
































   #navcontainer {
    margin-left          : auto ;
    margin-right         : auto ;
    margin-top           : 1.2em ;
    border-top-style     : solid ;
    border-top-color     : #999999 ;
    border-top-width     : 1px ;
    z-index              : 1 ;
    width                : 100% ;
    font-size            : 85% ;
   }

   #navcontainer ul {
    list-style-type      : none ;
    text-align           : center ;
    margin-top           : -8px ;
    padding              : 0 ;
    position             : relative ;
    z-index              : 2 ;
   }

   #navcontainer li {
    display              : inline ;
    text-align           : center ;
    margin               : 0 5px ;
    letter-spacing       : 1px ;
   }

   #navcontainer li a {
    padding              : 1px 7px ;
    color                : #666666 ;
    background-color     : #ffffff ;
    border-style         : solid ;
    border-color         : #cccccc ;
    border-width         : 1px ;
    text-decoration      : none;
    border-left-color    : #ffffff ;
    border-right-color   : #ffffff ;
   }

   #navcontainer li a:hover {
    color                : #000000 ;
    border               : 1px solid #c60000 ;
    border-top           : 2px solid #c60000 ;
    border-bottom        : 2px solid #c60000 ;
    border-left-color    : #ffffff ;
    border-right-color   : #ffffff ;
   }

   #navcontainer li a#current {
    color                : #000000 ;
    border               : 1px solid #666666 ;
    border-top           : 2px solid #400000 ;
    border-bottom        : 2px solid #400000 ;
    border-left-style    : none ;
    border-right-style   : none ;
   }

   #navcontainer a:link, #navcontainer a:visited {
    color                : #000000 ;
    font-weight          : 100 ;
   }

   #lowerMenu {
    margin-left          : auto ;
    margin-right         : auto ;
    width                : 75% ;
    margin-top           : 5em ;
    margin-bottom        : 4em ;
    border-style         : none ;
    border-top-style     : solid ;
    border-top-width     : 1px ;
    border-top-color     : #696969 ;
    padding-top          : 1ex ;
    clear                : both ;
   }

   #lowerMenu a:link, #lowerMenu a:visited {
    text-decoration      : none ;
    color                : black ;
   }

   #lowerMenu a:hover {
    color                : #c60000 ;
   }

   #lowerMenu li {
    list-style-type      : none ;
    display              : inline ;
   }

   #lowerMenu li + li {
    margin-left          : 2ex ;
   }

   #lowerMenu li:after {
    content              : "," ;
   }





   .entry {
    margin-left          : auto ;
    margin-right         : auto ;
    width                : 95% ;
   }

   .mainHeaderText {
    float               : left ;
   }

   .mainHeaderDate {
    float                : right ;
    letter-spacing       : 1px ;
   }


   #amazonSelfOptimized {
    clear                : both ;
    width                : 728px ;
    height               : 90px ;
    margin-top           : 4ex ;
    margin-left          : auto ;
    margin-right         : auto ;
   }


   .amazonProductLink {
    width                : 120px ;
    height               : 240px ;
    padding              : 1em ;
    float                : left ;
float: right ;
   }

   #amazonWishlist {
    width                : 650px ;
    margin-top           : 4ex ;
    margin-left          : auto ;
    margin-right         : auto ;
   }





 /* ========================================================================
    The following rules apply to the movie database table.
    ======================================================================== */

   #movies menu {
   }


   #movies #movie_sub_menu {
width: 95% ;
margin-left: auto ;
margin-right: auto ;
margin-bottom: 1em ;
   }

   #movies #movie_sub_menu li {
font-size: 75% ;
list-style-type: none ;
float: left ;
border-style: solid ;
border-width: 1px ;
border-color: #000000 ;
margin-left: 2em ;
padding-left: 2ex ;
padding-right: 2ex ;
text-align: center ;
   }



   h2.byHeader {
    font-size            : 70% ;
    font-weight          : 100 ;
    display              : inline ;
   }


   table.movieList {
    margin-bottom        : 3em ;
   }


   table.movieList, table.wishlist {
    margin-left          : auto ;
    margin-right         : auto ;
    width                : 90% ;
    font-size            : 80% ;
    clear                : both ;
   }

   table.movieList caption, table.wishlist caption {
    text-align           : right ;
    font-style           : italic ;
    letter-spacing       : 1px ;
   }

   table.movieList th, table.movieList td, table.wishlist th, table.wishlist td {
    border-style         : solid ;
    border-width         : 1px ;
    border-color         : #dcdcdc ;
    padding-top          : 0.5ex ;
    padding-bottom       : 0.5ex ;
    padding-left         : 0.5ex ;
    padding-right        : 0.5ex ;
   }

   table.movieList th, table.wishlist th {
    background-color     : #c60000 ;
    color                : #dcdcdc ;
    font-weight          : 900 ;
   }

   table.movieList a:link, table.wishlist a:link, table.movieList a:visited, table.wishlist a:visited {
    color                : #660000 ;
   }



   td.movieIndex, td.year, td.videoFormat, td.dvdZone {
    text-align           : center ;
    vertical-align       : middle ;
   }

   td.movieIndex {
    font-family          : "Andale Mono", "Courier New", monospace ;
    font-size            : 80% ;
    width                : 5ex !important ;
   }

   th.movieIndex {
    width                : 5ex !important ;
   }

   td.IMDb, td.position {
    text-align           : center ;
   }


   div#cover {
    width: 25% ;
    float: left ;
   }

/*
   div#cover img {
border-color: #7fff00 ;
border-style: solid ;
border-width: 4px ;
}
*/


   table.movieDetails {
    margin-left          : auto ;
    margin-right         : auto ;
    width: 50% !important ;
    font-size            : 80% ;
   }

   table.movieDetails th {
    text-align           : right ;
    padding-right        : 2em ;
   }


   ul.movieCovers {
    margin-left          : auto ;
    margin-right         : auto ;
    width                : 90% ;
   }

   ul.movieCovers li {
    height               : 72px ;
    width                : 25% ;
    float                : left ;
    list-style-type      : none ;
   }

   ul.genreMenu {
    margin-left          : auto ;
    margin-right         : auto ;
    width                : 90% ;
    padding-left         : 2em ;
   }

   ul.genreMenu li {
    font-size            : 70% ;
    list-style-type      : none ;
    float                : left ;
    margin-left          : 1em ;
   }

   ul.genreMenu a:link, ul.genreMenu a:visited {
    color                : #660000 ;
   }




   td.itemYear {
    width                : 2em ;
    text-align           : right ;
    padding-right        : 2px ;
    padding-left         : 2px ;
   }

   th.itemYear {
    width                : 2em ;
   }

   td.seen-0 {
    border-color         : green ;
   }

   td.seen-1 {
    background-color     : #dcdcdc !important ;
   }

   td.status-got {
    text-decoration      : line-through ;
    color                : #808080 !important ;
   }

   tr.got td, tr.got td a:link span, tr.got td a:link span {
    color                : #808080 !important ;
   }

   tr.got a:visited span {
    color                : #808080 !important ;
   }

   table.wishlist td {
    max-height           : 32px ;
   }

   td.itemType {
    cursor               : help ;
    width                : 32px ;
    height               : 32px ;
    padding              : 0 ;
    vertical-align       : baseline ;
    text-align           : center ;
   }

   td.itemPriority {
    width                : 1em ;
    text-align           : center ;
   }

   th.itemLocation, td.itemLocation {
    width                : 24px ;
    height               : 32px ;
   }

   td.itemUpdate {
    white-space          : pre ;
    font-family          : "Andale Mono", monospace ;
    font-size            : 75% ;
    text-align           : center ;
   }





 /* ========================================================================
    The following rules apply to the book database table. 
    ======================================================================== */

   h2.byHeader {
    font-size            : 70% ;
    font-weight          : 100 ;
    display              : inline ;
   }

   table.bookList, table.wishlist {
    margin-left          : auto ;
    margin-right         : auto ;
    width                : 90% ;
    font-size            : 80% ;
    clear                : both ;
   }

   table.bookList caption, table.wishlist caption {
    text-align           : right ;
    font-style           : italic ;
    letter-spacing       : 1px ;
   }

   table.bookList th, table.bookList td, table.wishlist th, table.wishlist td {
    border-style         : solid ;
    border-width         : 1px ;
    border-color         : #dcdcdc ;
    padding-top          : 0.5ex ;
    padding-bottom       : 0.5ex ;
    padding-left         : 0.5ex ;
    padding-right        : 0.5ex ;
   }

   table.bookList th, table.wishlist th {
    background-color     : #97ffbe ;
    color                : #000000 ;
    font-weight          : 900 ;
   }

   table.bookList a:link, table.wishlist a:link, table.bookList a:visited, table.wishlist a:visited {
    color                : #660000 ;
   }



   td.movieIndex, td.year, td.videoFormat, td.dvdZone {
    text-align           : center ;
    vertical-align       : middle ;
   }

   td.movieIndex {
    font-family          : "Andale Mono", "Courier New", monospace ;
    font-size            : 80% ;
    width                : 5ex !important ;
   }

   th.movieIndex {
    width                : 5ex !important ;
   }

   td.IMDb, td.position {
    text-align           : center ;
   }

   td.coverIcon {
    vertical-align       : bottom ;
    text-align           : center ;
   }


   table.movieDetails {
    margin-left          : auto ;
    margin-right         : auto ;
    width                : 90% ;
    font-size            : 80% ;
   }

   table.movieDetails th {
    text-align           : right ;
    padding-right        : 2em ;
   }


   ul.movieCovers {
    margin-left          : auto ;
    margin-right         : auto ;
    width                : 90% ;
   }

   ul.movieCovers li {
    height               : 72px ;
    width                : 25% ;
    float                : left ;
    list-style-type      : none ;
   }

   ul.genreMenu {
    margin-left          : auto ;
    margin-right         : auto ;
    width                : 90% ;
    padding-left         : 2em ;
   }

   ul.genreMenu li {
    font-size            : 70% ;
    list-style-type      : none ;
    float                : left ;
    margin-left          : 1em ;
   }

   ul.genreMenu a:link, ul.genreMenu a:visited {
    color                : #660000 ;
   }




   td.itemYear {
    width                : 2em ;
    text-align           : right ;
    padding-right        : 2px ;
    padding-left         : 2px ;
   }

   th.itemYear {
    width                : 2em ;
   }

   td.seen-0 {
    border-color         : green ;
   }

   td.seen-1 {
    background-color     : #dcdcdc !important ;
   }

   td.status-got {
    text-decoration      : line-through ;
    color                : #808080 !important ;
   }

   tr.got td, tr.got td a:link span, tr.got td a:link span {
    color                : #808080 !important ;
   }

   tr.got a:visited span {
    color                : #808080 !important ;
   }

   table.wishlist td {
    max-height           : 32px ;
   }

   td.itemType {
    cursor               : help ;
    width                : 32px ;
    height               : 32px ;
    padding              : 0 ;
    vertical-align       : baseline ;
    text-align           : center ;
   }

   td.itemPriority {
    width                : 1em ;
    text-align           : center ;
   }

   th.itemLocation, td.itemLocation {
    width                : 24px ;
    height               : 32px ;
   }

   td.itemUpdate {
    white-space          : pre ;
    font-family          : "Andale Mono", monospace ;
    font-size            : 75% ;
    text-align           : center ;
   }

   td.number {
    text-align           : right ;
   }






 /* ========================================================================
    These are used for software projects.
    ======================================================================== */


   li + ol li {
    margin-bottom         : 0.5ex ;
background-color: yellow ;
   }

   h1 + p#lastUpdate {
    width                : 45% ;
    font-size            : 70% ;
    margin-top           : -6em ;
    margin-left          : 1em ;
    border-style         : dotted ;
    border-width         : 1px ;
    border-color         : #dcdcdc ;
   }

   h3 + ol {
    margin-bottom        : 2ex ;
   }

   h3 + ol li {
    margin-bottom        : 1ex ;
    max-width            : 80ex ;
   }





   #alphaWarning {
    color                : #000000 ;
    background-color     : #ffbaba ;
    width                : 75% ;
    border-style         : solid ;
    border-width         : 1px ;
    border-color         : #ff0000 ;
    margin-left          : auto ;
    margin-right         : auto ;
   }


   table.dbTable {
    color                : #000000 ;
    background-color     : #fafafa ;
    width                : 95% ;
   }

   table.dbTable th, table.dbTable td {
    border-style         : solid ;
    border-width         : 1px ;
    border-color         : #dcdcdc ;
    empty-cells          : hide ;
    padding-left         : 2px ;
    padding-right        : 2px ;
   }

   table.dbTable th {
    color                : #000000 ;
    background-color     : #dcdcdc ;
   }

   table.dbTable td {
    color                : #000000 ;
    background-color     : #dcdcdc ;
   }

   th.dbTableName {
    color                : #000000 ;
    background-color     : #fafafa !important ;
    font-weight          : 900 ;
   }

   tr.dbTableProperties th {
    font-weight          : 100 ;
    font-style           : italic ;
   }




   table.optionsTable {
    width                : 95% ;
   }

   table.optionsTable th {
    font-weight          : 100 ;
    font-style           : italic ;
    border-right-style   : groove ;
    border-right-width   : 4px ;
    border-right-color   : #dcdcdc ;

    border-bottom-style  : groove ;
    border-bottom-width  : 4px ;
    border-bottom-color  : #dcdcdc ;

    border-top-style     : solid ;
    border-top-width     : 1px ;
    border-top-color     : #dcdcdc ;

    border-left-style    : solid ;
    border-left-width    : 1px ;
    border-left-color    : #dcdcdc ;
   }

   table.optionsTable th, table.optionsTable td {
    padding-left         : 1ex ;
    padding-right        : 1ex ;
   }






  div#lyrics {
  }

  div#lyrics h2 {
   font-size             : 90% ;
   font-weight           : 100 ;
   color                 : #000000 ;
   background-color      : inherit ;
width: 5em ;
height: 1em ;
line-height: 1em ;
padding-top: 0 ;
padding-bottom: 2px ;
float: left ;
border-style: none ;
border-color: green ;
border-width: 1px ;
border-bottom-style: dashed ;
  }

  div#lyrics p {
   white-space           : pre ;
  }



  #contentMenu {
   margin-left: 0em ;
   margin-top: 2em ;
   list-style-type: none ;
  }







/* blog-specific styles */
  #blog {
   outline-color: white ;
   outline-width: 1px ;
   outline-style: solid ;
  }


  #blog h1, #blog h2, #blog h3, #blog h4, #blog h5, #blog h6 {
   clear                 : both ;
  }




  #blog .entry {
   outline-color: white ;
   outline-width: 1px ;
   outline-style: solid ;
  }


  #blog h1 {
   margin-left           : auto ;
   margin-right          : auto ;
   text-align            : right ;
/*
   border-bottom-style   : solid ;
   border-bottom-width   : 2px ;
   border-bottom-color   : #850000 ;
*/
   padding-bottom        : 2px ;
   padding-top           : 2px ;
   letter-spacing        : 2px ;
   text-transform        : uppercase ;
   font-family           : "Trebuchet MS", sans-serif ;
   font-size             : 12px ;
margin-bottom: 2em ;
  }


  #blog h1 a {
   text-decoration       : none ;
  }


  #blog h1 a:link span, #blog h1 a:visited span {
   color                 : #000000 ;
   background-color      : transparent ;
  }


  #blog h2 {
   margin-left           : 10% ;
margin-left: 2% ;
   font-size             : 140% ;
   font-family           : Garamond, serif ;
   font-weight           : 100 ;
   letter-spacing        : 1px ;
  }


  #blog p + h2 {
   margin-top            : 2em ;
   margin-left           : 0% ;
  }


  #blog h3 {
   margin-top : 2em ;
   font-size: 80% ;
   font-weight: 900 ;
   letter-spacing: 1px ;
   text-transform: uppercase ;
margin-left: 2% ;
  }





  #blog p.author {
   clear                 : both ;
   font-size             : 70% ;
   font-family           : "Trebuchet MS", Verdana, sans-serif ;
   font-weight           : 100 ;
   margin-left           : 10% ;
margin-left: 3% ;
   margin-top            : 0ex ;
   margin-bottom         : 1em ;
  }


  #blog p.author a {
   font-weight           : 100 ;
  }


  #blog p.author a:link span, #blog p.author a:visited span {
   color                 : #000000 ;
   background-color      : transparent ;
  }


  #blog .recent {
   margin-top            : 0em ;
   list-style-type       : none ;
   margin-left           : 0ex ;
   font-weight           : 100 ;
   font-size             : 80% ;
  }


  #blog .recent li {
   margin-bottom         : 1ex ;
   white-space           : pre ;
   overflow             : hidden ;
  }


  #blog .recent .recentDate {
   font-size             : 90% ;
   margin-left           : 1em ;
  }


  #blog .recent a {
   text-decoration       : none ;
   font-style            : italic ;
   font-weight           : 100 ;
   letter-spacing        : 1px ;
  }


  #blog .recent a:link span, #blog .recent a:visited span {
   color                 : #000000 ;
   background-color      : transparent ;
  }


  #blog #friends a:link, #blog #friends a:active, #blog #friends a:visited {
   color                 : #000000 ;
   background-color      : transparent ;
  }



  #blog p {
   margin-left          : auto ;
   margin-right         : auto ;
   max-width            : 60em ;
  }


  #blog q:before {
   content              : "\201C" ;
  }


  #blog q:after {
   content              : "\201D" ;
  }


  #blog sup {
   font-size             : 70% ;
   font-weight           : 100 ;
   font-family           : Verdana, sans-serif ;
   vertical-align        : 28% ;
  }


  #blog .footnote {
   text-decoration       : none ;
  }


  #blog .footnote:link, #blog .footnote:visited {
   color                 : #660000 ;
   background-color      : #ffffff ;
  }


  #blog .footnote:active {
   color                 : #ff0000 ;
   background-color      : #ffffff ;
  }


  #blog .footnote:before {
   content               : " (" ;
  }


  #blog .footnote:after {
   content               : ") " ;
  }


  #blog blockquote {
   margin-top            : 1em ;
   margin-bottom         : 2em ;
   font-style            : italic ;
  }


  #blog blockquote p {
   max-width             : 35em ;
  }


  #blog .amazon_reference {
   margin-left           : auto ;
   margin-right          : auto ;
   width                 : 122px ;
   text-align            : center ;
  }


  #blog pre {
   font-family           : "Andale Mono", monospace ;
   font-size             : 80% ;
   margin-top            : 2em ;
   margin-bottom         : 2em ;
   padding-left          : 2em ;
   border-left-style     : dotted ;
   border-left-color     : green ;
   border-left-width     : 1px ;
  }


  #blog ul {
   width                 : 94% ;
  }











  #topnav {
   text-align           : center ;
  }



   /* Main content*/
   #col1 { 
    width                : 80% ;
    float                : right ;
   }


   #col1_content {
    padding              : 10px 20px 10px 10px ;
    padding              : 0px 20px 10px 10px ;
   }


   #col2 {
    display              :none ;
   }


   /* Left column */
   #col3 {
    margin-left          : 0ex ;
    margin-right         : 80% ;

    -webkit-border-radius: 6px ; /* Note: non-standard */
    -moz-border-radius   : 6px ; /* Note: non-standard */
    border-radius        : 6px ; /* Note: CSS 3 */

    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 1px 1px 2px rgba(0,0,0,.2);
     box-shadow: 1px 1px 2px rgba(0,0,0,.2);
   }


   #col3 p {
    font-size            : 70% ;
    font-weight          : 100 ;
   }


   #col3_content {
    padding: 10px 10px 10px 20px;
   }


   #col3 {
    border-right         : 1px #ddd solid ;
   }


   .info #friends {
    margin-top           : 2em ;
    list-style-type      : none ;
    font-size            : 80% ;
   }


   #col1_content .link {
    font-size            : 80% ;
    margin-top           : 2em ;
    margin-left          : 1ex ;
   }


   #col1_content .link a {
font-size: 90% ;
   }








   #blog a:link span, #blog a:active span, #blog a:visited span {
    color                : #000000 ;
    background-color     : transparent ;
   }


   #blog a:hover {
    color                : #ff0000 ;
    background-color     : transparent ;
   }


   #blog #lyrics {
    margin-top : 2em ;
   }


   #blog #note {
    margin-left          : auto ;
    margin-right         : auto ;
    width                : 50% ;
    font-size            : 75% ;
    color                : #ff0000 ;
    background-color     : #ffffff ;
   }





   a .imageFloatedLeftInText {
    margin-top           : 1ex ;
    margin-right         : 1.5ex ;
    margin-bottom        : 0.5ex ;
   }


   .imageFloatedLeftInText {
    float                : left ;
    margin-right         : 1ex ;
    border-style         : solid ;
    border-color         : #696969 ;
    border-width         : 1px 
   }


   a .imageFloatedRightInText {
    margin-top           : 1ex ;
    margin-left         : 1.5ex ;
    margin-bottom        : 0.5ex ;
   }


   .imageFloatedRightInText {
    float                : right ;
    margin-right         : 1ex ;
    border-style         : solid ;
    border-color         : #696969 ;
    border-width         : 1px 
   }





   .image_grid {
outline-color: white ;
outline-width: 1px ;
outline-style: solid ;

width: 75% !important ;
   }


   .image_grid li {
float: left ;
list-style-type: none ;
text-align: center ;
margin-left: 1em ;
margin-bottom: 1em ;
   }


div + h2 {
padding-top: 2em ;
}




/* GENERIC CLASS for row highlights */
   .table_row_highlight tr:hover td {
    color                : #000000 ;
    background-color     : #ffdc97 ;
   }