#links {
width: 900px;
height: 38px;
float: left;
margin: 1px 0 1px 1px;
}
#menu{
background: url(../images/menu/menu.gif);
background-repeat: no-repeat;
position: absolute;
list-style: none;				/* required or FF has little dots in menu*/
width: 900px;
height: 38px;					/* the height of the containing div */
padding: 0;
margin: 0;
}
#menu li {
position: absolute;
height: 38px;					/*not sure what this is, maybe for other browsers */
line-height: 0;					/*must be there for Safari otherwise small lines are displayed with the link buttons*/
font-size: 0;
padding: 0;
}
#menu a{
display: block;
text-decoration: none;
height: 19px;					/* the height of the link bounding box */
overflow: hidden;
width: 100%;
padding: 0;
}
#menu li#link1  						{left: 0px; top: 0px; width: 176px;}																/*1- position from the left of the block 2 - position from the right of the block 3-width of the entire link */			
#menu li#link2  						{left: 176px; top: 0px; width: 225px;}
#menu li#link3  						{left: 401px; top: 0px; width: 150px;}
#menu li#link4  						{left: 551px; top: 0px; width: 164px;}
#menu li#link5  						{left: 715px; top: 0px; width: 183px;}
#menu li#link6 							{left: 0px; top: 19px; width: 176px;}
#menu li#link7							{left: 176px; top: 19px; width: 225px;}
#menu li#link8							{left: 401px; top: 19px; width: 150px;}
#menu li#link9							{left: 551px; top: 19px; width: 164px;}
#menu li#link10						{left: 715px; top: 19px; width: 183px;}
#menu li#link1 a:hover 			{background: url(../images/menu/menu.gif) -0px -38px no-repeat;} 		/* shift image left and then up */
#menu li#link2 a:hover 			{background: url(../images/menu/menu.gif) -176px -38px no-repeat;}
#menu li#link3 a:hover				{background: url(../images/menu/menu.gif) -401px -38px no-repeat;}
#menu li#link4 a:hover 			{background: url(../images/menu/menu.gif) -551px -38px no-repeat;}
#menu li#link5 a:hover 			{background: url(../images/menu/menu.gif) -715px -38px no-repeat;}
#menu li#link6 a:hover 			{background: url(../images/menu/menu.gif) -0px -57px no-repeat;}
#menu li#link7 a:hover 			{background: url(../images/menu/menu.gif) -176px -57px no-repeat;}
#menu li#link8 a:hover 			{background: url(../images/menu/menu.gif) -401px -57px no-repeat;}
#menu li#link9 a:hover 			{background: url(../images/menu/menu.gif) -551px -57px no-repeat;}
#menu li#link10 a:hover 			{background: url(../images/menu/menu.gif) -715px -57px no-repeat;}
.logo {
margin: 13px 0 0 30px;
}
a:link {
font-size: 95%;
color: blue;
font-weight: bold;
}
a:visited {
font-size: 95%;
color: blue;
font-weight: bold;
}
a:hover {
font-size: 95%;
color: red;
font-weight: bold;
}
a:active {
font-size: 95%;
color: blue;					/*#00F was the default colour*/
font-weight: bold;
}
#cheam a:link { font-size: 95%; color: white; font-weight: bold; }
#cheam a:visited { font-size: 95%; color: white; font-weight: bold; }
#cheam a:hover { font-size: 95%; color: red; font-weight: bold; }
#cheam a:active { font-size: 95%; color: white; font-weight: bold; }

#gallery a:link { font-size: 95%; color: blue; font-weight: bold; }
#gallery a:visited { font-size: 95%; color: gray; font-weight: bold; }
#gallery a:hover { font-size: 95%; color: red; font-weight: bold; }
#gallery a:active { font-size: 95%; color: blue; font-weight: bold; }