* 
{
/* General rule applies to all padding and margins on the page */

   margin: 0 auto 0 auto; /* top right bottom left */
   text-decoration: none;
   border:0;
   background-color: #F4FAF8;
}

#body{
width: 100%;
height: 100%;
font-family: verdana,helvetica,arial,sans-serif;
text-align: center;
background-color: #F4FAF8;
}

#background{
text-align:left;
width:860px;
height:590px;
background-color: #F4FAF8;
margin: 50px 12px 12px 12px;
}

#left{
width: 300px;
height: 645px;
float:left;
}

#para{
width:80%
}


A:visited{
color: #cc66cc} 

A:active{
color: #ffccff}
 
A:hover{
color: yellow}

#picborder{
border-style: solid;
}


a:link{text-decoration:none; color:#64379B;}
a:visited{text-decoration:none; color:#64379B;}
a:hover{text-decoration:none; color:#D71F85;}
a:active{text-decoration:none;}

.hovermenu ul{
background-color: #F4FAF8;
font:14px verdana;
color:#EFEBF5;
padding-left:0;
height: 20px;
}

.hovermenu ul li{
list-style: none;
display: inline;
}

.hovermenu ul li a{

padding: 2px 0.5em;
text-decoration: none;
color: black;
background-color: #F4FAF8;
border: 2px solid #FFF2BF;
}

.hovermenu ul li a:hover{
background-color: #FFE271;
border-style: outset;
}

html>body .hovermenu ul li a:active{ /* Apply mousedown effect only to NON IE browsers */
border-style: inset;
}