/* @group Reset */
html, body, form, fieldset {
	margin: 0;
	padding: 0;
	font-family: Helvetica, Arial, sans-serif;
	color: #222020;
	background-image: none;
}
html{ font-size: 100%; }
body {
	text-align: center;
	font-size: 82%;
	line-height: 150%;
	background-color: #f6eedf;
	}
p.normal {display: block;}
p.text { display: none; }

/* Neutralize styling: 
   Elements with a vertical margin: */
p, pre, blockquote, ul, ol, dl, address { margin: 0 0 1em 0; padding: 0; }

h1, h2, h3, h4, h5, h6 { margin: 1em 0 0.5em 0; padding: 0; }

/* Apply left margin:
Only to the few elements that need it: */
li, blockquote { margin-left: 1em; }
#content li { margin-left: 0; }

img { border: 0; }

/* @end */

/* @group Access */

/* @group Skipnav */

#skipnav
	{ position:absolute;
	margin-left: -1000px;
	}

#skipnav a:focus, #skipnav a:active 
	{
	margin-left: 1000px;
	overflow: visible;
	display: block;
	width: 10em;
	}

/* @end */

/* @group Text size */

div#textsize {
	position: absolute;
	height: 30px;
	top: 5px;
	right: 0px;
	}
	
div#textsize p {
	padding: 0; 
	margin:0; 
	text-align: right; 
	color: #630;
	}	
	
div#textsize a {
	border: none; 
	padding: 2px; 
	background-color: #fffbf0; 
	font-weight: bold
	}
	
div#textsize a:link, div#textsize a:visited {color: #630}
div#textsize a:hover {color: #000}
div#textsize a:active {background-color: #c96}
div#textsize .letter {
	font-size: 150%;
	font-family:  Georgia, "Times New Roman", serif; 
	color: #000
	}

/* @end */



/* @end */

/* @group Questionor */

/* QUESTIONOR */
div#column1 #questionor p, #questionor h4 {
	color: #336;
	display: inline;
	line-height: 30px;
	}
	
div#column1 #questionor p a, #questionor h4 a {
	color: #963;
	font-weight: bold;
	text-transform: uppercase;
	padding: 10px;
	border: 1px dotted #963;
	}

/* @end */

/* @group Links */
a { color: #336; text-decoration: none; }	
a:hover { color: #630;  }	
div#content a { 
	padding-bottom:1px; 
	border-bottom-style:solid;
	border-bottom-width: 1px;
	}
div#column1 a:link, 
div#column1 a:visited { border-bottom-color: #336; }
div#content a:hover { 
	border-bottom-color: #630;
 	background-color: #f6eedf
	}
div#column2 div.feature a, 
div#column2 div.feature2 a {font-weight: bold}

div#column2 div.feature p a:link,
div#column2 div.feature p a:visited {
	color: #669; 
	border-bottom-color: #669; 
	}	
div#column2 div.feature p a:hover { 
	color: #336;
	border-bottom-color: #336; 
	background-color: #f4f4f4;
	}	
div#column2 div.feature2 a:link,
div#column2 div.feature2 a:visited { 
	color: #fff; 
	border-bottom-color: #fff;
	}
div#column2 div.feature2 a:hover { 
	color: #630; 
	background-color: #c96; 
	border-bottom-color: #630;
	}
/* @end */

/* @group Headings */
h2 {
	font-weight: 400;
	text-transform: uppercase;
	color: #999;
	}
	
h3 { 
	font-size: 130%;
	line-height: 130%;
	font-weight: bold;
	color: #336;
	}

h4 {
	color: #630;
	font-size: 110%;
	font-weight: bold;
	}

/* @end */

/* @group Floats and Clears */
.clear { height: 1%; clear: both; }

.floatlf 
	{
	float: left;
	margin-right: 10px;
	margin-bottom: 5px
	}

.floatrt
	{
	float: right;
	margin-left: 10px;
	margin-bottom: 5px
	}

/* @end */

/* @group Header */

#header {
	width: 900px;
	margin: 0 auto;
	position: relative;
	text-align: left;
	height: 110px;
	background: url(../images/banner.jpg) no-repeat;
	z-index: 1;
	}
#header h1 { height: 90px; width: 250px; text-indent: -9999em; overflow: hidden; margin: 0;}
#header h1 a { display: block; height: 90px; }

.popup {
	position: absolute;
	width: 200px;
	right: 20px;
	top: 120px;
	text-align: center;
	}
.popup a.dialog  { 
	position:relative;
	display: block;
	width: 200px;
	height: 175px;
	font-weight: bold; 
	}
.popup a.dialog span {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 2;
	background: url(../images/home.png) no-repeat center top;
	}
