a:hover {  color: #666699; text-decoration: none; background-color: #99CCFF}
a:active {  color: #666699; text-decoration: none; background-color: #99CCFF}
a:visited {  color: #333333; text-decoration: underline}
a:link {  color: #666699; text-decoration: underline}

a.menu:hover {  color: #333366; text-decoration: none; font-weight: bold; background-color: transparent}
a.menu:active {  color: #333366; text-decoration: none; background-color: transparent}
a.menu:visited {  color: #333366; text-decoration: none}
a.menu:link {  color: #333366; text-decoration: none}


body{
text-align: left;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-size: 12pt
}

h1{
text-align: center;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-variant: small-caps;
font-size: 16pt
}

h2{
text-align: center;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-size: 14pt
}

h3{
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 12pt
}

td{
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-size: 12pt
}

.subText{
font-size: 10pt; 
}

img.thumbnail{
background-color: #FFFFFF; 
padding: 1 1 1 1
}

img.thumbnailnew{
background-color: #99CCFF; 
padding: 2 2 2 2
}

#titleblock{
position: absolute; 
top: 0px;
left: 0px; 
width: 800px; 
height: 60px;
background-image: url(http://www.favouritecrayon.co.uk/images/bg_titleblock.jpg); 
background-repeat: no-repeat
}

#leftside{
position: absolute; 
top: 60px; 
left: 0px; 
width: 175px; 
height: auto;
background-image: url(http://www.favouritecrayon.co.uk/images/bg_leftside.jpg); 
background-repeat: no-repeat
}

#mainarea{
position: absolute; 
top: 60px; 
left: 175px; 
width: 615px; 
height: auto; 
padding: 5 5 5 5
}



#menu{
position: relative; 
width: 165px; 
height: auto; 
padding: 5 5 5 5;
margin: 5 0 5 0;
font-variant: small-caps;
font-size: 14pt
}

#notes{
position: relative; 
width: 165px; 
height: auto; 
font-size: 10pt;
text-align: left;
padding: 5 5 5 5;
margin: 5 0 5 0
}

#indicia{
position: relative; 
width: 165px; 
height: auto; 
text-align: center;
font-size: 8pt;
padding: 5 5 5 5;
margin: 5 0 5 0
}

#ads{
position: relative; 
width: 165px; 
height: auto; 
text-align: center;
padding: 5 5 5 5;
margin: 5 0 5 0
}


#home{
position: relative; 
width: 440px; 
height: auto; 
float: left;
clear: left;
text-align: justify;
font-size: 12pt;
padding: 0 5 0 0
}

#links{
position: relative; 
width: 160px; 
height: auto; 
float: right;
clear: right;
text-align: right;
font-size: 10pt;
padding: 0 0 0 5
}

#leftcolumn{
position: relative; 
width: 300px; 
height: auto; 
float: left;
clear: left;
text-align: left;
font-size: 12pt;
padding: 0 5 0 0
}

#rightcolumn{
position: relative; 
width: 300px; 
height: auto; 
float: right;
clear: right;
text-align: left;
font-size: 12pt;
padding: 0 0 0 5
}