/* 
MONDAY BY NOON
Suckerfish HoverLightbox Example - Vanilla Vertical stylesheet
Version: 1.0
Last Modified 03/27/06
J. Christopher - www.MondayByNoon.com

CREDITS
-------

Suckerfish: Patrick Griffiths, Dan Webb
    http://www.alistapart.com/articles/dropdowns/
  Modification: http://www.htmldog.com/articles/suckerfish/dropdowns/

Hoverbox: Nathan Smith.
  Example: http://host.sonspring.com/hoverbox/
  Tutorial: http://sonspring.com/journal/hoverbox-image-gallery/
  Modification by: Craig Erskine
    http://solardreamstudios.com/
    http://solardreamstudios.com/_img/learn/css/pg/

Lightbox: Lokesh Dhakar
  http://www.huddletogether.com/projects/lightbox/

*/
* { margin:0; border:0; padding:0; }
h6{
 color:#FFFFFF;
 margin: 0px;
 padding: 3px 0 0 12px;
 font: small Verdana,sans-serif;
 font-weight: bold; 
}

/* GALLERY, add background image to ul to cover the entire section */
ul#gallery { margin:0; list-style:none; background-image:url(../../img/bg_nav.jpg); }
/*Border-Bottom*/
ul#gallery li#first {  }
/*ul#gallery li#first a {padding: 2px 0 0 10px; color:#FFFFFF; font-weight: bold; }*/
ul#gallery li { clear:both; width:152px; position:relative;}
/*Pop-Up Properties*/
ul#gallery li:hover ul, ul#gallery li.sfhover ul { left:152px; }
/*Border-Bottom*/
ul#gallery li a { display:block; width:152px; height:30px; color:#FFFFFF; text-decoration:none; border-bottom:1px solid #FFFFFF;} /*width minus 10 for padding*/
ul#gallery li a:hover { background-color:#990000;; background-image:url(../../img/links_white.gif); background-repeat: no-repeat;}
/*Inner Pop-Up Spacing*/
ul#gallery li ul { padding:30px; list-style:none; margin:0; width:318px; background-color:#FFFFFF; position:absolute; left:-999em; top:-1px; border:20px solid #990000;}
ul#gallery li ul li { display:inline; text-align:left; clear:none; position:static; z-index:2; } 

ul#gallery li ul li a { margin:2px; border:1px solid #000000; padding: 0px; position:relative; float:left; display:block; width:100px; height:75px; }
ul#gallery li ul li a:hover { z-index:2; }
ul#gallery li ul li a img { position:absolute; width:100px; height:75px; }
ul#gallery li ul li a:hover img, ul#gallery li a:active img, ul#gallery li a:focus img { width:200px; height:150px; left:-50px; top:-37px; border:1px solid #000; z-index:2000; }