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

#banner
{
background-color:#C7C8C3;	
padding: 10px 0 15px 160px;		
border-style: solid; 		   
border-width: 1px;
border-left:0;
border-right:0;
border-top:0;	   
}

.title1 {
	   display: inline;
       font-family: Arial, Helvetica, sans-serif;
       background-color:#C7C8C3;       
       color: #fff;
       margin-left: -50px;
	   font-weight: bold;
	   font-size: 1.3em;
	   }
/* 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;
	   }
/* Sets main text in title in header */


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

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

#content
{
margin-left:260px;
}

.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; 
margin-left:-62px;
padding-left:30px;
padding-right:20px;
background-color:#B0B499;
}
		 
.noflash 
{
position:relative;
left:300px;
top:-20px;		 	 
}
		 
#circle-menu  
{
display:block;
margin-left:-62px;
}
/* Floats circle menu on left on main page */
/******** Main page ********/

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

/*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 ********/
.current-top-para, .current-title, .current-text, .current-text-bold, #current-arbutus-text, .current-middle-para, #current-con-text, .csproject-title, .csproject-text, #current-bottom-text 
{ 		       		  
font-family: Arial, Helvetica, sans-serif;
font-size:1em;
color:#7C560F;
font-weight:bold;  
display:block;
padding-right:50px;
}
/* current text settings */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.current-frog-gecko-text 
{
float:right;
margin-right:20px;	
} 
/* current frog and gecko text - third image - float right creates spacing */
/******** Current 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-large
{
display:block;
margin-left:190px;
}
/* large workshops image */

.workshops-ltext
{
margin-left:-25px;
}
/* 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:50px;
	     font-weight:bold;
	  }
/* Local exhibitions title */

div.local-ex-text {		 	 
	     font-family: Arial, Helvetica, sans-serif;
	     font-size:0.9em;
	     color:#7C560F;
	     margin-left:50px;
	     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
{
clear: both;
background-color:#C7C8C3;
padding:10px 0px 5px 360px;  
}

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

.design 
{
font-family: Arial, Helvetica, sans-serif;
margin-left: -75px;	  		
font-weight: bold;
font-size: 0.6em;
}
/* Sets the designer info */

.layout 
{
font-family: Arial, Helvetica, sans-serif;
margin-left: 245px;		
font-weight: bold;
font-size: 0.6em;
}
/* Sets the layout info */