/* logo blue: #0000ff; */

body {
	background-color:#ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	margin: 0;
	color: #333333; }
	
/* id */
#header {
	height:60px;
	width: 940px;
	background-color:#ffffff;
	padding: 0; 
	margin:30px auto 5px auto;
	background:url(images/cs_logo.gif) no-repeat left top;} 

#header img {
float:right; 
vertical-align:bottom;
}

#footer {
	width: 100%;
	margin-top:7px;
	padding: 7px 0 20px 2px;
	font-size:10px;
	color:#333;
	border-top:#ccc 1px solid; } 
	
#container { 
	margin:0 auto;
	width:940px;
	height:100%;}
	
#sub {
	background-color:#ffffff;
	color:#666666;
	float:left;
	width:160px;
	height: 100%;
	font-weight:bold;
	font-size: 0.9em;
	font: Verdana, Arial, Helvetica, sans-serif;
	padding:10px 0 0 3px;}

#sub .menu a {
	color: #666666;
	text-decoration: none;
}

#sub .menu a:hover {
	color: #0000ff;
	text-decoration: none;
}

#sub ul#menu.main-menu li.sns span {
display: none;
}

#menu, #menu2 {
	width: 100%;
	max-width: 160px;
	margin: 0;
	padding: 0;
}

ul#menu, ul#menu2 { 
	list-style: none;
	margin-top: 10px;
}
ul#menu-archive { 
	list-style: none;
	margin-top: 5px;
	padding-left: 10px;
}
#menu li, #menu2 li{
	margin: 0 0 14px;
	padding: 0;
}
#menu-archive li {
	margin: 0;
	padding: 0;
	}
#menu li a, #menu2 li a, #menu-archive li a {
	text-align: left;
	color: #666666;
	text-decoration: none;
}
#menu li a:hover, #menu2 li a:hover, #menu-archive li a:hover {
	color: #0000ff;
	text-decoration: none;
}

#content { 
	background-color:#ffffff;
	font-size: 1.0em;
	font: Verdana, Arial, Helvetica, sans-serif;
	float:left;
	height:100%; 
	width:515px; }


#content a {color:#666666; text-decoration: none;}
#content a:visited  {color:#666666; text-decoration: none;}
#content a:hover  {color:#0000ff; text-decoration:none;}
#content a:active  {color:#0000ff; text-decoration:none;}

#content-archive-index {
	background-color:#ffffff;
	font-size: 1.0em;
	font: Verdana, Arial, Helvetica, sans-serif;
	float:left;
	text-align:left;
	width:775px;}

#content-archive-index a {color:#666666; text-decoration:underline;}
#content-archive-index a:visited  {color:#666666; text-decoration:underline;}
#content-archive-index a:hover  {color:#0000ff; text-decoration:underline;}
#content-archive-index a:active  {color:#0000ff; text-decoration:underline;}	


#ext {
	background-color:#ffffff;
	float:right;
	width:260px;
	font-size: 1.0em;
	font: Verdana, Arial, Helvetica, sans-serif;
	margin-top:23px;}
	
#ext a {color:#666666; text-decoration:none;}
#ext a:visited  {color:#666666; text-decoration:none;}
#ext a:hover  {color:#0000ff; text-decoration:none;}
#ext a:active  {color:#0000ff; text-decoration:none;}


#content-archive-index div.pagination { width:500px; height:50px; font-weight:bold; margin:7px 0 10px 0;}
#content-archive-index div.pagination h3 { padding:10px 0 0 0; margin-bottom: 0;}
#content-archive-index div.pagination ul { margin-left:19px; margin-top:3px; margin-bottom:20px; padding-left: 0;}
#content-archive-index div.pagination ul li { float:left; 
list-style:none; 
border: 1px solid #aaaaaa;
background-color: #aaaaaa;
padding:7px 12px; margin-right:13px;}
#content-archive-index div.pagination ul li a, 
#content-archive-index div.pagination ul li a:visited { color: #ffffff;}
#content-archive-index div.pagination ul li a:hover { color:#ffffff; }

#content-archive-index div.pagination ul li:hover { border: 1px solid #787878;
background-color: #787878;}

#content-archive-index div.pagination ul li.active { border: 1px solid #0000ff;
background-color: #ffffff;}
#content-archive-index div.pagination ul li.active:hover { border: 1px solid #aaaaaa;}
#content-archive-index div.pagination ul li.active a { color:#0000ff;}
#content-archive-index div.pagination ul li.active a:hover { color:#aaaaaa;}

