/*General CSS Coding */

.divlink a {
display: block;
background: url(../images/navbg.gif) repeat;
}

.divlink a:hover {
background: #e4e4e5;
}

ul {
list-style: none;
padding: 0;
margin: 0;
height: 100%; 
}

#nav a {
text-decoration: none;
}

#nav li li a {
display: block;
color: gray;
padding: 0px; 
margin: 0px; 
background: white; 
height: 20px; 
width: 130px; 
}

li ul {
display: none;
position: absolute;
top: 100%;
left: 0;
background-color: #fff;
border-right: solid 1px #666666;
border-left: solid 1px #666666;
border-bottom: solid 1px #666666;
}

#nav li li a:hover {
background: #e4e4e5; 
}

#divlink1 a:hover {
background: url(../images/over.png) repeat; 
} 

li {
float: left;
position: relative;
width: 10em;
text-align: center;
cursor: default;
background-color: white;
}

li>ul {
	top: auto;
	left: auto;
}

li li {
	display: block;
	float: none;
	background-color: transparent;
	border: 0;
}

li:hover ul, li.over ul {
	display: block;
}

/* This is first link codeing */

li#home {
margin: 0px; 
float: left; 
padding: 0px; 
width: 60px;
text-align: center; 

}
#divlink a {
display: block;
margin: 0px; 
padding: 0px; 
width: 60px;
height: 38px; 
background: url(../images/current.png) repeat;
font-family: verdana;
font-size: 7pt; 
line-height: 33px;
color: white; 
font-weight: bold; 
}

/* This is first link codeing */

li#home {
margin: 0px; 
float: left; 
padding: 0px; 
width: 60px;
text-align: center; 

}
#homenormal a {
display: block;
margin: 0px; 
padding: 0px; 
width: 60px;
height: 34px; 
background: url(../images/on.png) repeat;
font-family: verdana;
font-size: 7pt; 
line-height: 26px;
color: white; 
margin-top: 4px; 
font-weight: bold; 
}
#homenormal a:hover {
background: url(../images/over.png) repeat; 
} 



/* pens and stationery css coding  ---------------------------------------------------------------------------------------------------------------------------------------- */

li#menu1 {
margin: 0px; 
float: left; 
padding: 0px; 
width: 120px;
text-align: center; 
background: blue; 
background: url(../images/on.png) repeat;
height: 34px; 
list-style: none;
margin-top: 4px; 
}
#menu1 ul li{
background: white; 
width: 120px; 
float: left; 
color: #5f5c5e;
text-decoration: none; 
list-style: none; 
font-size: 8pt; 
font-family: verdana; 
text-align: left; 
} 

#menu1 ul li a {
display: block;
color: gray;
padding: 0px; 
margin: 0px; 
background: white; 
height: 20px; 
width: 120px; 
text-decoration: none; 
}

#station ul li a:hover {
background: #e4e4e5; 
}

#stationery a {
display: block;
margin: 0px; 
padding: 0px; 
width: 120px;
height: 34px; 
color: white; 
font-family: verdana;
font-size: 7pt; 
line-height: 26px;
text-decoration: none; 
font-weight: bold; 
}

#stationdisplay .station {
color: white; 
height: 34px; 
width: 130px; 
} 

#stationery a:hover {
background: url(../images/over.png) repeat; 
} 
#menu1 ul {
height: 210px;
}

/* menu1 current CSS coding  */

li#menu1current {
margin: 0px; 
float: left; 
padding: 0px; 
width: 120px;
text-align: center; 
background: blue; 
background: url(../images/current.png) repeat;
height: 38px; 
list-style: none;
margin-top: 0px; 
}
#menu1current ul li{
background: white; 
width: 120px; 
float: left; 
color: #5f5c5e;
text-decoration: none; 
list-style: none; 
font-size: 8pt; 
font-family: verdana; 
text-align: left; 
} 

#menu1current ul li a {
display: block;
color: gray;
padding: 0px; 
margin: 0px; 
background: white; 
height: 20px; 
width: 120px; 
text-decoration: none; 
}

#station ul li a:hover {
background: #e4e4e5; 
}

#stationerycurrent a {
display: block;
margin: 0px; 
padding: 0px; 
width: 120px;
height: 38px; 
color: white; 
font-family: verdana;
font-size: 7pt; 
line-height: 33px;
text-decoration: none; 
font-weight: bold; 
}

