body
{
background-image: url(http://www.psychics4you.co.uk/images/bg1.jpg);
background-repeat: repeat-y;
margin-top: 20px;
}
h1
{
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 14px;
color: black;
font-weight: bold;
padding-left: 5px;
margin: 0;
}
h2
{
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
color: black;
font-weight: bold;
padding-left: 28px;
margin: 0;
}
.front-list
{
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
color: black;
list-style-image: url(http://www.psychics4you.co.uk/images/bullet01.gif);
 display: block;
}
.frontbanner
{
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
color: black;
text-align: center;
vertical-align: top;
padding: 4px;
background-image: url(images/cloud-bg.jpg);
background-repeat: no-repeat;
background-position:center;
}
.otherbanner
{
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
color: black;
text-align: center;
vertical-align: top;
padding: 4px;
background-image: url(images/cloud-bkg1.jpg);
background-repeat: no-repeat;
background-position:center;
}
.voicebanner
{
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
color: black;
text-align: left;
vertical-align: top;
padding: 4px;
background-image: url(images/cloud-bkg1.jpg);
background-repeat: no-repeat;
background-position:center;
}
.form-button
{
background-color: #E2FAFE;
}
input.form
{
background-color: #D4E7F7;
border: solid 1px #81C1F7;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 10px;
color: Black;
font-weight: bold;
}
/* start top menu*/
#navcontainer ul
{
display: block;
list-style: none outside;
padding: 0;
margin:0 0 0 0px;
font-family: Verdana, sans-serif;
font-size: 11px;
}

#navcontainer li
{
padding: 0;
margin: 0 8px 0 0;
border-top: 1px solid #FF9DB1;
border-right: 1px solid #FF9DB1;
border-left: 1px solid #FF9DB1;
background-color: #000066;
color: #ffffff;
font-weight: bold;
/* the next 4 lines are magic */
display: block;
float: right;
position: relative;
}

#navcontainer a:link,
#navcontainer a:visited
{
background-color: #5D9E88;
color: #ffffff;
text-decoration: none;
padding-left: 1em;
padding-right: 1em;
}

#navcontainer a:hover
{
background-color: #cecbc6;
color: #000066;
}

#navcontainerclear { display: none; }

html>body #navcontainerclear
{
display: block;
clear: both;
}

#navcontainer li#active a
{
background-color: #fff;
color: #000066;
}
/* end top menu*/
/* start side menu*/
#sidenavlist
{
padding-left: 8px;
margin-left: 12;
width:160px;
}
#sidenavlist li
{
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
color: black;
}

#sidenavlist li
{
list-style: none;
margin-left: 0;
padding: 0.25em;
border-bottom: 1px solid #FF9DB1;
}

#sidenavlist li a { text-decoration: none; color:black;}
#sidenavlist a:hover{color: Gray;}
#sidenavlist li#active a {color: red;}
/* end side menu*/
.table-main
{
margin-top:5px;	
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
color: black;
padding: 5px;
}
.copyright
{
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 9px;
color: black;	
padding-left: 20px;
}
.botnav
{
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:10px;
color: black;	
padding-right: 20px;	
}
a
{
	text-decoration: none;
	color:black;
}
a:hover
{
color: gray;
}
.botnav#active a {color: red;}
.mapsection 
{font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
}
.mapitem 
{
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
 list-style-image: url(images/bullet01.gif);
}
.clickadvice
{
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 10px;
border: 1px solid #81C1F7;
padding: 5px;
}