body {background-color:  #CC99CC}
td.header {background-color:  #CC99CC}
td.pink {background-color: #ffccff}
blockquote,h2,p,ul,li {color: #660066; font-family: arial, helvectica }
h3 {color: #660066}
p.teal {color:teal; text-align:center; font-style: italic}
h1 { font-family:"lucida calligraphy", "Comic Sans MS", TSCu_Comic, cursive; 
text-align:center}

a:link    {color:purple}
a:visited {color:purple}
a:active  {color:#9F5F9F}
a:hover   {color:#9F5F9F}


ul.nav
{
text-align:center;
width:100%;
padding:0;
margin:0;
list-style-type:none
}
a.nav
{
width:8%;
height:4%;
text-decoration:none;
color:white;
padding: .2em 1em;
border-right: 1px ridge black;
border-left: 1px ridge black;
border-bottom: 1px ridge black;
border-top: 1px ridge black;
font-family:"lucida calligraphy", "Comic Sans MS", TSCu_Comic, cursive; 
text-align:center
}
a.nav:link {background-color:purple}
a.nav:visited {background-color:purple}
a.nav:active {background-color:#9f5f9f}
a.nav:hover {background-color:#9F5F9F}
li.nav {display:inline; font-family:"lucida calligraphy", "Comic Sans MS", TSCu_Comic, cursive;
text-align:center; color:white}

/* Float image to left of paragraph */
img.floatleft{
   float: left;
   margin-right: 5px;
}/* Float image to right of paragraph */
img.floatright{
   float: right;
}/* Center image between margins */
.center{
   width: 100%;
   text-align: center
}

li.smiley
{
   list-style-image: url("bullets/ani-smiley.gif");
}

/* Page header style */
#header{
   
     width: 100%;
     background-color: #CC99CC; 
    
}
/* Page footer style */
#footer{
     
     width: 100%;
     background-color: #CC99CC;
    
}