/*
   New Perspectives on HTML and XHTML 5th Edition
   Tutorial 4
   Review Assignment

   Online Scrapbooks Style Sheet
   Author: 
   Date:   

   Filename:         screen.css
   Supporting Files: back.jpg, marker.gif

*/

body                {margin: 0px; color: black; 
                     background: white url(back.jpg) repeat-y}
h1, h2, h3          {font-family: Arial, Helvetica, sans-serif; color: black; margin: 0px}
h3                  {font-size: 10pt}
h1                  {border-bottom: 2px solid orange; background-color: white; margin: 0px; 
                     padding: 0px}
ul                  {margin-top:0px}

#outer_container    {width: 780px}
#head               {text-align: right}

#links              {float: left; width: 200px}


#content            {margin-left: 200px}


address             {text-align: center; font-style: normal; font-variant: small-caps;
                     border-top: 2px solid orange; color: orange; padding-bottom: 50px;
                     }
#links ul        {list-style-type:none;margin-left:15px;padding-left:0px}
.newGroup{margin-top:20px}
.subgroup{margin-left:20px}

#content ul {list-style-image:url(marker.gif)}

#links a:link  {text-decoration:none}
#links a:visited  {text-decoration:none}

#links a:hover   {color:blck;background-color:white; text-decoration:underline overline}


#links a:active  {text-decoration:none}





.samples  {position:absolute}

.samples img {width:150px; height:193px; border-width:0px}

#samples_container{position:relative; top:0px; left:0px; height:450px}

#sample1   {position:absolute; top:0px; left:0px}
#sample2    {position:absolute;top:0px; left:170px}
#sample3                 {position:absolute;top:220px; left:0px}
#sample4                 {position:absolute;top:220px; left:170px}