@import url(initial.css);
@import url(search.css);


/* GLOBAL STUFF */
.clear-fix { clear: both; }
h1, h2 { font-weight: normal; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }


/* CAREHOME KEY */
div.key-container {
margin-bottom: 1em;
}
ul.key {
float: right;
margin-right: 0.5em;
}
ul.key li {
text-align: center;
padding: 0.75em 0.3em 0.1em 0.3em;
list-style: none;
float: left;
margin-left: 0.5em;
color: white;
font-size: 1.3em;
height: 30px;
width: 30px;
}
ul.key li.spaces {
background-color: #6290e5;
background-image: url(/i/icons/spaces.png);
background-repeat: no-repeat;
background-position: center left;
text-align: right;
padding-left: 1.25em;
}
ul.key li.icon {
background-color: #b654bb;
padding-right: 0.5em;
padding-left: 0.5em;
}
ul.key li.ensuite {
background-color: #0ca090;
background-image: url(/i/icons/ensuite.png);
background-repeat: no-repeat;
background-position: center left;
padding-left: 2.75em;
text-align: right;
}
ul.key li.is_accessible {
background-color: #fdc516;
background-image: url(/i/icons/is_accessible.png);
background-repeat: no-repeat;
background-position: center center;
}
ul.key li.has_independent_units {
background-color: #f56e58;
background-image: url(/i/icons/has_independent_units.png);
background-repeat: no-repeat;
background-position: center center;
padding-right: 1em;
padding-left: 1em;
}
ul.key li span {
display: none;
}
ul.key li span strong {
visibility: visible;
}


/* BUTTON GROUP */
.content ul.buttons {
margin-left: 0;
}
.content ul.buttons li {
margin-left: 0;
margin-right: 0.5em;
list-style-type: none;
font-weight: bold;
margin-bottom: 0.5em;
float: left;
}
.content ul.buttons li a {
padding: 1em 1em 2em 1em;
width: 100px;
height: 75px;
text-align: center;
vertical-align: top;
background-color: #808080;
border-top: 2px solid #fff;
border-right: 2px solid #000;
border-bottom: 2px solid #000;
border-left: 2px solid #fff;
color: #fff;
display: block;
}


/* SINGLE BUTTON */
.content a.button {
padding: 0.25em 1em 0.25em 1em;
background-color: #808080;
border-top: 1px solid #fff;
border-right: 1px solid #333;
border-bottom: 1px solid #333;
border-left: 1px solid #fff;
color: #fff;
font-weight: bold;
}

body {
background-position: top center;
background-repeat: no-repeat;
}

p#skipnav {
position: absolute;
left: -999px;
width: 990px;
}

/* LOCAL NAV (Top/Print/Home) */
p.local-nav { clear: both; }
p.local-nav a.btt {
padding-right: 0.75em;
margin-right: 0.5em;
border-right: 1px dotted;
}

/* START */
div#wrapper {
width: 935px;
padding: 0 1em 0 1em;
margin: 0 auto 0 auto;
}




/* IN HEADER */
div.logo {
float: left;
position: absolute;
z-index: 100;
}

div.access {
float: right;
}
div.access dt, div.access dd {
margin-left: 0;
font-size: 0.7em;
display: inline;
padding: 0.5em 0.75em 0.5em 0.75em;
}
div.access dd.bar {
border-left: 1px dotted;
}
div.access dd.last {
padding-right: 0;
}
div.access dd.selected {
border: 1px solid;
}
div.access dd.easyread {
font-weight:bold;
background-image: url(/i/small-pdf.png);
background-repeat: no-repeat;
padding-left: 3em;
background-position: 0.5em 0;
}

div.access dd.browsealoud {
background-image: url(/i/small-browsealoud.png);
background-repeat: no-repeat;
padding-left: 3em;
background-position: 0.5em 0;
}



/* NAV STUFF */
div#nav {
float: left;
width: 200px;
background-repeat: repeat-y;
margin-right: 10px;
padding-right: 10px;
}

/* L1 */
div#nav ul li {
list-style-type: none;
background-position: bottom left;
background-repeat: no-repeat;
padding: 5px 5px 17px 5px;
margin-left: 0;
font-size: 1.15em;
}
div#nav ul li a {
color: #fff;
display: block;
}

/* L2 */
div#nav ul li ul {
margin: 5px 0 5px 0;
}
div#nav ul li ul li {
background-image: none;
font-size: 85%;
padding: 3px 5px 3px 5px;
margin-bottom: 1px;
}

/* L3 */
div#nav ul li ul li ul li a {
font-size: 110%;
}


