Your Title Text
Your Subtitle text

Home Page

<!DOCTYPE html
    PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    
    <link type="text/css" rel="stylesheet" href="semproj.css" />

    <title>Griot Sessions</title>

    
       <style type="text/css">

 body {

    background:         #552211;
    border-style:       ridge;
    border-width:       15px;
    border-color:        #00FF14;
   
}
   

div.background   {
  margin:               7px 12px 7px 7px;
  width:                98.6%;
  height:                180px;
  background:             url(images/drum.gif);
  background-color:     #4AA82D;
  border:               none;
  }
 
div.transbox   {
  padding:               3px;
  margin-top:           17px;
  margin:                7px;
  text-align:           center;
  width:                75%;
  float:                right;
  background-color:     #00FF14;
  border:                none;
  }
    
.heading1 {
  border:               thin solid #AA7744;
  width:                auto;
  background-color:     #824A34;
  padding:              5px 5px 5px 5px;
  margin:                 40px 10px 40px 3px;
  text-align:           center;
  float:                left;
}

.heading2 {
  border:               thin solid #AA7744;
  width:                auto;
  background-color:     #824A34;
  padding:              5px 5px;
  margin:                  83px 20px 3px 3px;
  text-align:           center;
  float:                right;
   
}


h1, h2 {
    font-family:        "Comic Sans","Zapf Chancery",Parkavenue, cursive;
    font-weight:        bold;
    border:                none;
}

h1 {
    font-size:            30px;
    color:            #ffffff;
}

 

h2 {
    font-size:            15px;
    color:            #ffffff;
}

h3 {
    font-family:        "Comic Sans","Zapf Chancery",Parkavenue, cursive;
    padding:            5px 0px 3px 0px;
    font-size:            95%;
    font-weight:        bold;
    color:              #00FF14;
    text-align:            center;
    border:                solid #00FF14;
    background-color:   #824A34;
}

h4 {
    border:    none;
}

img    {
    border:    none;

}

.bottom    {
    margin-left:    15px;

}

.center    {
    text-align:    center;
    font-size:    16px;

}

.artist    {
    text-align:    center;
    font-size:    12px;
    padding:    3px;
    margin:        1px;

}

li    {
    font-family:    "Comic Sans","Zapf Chancery",Parkavenue, cursive;
    font-size:    12px;

}

p {
    font:    11.5px verdana, arial, helvetica, sans-serif;
    line-height:    1.5;
    padding:    2px;
    margin:    0px 0px 16px 0px;
    padding:    0px;
    }

 
.content {
    position:relative;
    width:    auto;
    min-width:    120px;
    margin:    25px 220px 20px 175px;
    border:    1px solid black;
    background-color:    #eee;
    padding:    10px;
    z-index:5;
    }
   
.contenta {
    position:relative;
    width:    auto;
    min-width:    120px;
    margin:    10px 220px 20px 175px;
    border:    1px solid black;
    background-color:    #eee;
    padding:    10px;
    z-index:4;
    }

.contentb {
    position:relative;
    width:    auto;
    min-width:    120px;
    margin:    10px 220px 20px 175px;
    border:    1px solid black;
    background-color:    #eee;
    padding:    10px;
    z-index:3;
    }

       
a:link, a:visited  {
    background:    #FC640E;
    color:#2598F6;
    border: 1px outset #F6CA8E;   
}

a:active {
    color:#EFF2A0;
    border: 2px outset #F6CA8E;

}
a:hover {
    background:#4E73F8;
    border: 2px outset #F6CA8E;
    color: black;
}   
   
#sidebargauche {
    position:    absolute;
    width:    150px;
    top:    251px;
    left:    20px;
    border:    1px;
    border-color:    #552211;
    background-color:    #eee;
    padding:    10px;
    margin-left:    15px;
    z-index:    2;
    voice-family:inherit;
    }

body>#sidebargauche {width:128px;}
       
#sidebargauche a {
    text-align:    center;
    display:    block;
    width:    9em;
    margin: 3px;
    margin-left:    0px;
    padding: 3px;
    padding-right: 1px;
    background-color:   #824A34;
    color:    #00FF14;
    font-size:    13px;
    font-family:        "Comic Sans","Zapf Chancery",Parkavenue, cursive;
    text-align:        center;
    font-weight:    bold;
    text-decoration:    none;
    border:                solid #333399;
}   

.menuleft    {
    margin-left:    1px;
}
   
#sidebaradroit {
    position:    absolute;
    width:    250px;
    top:    251px;
    right:    25px;
    border:    1px;
    border-color:    #552211;
    background-color:    #eee;
    padding:    10px;
    margin-right:    10px;
    z-index:    1;
    voice-family:inherit;
}

