/* 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: 97%; 
   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, h4 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: 390px;

}

.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: 70px;
font-size: 95%;
font-family:Arial, Helvetica, sans-serif;	
}

#bnu
{
position: relative;
width: 80%;
margin-top: 10px;
left: 70px;
font-size: 95%;
font-family:Arial, Helvetica, sans-serif;

	
}

#Tate
{
position: relative;
width: 80%;
margin-top: 10px;
left: 70px;
font-size: 95%;
font-family:Arial, Helvetica, sans-serif;

	
}


#middlecol {
 float: right;
   width:  70%;
   margin-left:0;
    margin-top: 0; 
	 padding: 0;
	
	
	 
} 
/* home page paras */	 
.text
{
position: relative;
margin: 5px 15px 0 0;
padding-top: 5px;

padding-right: 10px;

padding-bottom: 5px;
padding-left: 5px;


width: 94%;
text-align: left;
color: #000000; 
font-size: 98%;
font-family: Lucida Grande, Lucida Sans Unicode, Lucida, Arial, Helvetica, sans-serif;
 border: 1px solid #f7BE00;
 


}


h2{
font-size: 108%;
color: #008AB8; 
margin-top: 10px;
margin-left: 20px;

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


h3{
font-size: 105%;
color:  #ff3300;
 margin-top:10px;
margin-left: 20px;
margin-bottom: 15px;}

h4{
font-size: 103%;
color:  #8A00B8;
 margin-top:10px;

margin-bottom: 15px;
margin-left: 20px;
	}
	
#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;	
 } 
  
  
	 
.text-contact  /*this css is for contacts page*/
{
position: relative;
margin: 40px 10px 10px 5px;
padding:10px;
width: 85%;
text-align: left;
color: #000000; 
  line-height: 2em;
font-size: 98%;

font-family: Lucida Grande, Lucida Sans Unicode, Lucida, Arial, Helvetica, sans-serif;
border: 1px solid  #f7BE00;
}


.facebook
{
margin-top: 20px;
margin-left: 65px;
color: #0099FF;
}

#dropin

{
padding-top: 2px;
margin-left: 890px;
border:none;}