/* a for the testing environment (different in all implementations) */ #test_wrapper { float:left; width:973px; height:30px; padding:4px 5px 0; background:url('/images/masthead_bg.png') left -137px no-repeat; } /* For our boys, Cake & Smarty*/ .nav_wrapper, .drupalnav_wrapper { clear:both; position:relative; height:1px; padding:0 0 0 5px; z-index:1000; } /**************************** * Both Menus ****************************/ #menus { clear:left; position:relative; zoom:1; } * html #menus { position:static; } #block-menu-menu-main-links, #block-menu-menu-main-menu { float:left; background-color:transparent; } #block-menu-menu-main-links a, #block-menu-menu-main-menu a { font-size:11px; font-weight:bold; } #block-menu-menu-main-links ul, #block-menu-menu-main-menu ul { } #block-menu-menu-main-links ul li, #block-menu-menu-main-menu ul li { position:relative; float:left; margin:0 0 0 5px; padding:0 10px 0 0; list-style-type:none; list-style:none; list-style-image:none; } * html #block-menu-menu-main-links ul li, * html #block-menu-menu-main-menu ul li { display:inline; padding-right:5px; } #block-menu-menu-main-links ul li a, #block-menu-menu-main-menu ul li a { display:block; height:21px; padding:0 0 5px 15px; line-height:21px; color:#000000; } * html #block-menu-menu-main-links ul li a, * html #block-menu-menu-main-menu ul li a { float:left; display:inline; margin-right:0px; padding-right:5px; } #block-menu-menu-main-links ul li ul, #block-menu-menu-main-menu ul li .drop-down-content { position:absolute; display:block; left:-999em; top:100%; border-width:0 1px 1px 1px; border-style:solid; border-color:#222222; background:#ffffff; } #block-menu-menu-main-links ul li:hover ul, #block-menu-menu-main-links ul li.hover ul, #block-menu-menu-main-menu ul li:hover .drop-down-content, #block-menu-menu-main-menu ul li.hover .drop-down-content { left:auto; top:100%; } * html #block-menu-menu-main-links ul li.hover ul, * html #block-menu-menu-main-menu ul li.hover .drop-down-content { clear:left; left:0px; } #block-menu-menu-main-links ul li ul li, #block-menu-menu-main-links ul li ul li a, #block-menu-menu-main-menu ul li ul li, #block-menu-menu-main-menu ul li ul li a { background-image:none!important; } #block-menu-menu-main-links ul li ul li, #block-menu-menu-main-menu ul li ul li { float:none; clear:left; position:relative; display:block; margin:0px; padding:0px; } #block-menu-menu-main-links ul li ul li.last a, #block-menu-menu-main-menu ul li ul li.last a { border-bottom:0px; } #block-menu-menu-main-links ul li ul li a, #block-menu-menu-main-menu ul li ul li a { display:block; margin:0px; padding:0 5px; height:auto!important; line-height:22px; border-bottom:1px solid #e8e8e8; zoom:1; } #block-menu-menu-main-links ul li ul li:hover a, #block-menu-menu-main-links ul li ul li.hover a, #block-menu-menu-main-links ul li ul li a:hover, #block-menu-menu-main-menu ul li ul li:hover a, #block-menu-menu-main-menu ul li ul li.hover a, #block-menu-menu-main-menu ul li ul li a:hover { text-decoration:none; color:#000000; background:#cccccc; } /**************************** * Main Links Specific ****************************/ #block-menu-menu-main-links { } #block-menu-menu-main-links li { } #block-menu-menu-main-links li a { } #block-menu-menu-main-links li ul { margin:0 0 0 -1px; } #block-menu-menu-main-links li ul li a { width:180px; } * html #block-menu-menu-main-links li ul li { width:180px; margin:0px; } #block-menu-menu-main-links li a { background:url('/images/main-links-left-bg.png') left 1px no-repeat; } #block-menu-menu-main-links li { background:url('/images/main-links-right-bg.png') right 1px no-repeat; } #block-menu-menu-main-links li:hover a, #block-menu-menu-main-links li.hover a, #block-menu-menu-main-links li a:hover { background:url('/images/main-links-left-bg-active.png') left 0px no-repeat; } #block-menu-menu-main-links li:hover, #block-menu-menu-main-links li.hover { background:url('/images/main-links-right-bg-active.png') right top no-repeat; } /**************************** * Main Menu Specific ****************************/ #block-menu-menu-main-menu { margin:0 0 0 0px; } #block-menu-menu-main-menu ul { } #block-menu-menu-main-menu ul li { margin:0px; padding-right:0px!important; } #block-menu-menu-main-menu ul li a { padding-left:10px; padding-right:10px!important; color:#ffffff; } #block-menu-menu-main-menu ul li:hover a, #block-menu-menu-main-menu ul li.hover a { color:#000000; } #block-menu-menu-main-menu .drop-down-content { float:left; width:475px; } * html #block-menu-menu-main-menu .drop-down-content { width:auto; } #block-menu-menu-main-menu .drop-down-content ul { float:left; width:120px; } * html #block-menu-menu-main-menu .drop-down-content ul { zoom:1; } * html #block-menu-menu-main-menu .drop-down-content ul li { width:120px; zoom:1; } * html #block-menu-menu-main-menu .drop-down-content ul li a { display:inline; width:120px; } #block-menu-menu-main-menu .drop-down-content ul li { position:relative; z-index:1000; } * html #block-menu-menu-main-menu .drop-down-content ul li { clear:left; } #block-menu-menu-main-menu .drop-down-content ul li:hover, #block-menu-menu-main-menu .drop-down-content ul li.hover { background:#cccccc; } #block-menu-menu-main-menu .drop-down-content ul li:hover a { color:#000000; } #block-menu-menu-main-menu .drop-down-content ul li:hover ul, #block-menu-menu-main-menu .drop-down-content ul li.hover ul { left:100%; background:#ffffff; } #block-menu-menu-main-menu .drop-down-content ul li a { } #block-menu-menu-main-menu .drop-down-content ul li ul { position:absolute; left:-999em; top:-1px; width:150px; border-width:1px 3px 3px 1px; border-style:solid; border-color:#e8e8e8 #999999 #999999 #e8e8e8; } #block-menu-menu-main-menu .drop-down-content ul li ul li { } #block-menu-menu-main-menu .drop-down-content ul li ul li a { color:#666666; zoom:1; background:#ffffff; } #block-menu-menu-main-menu .drop-down-content ul li ul li a:hover { background:#e8e8e8; } #block-menu-menu-main-menu .drop-block-menu { float:left; width:355px; } * html #block-menu-menu-main-menu .drop-block-menu { display:none; width:auto; } #block-menu-menu-main-menu .block-inner { padding:0 10px 10px; } #block-menu-menu-main-menu .title-wrap h2 { font-size:13px; font-weight:bold; line-height:23px; } #block-menu-menu-main-menu .item-list { display:block; } #block-menu-menu-main-menu .item-list ul { width:auto!important; border-top:3px solid #cccccc; } #block-menu-menu-main-menu .item-list ul li { position:relative; z-index:100; } #block-menu-menu-main-menu .item-list ul li:hover, #block-menu-menu-main-menu .item-list ul li.hover { background-color:transparent!important; } #block-menu-menu-main-menu .item-list ul li a { padding:0 0 0 15px; color:#AB171D; border:none; background:none!important; zoom:1; } #block-menu-menu-main-menu .item-list ul li a:hover { text-decoration:underline; color:#AB171D; } #block-menu-menu-main-menu ul li:hover a, #block-menu-menu-main-menu ul li.hover a { background:url('/images/main-menu-bg-left.png') left top no-repeat; } #block-menu-menu-main-menu ul li:hover, #block-menu-menu-main-menu ul li.hover { background:#ffffff url('/images/main-menu-bg-right.png') right top no-repeat; } #block-menu-menu-main-menu .item-list ul li a { background:url('/images/bullet.png') 6px 9px no-repeat!important; } /**************************** * Anti Drupal Styles ****************************/ .not-front #menus .leaf { padding:0 0 0 0; } .not-front #block-menu-menu-main-links ul, .not-front #block-menu-menu-main-menu ul, .not-front #block-menu-menu-main-menu .title-wrap h2 { padding:0px; } .not-front #block-menu-menu-main-links ul li .not-front #block-menu-menu-main-menu ul li { padding:0 10px 0 0; } /**************************** * Anti Cake Styles ****************************/