*                                {padding:0px; margin:0px;}
body                             {background: #CCCCCC url(/images/_/bg.gif);}
a img                            {border:0px;}

#WraperTable                     {border:0px; width:100%; height:100%;}
#HolderCell                      {width:980px;}

.WraperCell                      {vertical-align:bottom; background: url(/images/_/wraper/bg-garret.gif) repeat-x 0 0;}
.WraperCell div                  {height:200px; width:100%; background: url(/images/_/wraper/bg-footer.gif) repeat-x 100% 0;}


#lightbox                  { position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img              { width: auto; height: auto;}
#lightbox a img            { border: none;}

#outerImageContainer       { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer            { padding: 10px; }

#loading                   { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav                  { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav  { left: 0;}
#hoverNav a                { outline: none;}

#prevLink, #nextLink       { width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink                  { left: 0; float: left;}
#nextLink                  { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/images/_/wraper/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/images/_/wraper/lightbox/nextlabel.gif) right 15% no-repeat; }
 
#imageDataContainer        { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData                 { padding:0 10px; color: #666; }
#imageData #imageDetails   { width: 70%; float: left; text-align: left; }	
#imageData #caption        { font-weight: bold;	}
#imageData #numberDisplay  { display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose { width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay                   { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

#HolderTable                     {height:100%; Width:100%;}
#GarretCell                      {background: url(/images/_/wraper/holder/bg-garret.jpg); height:75px;}
#MiddleCell                      {background: #FFFFFF;}
#FooterCell                      {background: url(/images/_/wraper/holder/bg-footer.gif) repeat-x 100% 100%; height:55px;}

#GarretTable                    {width:100%; height:100%;}

  #MiddleTable  {width:100%; height:100%;}
  #LefterCell   {width:220px; vertical-align:top;}
  #CenterCell   {width:760px; vertical-align:top}

#LefterCell ul                    {font:normal normal 10px verdana; padding:10px 0px 10px 10px;}
#LefterCell ul ul                 {padding:0px 0px 0px 10px;}
#LefterCell li                    {padding:2px 0px 2px 10px; font:normal normal 10px/12px verdana; list-style-type:none; background: url(/images/_/wraper/holder/middle/lefter/bullet-02.gif) no-repeat 0px 5px;}
#LefterCell ul ul li              {padding:2px 0px 2px 10px; font:normal normal 10px/12px verdana; list-style-type:none; background: url(/images/_/wraper/holder/middle/lefter/bullet-01.gif) no-repeat 0px 5px;}

#LefterCell li a                  {text-decoration:none; color:#444444;}
#LefterCell li a:visited          {text-decoration:none; color:#444444;}
#LefterCell li a:hover            {text-decoration:none; color:#800000;}

  #CenterCell h1                  {font: normal bold 18px tahoma; text-align:left; margin:10px 0px 10px 100px; color:#444444}
  #CenterCell p                   {font: normal normal 11px verdana; text-align:justify; margin:10px 15px; color:#444444}
  #CenterCell p.Mark              {margin:10px 15px 10px 5px; padding:3px 20px 8px 40px; border-left:3px solid #800000; background:#F0F0F0;}
  #CenterCell p.Mark b            {display:block; margin:5px 0px 0px 0px;}

  #CenterCell ul                  {font: normal normal 11px verdana; text-align:justify;  margin:10px 15px; color:#444444;}
  #CenterCell ul li               {list-style-type: none; padding:2px 0px 2px 10px; background: url(/images/_/wraper/holder/middle/center/bullet-01.gif) no-repeat 0 60%;}

  #CenterCell ul.SitePath         {margin:0px; padding:10px 15px;}
  #CenterCell ul.SitePath li      {display:inline; font:normal normal 10px/12px verdana; background: none; padding:0px;}
  #CenterCell ul.SitePath a       {color:#808080; text-decoration:none; padding-right: 10px; background: url(/images/_/wraper/holder/middle/center/bullet-01.gif) no-repeat 100% 60%;}
  #CenterCell ul.SitePath a:hover {color:#800000; text-decoration:underline;}

  #CenterCell .Preview            {width:760px;}
  #CenterCell .Preview a          {border:1px solid #C0C0C0; display:block; color:#444444; text-decoration:none; width:160px;}
  #CenterCell .Preview a span     {font: normal normal 9px verdana; display:block; width:160px; background-color:#F0F0F0; text-align:center}
  #CenterCell .Preview td         {padding:0px 15px;}

  #CenterCell .Dual td            {font: normal normal 11px verdana; color:#444444; padding:0px 10px; font-style:italic;}
  #CenterCell .Dual td.ToRight    {text-align:right; border-right:1px dotted #C0C0C0;}
  #CenterCell .Dual td.ToLeft     {text-align:left;}

#FooterCell .FooterPlace   {text-align:center;color:#CCCCCC; font:normal normal 10px verdana;}
#FooterCell .FooterPlace a {text-align:center;color:#FFFFFF; font:normal normal 10px verdana; text-decoration:none;}