#unfold9 {
	background: #336;
	color: #fff;
	border: 3px solid #669;
	padding: 1em;
	position: relative;
	-webkit-border-radius : 1.5em;
	-moz-border-radius : 1.5em;
	border-radius : 1.5em;
	font-size: 1em;
	display: none 
	}	
#unfold9 a {
	color: #fff;
	font-weight: bold;
	}
#unfold9 a:hover {
	color: #f6eedf; 
}
/* @end */

/* @group Primary Nav */
#navigation {
	position: absolute;
	top: 96px;
	left: 0;
	width: 100%;
	font-size: 105%;
	z-index: 10;
	}
ul#primaryNav { 
	width: 860px; 
	margin-left: 37px;
	list-style: none;
	}	
ul#primaryNav a { 
	color: #333; 
	text-transform: uppercase;
	display: block;
	}
ul#primaryNav a:hover { color: #963; }
ul#primaryNav li { 
	margin: 0; 
	padding: 0;
	list-style: none;
	}
ul#primaryNav li {
	position: relative;
	float: left;
	font-weight: bold; 
	z-index: 20;
	}
ul#primaryNav li#nav_home {width: 4.5em}
ul#primaryNav li#nav_stories {width: 16em}
ul#primaryNav li#nav_inquiry {width: 12em}
ul#primaryNav li#nav_plus {width: 10.5em}
ul#primaryNav li#nav_glossary {width: 7em}	

/* second-level lists */	
ul#primaryNav li ul {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 30;
	width: 22em;
	/*IE alteration needed */
  	}	
ul#primaryNav li > ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
	} 	
ul#primaryNav li:hover ul, ul#primaryNav li.over ul { display: block; }
ul#primaryNav li ul li {
	background-color: #f6eedf; 
	border-bottom: 1px solid #963;
	margin: 0;
	width: 22em;
	}		
ul#primaryNav li ul a {
	line-height: 2em;
	margin-top: 0;
	padding-left: .5em;
	display: block;
	z-index: 30;
	}	
body#home-page #primaryNav li#nav_home a,
body#stories-page #primaryNav li#nav_stories a,
body#participants-page #primaryNav li#nav_stories a,
body#project-page #primaryNav li#nav_inquiry a,
body#events-page #primaryNav li#nav_inquiry a,
body#exhibition-page #primaryNav li#nav_inquiry a,
body#exhibitionpeople-page #primaryNav li#nav_inquiry a,
body#magnetic-page #primaryNav li#nav_inquiry a,
body#journeys-page #primaryNav li#nav_inquiry a,
body#questions-page #primaryNav li#nav_inquiry a, 
body#plus-page #primaryNav li#nav_plus a,
body#glossary-page #primaryNav li#nav_glossary a {
color: #963;
}
body#home-page #primaryNav li#nav_home ul a,
body#stories-page #primaryNav li#nav_stories ul a,
body#participants-page #primaryNav li#nav_stories ul a,
body#project-page #primaryNav li#nav_inquiry ul a,
body#events-page #primaryNav li#nav_inquiry ul a,
body#exhibition-page #primaryNav li#nav_inquiry ul a,
body#exhibitionpeople-page #primaryNav li#nav_inquiry ul a,
body#magnetic-page #primaryNav li#nav_inquiry ul a,
body#journeys-page #primaryNav li#nav_inquiry ul a,
body#questions-page #primaryNav li#nav_inquiry ul a, 
body#plus-page #primaryNav li#nav_plus ul a,
body#glossary-page #primaryNav li#nav_glossary ul a {
background-color: #f6eedf;
color: #000;
}
body#home-page #primaryNav li#nav_home ul a:hover,
body#stories-page #primaryNav li#nav_stories ul a:hover,
body#participants-page #primaryNav li#nav_stories ul a:hover,
body#project-page #primaryNav li#nav_inquiry ul a:hover,
body#events-page #primaryNav li#nav_inquiry ul a:hover,
body#exhibition-page #primaryNav li#nav_inquiry ul a:hover,
body#exhibitionpeople-page #primaryNav li#nav_inquiry ul a:hover,
body#magnetic-page #primaryNav li#nav_inquiry ul a:hover,
body#journeys-page #primaryNav li#nav_inquiry ul a:hover,
body#questions-page #primaryNav li#nav_inquiry ul a:hover,
body#plus-page #primaryNav li#nav_plus ul a:hover, 
body#glossary-page #primaryNav li#nav_glossary ul a:hover {
color: #963;
}
/* @end */	

/* @group Main */
body #main { background: #fff url(../images/main-bg.gif);  }
body #main .wrapper  {
	position: relative;
	width: 899px;
	height: 190px;
	background: black;
	color: #fff;
	text-align: left;
	margin: 0 auto;
	background-image: url(../images/mainimage2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	}