#stationdisplay .station {
color: white; 
height: 38px; 
width: 130px; 
} 

#menu1current ul {
height: 210px;
}

/* End of CSS */



/* Personal CSS coding 
----------------------------------------------------------------------------------------------------------------------------------------*/ 

li#menu2 {
margin: 0px; 
float: left; 
padding: 0px; 
width: 105px;
text-align: center; 
background: blue; 
background: url(../images/on.png) repeat;
height: 34px; 
list-style: none; 
margin-top: 4px; 
}

#menu2 ul li{
background: white; 
width: 105px; 
float: left; 
color: gray;
text-decoration: none; 
list-style: none; 
font-size: 8pt; 
font-family: verdana; 
text-align: left; 
} 

#menu2 ul li a {
display: block;
color: gray;
padding: 0px; 
margin: 0px; 
background: white; 
height: 20px; 
 width: 105px; 
 text-decoration: none; 
}
#menu2 ul li a:hover {
background: #e4e4e5; 
}

#gifts a {
display: block;
margin: 0px; 
padding: 0px; 
width: 105px;
height: 34px; 
color: white; 
font-family: verdana;
font-size: 7pt; 
line-height: 26px;
text-decoration: none; 
font-weight: bold;
}


#divlink1 a:hover {
background: url(../images/over.png) repeat; 
} 
#station il li:hover {
background: url(../images/over.png) repeat; 
}

#gifts a:hover {
background: url(../images/over.png) repeat; 
} 
#menu2 ul {
height: 220px;
}
/* this peiece of code fixes firefox bug */
#bugfix {
height: 30px;
width: 100px;
} 
#menu2 ul li.bug a:hover {
background: #e4e4e5;
height: 30px; 
}
#bugfix01 {
height: 30px;
width: 100px;
} 
##bugfix04 {
height: 30px;
width: 100px;
} 
#menu1 ul li.bug04 a:hover {
background: #e4e4e5;
height: 30px; 
}
#menu2 ul li.bug01 a:hover {
background: #e4e4e5;
height: 30px; 
}
#bugfix02 {
height: 30px;
width: 100px;
} 
#menu2 ul li.bug02 a:hover {
background: #e4e4e5;
height: 30px; 
}
/* End of CSS */

/* Personal CSS Current Coding 
----------------------------------------------------------------------------------------------------------------------------------------*/ 

li#menu2current {
margin: 0px; 
float: left; 
padding: 0px; 
width: 105px;
text-align: center; 
background: blue; 
background: url(../images/current.png) repeat;
height: 38px; 
list-style: none; 

}

#menu2current ul li{
background: white; 
width: 105px; 
float: left; 
color: gray;
text-decoration: none; 
list-style: none; 
font-size: 8pt; 
font-family: verdana; 
text-align: left; 
} 

#menu2current ul li a {
display: block;
color: gray;
padding: 0px; 
margin: 0px; 
background: white; 
height: 20px; 
 width: 105px; 
 text-decoration: none; 
}
#menu2current ul li a:hover {
background: #e4e4e5; 
}

#giftscurrent a {
display: block;
margin: 0px; 
padding: 0px; 
width: 105px;
height: 38px; 
color: white; 
font-family: verdana;
font-size: 7pt; 
line-height: 33px;
text-decoration: none; 
font-weight: bold;
}

#menu2current .drop2 {
color: white; 
height: 38px; 
width: 130px; 
} 
#divlink1 a:hover {
background: url(../images/over.png) repeat; 
} 
#station il li:hover {
background: url(../images/over.png) repeat; 
}

#menu2current ul {
height: 220px;
}
/* this peiece of code fixes firefox bug */
#bugfix {
height: 30px;
width: 100px;
} 
#menu2current ul li.bug a:hover {
background: #e4e4e5;
height: 30px; 
}
#bugfix01 {
height: 30px;
width: 100px;
} 
#menu2current ul li.bug01 a:hover {
background: #e4e4e5;
height: 30px; 
}
#menu1current ul li.bug04 a:hover {
background: #e4e4e5;
height: 30px; 
}
#bugfix02 {
height: 30px;
width: 100px;
} 
#menu2current ul li.bug02 a:hover {
background: #e4e4e5;
height: 30px; 
}
/* End of CSS */