h1 {
	font-size: 1.3em; 
	font: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;  
	text-align: left; 
	color: #0000ff; 
	margin:7px 9px 5px 10px;}
	
h1.page_top {
	font-size: 1.2em; 
	font: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;  
	text-align: left; 
	color: #0000ff; 
	margin:7px 9px 5px 19px;}	
	
h2 {
	font-size: 1.1em; 
	font: Verdana, Arial, Helvetica, sans-serif; 
	font-weight:bold;  
	text-align: left; 
	color: #0000ff; 
	margin:8px 9px 8px 10px;}
	
h3 {
	font-size: 1.1em; 
	font: Verdana, Arial, Helvetica, sans-serif;  
	text-align: left; 
	color: #333333; 
	margin:3px 9px 3px 19px;}
	
h3.events {
	font-size: 1.1em; 
	font: Verdana, Arial, Helvetica, sans-serif;  
	text-align: left; 
	color: #0000ff; 
	margin:3px 9px 3px 19px;}	

p {
	font-size: 1.1em; 
	font: Verdana, Arial, Helvetica, sans-serif;  
	text-align: left; 
	color: #333333; 
	margin:5px 9px 10px 19px;
	line-height: 1.3em;}

p.turtle_objects {
	font-size: 1.0em; 
	margin:3px 9px 0px 19px;}

p.more {
	font-size: 1.0em; 
	font: Verdana, Arial, Helvetica, sans-serif;  
	text-align: left; 
	color: #333333; 
	margin:5px 0px 7px 19px;}
	
p.clear {
	font-size: 1.0em; 
	font: Verdana, Arial, Helvetica, sans-serif; 
	text-align: left; 
	color: #333333; 
	margin:5px 9px 7px 19px;
	clear:left;}

p.title_table {
	font-size: 1.0em; 
	font: Verdana, Arial, Helvetica, sans-serif;  
	text-align: left; 
	color: #888888; 
	margin:3px 9px 7px 10px;}