/* @end */

/* @group Content */

#content { 
	width: 900px; 
	margin: 0 auto; 
	padding: 28px 0 70px 0;
	text-align: left; 
	position: relative; 
	background-color: #fff
	}
#column1 { width: 506px;  margin-left: 44px; }

body#journeys-page #column1, body#links-page #column1, body#questions-page #column1 	{ width: 825px; }

body#glossary-page #column1 { width: 800px; }

#column1 h2.title  { 
	position:relative;
	width: 350px;
	height: 50px;
	z-index: 2;
	padding: 0;
	margin: 0;
	}

#column1 h2.title span {
	position: absolute;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	z-index: 2
	}
#column1 ul { color: #336; }	
#column1 li {
	list-style-type: none;
	margin-bottom: 10px;
	}

/* @end */

/* @group Column 2 */

#column2 { 
	width: 280px; 
	position: absolute; /* in relation to div content */
	right: 20px; 
	top: 0px; 
	padding: 28px 0 0 0; /* padding to push the column down */
	}
		
#column2 img {
	padding-bottom: 10px;
	margin-bottom: 20px;
	}		
		
#column2 h2, #column2 h3, #column2 h4, 
#column2 p, #column2 blockquote, #column2 ul {
	padding-left: 15px;
	padding-right: 15px;
	}
	
#column2 h3 {color: #666}

div#column2 div.col2image, div#column2 div.col2image2,
div#column2 div.col2image3, div#column2 div.col2image4,
div#column2 div.col2image5 {
	height: 280px;
	margin-bottom: 20px;
	background-repeat: no-repeat;
	background-position: left top;
}


div#column2 div.feature {
	background-color:  #f4f4f4;
	padding-bottom: 10px;
	margin-bottom: 20px;
	background-image: url(../images/featurebt.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}

div#column2 div.feature h3 {
	background-image: url(../images/featuretop.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 0;
	padding-top:20px;
	}	

div#column2 div.feature h4 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 90%;
	color: #000;
	}
body#plus-page div#column2 div.feature h4 {
	color: #336;
	font-size: 110%;
	font-weight: bold;
	font-style: italic;	
	}		

div#column2 div.feature p a { font-family: Helvetica, Arial, sans-serif; }

	
div#column2 div.feature2
	{
	font-family: Helvetica, Arial, sans-serif;
	padding-bottom: 10px;
	margin-bottom: 20px;
	background-color:  #c96;
	background-image: url(../images/feature2bt.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	}	
	
div#column2 div.feature2 h3 {
	color:#fff;
	background-image: url(../images/feature2top.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 0;
	padding-top:20px;
	}	
div#column2 div.feature2 h4 {color:#630}

/* @end */

/* @group Footer */
#footer{
	width: 100%;
	float: left;
	clear: both;
	text-align: center;
	font-size: 90%;
	line-height: 180%;
	color: #630;
	position: relative;
	}
	
#footer #topLink{
	width: 120px;
	height: 30px;
	position: absolute;
	right: 130px;
	top: -40px;
	line-height: 30px;
	}
	
#footer #topLink a {
	color: #963;
	font-weight: bold;
	text-transform: uppercase;
	padding: 10px;
	border: 1px dotted #963;
	}
	
#footer #topLink a:hover {
	color: #963; 
	background-color: #f6eedf
	}
	
#footer p { margin: 0; padding: 10px; }
#footerNav a { 
	color: #fff; 
	font-weight: bold; 
	text-transform: uppercase;
	padding: 2px 10px 2px 0px; 
	border-right: 1px dotted #630; 
	}
	
#footer a:hover { color: #630; }

#footerNav { 
	background: #c96; 
	border-top: 4px solid #963; 
	margin: 0; 
	padding: 10px 0; }

#footerNav li { display: inline; }
#footerNav li.last a { border-right: none !important; }

body#home-page #footerNav li#nav_home2 a,
body#project-page #footerNav li#nav_project2 a,
body#stories-page #footerNav li#nav_stories2 a,
body#plus-page #footerNav li#nav_plus2 a,
body#events-page #footerNav li#nav_inquiry2 a,
body#glossary-page #footerNav li#nav_glossary2 a {
color: #630;}


#design {
	padding-bottom: 10px;
	position: relative;
	background-color: #c96;
	background-image: url(../images/design_bg.jpg);
	background-repeat: repeat-x;
}
	
#copyright p 
	{
	line-height: 110%;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #CCCCCC;
	padding-top: 10px;
	margin-right: 150px;
	margin-left: 150px;
	}
