/* webmaster adrineh pike the original creaated in 2008 and updated for the 'new' site in June 2010
 */
body{ background-color:#415852;

       
 font-size: 97%; 
 margin: 0; 
 padding: 0; }

 #wholepage { width: 79%;  margin: 0 10%;
 margin-top: 10px;    padding: 0;
 
   
   line-height: 1.9em;
  font-family:  Arial, Helvetica, sans-serif;}
  
div,h1,h2, h3 {  margin: 0;  padding: 0; }


p{padding-top: 1px; padding-bottom: 1px; }

h1{
	color: #62847A;  
	font-family: Arial, Helvetica, sans-serif;
	font-size: 110%;
	position: absolute;
	top: 15px;
	left: 10px;
	margin: 10px;
	width: 65%;
}

h2{font-size: 99%;color:  #37788f; margin: 30px 0 20px 10px; width: 100%;}
h3{font-size: 95%;color:  #ff0000; margin-top: 2px;
margin-left: 12px;}
h4{  font-size: 98%;  color: #37788f;  position: relative;  margin: 35px 0 1px 15px;  }

#top { background-color: #F0F5F3; 
position: relative;
 top: 0; left:0;
padding:  0; margin: 0;

 width: 100%;  height: 180px;
 
background-image: url(logo/artsmart-logo-June-10-.png) ;

background-position: center; 
background-repeat:no-repeat;
}



#top2  
{float: left;

 width: 100%;
 height: 55px;
 background-color: #415852;
 
 
  padding: 0;  margin-top: 0; 
  font-family: Verdana, Arial, Helvetica, sans-serif;}
  
  /*contains left col and middle col */

#container { float: left;  width: 80%;   margin: 0;  padding: 0;

} 

#leftcol {
float: left;

 width:  20%;
 height: 300px;
   margin: 40px 0 0 0; 
    padding: 0;
}

#middlecol { float: right;  width:  80%;  margin:  0;  padding: 0;  text-decoration: none;
} 


#rightcol { float: right;  width:  10%;  margin: 0;  padding: 0;
font-size:10px;

} 


/*images in right col*/
.image {
position: relative;	
clear: both;
 margin: 60px 0 0 0; 
 padding: 0;
 
}


#wholepage2 { background-position: 75%; 
  background-image: url(images/bgcol-3.gif); /* main cream body color*/
  background-repeat: repeat-y;}
  

	  
	  
.space
{
	margin: 6px 0 2px 8px;
	padding: 0 8px 4px 5px;
	width: 90%;
	color: #1C5E71;
	font-size: 96%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
		
	border: 1px solid #A89586;
}

/* class for policy page - 30 June 2010 */
.space-policy
{
	margin: 5px 0 0 0;
	padding: 0;
	width: 70%;
	color: #1C5E71;
	font-size: 99%;
	font-family:  Arial, Helvetica, sans-serif;
	text-decoration: none;
}


			
			
a:link {
	text-decoration: none;
	color: #FF0000;
	font-size: 105%;
	font-weight: 200; 
  }
  
   

a:visited 
{
	text-decoration: none;
	color: #FF0000;
	font-size: 100%;
	font-size: 98%;
 }
  

a:hover {

text-decoration:underline;    

 }

  

a:active {
	color: #FF0000;
	font-size: 99%;
}




/* 30 May 2010 - artsmart logo as bg img for course boxes */

.logobg
{
	background-color:#FFFFFF;
	color:#37788f; 
	background-image: url(course-icons/artsmart-logo-aug-09.gif);
	background-repeat:  no-repeat;
	background-position: right;
	padding-top: 8px;
	padding-right: 0;
	padding-bottom: 8px;
	padding-left: 12px;
	font-size: 90%;

}



#footer {   width: 99%;  clear: both;  font-size: 96%;  color: #fff4de;
   height: 60px;  margin: 0; 
   padding-top: 5px;
  padding-bottom: 5px;  padding-left: 12px; 
  
   background-color:  #4D3900;    
   
 font-family:  Arial, Helvetica, sans-serif;} 
	
	
	
	.welcome {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 119%;
	font-weight: 200;
	color: #FF0000;
}


.heading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 105%;
	color: #00CC33;
}
	


.home-para {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-style: normal;
	font-weight: 100;
	font-variant: normal;
}
	
	
	
	

	

#table {	position: relative;	top: 0;	left: 0;  width: 100%;  color:#0058B9;	font: 85% Verdana, Arial, Helvetica, sans-serif;
	background-color: #FAFFFB; 	border: 1px solid #37788f; }
.tr{color: #ff0000;font-size: 105%;text-align: left;}
.td{text-align: center;}
ul.sitemap { 
  list-style-type: none ; 
  margin-left: 0.5em; 
  padding-left: 0;
  text-decoration: none;}
ul.sitemap li{
  padding-left: 1em;
  text-decoration: none;} 
ul.sitemap li a:link{ 
color: #0000ff;
 text-decoration: none;}
ul.sitemap li a:visited{ 
color: #BCBDBE; }
ul.sitemap li a:hover{ 
color: #ff0000;}
ul.sitemap li a:focus { 
color: #00ff00; }





  

.empty{	margin: 0 0 2px 0px;	padding-bottom: 130px;	width: 95%;}
.empty2{margin: 0 0 2px 0px;	padding-bottom: 28px;	width: 95%;}