body {

background-color: rgb(204, 204, 204);
background-image: url('images/bg.gif');

font-family: Verdana, Tahoma, sans-serif;

color: black;
}

P {
font-size: 80%;
}

LI {
font-size: 80%;
}

H1 {
font-family: Verdana, Tahoma, sans-serif;
font-size: 120%;
font-weight: bold;
color: 336699;
}

H1.smaller {
font-family: Verdana, Tahoma, sans-serif;
font-size: 90%;
font-weight: bold;
color: 336699;
}

H1.subtext {
font-family: Verdana, Tahoma, sans-serif;
font-weight: normal;
font-size: 80%;
color: 336699;
}

H2 {
font-family: Verdana, Tahoma, sans-serif;
font-size: 100%;
font-weight: bold;
color: 336699;
}


.blue-italic {
font-style: italic;
color: blue;
}

.bold-grey {
font-weight: bold;
color: 333399;
}

.table-text {
font-size: 80%;
}

a#home {
background-image: url(images/man.gif);
background-repeat: no-repeat;
background-position: 0 0;
display: block;
}

a#home:hover {
background-image: url(images/man.gif);
background-repeat: no-repeat;
background-position: 0 -52px;
display: block;
}

a#find-out-more {
background-image: url(images/info.gif);
background-repeat: no-repeat;
background-position: 0 0;
display: block;
}

a#find-out-more:hover {
background-image: url(images/info.gif);
background-repeat: no-repeat;
background-position: 0 -52px;
display: block;
}

a#building-blocks {
background-image: url(images/graph.gif);
background-repeat: no-repeat;
background-position: 0 0;
display: block;
}

a#building-blocks:hover {
background-image: url(images/graph.gif);
background-repeat: no-repeat;
background-position: 0 -52px;
display: block;
}

a#communicating {
background-image: url(images/dialogue.gif);
background-repeat: no-repeat;
background-position: 0 0;
display: block;
}

a#communicating:hover {
background-image: url(images/dialogue.gif);
background-repeat: no-repeat;
background-position: 0 -52px;
display: block;
}

a#connect {
background-image: url(images/fax.gif);
background-repeat: no-repeat;
background-position: 0 0;
display: block;
}

a#connect:hover {
background-image: url(images/fax.gif);
background-repeat: no-repeat;
background-position: 0 -52px;
display: block;
}

a#notes {
background-image: url(images/notes.gif);
background-repeat: no-repeat;
background-position: 0 0;
display: block;
}

a#notes:hover {
background-image: url(images/notes.gif);
background-repeat: no-repeat;
background-position: 0 -52px;
display: block;
}

a#blog {
background-image: url(images/pencil.gif);
background-repeat: no-repeat;
background-position: 0 0;
display: block;
}

a#blog:hover {
background-image: url(images/pencil.gif);
background-repeat: no-repeat;
background-position: 0 -52px;
display: block;
}