#pad {height:20px;}
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssmenus.co.uk
Copyright (c) 2009- Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#menu {padding:0; margin:0; list-style:none; width:1000px; height:146px; float:left;}

#menu li {position:relative; float:left; margin:0 5px 0 0;}
#menu li.last {margin:0;}
#menu li a {display:block; height:146px; width:95px; line-height:20px; padding:0; float:left; color:#fff; text-decoration:none; font-family:"trebuchet MS", sans-serif; font-size:18px; text-align:center; cursor:pointer;}
#menu li a b {position:relative; top:28px; font-weight:normal;}

#menu li#item1 a {background:url(red-off.png);}
#menu li#item2 a {background:url(orange-off.png);}
#menu li#item3 a {background:url(yellow-off.png);}
#menu li#item4 a {background:url(green-off.png);}
#menu li#item5 a {background:url(blue-off.png);}
#menu li#item6 a {background:url(indigo-off.png);}
#menu li#item7 a {background:url(violet-off.png);}
#menu li#item8 a {background:url(red-off.png);}
#menu li#item9 a {background:url(indigo-off.png);}

#menu li#item1 a:hover {background:url(red-on.png);}
#menu li#item2 a:hover {background:url(orange-on.png);}
#menu li#item3 a:hover {background:url(yellow-on.png);}
#menu li#item4 a:hover {background:url(green-on.png);}
#menu li#item5 a:hover {background:url(blue-on.png);}
#menu li#item6 a:hover {background:url(indigo-on.png);}
#menu li#item7 a:hover {background:url(violet-on.png);}
#menu li#item8 a:hover {background:url(red-on.png);}
#menu li#item9 a:hover {background:url(indigo-on.png);}

.item1 #menu li#item1 a {background:url(red-on.png);}
.item2 #menu li#item2 a {background:url(orange-on.png);}
.item3 #menu li#item3 a {background:url(yellow-on.png);}
.item4 #menu li#item4 a {background:url(green-on.png);}
.item5 #menu li#item5 a {background:url(blue-on.png);}
.item6 #menu li#item6 a {background:url(indigo-on.png);}
.item7 #menu li#item7 a {background:url(violet-on.png);}
.item8 #menu li#item8 a {background:url(red-on.png);}
.item9 #menu li#item9 a {background:url(indigo-on.png);}

/* this is for IE6 png transparency fix - note the image path is from the .html file not the .css file */
* html #menu li#item1 a {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/menu/red-off.png', sizingMethod='scale');}
* html #menu li#item2 a {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/menu/orange-off.png', sizingMethod='scale');}
* html #menu li#item3 a {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/menu/yellow-off.png', sizingMethod='scale');}
* html #menu li#item4 a {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/menu/green-off.png', sizingMethod='scale');}
* html #menu li#item5 a {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/menu/blue-off.png', sizingMethod='scale');}
* html #menu li#item6 a {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/menu/indigo-off.png', sizingMethod='scale');}
* html #menu li#item7 a {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/menu/violet-off.png', sizingMethod='scale');}
* html #menu li#item8 a {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/menu/red-off.png', sizingMethod='scale');}
* html #menu li#item9 a {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/menu/indigo-off.png', sizingMethod='scale');}

* html #menu li#item1 a:hover {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/menu/red-on.png', sizingMethod='scale');}
* html #menu li#item2 a:hover {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/menu/orange-on.png', sizingMethod='scale');}
* html #menu li#item3 a:hover {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/menu/yellow-on.png', sizingMethod='scale');}
* html #menu li#item4 a:hover {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/menu/green-on.png', sizingMethod='scale');}
* html #menu li#item5 a:hover {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/menu/blue-on.png', sizingMethod='scale');}
* html #menu li#item6 a:hover {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/menu/indigo-on.png', sizingMethod='scale');}
* html #menu li#item7 a:hover {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/menu/violet-on.png', sizingMethod='scale');}
* html #menu li#item8 a:hover {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/menu/red-on.png', sizingMethod='scale');}
* html #menu li#item9 a:hover {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/menu/indigo-on.png', sizingMethod='scale');}

* html .item1 #menu li#item1 a {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/menu/red-on.png', sizingMethod='scale');}
* html .item2 #menu li#item2 a {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/menu/orange-on.png', sizingMethod='scale');}
* html .item3 #menu li#item3 a {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/menu/yellow-on.png', sizingMethod='scale');}
* html .item4 #menu li#item4 a {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/menu/green-on.png', sizingMethod='scale');}
* html .item5 #menu li#item5 a {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/menu/blue-on.png', sizingMethod='scale');}
* html .item6 #menu li#item6 a {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/menu/indigo-on.png', sizingMethod='scale');}
* html .item7 #menu li#item7 a {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/menu/violet-on.png', sizingMethod='scale');}
* html .item8 #menu li#item6 a {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/menu/red-on.png', sizingMethod='scale');}
* html .item9 #menu li#item6 a {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/menu/indigo-on.png', sizingMethod='scale');}