#design a { color: #630; font-weight: bold; }
#design a:hover { color: #fff }

/* @end */

/* @group Titles */
body#home-page #column1 h2.title span {
	background-image: url(../images/headtexts/text_home.gif);
	}
body#project-page #column1 h2.title span {
	background-image: url(../images/headtexts/text_project.gif);
	}
body#participants-page #column1 h2.title span {
	background-image: url(../images/headtexts/text_participants.gif);
	}
body#stories-page #column1 h2.title span, 
body#writing-page #column1 h2.title span { 
	background-image: url(../images/headtexts/text_stories.gif);
	}
body#plus-page #column1 h2.title span {
	background-image: url(../images/headtexts/text_plus.gif);
	}		
body#browse-page #column1 h2.title span	{ 
	background-image: url(../images/headtexts/text_browse.gif);
	}	
body#magnetic-page #column1 h2.title span{ 
	background-image: url(../images/headtexts/text_magnetic.gif);
	}	
body#exhibition-page #column1 h2.title span, 
body#exhibitionpeople-page #column1 h2.title span{ 
	background-image: url(../images/headtexts/text_exhibition.gif);
	}
body#biog-page #column1 h2.title span {
	background-image: url(../images/headtexts/text_writers.gif);
	}	
body#questions-page #column1 h2.title span {
	background-image: url(../images/headtexts/text_questions.gif);
	}	
body#hopesfears-page #column1 h2.title span {
	background-image: url(../images/headtexts/text_hopesfears.gif);
	}	
body#glossary-page #column1 h2.title span {
	background-image: url(../images/headtexts/text_glossary.gif);
	}	
body#journeys-page #column1 h2.title span {
	background-image: url(../images/headtexts/text_journey.gif);
	}	
body#links-page #column1 h2.title span {
	background-image: url(../images/headtexts/text_links.gif);
	}

/* @end */

/* @group Col 2 images */
div#column2 div.col2image,
div#column2 div.col2image,
div#column2 div.col2image2,
div#column2 div.col2image3,
div#column2 div.col2image4,
div#column2 div.col2image5 { position: relative }

div#column2 div.col2image p,
div#column2 div.col2image2 p,
div#column2 div.col2image3 p,
div#column2 div.col2image4 p,
div#column2 div.col2image5 p { 
	position: absolute; 
	padding: 0 5px;
	height:25px;
	line-height: 25px;
	top:  255px; 
	right:  0;
	color: #fff;
	font-weight: bold;
	background-color: black ;
	}
body#home-page div#column2 div.col2image {
	background-image: url(../images/photos/stemistry.jpg);
	}
body#participants-page div#column2 div.col2image {
	background-image: url(../images/photos/opinions.jpg);
	}	
body#project-page div#column2 div.col2image {
	background-image: url(../images/photos/writing.jpg);
	}	
body#stories-page div#column2 div.col2image {
	background-image: url(../images/photos/chris.jpg);
	}
body#browse-page div#column2 div.col2image {
	background-image: url(../images/photos/stevie.jpg);
	}
body#biog-page div#column2 div.col2image {
	background-image: url(../images/photos/barbara.jpg);
	}
/* exhibition.html and index.html */
body#exhibition-page div#column2 div.col2image3,
body#home-page div#column2 div.col2image2 {
	background-image: url(../images/photos/exhibition.jpg);
	} 
/* exhibition1.html*/		
body#exhibition-page div#column2 div.col2image {
	background-image: url(../images/photos/ex7.jpg);
	} 
/* exhibition2.html*/	
body#exhibition-page div#column2 div.col2image2 {
	background-image: url(../images/photos/ex9.jpg);
	} 
/* exhibitionpeople.html*/	
body#exhibitionpeople-page div#column2 div.col2image {
	background-image: url(../images/photos/ex6.jpg);
	}	
body#exhibitionpeople-page div#column2 div.col2image2 {
	background-image: url(../images/photos/ex19.jpg);
	}
body#exhibitionpeople-page div#column2 div.col2image3 {
	background-image: url(../images/photos/ex17.jpg);
	}	
/* magnetic.html */		
body#magnetic-page div#column2 div.col2image4 {
	background-image: url(../images/photos/durham8.jpg);
	}	
body#magnetic-page div#column2 div.col2image5 {
	background-image: url(../images/photos/durham7.jpg);
	}
/* @end */

/* @group Page variations */
/* @group Home page */
body#home-page div#column2 div.feature2 ul {
	list-style-type: none;
	margin: 30px 0 20px 0;
	}
body#home-page div#column2 div.feature2 li {
	display:inline;
	color: #630;
	background-color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	padding: 10px;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	border-bottom: 1px solid #333;
	border-right: 1px solid #333;
	margin-right: 5px;
	}
