body {
background:white url(pics/backgroundimage.jpg) repeat;

}

 #top{

width: 100%;

float: right;

padding: 1px;
background: transparent;
color: white;

}
#top a{

background: transparent;
font-family: Comic Sans MS;
font-weight: bold;
font-size: 13px;
color: black;
}

#top a:hover{
background: transparent;
font-family: Comic Sans MS;
font-size: 13px;
color: #e13779;
}

h1 {
font-family: "Comic Sans MS Bold", "Comic Sans MS";
font-size: 30px;
color: black;
background: transparent;
}


h2 { 
font-family: "Comic Sans MS Bold", "Comic Sans MS";
font-size: 24px;
color: black;
background: transparent;
}



h3 {
font-family: "Comic Sans MS Bold", "Comic Sans MS";
font-size: 20px;
color: black;
background: transparent;
}


h4 { 
font-family: "Comic Sans MS Bold", "Comic Sans MS";
font-size: 16px;
color: black;
background: transparent;
}



p {font-family: "Comic Sans MS"}
p {font-size: 90%}
p.links {font-size: 90%}
p.links {color: white}




a {
font-family: "Comic Sans MS Bold", "Comic Sans MS";
color: purple;
background: transparent;
}

a:hover{
font-family: "Comic Sans MS Bold", "Comic Sans MS";
color: #e13779;
background: transparent;
}



a.add {font-family: "Book Antiqua"}
li  {font-family: "Comic Sans MS"}
ul  {font-family: "Comic Sans MS"}
font {font-family: "Comic Sans MS"}
font {font-size: 13px}

font.big{
font-family: "Comic Sans MS Bold", "Comic Sans MS";
font-size: 25px;
color: black;
}



font.2{
 font-family: Comic Sans MS;
font-size: 11px;
color: black;
}


#calendar{
font-size: 9px;
font-family: Comic Sans MS;
color: white;
width:100%;
}

#right{
float: right;
padding: 1px;

}



#left{
float: left;
position: absolute;

}


#address{
width:100%;
height: 20px;
padding: 0px;
}


hr{
background:white url(pics/menu2.gif) repeat-x bottom left;
width: 100%;
height: 7px;
}




#coolmenu{
border: 0px solid black;
border-bottom-width: 0;
width: 156px;
}

* html #coolmenu{ /*IE only rule, to negate the padding below IE includes in menu width.*/
width: 156px; 
}

#coolmenu a{
background: white url(pics/menu1.gif) repeat-x bottom left; 
font: bold 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
padding: 3px;
padding-left: 4px;
display: block;
width: 100%;
text-decoration: underline;
border-bottom: 0px solid black;
}

html>body #coolmenu a{ /*Non IE rule*/
width: auto; 
}

#coolmenu a:hover{
background: white url(pics/menu2.gif) repeat-x bottom left; 
font: bold 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: black;
}



#coolmenu2{
border: 0px solid black;
border-bottom-width: 0;
width: 156px;
}

* html #coolmenu2{ /*IE only rule, to negate the padding below IE includes in menu width.*/
width: 156px; 
}

#coolmenu2 a{
background: white url(pics/menu1.gif) repeat-x bottom left; 
font: bold 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
padding: 3px;
padding-left: 18px;
display: block;
width: 100%;
text-decoration: underline;
border-bottom: 0px solid black;
}

html>body #coolmenu2 a{ /*Non IE rule*/
width: auto; 
}

#coolmenu2 a:hover{
background: white url(pics/menu2.gif) repeat-x bottom left; 
font: bold 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: black;
}