/* CSS Document */

/* suckerfish holidays */

#nav, #nav ul 
{ /* all lists */
    list-style: none;
    margin : 0;
    padding: 0;
    border-collapse:collapse;
}

#nav li 
{ /* all list items */
    display: inline-block; 
    margin : 0;
    padding: 0;
}

#nav li ul
{ /* second-level lists */
    position: absolute;
    width: 108px;
    visibility: hidden;
    display: none;
    padding: 0;
    padding-bottom: 0px;    
}

#nav li ul li 
{ /* second-level list items */
    display: block;
    visibility: visible;
    height: 26px;
    width:  108px;
    padding: 0;
    margin: 0;
    margin-bottom: -4px;
    border: 0px;
    border-top: 1px solid #ede1b7;
}

#nav li ul li a {
    text-decoration: none;
    display: block;
    font-size: 2px;
    padding: 0;
    margin:  0;
    height: 22px;
}

#nav li:hover ul, #nav li.sfhover ul 
{ /* lists nested under hovered list items */
    display: block;
    visibility: visible;
    margin : -10px 0 0 60px;
}

li#valentines { background: url(/images/menu/valentines1.jpg); }
li#valentines:hover, li#valentines.sfhover { background: url(/images/menu/valentines2.jpg); }

li#easterspring { background: url(/images/menu/easterspring1.jpg); }
li#easterspring:hover, li#easterspring.sfhover { background: url(/images/menu/easterspring2.jpg); }

li#passover { background: url(/images/menu/passover1.jpg); }
li#passover:hover, li#passover.sfhover { background: url(/images/menu/passover2.jpg); }

li#earthday { background: url(/images/menu/earthday1.jpg); }
li#earthday:hover, li#earthday.sfhover { background: url(/images/menu/earthday2.jpg); }

li#mothersday { background: url(/images/menu/mothersday1.jpg); }
li#mothersday:hover, li#mothersday.sfhover { background: url(/images/menu/mothersday2.jpg); }

li#thanksgiving { background: url(/images/menu/thanksgiving1.jpg); }
li#thanksgiving:hover, li#thanksgiving.sfhover { background: url(/images/menu/thanksgiving2.jpg); }

li#chanukah { background: url(/images/menu/chanukah1.jpg); }
li#chanukah:hover, li#chanukah.sfhover { background: url(/images/menu/chanukah2.jpg); }

li#christmas { background: url(/images/menu/christmas1.jpg); }
li#christmas:hover, li#christmas.sfhover { background: url(/images/menu/christmas2.jpg); }

li#newyear { background: url(/images/menu/newyear1.jpg) no-repeat; }
li#newyear:hover, li#newyear.sfhover { background: url(/images/menu/newyear2.jpg) no-repeat; }


/* regular stuff */

body a:link, body a:visited
{
    color: #364B29;
    text-decoration: underline;
}

body a:hover, body a:active
{
    color: #4B1103;
    text-decoration: underline;
}

body a:link, body a:visited
{
    color: #364B29;
    text-decoration: underline;
}

.bodyHeader
{
    font: bold 11pt Arial, Helvetica, sans-serif;
    color: #364B29;
}

.topNav
{
	width: 590px;
	height: 28px; 
	padding-right: 8px; 
	margin-top:7px;
	font-weight: bold; 
	font-family: arial; 
	font-size: 12px;	
}

.tuckUnder
{
    color: #364B29;
    margin: 0;
    text-align: right;
    padding: 20px 40px 0px 100px;
    font: bold 8pt Tahoma, Arial, Helvetica, sans-serif;
}

.tuckUnder b
{
    font: bold 12pt Arial, Helvetica, sans-serif;
    color: #4B1103;
}

.tuckUnderCite
{
    font: normal 7pt Tahoma, Verdana, Arial, Helvetica, sans-serif;
    color: #4B1103;
}

.tuckUnderCite b
{
    font: bold 7pt Tahoma, Verdana, Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    color: #4B1103;
}

.tuckUnderPic
{
    text-align: left;
    padding: 25px 0px 0px 20px;
}

.textBlockTable
{
    padding: 0 50px 0 30px;
}

.textBlockTable tr td
{
    text-align:justify;
}

.mainArea
{
    font: 8pt Verdana, Tahoma, Arial, Helvetica, sans-serif;
    color: #4B1103;
    margin: 0;
    padding: 0px 0px 10px 0px;
}

.bodyDiv
{
	max-width: 530px;
   padding: 0 40px 0 20px;
   margin: 0px;
   text-align: justify;
}

.links a:link, a:visited
{
    color: #444444;
}

.galleryDiv
{
    clear: both; 
    text-align: center;
    padding: 0;
    border-bottom: 1px dotted #364B29;
    margin: 10px 40px 5px 12px;
}

.clearDiv
{
    clear: both; 
}