/* General Giftware css coding 
----------------------------------------------------------------------------------------------------------------------------------------*/

li#menu3 {
margin: 0px; 
float: left; 
padding: 0px; 
width: 115px;
text-align: center; 
background: blue; 
background: url(../images/on.png) repeat;
height: 34px; 
list-style: none; 
margin-top: 4px; 
}
#menu3 ul li{
background: white; 
width: 115px; 
float: left; 
color: gray;
text-decoration: none; 
list-style: none; 
font-size: 8pt; 
font-family: verdana; 
text-align: left; 
} 
#menu3 ul li a {
display: block;
color: gray;
padding: 0px; 
margin: 0px; 
background: white; 
height: 20px; 
width: 115px; 
text-decoration: none; 
}

#menu3 ul li a:hover {
background: #e4e4e5; 
}

#giftware a {
display: block;
margin: 0px; 
padding: 0px; 
width: 115px;
height: 34px; 
color: white; 
font-family: verdana;
font-size: 7pt; 
line-height: 26px;
text-decoration: none; 
font-weight: bold;
}

#menu3 il li:hover {
background: url(../images/over.png) repeat; 
}
#giftware a:hover {
background: url(../images/over.png) repeat; 
} 
#menu3 ul {
height: 150px;
}
/* this peiece of code fixes firefox bug */
#bugfix1 {
height: 30px;
width: 100px;
} 
#menu3 ul li.bug1 a:hover {
background: #e4e4e5;
height: 30px; 
}
/* End of CSS */

/* General Giftware css current coding 
----------------------------------------------------------------------------------------------------------------------------------------*/

li#menu3current {
margin: 0px; 
float: left; 
padding: 0px; 
width: 115px;
text-align: center; 
background: blue; 
background: url(../images/current.png) repeat;
height: 38px; 
list-style: none; 

}
#menu3current ul li{
background: white; 
width: 115px; 
float: left; 
color: gray;
text-decoration: none; 
list-style: none; 
font-size: 8pt; 
font-family: verdana; 
text-align: left; 
} 
#menu3current ul li a {
display: block;
color: gray;
padding: 0px; 
margin: 0px; 
background: white; 
height: 20px; 
width: 115px; 
text-decoration: none; 
}

#menu3current ul li a:hover {
background: #e4e4e5; 
}

#giftwarecurrent a {
display: block;
margin: 0px; 
padding: 0px; 
width: 115px;
height: 38px; 
color: white; 
font-family: verdana;
font-size: 7pt; 
line-height: 33px;
text-decoration: none; 
font-weight: bold;
}


#menu3current il li:hover {
background: url(../images/over.png) repeat; 
}

#menu3current ul {
height: 150px;
}
/* this peiece of code fixes firefox bug */
#bugfix1 {
height: 30px;
width: 100px;
} 
#menu3current ul li.bug1 a:hover {
background: #e4e4e5;
height: 30px; 
}
/* End of CSS */





/* Moovie Studio css coding 
----------------------------------------------------------------------------------------------------------------------------------------*/


li#menu4 {
margin: 0px; 
float: left; 
padding: 0px; 
width: 90px;
text-align: center; 
background: blue; 
background: url(../images/on.png) repeat;
height: 34px; 
list-style: none; 
margin-top: 4px; 
}

#menu4 ul li{
background: white; 
width: 90px; 
float: left;
color: gray;
text-decoration: none; 
list-style: none; 
font-size: 8pt; 
font-family: verdana; 
text-align: left; 
} 
#menu4 .drop6 {
color: white; 
height: 34px; 
width: 130px; 
} 
#menu4 ul li a {
display: block;
color: gray;
padding: 0px; 
margin: 0px; 
background: white; 
height: 30px; 
width: 90px; 
text-decoration: none; 
}

#menu4 ul li a:hover {
background: #e4e4e5; 
}

#moovie a {
display: block;
margin: 0px; 
padding: 0px; 
width: 90px;
height: 34px; 
color: white; 
font-family: verdana;
font-size: 7pt; 
line-height: 26px;
text-decoration: none; 
font-weight: bold;
}

#menu4 ul {
height: 60px;
}