/* @end */
	
/* @group Stories, Writer, Biog, Plus lists */
body#stories-page div#column2 ul, 
body#browse-page div#column2 ul,
body#writer-page div#column2 ul, 
body#biog-page div#column2 ul,
body#plus-page div#column2 ul { list-style-type: none; }

body#writer-page div#column2 li a, 
body#biog-page div#column2 li a {
	color: #336;
	border-bottom: none;
	}
body#writer-page div#column2 li a:hover, 
body#biog-page div#column2 li a:hover {
	color: #fff;
	background-color: #99c;
 	}
body#writer-page div#column2 div.feature2 p a:hover, 
body#biog-page div#column2 div.feature2 p a:hover {
	background-color: #99c;
	border-bottom-color: #336;
	color: #336;
	}		
body#stories-page div#column2 li a,
body#browse-page div#column2 li a,
body#plus-page div#column2 li a {
	color: #630;
	border-bottom: none;
	}
body#stories-page div#column2 li a:hover,
body#browse-page div#column2 li a:hover,
body#plus-page div#column2 li a:hover {
	color: #fff;
	background-color: #963;
 	}
/* @end */
/* @group Writer page */
body#writer-page div#column2 div.feature2 h3,
body#writer-page div#column2 div.feature2 p {
	font-size: 110%; 
	line-height: 130%;
	text-align: center;
	}	
body#writer-page div#column2 div.feature2 h3 {
	background-image: url(../images/feature2top_writer.jpg);
	}
body#writer-page div#column2 div.feature2 {
	background-color:  #99c;
	background-image: url(../images/feature2bt_writer.jpg);
	}
/* @end */	
	
/* @group Browse */
body#browse-page div#column1 ul { margin-top: 1em; }
body#browse-page div#column1 div.alphabet {margin: 2em 0 3em 0;}
body#browse-page div#column1 div.alphabet a {
	color: #963;
	font-weight: bold;
	text-transform: uppercase;
	padding: 10px;
	border: 1px dotted #963;
	}
body#browse-page div#column1 div.alphabet a:hover {
	color: #963; 
	background-color: #f6eedf
	}
body#browse-page p.anchor {
	color: #336; 
	font-weight: bold; 
	font-size: 110%;
	margin: 2em 0 0 0;
	}

/* @end */

/* @group Magnetic, Events, Exhibition, Plus page */
body#magnetic-page div#column1 ul,
body#events-page div#column1 ul,
body#plus-page div#column1 ul  {
	list-style-type: none;
	margin: 30px 0 20px 0;
	}

body#magnetic-page div#column1 li,
body#events-page div#column1 li,
body#plus-page div#column1 li {
	display:inline;
	color: #222020;
	font-size: 120%;
	background-color: #fff;
	font-weight: bold;
	padding: 7px;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
	margin-right: 5px;
	}
	
body#magnetic-page div#column2 ul,
body#exhibition-page div#column2 ul {	
	padding-top: 230px; 
	text-align: right;
	}
	
body#magnetic-page div#column2 ul.writingnav li,
body#exhibition-page div#column2 ul.writingnav li {
	display: inline;
	line-height: 30px;
	}
	
body#magnetic-page div#column2 ul.writingnav li a:link,
body#magnetic-page div#column2 ul.writingnav li a:visited,
body#exhibition-page div#column2 ul.writingnav li a:link,
body#exhibition-page div#column2 ul.writingnav li a:visited  {
	color: #630;
	font-weight: bold;
	text-transform: uppercase;
	padding: 10px;
	border: 1px dotted #630;
	background-image: url(../images/transparency.png);
	background-repeat: repeat-x;
	}	
	
body#magnetic-page div#column2 ul.writingnav li a:hover,
body#exhibition-page div#column2 ul.writingnav li a:hover{
	background-color: #fff
	}	
body#magnetic-page div#column2 div#durham1,
body#magnetic-page div#column2 div#durham2, 
body#magnetic-page div#column2 div#durham3, 
body#magnetic-page div#column2 div#durham4, 
body#magnetic-page div#column2 div#durham5,
body#magnetic-page div#column2 div#durham6,
body#magnetic-page div#column2 div#durham7,
body#magnetic-page div#column2 div#durham8, 
body#magnetic-page div#column2 div#durham9, 
body#magnetic-page div#column2 div#durham10, 
body#magnetic-page div#column2 div#durham11,
body#magnetic-page div#column2 div#durham12,
body#magnetic-page div#column2 div#durham13,
body#magnetic-page div#column2 div#durham14,
body#magnetic-page div#column2 div#durham15 {
	height: 300px;
	background-repeat: no-repeat;
	}
	