p.title_table a { font-weight: bold; color:#666666; text-decoration:none;}
p.title_table a:visited { font-weight: bold; color:#666666; text-decoration:none; }
p.title_table a:active { color:#0000ff; text-decoration:none;}
p.title_table a:hover { color:#0000ff; text-decoration:none;}
		
p.title_for_small_image {
	font-size: 0.8em; 
	font: Verdana, Arial, Helvetica, sans-serif;  
	text-align: right; 
	color: #333333; 
	margin:3px 9px 3px 17px;}	
	
p.title_for_small_image_left {
	font-size: 0.8em; 
	font: Verdana, Arial, Helvetica, sans-serif;  
	text-align: left; 
	color: #333333; 
	margin:3px 0;}	
		
img { border:0;}

img.border { border:1px solid #cccccc;}

img.left_border {
 	 border:1px solid #cccccc;
	 float: left;
 	margin: 0 30px 5px 0;}

img.left_border_bruce-mclean-catalogue {
 	 border:1px solid #cccccc;
	 float: left;
 	margin: 0 37px 5px 0;}

img.left {
 	float: left;
 	border: 0;
 	margin: 0 10px 5px 0;}
	
img.logo {
	float: right;
 	border: 0;
 	margin: 0 0 4px 10px;} 

img.right {
	float: right;
 	border: 0;
 	margin: 0 10px 5px 10px;}
	
img.more {
	float: right;
 	border: 0;
 	margin: 0 0 0 15px;}

img.more_border {
	float: right;
 	border:1px solid #cccccc;
 	margin: 0 0 0 15px;}
	
object.more {
	float: right;
 	border: 0;
 	margin: 0 0 0 15px;}
	
img.archive {
 	float: right;
	 border: 0;
 	margin: 0 0 0 0;}
	
img.archive_index {
 	float: left;
	 border: 0;
 	margin: 0 0 20px 12px;}	
	
img.image_page_no_table,
embed.image_page_no_table {
 	margin: 0 0 0 19px;}	

img.image_page_no_table.border {
	margin: 0 0 0 19px;
	border: 1px solid #CCC;
}

hr.default { width: 580px; height: 1px; border: #CCCCCC 1px solid; color: #cccccc; background: #cccccc; margin-left: 19px;}

hr.long { width: 640px; height: 1px; border: #CCCCCC 1px solid; color: #cccccc; background: #cccccc; margin-left: 19px;}

#content-archive-index hr {margin: 30px 0;}

table.title {
	background-color:#ffffff;	
	width:460px;
	cellpadding:0; 
	cellspacing:0; 
	margin:0 0 0 15px;
	}
	
table.title td {
	border-top: #CCC 1px solid;
	border-bottom: #CCC 1px solid;
}	

table.pr_logos {margin: 0 0 0 13px; clear:left;}


div.title { background-color:#ffffff;
	width:460px;
	border-top: #CCC 1px solid;
	border-bottom: #CCC 1px solid;
	margin:23px 0 0 15px;
	padding:7px 0;
	}

blockquote { margin:5px 9px 7px 39px;
max-width:430px;}

ol.numeric {list-style-type: decimal;
	list-style-position: outside;
}

ol.alphabet {list-style-type: upper-alpha;
	list-style-position: outside;
}

ul.non {
list-style-type: none;
margin: 0;
padding:0;}

li { line-height: 1.3em;
	 margin-top:6px;}

div.archive-th {
width:300px; 
margin-right:10px; 
margin-bottom:10px; 
border:#CCC 1px solid; 
padding:7px; 
float:left;
}

div.archive-th img {
padding:-7px; 
margin-right:8px; 
float:left;
}

.year {
clear: both;
font-weight: 700;
margin: 10px 0;
padding-top: 15px;
}

/* classes */

.menu { 
	text-align: justify; 
	color: #0000ff; 
	text-decoration:none;}
	
p.back_to_top { clear: both; font-size:0.8em; text-align:right; padding-top:20px; }
p.back_to_top a, p.back_to_top a:hover { text-decoration:none; color: #666666;}


.image_title { font-size:0.8em;}
.h1_title_small_font { font-size:0.9em;}
.blue { color:#0000FF;}
.grey {color: #999999;}
.template_list { padding-left:7px; padding-top:3px;}


div.notice { border:#0000ff 2px solid; padding: 7px; width:440px;
	margin: 20px 0 15px 18px; color:#0000ff; font-size: 1.2em; line-height: 1.3em;}
div.notice a {color:#0000ff !important; text-decoration:underline !important;}

.privacy h2, .accessibility h2 {
	color: #333333;
	margin: 25px 9px 15px 19px;
}
.accessibility h1 {font-size: 1.5em; margin-bottom: 25px;}
.accessibility h2 {font-size: 1.3em;}
.accessibility h3 {margin-top: 20px;}

/*  List of Works table */
table.list { width:620px; margin-left:19px; margin-bottom:5px; border: none;}
table.list td { padding: 2px 0;}

/*  Mailchimp customise Contact page  */

#mc_embed_signup.newsletter #mc_embed_signup_scroll {
padding-left: 5px;}

#mc_embed_signup.newsletter h2 {
font-weight:normal;
font-size: 1.1em !important;
}

#mc_embed_signup.newsletter .mc-field-group {
width: 60% !important;
}

#mc_embed_signup.newsletter .asterisk {
color: #C00;
}

#mc_embed_signup.newsletter .mc-field-group {
margin: 3px 0 10px 0;
min-height: 15px;
}

#mc_embed_signup.newsletter .mc-field-group.input-group ul {
margin: 0;
padding:0;
}
#mc_embed_signup.newsletter .mc-field-group.input-group ul li {
list-style:none; 
float:left;
margin: -8px 10px 0 10px !important;
}

/* SNS buttons*/

ul.sns { width:140px; list-style-type:none; line-height:1.3em; margin:0; padding-left:0;}

/* camera icon 

h3.camera a, h3.camera a:visited{
background:url(http://www.chelseaspace.org/images/logos/icon_camera_off.gif) no-repeat #FFF; 
padding: 3px 0 2px 42px; line-height:20px;
}

h3.camera a:hover{
background:url(http://www.chelseaspace.org/images/logos/icon_camera_on.gif) no-repeat #FFF; 
padding: 3px 0 2px 42px; line-height:20px;
}
*/

/* review icon

p.review a, h3.review a:visited{
background:url(http://www.chelseaspace.org/images/logos/icon_review_off.gif) no-repeat #FFF; 
padding: 0 0 2px 42px; line-height:20px;
}

p.review a:hover{
background:url(http://www.chelseaspace.org/images/logos/icon_review_on.gif) no-repeat #FFF; 
padding: 0 0 2px 42px; line-height:20px;
}
*/

/* Statcounter  */

img.statcounter {display: none;}

/* Mintons Transfer Project */
.mintons-transfer {margin: 40px 0 20px 19px;}
.mintons-transfer img {
margin: 0 30px 50px 0;
}