#menu4 il li:hover {
background: url(../images/over.png) repeat; 
}

#moovie a:hover {
background: url(../images/over.png) repeat; 
} 
/* this peiece of code fixes firefox bug */
#bugfix10 {
height: 30px;
width: 0px;
} 
#menu4 ul li.bug10 a:hover {
background: #e4e4e5;
height: 30px; 
}
/* End of CSS  */

/* Moovie Studio css coding 
----------------------------------------------------------------------------------------------------------------------------------------*/


li#menu4current {
margin: 0px; 
float: left; 
padding: 0px; 
width: 90px;
text-align: center; 
background: blue; 
background: url(../images/current.png) repeat;
height: 38px; 
list-style: none; 
}
#menu4current ul li{
background: white; 
width: 90px; 
float: left;
color: gray;
text-decoration: none; 
list-style: none; 
font-size: 8pt; 
font-family: verdana; 
text-align: left; 
} 
#menu4current .drop6 {
color: white; 
height: 38px; 
width: 130px; 
} 
#menu4current ul li a {
display: block;
color: gray;
padding: 0px; 
margin: 0px; 
background: white; 
height: 20px; 
width: 90px; 
text-decoration: none; 
}

#menu4current ul li a:hover {
background: #e4e4e5; 
}

#mooviecurrent a {
display: block;
margin: 0px; 
padding: 0px; 
width: 90px;
height: 38px; 
color: white; 
font-family: verdana;
font-size: 7pt; 
line-height: 33px;
text-decoration: none; 
font-weight: bold;
}

#menu4current ul {
height: 60px;
}

#menu4current il li:hover {
background: url(../images/over.png) repeat; 
}

/* this peiece of code fixes firefox bug */
#bugfix10 {
height: 30px;
width: 0px;
} 
#menu4current ul li.bug10 a:hover {
background: #e4e4e5;
height: 30px; 
}
/* End of CSS  */






/* Frames css coding 
----------------------------------------------------------------------------------------------------------------------------------------*/

li#menu5 {
margin: 0px; 
float: left; 
padding: 0px; 
width: 90px;
text-align: center; 
background: blue; 
background: url(../images/on.png) repeat;
height: 34px; 
list-style: none; 
margin-top: 4px; 
}
#menu5 .drop4 {
color: white; 
height: 34px; 
width: 130px; 
} 
#menu5 ul li{
background: white; 
width: 90px; 
float: left;
color: gray;
text-decoration: none; 
list-style: none;
font-size: 8pt; 
font-family: verdana; 
text-align: left; 
} 

#menu5 ul li a {
display: block;
color: gray;
padding: 0px; 
margin: 0px; 
background: white; 
height: 20px; 
width: 90px; 
text-decoration: none; 
}


#frames a {
display: block;
margin: 0px; 
padding: 0px; 
width: 90px;
height: 34px; 
color: white; 
font-family: verdana;
font-size: 7pt; 
line-height: 26px;
text-decoration: none; 
font-weight: bold;
}

#menu5 ul {
height: 100px;
}

#menu5 il li:hover {
background: url(../images/over.png) repeat; 
}

#frames a:hover {
background: url(../images/over.png) repeat; 
} 
/* this peiece of code fixes firefox bug */
#bugfix2 {
height: 30px;
width: 0px;
} 
#bugfix21 {
height: 30px;
width: 0px;
} 
#menu5 ul li.bug2 a:hover {
background: #e4e4e5;
height: 30px; 
}
#bugfix3 {
height: 30px;
width: 0px;
} 
#menu5 ul li.bug3 a:hover {
background: #e4e4e5;
height: 30px; 
}
/* End of CSS */

/* Frames css current coding 
----------------------------------------------------------------------------------------------------------------------------------------*/

li#menu5current {
margin: 0px; 
float: left; 
padding: 0px; 
width: 90px;
text-align: center; 
background: blue; 
background: url(../images/current.png) repeat;
height: 38px; 
list-style: none; 

}
#menu5current .drop4 {
color: white; 
height: 38px; 
width: 130px; 
} 
#menu5current ul li{
background: white; 
width: 90px; 
float: left;
color: gray;
text-decoration: none; 
list-style: none;
font-size: 8pt; 
font-family: verdana; 
text-align: left; 
} 

