body
{
margin: 0;
padding: 0;
color: #000;
background-color: #E2E6CB;
}
		
#container
{
position: absolute;
margin:0 24%;
padding:0;
background-color: #FFF;
background-image: url(images/sidebar_graphic.gif);
background-repeat: repeat-y;
}

div.banner
{
position:relative;
display:block;
margin:0;
padding:0 30px 30px 10px;		
border-style: solid; 		   
border-width:1px;
border-left:0;
border-right:0;
border-top:0;	   
background-color:#C7C8C3;	
width:950px;
}

.title1, .title2, .title3 {
	   position:relative;	   
	   top:10px;  
	   }
/* Sets main text in title in header */

.title1,.title2,.title3 {
	   display: inline;
       font-family: Arial, Helvetica, sans-serif;
       background-color:#C7C8C3;       
       color: #fff;       
	   font-weight: bold;
	   font-size: 1.5em;
	   margin-left:70px;
	   }
/* Sets main text in title in header */


.title2,.title3 {
	    		font-size: 1.2em;
	    		font-weight: normal;
	    		margin-left:210px;
	    		}
/* Sets smaller text in title in header */

#nav
{
float: left;
width: 160px;
margin-left: 10px;
padding-top: 1em;
}

#content
{
margin-left:250px;
}

.sub 
{
margin-left:260px;	 
font-family: Arial, Helvetica, sans-serif;
color:#7C560F;     
font-weight: bold;
 font-size: 1.2em;
 }
/* Sets sub-title in content */

.desc
 {	  		  
font-family: Arial, Helvetica, sans-serif;
font-size:1em;
color:#7C560F;  	  
}
/* description for non-gallery pages */

/******** Main page ********/
div.inside 
{
display:block; 
padding:0;
margin-left:20px;  
background-color:#B0B499;
width:710px;
}
		 
.noflash 
{
position:relative;
left:300px;
top:-20px;		 	 
}
		 
#circle-menu  
{
margin-left:-50px;
}
/* Floats circle menu on left on main page */
/******** Main page ********/

/******** Private Clay Sessions page ********/
.private-clay-poster
{
margin-left:-27px;
}
/******** Private Clay Sessions page ********/

/******** Children's Classes/Camps page ********/
.classes-title 
{
margin-left:135px;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
font-size:1.2em;
color:#7C560F;
}
/* Classes title */

.workshops-title
{
margin-left:90px;
font-family: Arial, Helvetica, sans-serif;
font-size:1.2em;
color:#7C560F;
}
/* Workshops title */

.workshops-date
{
font-family: Arial, Helvetica, sans-serif;
font-size:1.1em;
font-weight:bold;
color:#7C560F;	     
}
/* workshops date */

.workshops-italic
{
padding-right:40px;
font-family: Arial, Helvetica, sans-serif;
font-size:1em;
color:#7C560F;	  
font-style:italic;   
}
/* Workshops italic */

.workshops-info
{
display:block;
position:relative;
left:150px;
margin:-20px;
font-family: Arial, Helvetica, sans-serif;
font-size:1em;
color:#7C560F;	     
}
/* workshops information */

.classes-image-text
 {
display:block;
margin-left:60px;
font-size:0.8em;	
}
/* Classes text under images */

.classes-images
{		
margin-left:60px;
padding-right:40px;			
}
/* Classes images position */
/******** Children's Classes/Camps page ********/

/******** All Gallery pages ********/
.desc-images 
{
position:relative;
display:block;
font-family: Arial, Helvetica, sans-serif;
font-size:1em;
color:#7C560F;  
width:720px;
}
/* description for gallery pages */

/* Arch Ceramics */
div.arch-images 
{
margin-left:160px;
}

.arch-text /* text below photos */
{
margin-left:20px;
font-weight:bold;
color:#7C560F;  
}

/* Arch Ceramics */

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.gallerycontainer
{
position: relative;
left:10px;
}
/*Add a height attribute and set to largest image's height to prevent overlaying*/

.thumbnail img
{
border: 1px solid white;
margin: 0 5px 9px 0;
}
/* Spaces vertical thumbnails */

.thumbnail:hover
{
background-color: transparent;
text-decoration: none; /* removes underlines in Safari */
}

.thumbnail span
{ 
position: absolute;
padding: 5px;
left: -1000px;
visibility: hidden;
color: black;
text-decoration: none;
}
/*CSS for enlarged image*/