body#magnetic-page div#column2 div#durham1	{background-image: url(../images/photos/durham1.jpg);}
body#magnetic-page div#column2 div#durham2	{background-image: url(../images/photos/durham2.jpg);}
body#magnetic-page div#column2 div#durham3	{background-image: url(../images/photos/durham3.jpg);}
body#magnetic-page div#column2 div#durham4	{background-image: url(../images/photos/durham4.jpg);}
body#magnetic-page div#column2 div#durham5	{background-image: url(../images/photos/durham5.jpg);}
body#magnetic-page div#column2 div#durham6	{background-image: url(../images/photos/durham6.jpg);}	
body#magnetic-page div#column2 div#durham7	{background-image: url(../images/photos/durham7.jpg);}
body#magnetic-page div#column2 div#durham8	{background-image: url(../images/photos/durham8.jpg);}
body#magnetic-page div#column2 div#durham9	{background-image: url(../images/photos/durham9.jpg);}
body#magnetic-page div#column2 div#durham10	{background-image: url(../images/photos/durham10.jpg);}
body#magnetic-page div#column2 div#durham11	{background-image: url(../images/photos/durham11.jpg);}
body#magnetic-page div#column2 div#durham12	{background-image: url(../images/photos/durham12.jpg);}
body#magnetic-page div#column2 div#durham13	{background-image: url(../images/photos/durham13.jpg);}
body#magnetic-page div#column2 div#durham14	{background-image: url(../images/photos/durham14.jpg);}
body#magnetic-page div#column2 div#durham15	{background-image: url(../images/photos/durham15.jpg);}

body#exhibition-page div#column2 div#ex1,
body#exhibition-page div#column2 div#ex2, 
body#exhibition-page div#column2 div#ex3, 
body#exhibition-page div#column2 div#ex4, 
body#exhibition-page div#column2 div#ex5,
body#exhibition-page div#column2 div#ex6,
body#exhibition-page div#column2 div#ex7,
body#exhibition-page div#column2 div#ex8, 
body#exhibition-page div#column2 div#ex9, 
body#exhibition-page div#column2 div#ex10, 
body#exhibition-page div#column2 div#ex11,
body#exhibition-page div#column2 div#ex12,
body#exhibition-page div#column2 div#ex13,
body#exhibition-page div#column2 div#ex14,
body#exhibition-page div#column2 div#ex15,
body#exhibition-page div#column2 div#ex16,
body#exhibition-page div#column2 div#ex17, 
body#exhibition-page div#column2 div#ex18, 
body#exhibition-page div#column2 div#ex19, 
body#exhibition-page div#column2 div#ex20,
body#exhibition-page div#column2 div#ex21,
body#exhibition-page div#column2 div#ex22,
body#exhibition-page div#column2 div#ex23, 
body#exhibition-page div#column2 div#ex24, 
body#exhibition-page div#column2 div#ex25, 
body#exhibition-page div#column2 div#ex26,
body#exhibition-page div#column2 div#ex27,
body#exhibition-page div#column2 div#ex28,
body#exhibition-page div#column2 div#ex29,
body#exhibition-page div#column2 div#ex30,
body#exhibition-page div#column2 div#ex31,
body#exhibition-page div#column2 div#ex32,
body#exhibition-page div#column2 div#ex33,
body#exhibition-page div#column2 div#ex34,
body#exhibition-page div#column2 div#ex35,
body#exhibition-page div#column2 div#ex36,
body#exhibition-page div#column2 div#ex37,
body#exhibition-page div#column2 div#ex38,
body#exhibition-page div#column2 div#ex39,
body#exhibition-page div#column2 div#ex40 {
	height: 300px;
	background-repeat: no-repeat;
	}
	