/* SOME DEFAULT SIZES FOR STRUCTURES */
div#masthead {
height: 275px;
margin-bottom: 1em;
}

div#main {
font-size: 75%;
}
div.content {
float: left;
width: 695px;
padding: 10px;
}
div.content ul, div.content ol {
margin-left: 2em;
}
div.content h1 {
padding-bottom: 0.25em;
margin-bottom: 0.25em;
border-bottom: 1px dotted;
margin-top: 0;
}
div.content h2 {
font-weight: bold;
font-size: 1.3em;
margin-top: 0;
}
div.content h3 {
font-weight: bold;
font-size: 1.1em;
margin-top: 0;
}
div.content hr {
height: 1px;
border: 0;
border-bottom: 1px dotted;
}


/* PROFILES */
body.profiles div.content dl {
padding-bottom: 1em;
}
body.profiles div.content dt {
float: left;
width: 160px;
}
body.profiles div.content dt a {
display: block;
overflow:hidden;
width: 150px;
height: 150px;
border: 7px solid #fff;
}
body.profiles div.content dd {
float: left;
width: 500px;
}
body.profiles div.content dd h2 {
margin-bottom: 0;
}
body.profiles div.content dd p {
margin-top: 0;
}
body.profiles div.content dd a {
color: #000;
}


/* PROFILEDETAIL */
body.profiledetail div.content ul {
margin: 0;
}
body.profiledetail div.content ul li {
margin: 0 1em 0 0;
float: left;
list-style-type: none;
}
body.profiledetail div.content img {
display: block;
overflow:hidden;
width: 150px;
height: 150px;
border: 7px solid #fff;
}

































div.article h2 {
margin: 0;
}
div.article ul {
margin-left: 0;
}
div.article ul li.news {
list-style-type: none;
margin-left: 0;
float: left;
}
div.article ul li.image {
list-style-type: none;
float: right;
}
div.article ul li img {
margin-top: 1em;
border: 7px solid white;
}


div.content div.article {
border-bottom: 1px dotted #79766f;
margin-bottom: 1em;
}
div.content div.article p {
width: 430px;
}
div.content div.archive dl {
width: 225px;
float: left;
}
div.content div.archive dd {
margin-left: 0;
}
div.content div.archive a { color: #5d5d5d; }

div.content p.date {
margin: 0;
font-size: 0.85em;
}

/* NEWS ARCHIVES */
body.newsarchive dt {
font-size: 1.3em;
}
body.newsarchive dd {
margin-left: 0;
border-bottom: 1px dotted;
margin-bottom: 1em;
}
body.newsarchive dd p {
margin-top: 0;
}



/* HOME STUFF */

body.home div#masthead {
height: 400px;
}

body.home .content {
padding: 0;
width: 715px;
}


/* HOME PANELS */
body.home dl.panel {
float: left;
width: 225px;
margin:0;
margin-right: 20px;
}
body.home dl.end { margin-right: 0; }
body.home dl.panel dt {
font-size: 1.1em;
padding: 13px 0 17px 10px;
height: 15px;
background-repeat: no-repeat;
}
body.home dl.panel dd {
padding-right: 1em; 
margin-left: 8px; 
padding-left: 1em; 
}
body.home dl.panel p { 
margin-top: 0em;
padding-bottom: 1em;
}
body.home dl.panel img { 
width: 175px;
border: 7px solid;
border-color: #fff;
}
body.home dl.panel dt a { 
color: #000;
display: block;
}


/* PROFILES SECTION */
body.profilecategories .content ul.jigsaw {
height: 630px;
width: 630px;
background-color: #fff;
padding: 0.5em;
}
body.profilecategories .content ul li {
text-align: center;
position: relative;
font-size: 1.5em;
list-style-type: none;
float: left;
margin-left: 0;
width: 208px;
height: 208px;
}
body.profilecategories .content ul li a {
top: 0;
left: 0;
position: absolute;
color: #000;
width: 208px;
height: 208px;
}
body.profilecategories .content li.nth-child-1 {
background: url(/i/jigsaw/1.png) no-repeat;
}
body.profilecategories .content li.nth-child-1 a {
padding-top: 90px;
height: 118px;
}

body.profilecategories .content li.nth-child-2 {
background: url(/i/jigsaw/2.png) no-repeat;
}
body.profilecategories .content li.nth-child-2 a {
padding-top: 20px;
height: 188px;
}

body.profilecategories .content li.nth-child-3 {
background: url(/i/jigsaw/3.png) no-repeat;
}
body.profilecategories .content li.nth-child-3 a {
padding-top: 20px;
height: 188px;
}

