*{ font-size: 12px;
    font-weight: normal;
    font-family: Verdana,Helvetica,sans-serif;
   line-height: 22px;
}
body{ 
      text-align: center;
      background-color: DarkSeaGreen ; 
      padding: 0px;
      margin: 0px;
      }

b{  font-weight: bold; }

blockquote{ 
            margin: 8px 24px 8px 24px;

            font-family: georgia;
            font-style: italic;
            border-top: 1px solid #cccccc;
            border-bottom: 1px solid #cccccc;
            background-color: #f3f3ff;
            }
ul{ 
    padding: 0px;
    margin: 0px;
    }
li { 
     list-style-type: none;
     margin: 0px;
     padding: 0px;
     padding-left: 8px;
     background-color: transparent;
     }
ol{
    padding: 0px;
    margin-top: 4px;
    margin-bottom: 4px;
    padding-left: 10px;
    margin-left: 10px;
    }
ol li { 
        list-style-type: decimal;
        padding: 0px;
        }
h3 { font-weight: bold; margin: 4px; padding: 0px;}
form{ 
      margin: 0px;}
input{ 
       width: 116px;
       }
pre { overflow: auto;
      margin: 6px;
      padding: 4px;
      border: 1px dashed maroon;
      background-color: #f0f0f0;
      color: navy;
      }
a{ 
   text-decoration: none;
   border-bottom: 1px dashed DarkSeaGreen ;
   }
.section a:hover { 
          text-decoration: none;
          border-bottom: 1px solid DarkSeaGreen ;
          background-color: #f0f0f0;
          }

/*----------------
  #page and #indexpage
------------------*/
#page, #indexpage { 
                    text-align: left;
                    background-color: snow;
                    width: 800px;
                    border-bottom: 6px solid #cccccc;
                    margin-right: auto;
                    margin-left: auto;
                    padding: 0px;
                    }
/*----------------
  LOGO 
------------------*/
#logo{ 
       background: DarkSeaGreen  url(../images/activitiesB.jpg) no-repeat top left;
       border-bottom: 6px solid #cccccc;
       }
#logo a { 
         display: block;
         width: 100%;
         height: 128px;
         border: none;
         text-decoration: none;
         margin: 0px;
         padding: 0px;
         }
#logo a h1{ 
            display: none;
            }
#logo h2 { 
           display: none;
           }
					 
/*----------------
  LOGO 
------------------*/
#topnav{ 
       border-bottom: 6px solid #cccccc;
       }
#topnav a { 
         margin-left: 8px;
         margin-top: 4px;
         border-left: 2px solid #cccccc;
         padding-left: 4px;
         line-height: 14px;
         background-color: #efefef;
         font-size: 11px;
         color: navy;
         overflow: auto;
         white-space: nowrap;
         }
#topnav a h1{ 
            display: none;
            }
#topnav h2 { 
           display: none;
           }
/*----------------
  SEARCH
------------------*/
#search { 
          display: none;
          }
/*----------------
  CENTER
------------------*/

#page #center{ 
               width: 668px;
               margin: 0px;
               }
#center{ 
         width: 516px;
         margin: 0px;
         margin-right: 4px;
         padding: 0px;
         float: right;
         }
/*----------------
  LEFT & RIGHT
------------------*/

#left, #right{ 
               margin: 0px;
               padding: 0px;
               }
#left{ 
       padding-left: 4px;
       margin: 0px;
       width: 110px;
       }

#page #left{ 
       padding-left: 4px;
       margin: 0px;
       width: 120px;
             
             }

#right{ 
        width: 156px;
        float: right;
        }
#right li{ 
           font-size: 10px;
          }
#left li, #right li{ 
                     border-bottom: 1px dashed #aaaaaa;
                     }

#left h2, #right h2
{ 
  margin: 0px;
  padding: 4px 0px 0px 0px;
  border-bottom: 2px solid #dddddd;
}
h2 a, h2 span { font-weight: bold;}
#left a, #right a{ 
                   text-decoration: none;
                   border: none;
                   }
#left li , #right li{ 
                      margin-left: 0px;
                      padding-left: 0px;
                      padding-right: 0px;
                      margin-right: 0px;
                      }
#left li a, #right li a{ 
                         border-left: 6px solid snow;
                         border-right: 6px solid snow;
                         display: block;
                         background-color: snow;
                         margin: 0px;
                         padding: 0px;
font-size: 11px;
line-height: 18px;
                          }
#left li a:hover, #right li a:hover{ 
                                     margin: 0px;
                                     padding: 0px;
                                     border-left: 6px solid DarkSeaGreen ;
                                     border-right: 6px solid DarkSeaGreen ;
                                     background-color: #f0f0f0;
                                     display: block;
                                     background-color: #f0f0f0;

                         }
/*----------------
  XANADB blog elements
------------------*/

.source{ 
         margin-left: 8px;
         margin-top: 4px;
         border-left: 2px solid #cccccc;
         padding-left: 4px;
         line-height: 14px;
         background-color: #efefef;
         font-size: 11px;
         color: navy;
         overflow: auto;
         white-space: nowrap;
         width: 492px;
         font-family:  "courier new", "andale mono", "bitstream vera sans mono";
         }
.log{ 
         border-top: 1px dashed #cccccc;
         border-bottom: 1px dashed #cccccc;
      color: DarkSeaGreen ;
      }
.momentsvideos{ 
                display: none;
                }
.story
{ 
  position: relative;
  padding: 4px;
padding-bottom: 18px;

  }

.story h1 a , .story h1 span{ 
border: none; 
font-weight: bold;
border-left: 12px solid DarkSeaGreen ;
padding: 0px;
margin: 0px;
padding-left: 4px;

}
.section { 
         border-top: 2px solid #dddddd;
         }


.story h2{ 
margin: 0px;
color: DarkSeaGreen ;
font-weight: bold;
position: absolute;
top: 4px;
right: 4px;
padding-left: 4px;
padding-right; 4px;
            }

.story h1{ 
margin: 0px;            

            }
.update{ 
         border-top: 1px dashed #cccccc;
         margin: 4px;
         padding: 4px;
         }
.update p { 
            margin: 0px;
            padding: 0px;
 }
.sidebar { 
           color: DarkSeaGreen ;
           border-top: 1px solid #cccccc;
           border-bottom: 1px solid #cccccc;
           margin: 4px;
           padding: 4px;
           line-height: 20px;
           background-color: #eeeeee;
           }
.preface{ 
          background-color: #eeeeee;
          font-style: italic;
          padding-left: 8px;
          padding-right: 8px;
          }
.tinyblog { 
            }
.tinyblog a, .related a{ 
             
             }