body#exhibition-page div#column2 div#ex1 {background-image: url(../images/photos/ex1.jpg);}
body#exhibition-page div#column2 div#ex2 {background-image: url(../images/photos/ex2.jpg);}
body#exhibition-page div#column2 div#ex3 {background-image: url(../images/photos/ex3.jpg);} 
body#exhibition-page div#column2 div#ex4 {background-image: url(../images/photos/ex4.jpg);}
body#exhibition-page div#column2 div#ex5 {background-image: url(../images/photos/ex5.jpg);}
body#exhibition-page div#column2 div#ex6 {background-image: url(../images/photos/ex6.jpg);}	
body#exhibition-page div#column2 div#ex7 {background-image: url(../images/photos/ex7.jpg);}
body#exhibition-page div#column2 div#ex8 {background-image: url(../images/photos/ex8.jpg);}
body#exhibition-page div#column2 div#ex9 {background-image: url(../images/photos/ex9.jpg);}
body#exhibition-page div#column2 div#ex10 {background-image: url(../images/photos/ex10.jpg);}
body#exhibition-page div#column2 div#ex11 {background-image: url(../images/photos/ex11.jpg);}
body#exhibition-page div#column2 div#ex12 {background-image: url(../images/photos/ex12.jpg);}
body#exhibition-page div#column2 div#ex13 {background-image: url(../images/photos/ex13.jpg);}
body#exhibition-page div#column2 div#ex14 {background-image: url(../images/photos/ex14.jpg);}
body#exhibition-page div#column2 div#ex15 {background-image: url(../images/photos/ex15.jpg);}
body#exhibition-page div#column2 div#ex16 {background-image: url(../images/photos/ex16.jpg);}
body#exhibition-page div#column2 div#ex17 {background-image: url(../images/photos/ex17.jpg);}
body#exhibition-page div#column2 div#ex18 {background-image: url(../images/photos/ex18.jpg);} 
body#exhibition-page div#column2 div#ex19 {background-image: url(../images/photos/ex19.jpg);}
body#exhibition-page div#column2 div#ex20 {background-image: url(../images/photos/ex20.jpg);}
body#exhibition-page div#column2 div#ex21 {background-image: url(../images/photos/ex21.jpg);}	
body#exhibition-page div#column2 div#ex22 {background-image: url(../images/photos/ex22.jpg);}
body#exhibition-page div#column2 div#ex23 {background-image: url(../images/photos/ex23.jpg);}
body#exhibition-page div#column2 div#ex24 {background-image: url(../images/photos/ex24.jpg);}
body#exhibition-page div#column2 div#ex25 {background-image: url(../images/photos/ex25.jpg);}
body#exhibition-page div#column2 div#ex26 {background-image: url(../images/photos/ex26.jpg);}
body#exhibition-page div#column2 div#ex27 {background-image: url(../images/photos/ex27.jpg);}
body#exhibition-page div#column2 div#ex28 {background-image: url(../images/photos/ex28.jpg);}
body#exhibition-page div#column2 div#ex29 {background-image: url(../images/photos/ex29.jpg);}
body#exhibition-page div#column2 div#ex30 {background-image: url(../images/photos/ex30.jpg);}
body#exhibition-page div#column2 div#ex31 {background-image: url(../images/photos/ex31.jpg);}
body#exhibition-page div#column2 div#ex32 {background-image: url(../images/photos/ex32.jpg);}
body#exhibition-page div#column2 div#ex33 {background-image: url(../images/photos/ex33.jpg);}
body#exhibition-page div#column2 div#ex34 {background-image: url(../images/photos/ex34.jpg);}
body#exhibition-page div#column2 div#ex35 {background-image: url(../images/photos/ex35.jpg);}
body#exhibition-page div#column2 div#ex36 {background-image: url(../images/photos/ex36.jpg);}
body#exhibition-page div#column2 div#ex37 {background-image: url(../images/photos/ex37.jpg);}
body#exhibition-page div#column2 div#ex38 {background-image: url(../images/photos/ex38.jpg);}
body#exhibition-page div#column2 div#ex39 {background-image: url(../images/photos/ex39.jpg);}
body#exhibition-page div#column2 div#ex40 {background-image: url(../images/photos/exhibition.jpg);}
/* @end */		

/* @group Centred pages - wide column1 */
body#questions-page #column1, 
body#hopesfears-page #column1	{ 
	width: 525px;
	margin-left: 200px 
	}

body#writing-page #column1 {
	width: 725px;
	}

body#writing-page div.stories h3, 
body#questions-page div.stories h3, 
body#hopesfears-page div.stories h3	{
	font-size: 120%;
	margin: 0;
	color: #336
	}	
div.stories div {
	float: left;
	width: 100%;
	clear: both;
	padding-bottom: 50px;
	}
body#questions-page	 div.stories div,
body#hopesfears-page div.stories div {
	float: none;
	padding-bottom: 0;
	}

div.stories div.storiesCard {
	width: 150px;
	float: right;
	display: block;
	border: 1px solid #e9e9e9;
	padding: 15px !important;
	background-color:  #f4f4f4;
	color: #336;
	margin: 0 0 10px 20px;
	}



body#writing-page div.storiesCard p.signature {
	color: #963;
	font-family: "Palatino", "Georgia", serif;
	font-style: italic;
	font-size: 120%;
	line-height: 130%;
	text-align: left;
	margin: 0px;
	padding: 0px;	
}
body#writing-page div.storiesCard p.storiesId  
	{
	font-size: 85%;
	margin: 0px;
	padding: 0px;
	text-transform: uppercase;
	font-weight: bold;
	}	
