/* 
   Semester Project .. ShopGI makeover
   Author: Gary Jeurink
   Date:   11/21/2010

   Filename:         hist.css
*/

body                 {background-color: black}

#top-layer           {background-color: #E7D9A5; border: 2px solid blue; width: 870px; margin-bottom: 5px}
#top-layer img.logo  {vertical-align: middle; border: 0px}

#top-layer h2        {background-color: #E7D9A5; color: black; text-align:center; margin: 0;
                      padding : 4px 0px 4px 0px}

#G-links                {float: left}
div.gardenLinks a       {display: block; padding: 2px 2px 2px 4px; margin: 4px 5px 4px 2px; font-size: 12pt;
                         text-decoration: none; border: 1px solid black; background-color: rgb(255, 255, 192);
                         width: 65px}  
div.gardenLinks a:hover {background-color:#993300; color: white}

#column1             {width: 260px; float: left; border-left: 2px solid white }
#column2             {width: 260px; float: left; border-left: 2px solid white }
#column2 p           {width: 250px;	height: 260px; margin: 0px;	padding: 0px 5px 0px 5px;
                      text-align: center; font-size: 14pt; color: white; 
                      border-top: 2px solid white; border-bottom: 2px solid white;
                      vertical-align: middle; margin-top: auto; margin-bottom: auto}

#column3             {width: 260px;	float: left; border-left: 2px solid white; margin-bottom: 0px}

#level2              {clear: left; margin: 0px 0px 0px 80px }
   #lv2col1             {float: left; width: 372px; border-left: 2px solid white}
   #lv2col2             {float: left; width: 125px; border-left: 2px solid white}
   #lv2col2 p           {color: white; margin: 0px; padding: 0px 5px 0pxr 5px; font-size: 14pt; text-align: center}
   #lv2col3             {float: left; width: 228px; border-left: 2px solid white; border-right: 2px solid white}
#level3              {clear: left; margin: 0px 0px 0px 80px }
   #lv3col1             {float: left; width: 372px; border-left: 2px solid white}
   #lv3col2             {float: left; width: 372px; border-left: 2px solid white; border-right: 2px solid white;
                         margin-bottom: 15px}
              

img.p-image          {width: 260px; height: 260px; margin: 0px; padding: 0; border: 2px solid white}
img.p-image2         {width: 280px; height: 280px; margin: 0px; padding: 0; border: 2px solid white}
img.p-image3         {width: 371px; height: 280px; margin: 0px; padding: 0; border: 2px solid white}