#menu5current ul li a {
display: block;
color: gray;
padding: 0px; 
margin: 0px; 
background: white; 
height: 20px; 
width: 90px; 
text-decoration: none; 
}


#framescurrent a {
display: block;
margin: 0px; 
padding: 0px; 
width: 90px;
height: 38px; 
color: white; 
font-family: verdana;
font-size: 7pt; 
line-height: 33px;
text-decoration: none; 
font-weight: bold;
}

#menu5current ul {
height: 100px;
}

#menu5current il li:hover {
background: url(../images/over.png) repeat; 
}

/* this peiece of code fixes firefox bug */
#bugfix2 {
height: 30px;
width: 0px;
} 
#bugfix21 {
height: 30px;
width: 0px;
} 
#menu5current ul li.bug2 a:hover {
background: #e4e4e5;
height: 30px; 
}
#bugfix3 {
height: 30px;
width: 0px;
} 
#menu5current ul li.bug3 a:hover {
background: #e4e4e5;
height: 30px; 
}
/* End of CSS */


/* Napkins css coding 
----------------------------------------------------------------------------------------------------------------------------------------*/

li#menu6 {
margin: 0px; 
float: left; 
padding: 0px; 
width: 80px;
text-align: center; 
background: blue; 
background: url(../images/on.png) repeat;
height: 34px; 
list-style: none; 
margin-top: 4px; 
}

#menu6 ul li{
background: white; 
width: 80px; 
float: left;
color: gray;
text-decoration: none; 
list-style: none; 
font-size: 8pt; 
font-family: verdana; 
text-align: left; 
} 
#menu6 .drop5 {
color: white; 
height: 34px; 
width: 130px; 
} 
#menu6 ul li a {
display: block;
color: gray;
padding: 0px; 
margin: 0px; 
background: white; 
height: 20px; 
width: 80px; 
text-decoration: none; 
}

#menu6 ul li a:hover {
background: #e4e4e5; 
}

#napkins a {
display: block;
margin: 0px; 
padding: 0px; 
width: 80px;
height: 34px; 
color: white; 
font-family: verdana;
font-size: 7pt; 
line-height: 26px;
text-decoration: none; 
font-weight: bold;
}

#menu6 ul {
height: 60px;
}

#menu6 il li:hover {
background: url(../images/over.png) repeat; 
}

#napkins a:hover {
background: url(../images/over.png) repeat; 
} 
/* this peiece of code fixes firefox bug */
#bugfix4 {
height: 30px;
width: 0px;
} 
#menu6 ul li.bug4 a:hover {
background: #e4e4e5;
height: 30px; 
}
#bugfix5 {
height: 30px;
width: 0px;
} 
#menu6 ul li.bug5 a:hover {
background: #e4e4e5;
height: 30px; 
}
/* End of CSS */

/* Napkins current css coding 
----------------------------------------------------------------------------------------------------------------------------------------*/

li#menu6current {
margin: 0px; 
float: left; 
padding: 0px; 
width: 80px;
text-align: center; 
background: blue; 
background: url(../images/current.png) repeat;
height: 38px; 
list-style: none; 
}
#menu6current ul li{
background: white; 
width: 80px; 
float: left;
color: gray;
text-decoration: none; 
list-style: none; 
font-size: 8pt; 
font-family: verdana; 
text-align: left; 
} 
#menu6current .drop5 {
color: white; 
height: 38px; 
width: 130px; 
} 
#menu6current ul li a {
display: block;
color: gray;
padding: 0px; 
margin: 0px; 
background: white; 
height: 20px; 
width: 80px; 
text-decoration: none; 
}
#menu6current ul li a:hover {
background: #e4e4e5; 
}
#napkinscurrent a {
display: block;
margin: 0px; 
padding: 0px; 
width: 80px;
height: 38px; 
color: white; 
font-family: verdana;
font-size: 7pt; 
line-height: 33px;
text-decoration: none; 
font-weight: bold;
}

#menu6current ul {
height: 60px;
}

#menu6current il li:hover {
background: url(../images/over.png) repeat; 
}