body#writing-page div#content p.storiesId a:link, 
body#writing-page div#content p.storiesId a:visited {
	color: #963; 
	border-bottom-color: #963;
}
body#writing-page ul.writingnav {margin-top: 3em}
body#writing-page ul.writingnav li {
	display: inline;
	line-height: 30px;
	}
body#writing-page ul.writingnav li a {	
	color: #963;
	font-weight: bold;
	text-transform: uppercase;
	padding: 10px;
	border: 1px dotted #963;
	}

body#questions-page #content,
body#hopesfears-page #content {
	background-image: url(../images/foetus.jpg);
	background-repeat: repeat-y;
	}

/* @end */

/* @group Glossary page */
body#glossary-page div.glossary { clear: both; }
body#glossary-page div.glossary h4 	{
	font-weight: 600;
	color: #336;
	text-transform: uppercase;
	}

body#glossary-page div.glossary ul {
	width: 400px;
	float: left;
	margin: 0 0 20px 0; 
	padding: 0;
	list-style: none; 
	border-top: 1px dotted #ccc;
	padding-top: 10px;
	}
	
body#glossary-page div.glossary li  {
	margin: 0;
	padding: 5px 30px 8px 0; }
	
body#glossary-page div.term {
	margin-right: 3px;
	width: 100px;
	float: left;
	clear: left;
	font-weight: bold;
	display: inline;
	}

body#glossary-page div.glossary .definition {
	width: 260px;
	display: block;
	clear: right;
	margin-left: 103px;
	}

div.alt {
	font-size: 140%;
	line-height: 1.2em;
	padding: 20px 0 10px 40px;
	margin: 0;
	color: #963;
	background-color: #FFFFFF;
	background-image: url(../images/arrow-blue.gif);
	background-repeat: no-repeat;
	background-position: left 12px;
	}
	
body#glossary-page div.alt a {border-bottom: none; color:#336 }	
body#glossary-page div.alt a:hover {color:#666; background-color: #fff }	

body#glossary-page div.credit
	{
	font-weight: bold;
	color: #336;
	margin-top: 10px;
	margin-right: 100px;
	margin-bottom: 10px;
	margin-left: 100px;	
	}

/* @end */

/* @group Journeys page */
body#journeys-page #beforeafter {
clear: both;
border-bottom: 1px dotted #ccc;
padding:  0 0 20px 0;
}

body#journeys-page  div.term {
	float: left;
	width: 350px;
	}
	
body#journeys-page  div.term2 {
	float: right;
	width: 350px;
	font-weight: bold;
	color: #336;
	}	

body#journeys-page  h4 { 
padding: 3em 0 1em 0; 
margin: 0; }

/* @end */

/* @end */

/* @group Classes */
/* color: #222020;* /
/* poem/story */
div.poem {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 110%;
	padding: 10px 0 10px 30px;
	margin: 10px 0 30px;
	}
div.poem h3, div.poem h4 { font-family: Helvetica, Arial, sans-serif;}
div.poem h3 {color:#AA1FAA;}
div.poem.nomargin { padding: 10px 0 0 0;}
p.spaces {white-space: pre;}
p.byline {
	color: #336;
	font-style: italic;
	font-family: Helvetica, Arial, sans-serif;
	}


div.feature ul strong, .plus-link, div#column1 .plus-link a {
	color:#AA1FAA;
	font-style: italic;
	border-bottom-color: #AA1FAA;
	}
/* qeneric */

.highlight1 {
	color: #336;
	font-weight: bold;
	}	
	
.highlight2 {
	color: #630;
	font-weight: bold;
	}	
h3.highlight1, div.poem h3.highlight1 {color:#999;}
	
div.line {
	width: 100%;
	height: 4px;
	background-image: url(../images/line.gif);
	background-repeat: repeat-x;
	margin: 30px 0}	

.quote 
	{
	width: 179px;
	padding-left: 12px;
	margin-left: 10px;
	margin-right: 15px;
	font-size: 120%;
	font-weight: 600;
	float: right;
	text-align: left;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #963;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	}

.sayinglf {
	font-weight: bold;
	color: #336;
	margin-bottom: 30px;
	padding-top: 10px;
	padding-right: 50px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #336;
	background-image: url(../images/sayquote2.gif);
	background-position: 100% top;
	background-repeat: no-repeat;
	}

.sayingrt	{
	color: #222020; 
	text-align: right;
	margin-bottom: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 50px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #336;
	background-image: url(../images/sayquote1.gif);
	background-repeat: no-repeat;	
	}
.sayingrt em, .sayinglf em 	{
	font-weight: normal;
	color: #963;
	}
/* @end */