* { margin: 0; padding: 0; }
body { background: #7a706b url(background.gif) repeat top left; color: #231f20; font: 12px 'Courier New', monospace; }
strong { color: #c23f24; font-weight: bold; }
em { font-style: italic; }
b { font-weight: bold; }

a { color: #c23f24; text-decoration: underline; }
a:link, a:visited { color: #c23f24; text-decoration: underline; }
a:hover, a:active { color: #231f20; }

#header { text-indent: -9999px; width: 100%; height: 43px; padding: 5px 0; margin: 10px 0 35px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; background: transparent url(header.gif) no-repeat 14px 14px; }
#content { width: 1200px; position: relative; background: transparent url(abstract.png) no-repeat left 789px; }

#content h1,
#content h2,
#content ol,
#content ul,
#content p { font-size: 12px; line-height: 17px; }

#logotype { z-index: 5; position: absolute; top: 0; left: 0; width: 325px; height: 482px; }
#logotype a { display: block; height: 312px; }

#menu { position: absolute; z-index: 5; left: 1005px; top: 0px; }
#menu ul { list-style-position: inside; list-style-type: none; margin: 0; padding: 0; }
#menu ul li { list-style-type: none; padding: 0 0 7px 10px; background: transparent url(line.gif) no-repeat left bottom; }
#menu ul li.last { background-image: none; }
#menu ul li.inner { padding-left: 20px; }

#menu ul a { text-indent: -9999px; display: block; background: transparent url(menu.png) no-repeat left; width: 173px; height: 35px; } 

#menu ul a.home,
#menu ul a.home:link,
#menu ul a.home:visited { background-position: -173px -5px; } 
#menu ul a.home:hover { background-position: left -5px; } 
#menu ul a.home:active,
#menu ul a.home.active { background-position: right -5px; } 

#menu ul a.brief,
#menu ul a.brief:link,
#menu ul a.brief:visited { background-position: -173px -40px; } 
#menu ul a.brief:hover { background-position: left -40px; } 
#menu ul a.brief:active,
#menu ul a.brief.active { background-position: right -40px; } 

#menu ul a.participants,
#menu ul a.participants:link,
#menu ul a.participants:visited { background-position: -173px -75px; } 
#menu ul a.participants:hover { background-position: left -75px; } 
#menu ul a.participants:active,
#menu ul a.participants.active { background-position: right -75px; }

#menu ul a.projects,
#menu ul a.projects:link,
#menu ul a.projects:visited { background-position: -173px -110px; } 
#menu ul a.projects:hover { background-position: left -110px; } 
#menu ul a.projects:active,
#menu ul a.projects.active { background-position: right -110px; }

#menu ul a.reflections,
#menu ul a.reflections:link,
#menu ul a.reflections:visited { background-position: -173px -145px; } 
#menu ul a.reflections:hover { background-position: left -145px; } 
#menu ul a.reflections:active,
#menu ul a.reflections.active { background-position: right -145px; }

#menu ul a.gallery,
#menu ul a.gallery:link,
#menu ul a.gallery:visited { background-position: -173px -180px; } 
#menu ul a.gallery:hover { background-position: left -180px; } 
#menu ul a.gallery:active,
#menu ul a.gallery.active { background-position: right -180px; }

#menu ul a.contact,
#menu ul a.contact:link,
#menu ul a.contact:visited { background-position: -173px -215px; } 
#menu ul a.contact:hover { background-position: left -215px; } 
#menu ul a.contact:active,
#menu ul a.contact.active { background-position: right -215px; }

#menu ul a.brief1,
#menu ul a.brief1:link,
#menu ul a.brief1:visited { background-position: -173px -250px; } 
#menu ul a.brief1:hover { background-position: left -250px; } 
#menu ul a.brief1:active,
#menu ul a.brief1.active { background-position: right -250px; }

#menu ul a.brief2,
#menu ul a.brief2:link,
#menu ul a.brief2:visited { background-position: -173px -285px; } 
#menu ul a.brief2:hover { background-position: left -285px; } 
#menu ul a.brief2:active,
#menu ul a.brief2.active { background-position: right -285px; }

#menu ul a.project1,
#menu ul a.project1:link,
#menu ul a.project1:visited { background-position: -173px -320px; } 
#menu ul a.project1:hover { background-position: left -320px; } 
#menu ul a.project1:active,
#menu ul a.project1.active { background-position: right -320px; }

#menu ul a.project2,
#menu ul a.project2:link,
#menu ul a.project2:visited { background-position: -173px -355px; } 
#menu ul a.project2:hover { background-position: left -355px; } 
#menu ul a.project2:active,
#menu ul a.project2.active { background-position: right -355px; }

#menu ul a.project3,
#menu ul a.project3:link,
#menu ul a.project3:visited { background-position: -173px -390px; } 
#menu ul a.project3:hover { background-position: left -390px; } 
#menu ul a.project3:active,
#menu ul a.project3.active { background-position: right -390px; }

#menu ul a.project4,
#menu ul a.project4:link,
#menu ul a.project4:visited { background-position: -173px -425px; } 
#menu ul a.project4:hover { background-position: left -425px; } 
#menu ul a.project4:active,
#menu ul a.project4.active { background-position: right -425px; }

#menu ul a.project5,
#menu ul a.project5:link,
#menu ul a.project5:visited { background-position: -173px -460px; } 
#menu ul a.project5:hover { background-position: left -460px; } 
#menu ul a.project5:active,
#menu ul a.project5.active { background-position: right -460px; }

#menu ul a.project6,
#menu ul a.project6:link,
#menu ul a.project6:visited { background-position: -173px -495px; } 
#menu ul a.project6:hover { background-position: left -495px; } 
#menu ul a.project6:active,
#menu ul a.project6.active { background-position: right -495px; }

#menu ul a.project7,
#menu ul a.project7:link,
#menu ul a.project7:visited { background-position: -173px -530px; } 
#menu ul a.project7:hover { background-position: left -530px; } 
#menu ul a.project7:active,
#menu ul a.project7.active { background-position: right -530px; }

#menu ul a.project8,
#menu ul a.project8:link,
#menu ul a.project8:visited { background-position: -173px -565px; } 
#menu ul a.project8:hover { background-position: left -565px; } 
#menu ul a.project8:active,
#menu ul a.project8.active { background-position: right -565px; }





#workshop-leaders { z-index: 5; position: absolute; top: 436px; left: 92px; width: 153px; height: 248px; padding: 32px; background: transparent url(leaders.png) no-repeat top left; }
#workshop-leaders h2 { font-size: 11px; text-decoration: underline; padding-bottom: 17px; }
.leader-university,
.leader-city { font-size: 10px;}
.leader-city { color: #c23f24; }
#workshop-leaders ul,
#workshop-leaders li { width: 150px; margin: 0; padding: 0; padding-bottom: 18px; list-style-type: none;  }

#textual { z-index: 10; position: absolute; left: 352px; top: 0px; width: 641px; height: 2634px; background: transparent url(content.png) no-repeat top left; }
#textual-bg { padding-top: 10px; background: transparent url(textbg.gif) repeat top left; }


#textual { position: absolute; left: 352px; top: 0px; width: 600px; padding: 31px 21px 100px 15px; background-repeat: no-repeat; background-position: top left; }
#illustration { width: 470px; height: 408px; position: absolute; bottom: 0; left: 0;z-index: 20; background: transparent url(illustration.png) no-repeat bottom left;}

.home #textual { height: 2206px; background-image: url(home_background.png); }
.brief1 #textual { height: 848px; background-image: url(brief_01_background.png); }
.brief2 #textual { height: 3142px; background-image: url(brief_02_background.png); }
.participants #textual { height: 1612px; background-image: url(participants_background.png); }
.project1 #textual { height: 926px; background-image: url(project_01_background.png); }
.project2 #textual { height: 848px; background-image: url(project_02_background.png); }
.project3 #textual { height: 934px; background-image: url(project_03_background.png); }
.project4 #textual { height: 1075px; background-image: url(project_04_background.png); }
.project5 #textual { height: 1085px; background-image: url(project_05_background.png); }
.project6 #textual { height: 1165px; background-image: url(project_06_background.png); }
.project7 #textual { height: 994px; background-image: url(project_07_background.png); }
.project8 #textual { height: 994px; background-image: url(project_08_background.png); }
.gallery #textual { height: 786px; background-image: url(gallery_background.png); }
.contact #textual { height: 786px; background-image: url(contact_background.png); }

.home #content { height: 2336px; }
.brief1 #content { height: 978px; }
.brief2 #content { height: 3272px; }
.participants #content { height: 1742px; }
.project1 #content { height: 1056px; }
.project2 #content { height: 978px; }
.project3 #content { height: 1064px; }
.project4 #content { height: 1205px; }
.project5 #content { height: 1215px; }
.project6 #content { height: 1295px; }
.project7 #content { height: 1124px; }
.project8 #content { height: 1124px; }
.gallery #content { height: 916px; }
.contact #content { height: 916px; }

#text { padding: 10px; margin: 29px 62px 0 106px; width: 480px; }
#text h1,
#text h2 { font-weight: normal; }
#text h1 { margin-bottom: 17px; }
#text h2 { width: 90px; margin-left: -110px; float: left; text-align: right; }
#text h3 { width: 90px; margin-left: -110px; float: left; text-align: right; color: #c23f24; font-weight: bold;  }
#text p { margin-bottom: 17px; padding-right: 30px; }
#text ol { margin: 0 0 17px -20px; font-size: 1.0em; line-height: 1.4em; list-style-type: '-';}	
#text ul { list-style-position: inside; list-style-type: none; margin: 0; padding: 0; }
#text ul li { list-style-type: none; }
#text ol li { margin-bottom: 0.2em; }
#text li { padding: 0; margin: 0 auto; }

.participants #text ul li { font-size: 11px; color: #444; margin-bottom: 15px; }
.participants #text ul li .name { margin-top: 1px; font-size: 12px; display: block; color: #231f20; font-weight: bold; }  

#links { position: absolute; z-index: 5; left: 1005px; top: 640px; padding: 15px 22px; width: 298px; height: 374px; background: transparent url(links.gif) no-repeat top left; }
#links h3 { font-size: 11px; margin-bottom: 4px; color: #231f20; }
#links ul { font-size: 11px; list-style-position: inside; list-style-type: none; margin: 0; padding: 0; padding-bottom: 24px;  }
#links ul li { list-style-type: none; padding: 2px 0; }
#links a, #links a:link, #links a:visited { color: #231f20; text-decoration: none; }
#links a:hover, #links a:active { text-decoration: underline; }

#british-council-logo { width: 187px; height: 207px; position: absolute; top: 390px; left: 1025px; z-index: 20; background: transparent url(british-council-logo.gif) no-repeat bottom left;}
.contact #content { height: 1400px; background: transparent url(abstract-contact.gif) no-repeat left bottom; }
.contact #links { left: 641px; top: 875px; }


#text .list { margin-bottom: 17px; }
#text .list p { margin-bottom: 0; }


.clear  { clear: both; }

.photo { display: block; position: relative; }
.image { position: absolute; z-index: 10; top: 30px; right: 60px; width: 47px; height: 38px; background: transparent url(photo.png) no-repeat center center; display: block; }