/* This controls the styles for the menu items in menu.js; indentation levels are controlled by "cl" designators:  cl1 = level 1, cl2 = level 2, etc */

.menu {BORDER-TOP: black 1px solid; BACKGROUND-COLOR: #990000; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #FFFFFF; PADDING-TOP: 0px; BORDER-BOTTOM: black 1px solid}

IMG {BORDER: 0px;}

/* Menu item attributes, levels 1 to 3 */
UL.cl1 {BORDER-RIGHT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-TOP: 0px; BORDER-BOTTOM: 0px; LIST-STYLE-TYPE: none}
UL.cl2 {BORDER-RIGHT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-TOP: 0px; BORDER-BOTTOM: 0px; LIST-STYLE-TYPE: none}
UL.cl3 {BORDER-RIGHT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-TOP: 0px; BORDER-BOTTOM: 0px; LIST-STYLE-TYPE: none}

UL.cl1 {FONT-SIZE: 10pt; FONT-FAMILY: Arial}
UL.cl2 {VISIBILITY: hidden; POSITION: absolute; FONT-SIZE: 10pt; FONT-FAMILY:  Arial}
UL.cl3 {VISIBILITY: hidden; POSITION: absolute; MARGIN-TOP: -11px; FONT-SIZE: 10pt; FONT-FAMILY:  Arial; MARGIN-LEFT: 125px}

LI.cl1 {BORDER-RIGHT: black 1px solid; PADDING-RIGHT: 0px;  PADDING-LEFT: 0px; BACKGROUND: #990000; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px;  WIDTH: 130px; COLOR: #FFFFFF; PADDING-TOP: 0px; LIST-STYLE-TYPE: none}
LI.cl2 {BORDER-RIGHT: black 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: black 1px solid; PADDING-LEFT: 0px; BACKGROUND: #990000; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: black 1px solid; WIDTH: 130px; COLOR: #707070; PADDING-TOP: 0px; BORDER-BOTTOM: black 1px solid; LIST-STYLE-TYPE: none}
LI.cl3 {BORDER-RIGHT: black 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: black 1px solid; PADDING-LEFT: 0px; BACKGROUND: #990000; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: black 1px solid; WIDTH: 130px; COLOR: #707070; PADDING-TOP: 0px; BORDER-BOTTOM: black 1px solid; LIST-STYLE-TYPE: none}

A.cl1 {BORDER-RIGHT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: 0px; DISPLAY: block! important; PADDING-LEFT: 4px; FONT-WEIGHT: bold! important; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: 0px; COLOR: white! important; PADDING-TOP: 0px; BORDER-BOTTOM: 0px; TEXT-DECORATION: none! important}
A.cl2 {BORDER-RIGHT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: 0px; DISPLAY: block! important; PADDING-LEFT: 4px; FONT-WEIGHT: normal! important; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: 0px; COLOR: white! important; PADDING-TOP: 0px; BORDER-BOTTOM: 0px; TEXT-DECORATION: none! important}
A.cl3 {BORDER-RIGHT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: 0px; DISPLAY: block! important; PADDING-LEFT: 4px; FONT-WEIGHT: normal! important; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: 0px; COLOR: white! important; PADDING-TOP: 0px; BORDER-BOTTOM: 0px; TEXT-DECORATION: none! important}

.cl1:hover {BACKGROUND: #000000; COLOR: white! important; TEXT-DECORATION: none; PADDING-TOP: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px}
.cl2:hover {BACKGROUND: #000000; COLOR: white! important; TEXT-DECORATION: none; PADDING-TOP: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px}
.cl3:hover {BACKGROUND: #000000; COLOR: white! important; TEXT-DECORATION: none; PADDING-TOP: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px}

#id1 {WIDTH: 130px}
#id2 {WIDTH: 130px}
#id3 {WIDTH: 130px}
#id4 {WIDTH: 130px}
#id5 {WIDTH: 130px}
#id6 {WIDTH: 130px}
#id7 {WIDTH: 130px}
