/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/elegant2.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#twoPmenu, #twoPmenu ul {padding:0; margin:0; list-style:none; height:30px; background:#f8f8f8; border-bottom:1px solid #fff; border-top:5px solid #521;}
#twoPmenu {width:900px;}
#twoPmenu li.first {border-left:1px solid #fff;}
#twoPmenu table {border-collapse:collapse; width:0; height:0; padding:0; margin-bottom:-1px;}
#twoPmenu ul {position:absolute; left:-9999px;}
#twoPmenu li {float:left; border-right:1px solid #fff;}
#twoPmenu li.searchForm {float:right;}
#twoPmenu li a {white-space:nowrap; background:#f8f8f8; display:block; float:left; height:30px; line-height:30px; font-family:georgia, serif; font-size:16px; text-decoration:none; color:#000; padding:0 20px 0 10px;}
#twoPmenu li a.drop {background:#f8f8f8 url(images/down.gif) no-repeat right center;}
#twoPmenu li a:hover {position:relative; color:#892; background-color:#f0f0f0;}
#twoPmenu li:hover {position:relative;}
#twoPmenu li:hover > a {color:#892; background-color:#f0f0f0;}

#twoPmenu :hover ul {left:-1px; top:30px; width:120px; background:url(trans.gif); padding-top:1px; border:0;}
#twoPmenu :hover ul li a {border-left:1px solid #fff; height:20px; line-height:19px; width:120px; border-bottom:1px solid #fff; font-size:12px;}
#twoPmenu :hover ul li a.right {background:#f8f8f8 url(images/right.gif) no-repeat 135px center;}

#twoPmenu :hover ul ul {left:-9999px; padding-top:0;}
#twoPmenu :hover ul li.fly a:hover {padding-left:161px; border-bottom:1px solid #000; background:#f0f0f0 url(images/down.gif) no-repeat right center;}
#twoPmenu :hover ul li.fly:hover > a {padding-left:160px; border-bottom:1px solid #000; background:#f0f0f0 url(images/down.gif) no-repeat right center;}
#twoPmenu :hover ul :hover ul {left:150px; top:21px; z-index:0;}
#twoPmenu :hover ul :hover ul ul {left:-9999px;}

#twoPmenu :hover ul :hover ul li a:hover {padding-left:10px; border-color:#fff; background:#f0f0f0;}
#twoPmenu :hover ul :hover ul li.fly a:hover {padding-left:161px; border-bottom:1px solid #000; background:#f0f0f0 url(images/down.gif) no-repeat right center;}
#twoPmenu :hover ul :hover ul li.fly:hover > a {padding-left:160px; border-bottom:1px solid #000; background:#f0f0f0 url(images/down.gif) no-repeat right center;}

#twoPmenu :hover ul :hover ul :hover ul {left:150px;}
#twoPmenu :hover ul :hover ul :hover ul li a:hover {padding-left:10px; border-color:#fff; background:#f0f0f0;}

#gallery {width:530px; height:510px; padding:10px; border:1px solid #333; background: #aaa; position:relative; margin-bottom:20px;}
#gallery b.default {position:absolute; left:10px; top:10px; width:398px; height:380px; text-align:center;}
#gallery b.default img {display:block; margin:0 auto 10px auto; border:1px solid #eee; border-color:#555 #ddd #eee #333;}
#gallery b.default span {display:block; color:#fff; font-family:verdana, arial, sans-serif; font-weight:normal; font-size:11px; width:350px; margin:0 auto;}

#gallery ul {list-style:none; padding:0; margin:0; width:120px; position:relative; float:right;}
#gallery ul li {display:inline; width:56px; height:56px; float:left; margin:0;}
#gallery ul li a {display:block; width:50px; height:50px; text-decoration:none; padding:2px;}
#gallery ul li a span {display:none;}
#gallery ul li a img {display:block; width:50px; height:50px; border:1px solid #fff;}
#gallery ul li a:hover {white-space:normal; background:#888; width:54px; height:54px; padding:0; border:1px solid #fff;}
#gallery ul li a:hover b {position:absolute; left:-410px; top:0; width:410px; height:380px; text-align:center; background:#aaa; z-index:20;}
#gallery ul li a:hover span {display:block; color:#fff; font-family:verdana, arial, sans-serif; font-weight:normal; font-size:11px; width:350px; margin:0 auto;}
#gallery ul li a:hover img {margin:0 auto 10px auto; width:auto; height:auto; border:1px solid #eee; border-color:#555 #ddd #eee #333; }

#gallery ul li a:active, #gallery ul li a:focus {white-space:normal; border-color:#555 #ddd #eee #333; background:#777;}
#gallery ul li a:active b, #gallery ul li a:focus b {position:absolute; left:-410px; top:0; width:410px; height:380px; text-align:center; background:#888; z-index:10;}
#gallery ul li a:active span, #gallery ul li a:focus span {display:block; color:#fff; font-family:verdana, arial, sans-serif; font-weight:normal; font-size:11px; width:350px; margin:0 auto;}
#gallery ul li a:active img, #gallery ul li a:focus img{margin:0 auto 10px auto; width:auto; height:auto; border:1px solid #eee; border-color:#555 #ddd #eee #333;}