.thumbnail:focus span, /* FF & Opera only */
.thumbnail:active span /* IE & Safari only  */ 
{ 
visibility: visible;
top: 135px;
left:140px; /* position where enlarged image should offset horizontally */
z-index: 50;
}
/* Centres horizontal wider images */

/************ Beginning of Custom thumbnails & enlarged images************ /
/* Note: some custom id's may use same id - ex. .thumbnail_hm may not be a horizontal medium image */

.thumbnail_hm img
{
border: 1px solid white;
margin: 0 5px 9px 0;
}
/* Spaces vertical rows - horizontal medium thumbnails */

.thumbnail_hm:hover
{
background-color: transparent;
text-decoration: none; /* removes underlines in Safari */
}

.thumbnail_hm span
{ 
position: absolute;
padding: 5px;
left: -1000px;
visibility: hidden;
color: black;
text-decoration: none;
}
/*CSS for enlarged image*/

.thumbnail_hm:focus span, /* FF & Opera only */
.thumbnail_hm:active span /* IE & Safari only  */ 
{ 
visibility: visible;
top: 135px;
left:170px; /*position where enlarged image should offset horizontally */
z-index: 50;
}
/* Centres horizontal medium sized images */

.thumbnail_vm img{
border: 1px solid white;
margin: 0 5px 9px 0;
}
/* Spaces vertical rows- vertical medium thumbnails */

.thumbnail_vm:hover
{
background-color: transparent;
text-decoration: none; /* removes underlines in Safari */
}

.thumbnail_vm span
{ 
position: absolute;
padding: 5px;
left: -1000px;
visibility: hidden;
color: black;
text-decoration: none;
}
/*CSS for enlarged image*/

.thumbnail_vm:focus span, /* FF & Opera only */
.thumbnail_vm:active span /* IE & Safari only  */ 
{ 
visibility: visible;
top: 135px;
left:190px; /*position where enlarged image should offset horizontally */
z-index: 50;
}
/* Centres vertical medium sized images */

.thumbnail_cn img
{
border: 1px solid white;
margin: 0 5px 9px 0;
}
/* Spaces vertical narrower thumbnails */

.thumbnail_cn:hover
{
background-color: transparent;
text-decoration: none; /* removes underlines in Safari */
}

.thumbnail_cn span
{
position: absolute;
padding: 5px;
left: -1000px;
visibility: hidden;
color: black;
text-decoration: none;
}
/*CSS for enlarged image*/

.thumbnail_cn:focus span, /* FF & Opera only */
.thumbnail_cn:active span /* IE & Safari only  */ 
{ 
visibility: visible;
top: 135px;
left:250px; /*position where enlarged image should offset horizontally */
z-index: 50;
}
/* Centres vertical narrower images */

.thumbnail_cw img{
border: 1px solid white;
margin: 0 5px 9px 0;
}
/* Spaces vertical wider thumbnails */

.thumbnail_cw:hover
{
background-color: transparent;
text-decoration: none; /* removes underlines in Safari */
}

.thumbnail_cw span
{ 
position: absolute;
padding: 5px;
left: -1000px;
visibility: hidden;
color: black;
text-decoration: none;
}
/*CSS for enlarged image*/

.thumbnail_cw:focus span, /* FF & Opera only */
.thumbnail_cw:active span /* IE & Safari only  */ 
{ 
visibility: visible;
top: 135px;
left:220px; /*position where enlarged image should offset horizontally */
z-index: 50;
}
/* Centres vertical wide images */

.right-row 
{
margin-left:444px;
}
/* Sets right thumbnail column */
/************ End of Custom thumbnails & enlarged images************ /
/******** All Gallery pages ********/


/******** Current Projects page ********/
div.current-top-para 
{ 		       		  
font-family: Arial, Helvetica, sans-serif;
font-size:1em;
color:#7C560F;
font-weight:bold;  
display:block;
padding-right:50px;
}
/* Current top paragraph settings */

div.current-image
{
margin-left:95px;
}
/* Current large image */

/******** Current Projects page ********/

/******** Past Projects page ********/
.past-top-para, .past-title, .past-text, .past-text-bold, #past-arbutus-text, .past-middle-para, #past-con-text, .csproject-title, .csproject-text, #past-bottom-text 
{ 		       		  
font-family: Arial, Helvetica, sans-serif;
font-size:1em;
color:#7C560F;
font-weight:bold;  
display:block;
padding-right:50px;
}
/* Past text settings */

