/* common styling */

/* set up the overall width of the menu div and the margins with a relative position*/





.menu2t {

font-family: verdana, arial, sans-serif; 

width:150px;

margin:0 auto; 

position:relative;

z-index:0;

}

/* remove the bullets and set the margin and padding to zero for the unordered list */

.menu2t ul {

padding:0; 

margin:0;

list-style-type: none;

border:0;

}

/* float the list so that the items are in a line */

.menu2t ul li {

float:left; 

}

/* style the links to be 124px wide by 30px high with a top and right border 1px solid white. Set the background color and the font size. */

.menu2t ul li a, .menu2t ul li a:visited {

display:block; 

float:left;

text-align:center; 

text-decoration:none; 

width:149px; 

height:36px; 

color:#000; 

border:1px solid #cccccc;

border-width:1px 1px 0 0;

background:#c9c9a7; 

line-height:15px; 

font-size:11px;

}

/* make the dropdown ul invisible */

.menu2t ul li ul {

display: none;

}



/* specific to non IE browsers */

/* set the background and foreground color of the main menu li on hover */

.menu2t ul li:hover a{

color:#fff; 

background:#b3ab79;

}

/* make the sub menu ul visible and position it beneath the first list item */

.menu2t ul li:hover ul {

text-align:left;

display:block; 

position:absolute; 

top:2px; 

left:-635; 

}

/* make the sub menu ul li the full width with padding and border. */

.menu2t ul li:hover ul li {

width:624px;

height:235px;

border:4px solid #b3ab79;

background:#fafafa; 

color:#000;

position:relative;

padding:3px 3px;



}



/* style the initial image size 100px x 75px no border and 5pixel padding */

.menu2t ul li:hover ul li a img {

width:90px; height:68px;

border:0; margin:3px;

}









/* style the size, background color, border and margin of the submenu links */

.menu2t ul li:hover ul li a {

float:left;

width:100px;

height:76px;

background:#eee;

border:1px solid #888;

margin:1px;

}



/* style position of the links on hover */

.menu2t ul li:hover ul li a:hover {

position:relative;

}



/* style the 2x size image on hover with an absolute position to place it centrally over the original image */

.menu2t ul li:hover li a:hover img {

width:190px; height:143px;

position:absolute;

left:-40px; top:-74px;

border:0;

border:1px solid #888;

padding:5px;

background:#ccc;

}