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

   Volunteer Form Style Sheet
   Author: ron lakin
   Date:  nov 20 2009 

   Filename:         forms.css
   Supporting Files: none

*/

   .form {
                display:block;
                width:700px;
                
                font: 9pt Arial, sans-serif;
                margin-left:25px;
                
              }
  fieldset {background-color:#f8c5b8;
            padding:10px;
            margin-bottom:10px;
             }

  label.blocklabel{display:block;
                   position:relative;
                   width:450px;
                   margin: 12px 0px 12px 0px;
                  }
  
  label.blocklabel input { position:absolute;
                           left:140px
                         }


  span {color:red}

     #fName, #lName {width:250px;}
     #street1, #street2 {width:350px;}
     #city  {width: 140px; }
     #state {width:40px;}
     #zip, #phone  {width:50px;}

  #experience {width:450px;
               padding:5px;
              }
 
  #interestFields {position:relative;
                   width:450px;
                   height:120px;
                   padding:5px;
                  }

 

 #interest1, #interest2, #interest3 {position:absolute;top:20px}
 #interest4, #interest5, #interest6 {position:absolute;top:50px}  
 #interest7, #interest8, #interest9 {position:absolute;top:80px}

 #interest1, #interest4, #interest7 {left:0px}
 #interest2, #interest5, #interest8 {left:140px}  
 #interest3, #interest6, #interest9 {left:280px}