body>#sidebaradroit {width:168px;}

#sidebaradroit a {
    text-align:    center;
    display:    block;
    width:    12em;
    margin: -7px 1px;
    padding-right:    17px;
    background-color:   #824A34;
    color:    #00FF14;
    font-size:    12px;
    font-family:        "Comic Sans","Zapf Chancery",Parkavenue, cursive;
    text-align:        right;
    font-weight:    bold;
    text-decoration:    none;
    border:                solid #333399;
}
   
#footer {
  background-color:     #eee;
  padding:              10px;
  margin:               30px 0px 10px 0px;
  clear:                left;
}

.footer {
  font-size:            65%;
  text-align:           center;
  color:                #000000;
  border:                 1px;
  border-color:               #552211;
  background-color:     #00FF14;
  padding:              3px;
  padding-left:         3px;
  top:                    20px;
  margin:               3px 2px;
}

        
        
       
        
    </style>
    
</head>



<body>

    <h4>
        <a id="Home"></a>
    </h4>

    <div class="background">

    <div class="transbox">


       
 
    <h1 class="heading1">
      GRIOT SESSIONS
    </h1>

        <h2 class="heading2">
        Air Defense - Truth Outloud
        </h2>
 
    </div>
    </div>

    
<div class="content">
    <h3>WISDOM OF THE ANCESTORS, WORDS FROM THE WISE ONES</h3>




    
</div>


<div class="contenta">
    <h3>The Drums Give Us Strength...</h3>
    

    
    <p>Griot Sessions produces audio and video documentaries to build community awareness of vital issues and topics.
 Griot Sessions producers and hosts are Grayce Gadson and Ronda Dixon.  Tsadik Ngash rounds out the team with
film and video productions for television, theatrical, and community presentations.</p>


<object type="application/x-shockwave-flash"
        data="http://www.youtube.com/v/7j4sLKrT1VI"
        width="425" height="344">
   <param name="movie" value="http://www.youtube.com/v/7j4sLKrT1VI" />
</object>

<p>
    While we speak words in a language not of our ancestors, while we use a medium that is not as powerful, we do what we can until we can remember...the spirituality of the drums...</p>
</div>

<div class="contentb">
    <h3 class="artist">WELCOME to Griot Sessions</h3>
</div>

<div id="sidebargauche">


        
        
        <h3>Menu</h3>

     <p class="menuleft">          
        <a href="index.html">HOME</a>          
        <a href="html/aboutgs.html">ABOUT</a>
        <a href="html/aboutstudio.html">ABOUT STUDIO</a>
        <a href="html/instudio.html">IN STUDIO</a>
        <a href="html/editbay.html">IN EDIT BAY</a>
        <a href="html/bios.html">BIOS</a>
        <a href="html/audio.html">AUDIO</a>
        <a href="html/music.html">MUSIC</a>
        <a href="html/links.html">LINKS</a>
        <a href="html/guestbook.html">GUESTBOOK</a>
        <a href="html/contact.html">CONTACT</a>
    

    </p>

    
    
</div>

<div id="sidebaradroit">

        <h3>Audio Documentaries</h3>


    <p>
        <a href="http://www.donotgiveup.net/" title="Jewel Diamond Taylor">Jewel Diamond Taylor, Motivational Speaker</a><br />
        <a href="http://www.history.umd.edu/Freedmen/chronol.htm" title="African American Civil War Museum">African American Civil War Museum</a><br />
        <a href="http://www.karmicrelationships.com/karmic_relationships.html" title="Karmic Relationships">Dr. Charles Richards, Karmic Relationships</a><br />
        <a href="http://www.rituallegacy.com/" title="Ritual Legacies">Dr. Pat Gay, Ritual Legacies</a><br />
        <a href="http://www.maulanakarenga.org/" title="Dr. Maulana Karenga">Dr. Maulana Karenga, Kwanzaa, Kawaida Institute, CSULB Professor</a><br />
        <a href="http://uts.cc.utexas.edu/~rjensen/index.html" title="Robert Jensen">Robert Jensen, UT School of Journalism</a><br />
        <a href="http://www.rainbowpush.org/PHP/results.php" title="Jesse Jackson Operation PUSH">Jesse Jackson</a><br />
        <a href="http://www.leosullivan.net/leosbio.html" title="Leo Sullivan">Leo Sullivan</a><br />

    </p>
    
    
    </div>



<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>

    
            <h4><a class="bottom" href="index.html#Home"> <img src="buttons/drumbutton.gif" alt="Home" /></a></h4>
    
        <div id="footer">
                <p class="footer"> Last Updated: December 10, 2009,
                    &copy; 2004, 2009, Grayce Gadson.
                </p>

    </div>

    
</body>
</html>
Web Hosting Companies