/* this peiece of code fixes firefox bug */
#bugfix4 {
height: 30px;
width: 0px;
} 
#menu6current ul li.bug4 a:hover {
background: #e4e4e5;
height: 30px; 
}
#bugfix5 {
height: 30px;
width: 0px;
} 
#menu6current ul li.bug5 a:hover {
background: #e4e4e5;
height: 30px; 
}
/* End of CSS */



/* Mackingtosh css coding 
----------------------------------------------------------------------------------------------------------------------------------------*/

li#menu7 {
margin: 0px; 
float: left; 
padding: 0px; 
width: 90px;
text-align: center; 
background: blue; 
background: url(../images/on.png) repeat;
height: 34px; 
list-style: none; 
margin-top: 4px; 
}

#menu7 ul li{
background: white; 
width: 90px; 
float: left;
color: gray;
text-decoration: none; 
list-style: none; 
font-size: 8pt; 
font-family: verdana; 
text-align: left; 
} 
#menu7 .drop6 {
color: white; 
height: 34px; 
width: 130px; 
} 
#menu7 ul li a {
display: block;
color: gray;
padding: 0px; 
margin: 0px; 
background: white; 
height: 20px; 
width: 90px; 
text-decoration: none; 
}

#menu7 ul li a:hover {
background: #e4e4e5; 
}

#mack a {
display: block;
margin: 0px; 
padding: 0px; 
width: 90px;
height: 34px; 
color: white; 
font-family: verdana;
font-size: 7pt; 
line-height: 26px;
text-decoration: none; 
font-weight: bold;
}

#menu7 ul {
height: 210px;
}

#menu7 il li:hover {
background: url(../images/over.png) repeat; 
}

#mack a:hover {
background: url(../images/over.png) repeat; 
} 
/* this peiece of code fixes firefox bug */
#bugfix6 {
height: 30px;
width: 0px;
} 
#menu7 ul li.bug6 a:hover {
background: #e4e4e5;
height: 30px; 
}
#bugfix7 {
height: 45px;
width: 0px;
} 
#menu7 ul li.bug7 a:hover {
background: #e4e4e5;
height: 45px; 
}
#bugfix8 {
height: 45px;
width: 0px;
} 
#menu7 ul li.bug8 a:hover {
background: #e4e4e5;
height: 45px; 
}
#bugfix9 {
height: 30px;
width: 0px;
} 
#menu7 ul li.bug9 a:hover {
background: #e4e4e5;
height: 30px; 
}
/* End of CSS 



/* Mackingtosh current css coding 
----------------------------------------------------------------------------------------------------------------------------------------*/

li#menu7current {
margin: 0px; 
float: left; 
padding: 0px; 
width: 90px;
text-align: center; 
background: blue; 
background: url(../images/current.png) repeat;
height: 38px; 
list-style: none; 

}

#menu7current ul li{
background: white; 
width: 90px; 
float: left;
color: gray;
text-decoration: none; 
list-style: none; 
font-size: 8pt; 
font-family: verdana; 
text-align: left; 
} 
#menu7current .drop6 {
color: white; 
height: 38px; 
width: 130px; 
} 
#menu7current ul li a {
display: block;
color: gray;
padding: 0px; 
margin: 0px; 
background: white; 
height: 20px; 
width: 90px; 
text-decoration: none; 
}

#menu7current ul li a:hover {
background: #e4e4e5; 
}

#mackcurrent a {
display: block;
margin: 0px; 
padding: 0px; 
width: 90px;
height: 38px; 
color: white; 
font-family: verdana;
font-size: 7pt; 
line-height: 33px;
text-decoration: none; 
font-weight: bold;
}

#menu7current ul {
height: 210px;
}

#menu7current il li:hover {
background: url(../images/over.png) repeat; 
}


/* this peiece of code fixes firefox bug */
#bugfix6 {
height: 30px;
width: 0px;
} 
#menu7current ul li.bug6 a:hover {
background: #e4e4e5;
height: 30px; 
}
#bugfix7 {
height: 45px;
width: 0px;
} 
#menu7current ul li.bug7 a:hover {
background: #e4e4e5;
height: 45px; 
}
#bugfix8 {
height: 45px;
width: 0px;
} 
#menu7current ul li.bug8 a:hover {
background: #e4e4e5;
height: 45px; 
}
#bugfix9 {
height: 30px;
width: 0px;
} 
#menu7current ul li.bug9 a:hover {
background: #e4e4e5;
height: 30px; 
}
/* End of CSS 



/* Bridge css coding 
----------------------------------------------------------------------------------------------------------------------------------------*/


