/* webmaster adrineh pike 14 November 2008 - css for summer art workshops - updated June 2010 */
body{
 background-color:  #ffffff; 
 font-size: small; /* do the hack here*/
  margin: 0;
  padding: 0; 
  color: #000000;
  }
 
 #wholepage { 
 width: 95%;
   margin: 0 2%; 
    margin-top: 10px; 
	 padding: 0;  
  font-size: 98%; 
   line-height: 1.5em;
   font-family: Lucida Grande, Lucida Sans Unicode, Lucida, Arial, Helvetica, sans-serif;
  
 }
       
  #top {
  float:left;  
  padding: 0;  
  margin: 0; 
  padding-left: 10px;
   width: 100%;  
   height: 120px;
   background-image:url(assets/artsmart-logo-nov08.png);
   background-position:left;
   background-repeat:no-repeat;
  background-color:  #daf3fb;
  border: 1px solid #f7BE00;
  border-top: none;
 }


div,h1,h2, h3, p { 
 margin: 0;
   padding: 0; } 

p{
margin-top:6px;
}

h1{
	color: #776313;
	font-size: 120%;
	position: absolute;
	top: 22px;
	left: 150px;
	letter-spacing: normal;
	line-height: 1.6;
	margin: 0;
	font-family:Arial, Helvetica, sans-serif;
	width: 370px;
}

.flash/* animation at the top right corner*/
{
float:right;
width: 445px;
}


#top2  {
float:left;
clear: both;
 width: 100%;
 height: 20px;
  padding: 0;
    margin: 0;
	
}

#leftcol {
float: left;
  width: 28%; 
    margin-top: 20px; 
	 padding: 0;
	 margin:0;
	
}

#artsmart
{
position: relative;
width: 80%;
margin-top: 80px;
left: 50px;
font-size: 95%;
font-family:Arial, Helvetica, sans-serif;
	
}


#middlecol {
 float: right;
   width:  68%;
   margin-left:5px;
    margin-top: 0; 
	 padding: 0;
	
	 
} 
	 
.text
{
position: relative;
margin: 10px 15px 10px 10px;
padding:0;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
width: 95%;
text-align: left;
color: #000000; 
font-size: 98%;
font-family: Lucida Grande, Lucida Sans Unicode, Lucida, Arial, Helvetica, sans-serif;
 border: 1px solid #f7BE00;


}

	 
.text-photo  /*this css is for inserting photo on table background*/
{
position: relative;
margin: 10px 15px 10px 5px;
padding:0;
width: 98%;
text-align: left;
color: #000000; 
  line-height: 2em;
font-size: 98%;

font-family: Lucida Grande, Lucida Sans Unicode, Lucida, Arial, Helvetica, sans-serif;

}


h2{)
font-size: 100%;
color: #ff3300; 
margin-left: 100px;
margin-top: 10px;
font-family: Lucida Grande, Lucida Sans Unicode, Lucida, Arial, Helvetica, sans-serif;
}


h3{
font-size: 100%;
color:  #ff3300;
 margin-top:5px;
margin-left: 100px;}


	
#caption
{
color:#0000ff;
font-size: 110%;
font-family: Lucida Grande, Lucida Sans Unicode, Lucida, Arial, Helvetica, sans-serif;
margin-left: 100px;
}	

.tr{
color: #000099;
font-size: 105%;
line-height: 2.5;}



#footer { 
float: left;
  width: 65%; 
    clear: both; 
    font-size: 80%;  
   color: #000000;   
   height: 15px;
     margin-left: 160px; 
	 margin-top: 25px;
  padding-bottom: 4px; 
   
  font-family: Verdana, Arial, Helvetica, sans-serif;
  border: 1px solid #f7BE00;	
 } 
  
  .bootomimage
  {
  margin-left:100px;
  
  }