body.profilecategories .content li.nth-child-4 {
background: url(/i/jigsaw/4.png) no-repeat;
}
body.profilecategories .content li.nth-child-4 a {
padding-top: 80px;
height: 128px;
}

body.profilecategories .content li.nth-child-5 {
background: url(/i/jigsaw/5.png) no-repeat;
}
body.profilecategories .content li.nth-child-5 a {
padding-top: 20px;
height: 188px;
}

body.profilecategories .content li.nth-child-6 {
background: url(/i/jigsaw/6.png) no-repeat;
}
body.profilecategories .content li.nth-child-6 a {
padding-top: 20px;
height: 188px;
}

body.profilecategories .content li.nth-child-7 {
background: url(/i/jigsaw/7.png) no-repeat;
}
body.profilecategories .content li.nth-child-7 a {
padding-top: 80px;
height: 128px;
}

body.profilecategories .content li.nth-child-8 {
background: url(/i/jigsaw/8.png) no-repeat;
}
body.profilecategories .content li.nth-child-8 a {
padding-top: 165px;
height: 43px;
}

body.profilecategories .content li.nth-child-9 {
background: url(/i/jigsaw/9.png) no-repeat;
}
body.profilecategories .content li.nth-child-9 a {
padding-top: 100px;
height: 108px;
}












/* ARTISTS */
body.artists .gallery { float: left; }
body.artists .gallery dt {
width:145px; 
float: left; 
margin-bottom: 30px; 
}
body.artists .gallery dd { 
width:145px; 
float: left; 
margin: 110px 0 0 -10.5em; 
}
body.artists .gallery img { 
vertical-align: bottom; 
border: 0; 
}









/* FORMS */
.required { color: red; }
legend {
margin-left: 0;
padding: 0.25em 1em 0.25em 1em; 
font-size: 1.3em;
font-weight: bold;
}
fieldset {
border:1px solid #bbb;
margin-bottom: 2em;
padding: 1em;
}
fieldset dl {
margin: 1.5em;
}
fieldset dt {
display: block;
float: left;
padding: 5px 0;
width: 150px;
}
fieldset dd {
padding: 7px 0;
}
fieldset dd input, fieldset dd select { 
padding: 2px; 
}


/* STAFF + STAFFDETAIL */
body.staffdetail .content img.photo {
border: 7px solid #fff;
float: left;
margin: 0.5em 1em 0 0;
}


/* CAREERS + CAREERDETAIL */
body.careerdetail .content img.photo {
border: 7px solid #fff;
float: left;
margin: 0.5em 1em 0 0;
}



/* PROJECT DETAIL */
body.projectdetail dl.gallery { float: left; }
body.projectdetail dl.gallery dt { 
width:145px; 
float: left; 
margin-bottom: 2.5em; 
margin-right: 2em;
}
body.projectdetail dl.gallery dd { 
width:145px; 
float: left; 
margin: 110px 0 0 -13.25em; 
}
body.projectdetail dl.gallery img { 
vertical-align: bottom; 
border: 7px solid #fff; 
}	



/* RELATED LINKS */
div#nav dt {
margin-left: 8px;
background-color: #808080;
color: #fff;
padding: 3px 10px 3px 10px;
}
div#nav dd p {
padding-left: 10px;
padding-right: 10px;
}
div#nav dd a {
color: #5d5d5d;
}

/* FOOTER STUFF */
div#footer {
border-top: 1px solid;
}
div#footer ul {
padding-bottom: 1em;
}
div#footer ul li {
list-style-type: none;
font-size: 0.7em;
float: left;
padding: 0 1em 0 1em;
border-left: 1px dotted;
margin-left: 0;
}
div#footer ul li.first {
border-left: none;
padding-left: 0;
}
div#footer p.referral {
padding: 0.25em 0.5em 0.2em 0.5em;
text-align: right;
font-weight: bold;
}
div#footer p.referral img {
vertical-align: middle;
margin-right: 0.15em;
}
div#footer p.copyright {
font-size: 0.7em;
background-repeat: repeat-x;
padding: 0.2em 0.75em 3em 0.75em;
width: 7em;
}
.downloads-table { width: 100%; margin-bottom: 5em; }
.downloads-table th { text-align: left; background-color: #741602; color: #fff; }
.downloads-table td { vertical-align: top; }
.downloads-table .dk td { background-color: #efefef; }
.downloads-table .comments { display: block; font-size: 85%; }

.login-form { margin-bottom: 5em; }
.login-form label { display: block; }