body {

background: url(http://www.practicool.co.uk/images/page-bg.jpg) white 50% -85px repeat-x;

}

h1 {

font-size: 75%;
text-align: center;
font-weight: normal;
padding-top: 5px;
padding-bottom: 5px;
margin-left: auto;
margin-right: auto;
font-family: arial;
letter-spacing: 0.02em;
font-family: tahoma, arial, helvetica;
color: black;
margin-bottom: -2px;

}

h2 {

font-size: 10pt;
text-align: left;
font-weight: normal;
padding-top: 5px;
padding-bottom: 5px;
margin-left: auto;
margin-right: auto;
font-family: arial;
letter-spacing: 0.02em;
font-family: tahoma, arial, helvetica;
color: black;
margin-bottom: -2px;

}

h3 {

font-size: 14pt;
font-family: times;
font-weight: bold;

}

#topkeywords {

font-size: 9pt;
text-align: center;
font-weight: normal;
padding-top: 5px;
padding-bottom: 5px;
margin-left: auto;
margin-right: auto;
font-family: arial;
letter-spacing: 0.02em;
font-family: tahoma, arial, helvetica;
color: black;
margin-bottom: -2px;

}

#bottom-keywords {

font-size: 8pt;
margin-left: auto;
margin-right: auto;
margin-top: 5px;
font-family: tahoma, arial, helvetica;
letter-spacing: 0.1em;

}

#mainlogo {

border: 1px solid gray;
background: white;

}

 .nav-menu ul
{
list-style: none;
padding: 0;
margin: 0;
}

.nav-menu li
{
float: left;
margin: 0 0.15em;
}

.nav-menu li a
{
background: url(http://practicool.co.uk/images/css-nav.gif) #fff bottom left repeat-x;
height: 1.4em;
line-height: 1em;
float: left;
width: 9em;
display: block;
font-size: 10pt;
border: 0.1em solid #dcdce9;
font-family: arial;
padding: 6px;
color: #0d2474;
text-decoration: none;
text-align: center;
margin-bottom:15px;
}

.nav-menu li a:hover {
font-weight: bold;
}

.nav-menu li a#current
{
background: url(../img/css-nav_red.jpg) #fff bottom left repeat-x;
color: #FFF;
width:23em;
}

/* Hide from IE5-Mac \*/
.nav-menu li a
{
float: none
}
/* End hide */

.nav-menu2
{
width:220px;
font-family: arial;
}

ul {

width: 220px;
font-family: arial;
text-align: left;
letter-spacing: -0.03em;
font-size: 14px;

}

ul a {

width: 220px;
text-align: left;
letter-spacing: -0.03em;
font-size: 14px;
color: #5b5b5b;
font-family: arial;
font-weight: none;
line-height: 24px;
text-decoration: none;
}

ul a:hover {


width: 220px;
text-align: left;
letter-spacing: -0.03em;
font-size: 14px;
font-family: arial;
color: #300097;
font-weight: bold;

}

.navtitle {

font-size: 16pt;
font-align: left;
font-weight: bold;
margin-left: 20px;
margin-top: 2px;
font-family: arial;
}

.navsubtitle {

font-size: 11pt;
font-align: left;
color: #00acec;
font-weight: bold;
margin-left: 20px;
margin-top: -15px;
margin-bottom: -10px;
font-family: arial;
}
.navsubtitle2 {

font-size: 11pt;
font-align: left;
color: #ff0000;
font-weight: bold;
margin-left: 20px;
margin-top: -15px;
margin-bottom: -10px;
font-family: arial;
}

.navsubtitle3 {

font-size: 11pt;
font-align: left;
color: #008000;
font-weight: bold;
margin-left: 20px;
margin-top: -15px;
margin-bottom: -10px;
font-family: arial;
}

.navsubtitle4 {

font-size: 11pt;
font-align: left;
color: #310195;
font-weight: bold;
margin-left: 20px;
margin-top: -15px;
margin-bottom: -10px;
font-family: arial;
}