/* this is the clipping region for the menu. 
it's width and height get set by script, depending on the size of the items table 
*/.mtDropdownMenu {position:absolute; overflow:hidden; left:-1000px; top:-1000px;}
/* this is the main container for the menu itself. it's width and height get set by script, 
depending on the size of the items table */.mtDropdownMenu .content 
{position:absolute;}
/* this table comprises all menu items. each TR is one item. It is relatively positioned so 
that the shadow and background transparent divs can be positioned underneath it 
*/.mtDropdownMenu .items 
{position:relative; left:0px; top:0px; border:1px solid #999; z-index:2;}.mtDropdownMenu.top .items 
{border-top:none;}
/* each TR.item is one menu item 
*/.mtDropdownMenu .item { color: white; font-size:11px; font-family:Helvetica, Arial, sans-serif; text-decoration:none;	
/* this is a hack for mac/ie5, whom incorrectly cascades the border properties of the parent table to each row 
*/border:none; cursor:pointer; cursor:hand;}
/* this DIV is the semi-transparent white background of each menu. 
the -moz-opacity is a proprietary way to get transparency in mozilla, 
the filter is for IE/windows 5.0+. */
/* we set the background color in script because ie mac does not use it; 
that browser only uses a semi-transparent white PNG that the spacer gif 
inside this DIV is replaced by 
*/.mtDropdownMenu .background {position:absolute; left:0px; top:0px; z-index:1; -moz-opacity:.8; filter:alpha(opacity=87);}
/* same concept as .background, but this is the sliver of shadow on the 
right of the menu. It's left, height, and background are set by script. 
In IE5/mac, it uses a PNG 
*/.mtDropdownMenu .shadowRight {position:absolute; z-index:3; top:3px; width:1px; -moz-opacity:.4; filter:alpha(opacity=0);}
/* same concept as .background, but this is the sliver of shadow on the 
bottom of the menu. It's top, width, and background are set by script. 
In IE5/mac, it uses a PNG 
*/.mtDropdownMenu .shadowBottom {position:absolute; z-index:1; left:3px; height:1px; -moz-opacity:.4; filter:alpha(opacity=0);}
/* this is the class that is used when the mouse is over an item. 
script sets the row to this class when required. 
*/.mtDropdownMenu .item.hover {background:#08AE00; color:#FFFFFF;}

/* this is either the dingbat that indicates there is a submenu, or a 
spacer gif in it's place. We give it extra margin to create some space 
between the text and the dingbat 
*/.mtDropdownMenu .item img {margin-left:10px;}

h1 { color: #FFFFFF; font-size: 12px; font-weight: bold; line-height: 18px; padding-top: 0px; font-family: verdana, arial, helvetica, sans-serif; text-decoration: none}
h2 { color: #FFFFFF; font-size: 11px; font-weight: bold; line-height: 16px; padding-top: 0px; font-family: verdana, arial, helvetica, sans-serif; text-decoration: none}
h3 { color: #FFFFFF; font-size: 10px; font-weight: bold; line-height: 14px; padding-top: 0px; font-family: verdana, arial, helvetica, sans-serif; text-decoration: none}
h4 { color: #FFFFFF; font-size: 9px; font-weight: bold; line-height: 13px; padding-top: 0px; font-family: verdana, arial, helvetica, sans-serif; text-decoration: none}
h5 { color: #FFFFFF; font-size: 8px; font-weight: bold; line-height: 12px; padding-top: 0px; font-family: verdana, arial, helvetica, sans-serif; text-decoration: none}

.first { color: #B8B8B8; font-size: 16px; font-weight: normal; line-height: 18px; padding-top: 0px; font-family: helvetica, arial, sans-serif; text-decoration: none}
.second { color: #B8B8B8; font-size: 14px; font-weight: normal; line-height: 16px; padding-top: 0px; font-family: helvetica, arial, sans-serif; text-decoration: none}
.third { color: #B8B8B8; font-size: 12px; font-weight: normal; line-height: 14px; padding-top: 0px; font-family: helvetica, arial, sans-serif; text-decoration: none}
.fourth { color: #B8B8B8; font-size: 11px; font-weight: normal; line-height: 13px; padding-top: 0px; font-family: helvetica, arial, sans-serif; text-decoration: none}
.fifth { color: #B8B8B8; font-size: 10px; font-weight: normal; line-height: 12px; padding-top: 0px; font-family: helvetica, arial, sans-serif; text-decoration: none}
.sixth { color: #B8B8B8; font-size: 9px; font-weight: normal; line-height: 11px; padding-top: 0px; font-family: helvetica, arial, sans-serif; text-decoration: none}
.seventh { color: #B8B8B8; font-size: 8px; font-weight: normal; line-height: 10px; padding-top: 0px; font-family: helvetica, arial, sans-serif; text-decoration: none}
.copyone { color: #000000; font-size: 14px; font-weight: normal; line-height: 16px; padding-top: 0px; font-family: helvetica, arial, sans-serif; text-decoration: none}
.copytwo { color: #000000; font-size: 12px; font-weight: normal; line-height: 14px; padding-top: 0px; font-family: helvetica, arial, sans-serif; text-decoration: none}
.copythree { color: #000000; font-size: 10px; font-weight: normal; line-height: 12px; padding-top: 0px; font-family: helvetica, arial, sans-serif; text-decoration: none}
.copyfour { color: #000000; font-size: 9px; font-weight: normal; line-height: 11px; padding-top: 0px; font-family: helvetica, arial, sans-serif; text-decoration: none}
.copyfive { color: #000000; font-size: 8px; font-weight: normal; line-height: 10px; padding-top: 0px; font-family: helvetica, arial, sans-serif; text-decoration: none}
.headlinewhitesmallest { color: #B8B8B8; font-size: 10px; font-weight: bold; line-height: 12px; padding-top: 0px; font-family: helvetica, arial, sans-serif; text-decoration: none}
.headlinewhitesmall { color: #B8B8B8; font-size: 12px; font-weight: bold; line-height: 14px; padding-top: 0px; font-family: helvetica, arial, sans-serif; text-decoration: none}
.headlinewhitelarge { color: #B8B8B8; font-size: 14px; font-weight: bold; line-height: 16px; padding-top: 0px; font-family: helvetica, arial, sans-serif; text-decoration: none}
.headlinewhitelargest { color: #B8B8B8; font-size: 16px; font-weight: bold; line-height: 18px; padding-top: 0px; font-family: helvetica, arial, sans-serif; text-decoration: none}
.smalldark { color: #5A5A5A; font-size: 10px; font-weight: normal; line-height: 12px; padding-top: 0px; font-family: helvetica, arial, sans-serif; text-decoration: none}


A:LINK { color : #F7FFB2; text-decoration: none; outline: none;}
A:ACTIVE { color : #F7FFB2; text-decoration: none; outline: none;}
A:VISITED { color : #9A9749; text-decoration: none; outline: none;}
A:HOVER { color : #FFE152; text-decoration: none; outline: none;}

BODY { font-family : Helvetica, Arial, sans-serif; font-size: 12px; }