.past-top-para, .past-title, .past-text, .past-text-bold, #past-arbutus-text, .past-middle-para, #past-con-text, .csproject-title, .csproject-text, #past-bottom-text 
{ 		       		  
font-family: Arial, Helvetica, sans-serif;
font-size:1em;
color:#7C560F;
font-weight:bold;  
}
/* Past top paragraph */

.past-title 
{		
margin-left:170px; 	  
}
/* Past title block */

.past-text 
{
font-size:0.9em;
font-weight:normal;  
}
/* Past text paragraph */

.past-text-bold 
{
font-size:0.9em;
}
/* Past bold text */

#past-top-images 
{
margin-left:-80px;
}
/* Past top images */

.past-top-images 
{
margin-left:100px;
}
/* Past top images spacing */

#past-arbutus-text 
{
margin-left:-50px;		
font-size:0.8em;
font-weight:normal;			
} 
/* Past text below arbutus images */

.past-arb-text 
{
float:left;
margin-left:90px;	
} 
/* Past arbutus text - first image - float left creates two line block */

.past-arb-detail-text 
{
float:left;
margin-left:125px;	
} 
/* Past arbutus text - second image - float left creates two line block */

.past-arb-colours-text 
{
float:right;
margin-right:5px;	
} 
/* Past arbutus text - third image - float right creates two line block */

.past-middle-para
 {
 font-size:0.9em;
 font-weight:bold;
 }
/* Past middle paragraph */

#past-middle-images 
{
margin-left:-20px;
}
/* Past middle images */

.past-middle-images 
{
margin-left:25px;
}
/* Past middle images spacing */

#past-con-text
 {
margin-left:5px;		
font-size:0.8em;
font-weight:normal;	
}
/* Past text below construction images */

.past-con-first
 {
float:left;
margin-left:15px;
 }
/* Past construction - first image text - float left creates two line block */

.past-con-second
 {
float:left;
margin-left:56px;
 }
/* Past construction - second image text - float left creates two line block */

.past-con-third
{
float:left;
margin-left:30px;
}
/* Past construction - third image text - float left creates two line block */

.past-con-fourth
{
float:right;
margin-right:10px;
}
/* Past construction - fourth image text - float right creates two line block */

.csproject-title
 {
 margin-left:270px;              
 font-size:1em;
 }
/* past state of project title */

.csproject-text 
{			            
font-size:0.9em;              
font-weight:normal;
}
/* past state of project text */

.past-bottom-images 
{
margin-left:0px;
}
/* past bottom images - blends all three images together */

#past-bottom-text 
{
margin: 5px -10px 0px -70px;	
font-size:0.8em;
font-weight:normal;			
} 
/* past text below bottom images */

.past-dragonfly-text 
{
margin-left:80px;	
} 
/* past dragonfly text - first image */

.past-butterfly-text 
{
margin-left:90px;	
} 
/* past butterfly text - second image */

.past-frog-gecko-text 
{
float:right;
margin-right:20px;	
} 
/* past frog and gecko text - third image - float right creates spacing */
/******** Past Projects page ********/

/******** Workshops page ********/
#workshops-images 
{
margin-left:-40px;
}
/* workshop images */

.workshops-images 
{
margin-left:40px;
}
/* workshop spacing */

#workshops-text 
{
margin-left:-30px;			
} 
/* workshops text below images */

.workshops-text 
{
margin-left:57px;			
} 
/* workshops text links spacing */

#workshops-bottom
{
display:block;
margin-left:240px;
}
/* large workshops image */

.workshops-bottom-text
{
position:relative;
top:10px;
left:30px;
}
/* text below workshops large image */
/******** Workshops page ********/