.cardDiv
{
    margin: 0 auto;
}

.cardThumb
{
    font: 8pt/8pt Verdana, Tahoma, Arial, Helvetica, sans-serif;
    font-style: italic;
    float: left;
    text-align: center;
    color: #4B1103;
    padding: 5px 0px 10px 0px;
}

.cardThumb img
{
    margin: 0;
    padding: 0;
}

.cardThumb a
{
    font: 8pt/8pt Verdana, Tahoma, Arial, Helvetica, sans-serif;
    text-align: center;
    color: #999966;
}

.cardThumb a:link, a:visited
{
    color: #999966;
    text-decoration: none;
}

.cardThumb a:hover, a:active
{
    color: #000088;
    text-decoration: underline;
}

a.holiday
{
    display: block;
    float: left;
    width: 139px;
    height: 142px;
    background: url("/images/holiday.gif") 0 0 no-repeat;
    text-decoration: none;
}

a:hover.holiday
{
    background-position: -139px 0;
}

.footerLinks
{
    font: 7pt Verdana, Tahoma, Arial, Helvetica, sans-serif;
    text-align: center;
    color: #999966;
}

.footerLinks a:link, .footerLinks a:visited
{
    text-decoration: none;
    color: #666633;
}

.footerLinks a:hover, .footerLinks a:active
{
    text-decoration: underline;
    color: #000044;
}

.thumbnail
{
    position: relative;
    z-index: 0;
    text-decoration: none;
}

.thumbnail:hover
{
    background-color: transparent;
    z-index: 50;
}

.thumbnail span
{ /*CSS for enlarged image*/
    position: absolute;
    background-color: #f0e6c5;
    padding: 0 0 5px 0;
    left: -1000px;
    border: 1px solid #364b29;
    visibility: hidden;
    color: black;
    text-decoration: none;
    font: 7pt Verdana, Tahoma, Arial, Helvetica, sans-serif;
}

.thumbnail span img
{ /*CSS for enlarged image*/
    border-width: 0;
}

.thumbnail:hover span
{ /*CSS for enlarged image on hover*/
    visibility: visible;
    top: -375px;
    left:-40px; /*position where enlarged image should offset horizontally */
}

.subscribe
{
    background-color: #e9e2c1;
    padding: 8px;
    border: 1px solid #4b1103;
    margin: 0px 0px 15px 0px;
}

.subscribe h2
{
    font: bold 14pt Arial, Helvetica, sans-serif;
    color: #4b1103;
    margin-top: 0px;
    padding-top: 0px;
}

.subscribe h3
{
    font: bold 11pt Arial, Helvetica, sans-serif;
    color: #364B29;
    margin: 0px 0px 3px 0px;
    padding: 0px;
}

.copyright
{
    font: 8pt Verdana, Tahoma, Arial, Helvetica, sans-serif;
    color: #a06020;
    text-align: center;
}

#message
{
    font-size: 12pt;
    font-family: Times New Roman, Times, serif;
    font-style: italic;
    border: 1px solid #a06020;
    background-color: #fff9d8;
    padding: 4px 6px 4px 6px;
    color: #804000;
}

#addresses
{
    font-size: 8pt;
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    border: 1px solid #a06020;
    background-color: #fff9d8;
    padding: 4px 6px 4px 6px;
    color: #804000;
}

.field
{
    font-style: italic;
    border-top: 0px;
    border-right: 0px;
    border-left: 0px;
    border-bottom: 1px solid #a06020;
    background-color: #fff9d8;
    color: #804000;
    margin: 2px 8px 2px 0px;
}

.notifyBox
{
    border: 1px solid #4b1103; 
    background-color: #f0e7c8; 
    padding:10px;
    font: 8pt Verdana, Tahoma, Arial, Helvetica, sans-serif;
    color: #4b1103;
}

 .instructionBox
 {
    border: 1px solid #2a0a03; 
    background-color: #eebe6e;
    padding: 7px;
    font: 7pt/8pt Verdana, Tahoma, Arial, Helvetica, sans-serif;
    color: #2a0a03;
    width: 155px;
    margin-left: 8px;
    margin-bottom: 8px;
    text-align: center;
    
 }

 .instructionBoxTitle
 {
    font: bold 8pt/9pt Verdana, Tahoma, Arial, Helvetica, sans-serif;
    border-bottom: 1px solid #9a7a73; 
    padding: 0px;
    padding-bottom: 4px;
    margin-bottom: 3px;
    margin-top: 3px;
 }

.browserAlert
{
    border: 1px solid #990000; 
    background: #f0e7c8; 
    padding:6px;
    font: 8pt Verdana, Tahoma, Arial, Helvetica, sans-serif;
    color: #990000;
    margin: 0px 40px 0px 40px;
    text-align: center;
}

.error
{
    color: #990000; 
    font-weight: bold;
}