li#menu8 {
margin: 0px; 
float: left; 
padding: 0px; 
width: 90px;
text-align: center; 
background: blue; 
background: url(../images/on.png) repeat;
height: 34px; 
list-style: none; 
margin-top: 4px; 
}

#menu8 ul li{
background: white; 
width: 90px; 
float: left;
color: gray;
text-decoration: none; 
list-style: none; 
font-size: 8pt; 
font-family: verdana; 
text-align: left; 
} 
#menu8 .drop6 {
color: white; 
height: 34px; 
width: 130px; 
} 
#menu8 ul li a {
display: block;
color: gray;
padding: 0px; 
margin: 0px; 
background: white; 
height: 20px; 
width: 90px; 
text-decoration: none; 
}

#menu8 ul li a:hover {
background: #e4e4e5; 
}

#bridge a {
display: block;
margin: 0px; 
padding: 0px; 
width: 90px;
height: 34px; 
color: white; 
font-family: verdana;
font-size: 7pt; 
line-height: 26px;
text-decoration: none; 
font-weight: bold;
}

#menu8 ul {
height: 70px;
}

#menu8 il li:hover {
background: url(../images/over.png) repeat; 
}

#bridge a:hover {
background: url(../images/over.png) repeat; 
} 
/* this peiece of code fixes firefox bug */
#bugfix10 {
height: 30px;
width: 0px;
} 
#menu8 ul li.bug10 a:hover {
background: #e4e4e5;
height: 30px; 
}
/* End of CSS  */

/* Bridge css coding 
----------------------------------------------------------------------------------------------------------------------------------------*/


li#menu8current {
margin: 0px; 
float: left; 
padding: 0px; 
width: 90px;
text-align: center; 
background: blue; 
background: url(../images/current.png) repeat;
height: 38px; 
list-style: none; 
}
#menu8current ul li{
background: white; 
width: 90px; 
float: left;
color: gray;
text-decoration: none; 
list-style: none; 
font-size: 8pt; 
font-family: verdana; 
text-align: left; 
} 
#menu8current .drop6 {
color: white; 
height: 38px; 
width: 130px; 
} 
#menu8current ul li a {
display: block;
color: gray;
padding: 0px; 
margin: 0px; 
background: white; 
height: 20px; 
width: 90px; 
text-decoration: none; 
}

#menu8current ul li a:hover {
background: #e4e4e5; 
}

#bridgecurrent a {
display: block;
margin: 0px; 
padding: 0px; 
width: 90px;
height: 38px; 
color: white; 
font-family: verdana;
font-size: 7pt; 
line-height: 33px;
text-decoration: none; 
font-weight: bold;
}

#menu8current ul {
height: 70px;
}

#menu8current il li:hover {
background: url(../images/over.png) repeat; 
}

/* this peiece of code fixes firefox bug */
#bugfix10 {
height: 30px;
width: 0px;
} 
#menu8current ul li.bug10 a:hover {
background: #e4e4e5;
height: 30px; 
}
/* End of CSS  */


/* Displays css coding
----------------------------------------------------------------------------------------------------------------------------------------*/



li#menu9 {
margin: 0px; 
float: left; 
padding: 0px; 
width: 55px;
text-align: center; 
background: blue; 
background: url(../images/on.png) repeat;
height: 34px; 
list-style: none; 
margin-top: 4px; 
}

#menu9 ul li{
background: white; 
width: 55px; 
float: left;
color: gray;
text-decoration: none; 
list-style: none; 
font-size: 8pt; 
font-family: verdana; 
text-align: left;
} 
#menu9 .drop6 {
color: white; 
height: 34px; 
width: 55px; 
} 
#menu9 ul li a {
display: block;
color: gray;
padding: 0px; 
margin: 0px; 
background: white; 
height: 20px; 
width: 55px; 
text-decoration: none; 
}

#menu9 ul li a:hover {
background: #e4e4e5; 
}

#supp a {
display: block;
margin: 0px; 
padding: 0px; 
width: 55px;
height: 34px; 
color: white; 
font-family: verdana;
font-size: 7pt; 
line-height: 26px;
text-decoration: none; 
font-weight: bold;
}