/******** Past Exhibitions page ********/
.note 
{
margin-left:200px;
font-family: Arial, Helvetica, sans-serif;
font-size:0.9em;	  
color:#7C560F;  
font-weight:bold;
}
/* Instructions for slideout text */
/************* Past Exhibitions columns *************/
#slidetext {
			padding-top:30px;		 /* moves block down */
			padding-left: 260px;      /* LC fullwidth */
			padding-right: 180px;     /* RC fullwidth + CC padding */
		}
		
		#slidetext .column {
			position: relative;
			float: left;
		}
		
		#center {
			padding: 10px 85px;       /* CC padding */
			width: 65%;
			}

		#slidetext .column {
			padding-top: 1em;
		}
		
		#left {
			width: 230px;             /* LC width */
			padding: 0 10px;          /* LC padding */
			right: 70px;             /* LC fullwidth + CC padding */
			margin-left: -100%;
		}
		
		#right {
			width: 185px;             /* RC width */
			padding: 0 10px;          /* RC padding */
			margin-right: -100%;
		}		
		
		/*** IE Fix ***/
		* html #left {
			left: -100px;              /* RC fullwidth */
		}

		/*** Just for Looks ***/
		#slidetext .column {
			padding-top: 1em;
		}
/************* Past Exhibitions columns *************/
.local-ex-title {		 	 
	     font-family: Arial, Helvetica, sans-serif;
	     font-size:1em;
	     color:#7C560F;
	     margin-left:80px;
	     font-weight:bold;
	  }
/* Local exhibitions title */

div.local-ex-text {		 	 
	     font-family: Arial, Helvetica, sans-serif;
	     font-size:0.9em;
	     color:#7C560F;
	     margin-left:80px;
	     width:210px;  
	  }
/* Local exhibitions text */

.national-ex-title {		 
	     font-family: Arial, Helvetica, sans-serif;
	     font-size:1em;
	     color:#7C560F;
	     margin-left:-100px;
	     font-weight:bold;
	  }
/* National exhibitions title */

div.national-ex-text {		 
	     font-family: Arial, Helvetica, sans-serif;
	     font-size:0.9em;
	     color:#7C560F;
	     margin-left:-130px;
	     width:260px;
	  }
/* National exhibitions text */

.inter-ex-title {		 
		 margin-left:-110px;
	     font-family: Arial, Helvetica, sans-serif;
	     font-size:1em;
	     color:#7C560F;
	     font-weight:bold;
	  }
/* International exhibitions title */

div.inter-ex-text {		 
	     font-family: Arial, Helvetica, sans-serif;
	     font-size:0.9em;
	     color:#7C560F;
	     margin-left:-110px;
	     width:200px;
	  }
/* International exhibitions text */
/******** Past Exhibitions page ********/

/******** Future Exhibitions page ********/
.future-image
{
float:left;
margin-left:0px;
}
/* Future exhibitions image */

.future-bold, .future-desc, .future-italics
{
display:block;
margin-left:210px;
font-weight:bold;
font-family: Arial, Helvetica, sans-serif;
font-size:1em;
color:#7C560F;
}
/* Future exhibitions italic, bold text & description */

.future-italics
{
font-style:italic;
font-weight:normal;
}
/* Future exhibitions italic */

.future-desc
{
font-weight:normal;
}
/* Future exhibitions description */
/******** Future Exhibitions page ********/

/******** About Artist page ********/

.artist-state, .about-sub
{
margin-left:180px;
font-family: Arial, Helvetica, sans-serif;
font-size:1.2em;
color:#7C560F;
}
/* Artist atatement title */

.about-sub 
{
font-weight: bold;
}
/* About artist title */

.about-desc, .about-image-text
{
display:block;
padding-right:40px;
font-family: Arial, Helvetica, sans-serif;
font-size:1em;
color:#7C560F;	     
}
/* About/artist statement paragraph */

.about-image-text
 {
display:block;
margin-left:60px;
font-size:0.8em;	
}
/* About text under images */

.about-images
{		
margin-left:60px;			
}
/* About images position */
/******** About Artist page ********/

.footer
{
display:block;
margin-left:200px;  
padding-bottom:20px;
background-color:#C7C8C3;
width:790px;
}

.copy 
{	  
position:relative;
font-family: Arial, Helvetica, sans-serif;	
margin-left: 345px;	    
font-weight: bold;
font-size: 0.6em;
}
/* Sets the copyright text */

.design 
{
position:relative;
top:20px;
left: 50px;	  	
font-family: Arial, Helvetica, sans-serif;	
font-weight: bold;
font-size: 0.6em;
}
/* Sets the designer info */

.layout 
{
position:relative;
top:20px;
left:320px;	  	
font-family: Arial, Helvetica, sans-serif;	
font-weight: bold;
font-size: 0.6em;
}
/* Sets the layout info */