#menu9 ul {
height: 20px;
}

#menu9 il li:hover {
background: url(../images/over.png) repeat; 
}

#supp a:hover {
background: url(../images/over.png) repeat; 
} 

/* End of CSS  */


/* Displays Current css coding
----------------------------------------------------------------------------------------------------------------------------------------*/



li#menu9current {
margin: 0px; 
float: left; 
padding: 0px; 
width: 55px;
text-align: center; 
background: blue; 
background: url(../images/current.png) repeat;
height: 38px; 
list-style: none; 

}

#menu9current ul li{
background: white; 
width: 55px; 
float: left;
color: gray;
text-decoration: none; 
list-style: none; 
font-size: 8pt; 
font-family: verdana; 
text-align: left;
} 
#menu9current .drop8 {
color: white; 
height: 40px; 
width: 55px; 
} 
#menu9current ul li a {
display: block;
color: gray;
padding: 0px; 
margin: 0px; 
background: white; 
height: 20px; 
width: 55px; 
text-decoration: none; 
}

#menu9current ul li a:hover {
background: #e4e4e5; 
}

#suppcurrent a {
display: block;
margin: 0px; 
padding: 0px; 
width: 55px;
height: 38px; 
color: white; 
font-family: verdana;
font-size: 7pt; 
line-height: 33px;
text-decoration: none; 
font-weight: bold;
}

#menu9current ul {
height: 40px;
}

#menu9current il li:hover {
background: url(../images/over.png) repeat; 
}


/* End of CSS  */

/* Clere vision css coding
----------------------------------------------------------------------------------------------------------------------------------------*/



li#menu10 {
margin: 0px; 
float: left; 
padding: 0px; 
width: 95px;
text-align: center; 
background: blue; 
background: url(../images/on.png) repeat;
height: 34px; 
list-style: none; 
margin-top: 4px; 
}

#menu10 ul li{
background: white; 
width: 95px; 
float: left;
color: gray;
text-decoration: none; 
list-style: none; 
} 
#menu10 .drop6 {
color: white; 
height: 34px; 
width: 130px; 
} 
#menu10 ul li a {
display: block;
color: gray;
padding: 0px; 
margin: 0px; 
background: white; 
height: 20px; 
width: 95px; 
text-decoration: none; 
}

#menu10 ul li a:hover {
background: #e4e4e5; 
}

#clere a {
display: block;
margin: 0px; 
padding: 0px; 
width: 95px;
height: 34px; 
color: white; 
font-family: verdana;
font-size: 7pt; 
line-height: 26px;
text-decoration: none; 
font-weight: bold;
}

#menu10 ul {
height: 120px;
}

#menu10 il li:hover {
background: url(../images/over.png) repeat; 
}

#clere a:hover {
background: url(../images/over.png) repeat; 
} 

#bugfix31 {
height: 40px;
width: 0px;
} 
/* End of CSS  */






/* Clere vision css coding
----------------------------------------------------------------------------------------------------------------------------------------*/



li#menu10current {
margin: 0px; 
float: left; 
padding: 0px; 
width: 75px;
text-align: center; 
background: blue; 
background: url(../images/current.png) repeat;
height: 38px; 
list-style: none; 

}

#menu10current ul li{
background: white; 
width: 75px; 
float: left;
color: gray;
text-decoration: none; 
list-style: none; 
} 
#menu10current .drop6 {
color: white; 
height: 38px; 
width: 130px; 
} 
#menu10current ul li a {
display: block;
color: gray;
padding: 0px; 
margin: 0px; 
background: white; 
height: 20px; 
width: 75px; 
text-decoration: none; 
}

#menu10current ul li a:hover {
background: #e4e4e5; 
}

#clerecurrent a {
display: block;
margin: 0px; 
padding: 0px; 
width: 75px;
height: 34px; 
color: white; 
font-family: verdana;
font-size: 7pt; 
line-height: 33px;
text-decoration: none; 
font-weight: bold;
}

#menu10current ul {
height: 120px;
}

#menu10current il li:hover {
background: url(../images/over.png) repeat; 
}

#menu9 ul {
height: 40px;
}
#bugfix31 {
height: 40px;
width: 0px;
} 
/* End of CSS  */