/* Project Information */

#projectinfo dl {display:block; margin-bottom:3em; text-align:left;}
#projectinfo dt {display:block; color:#FFCC26;}
#projectinfo dd {color:#bb3300;}
#projectinfo dl a {color:#bb3300;}
#projectinfo dl a:hover, #projectinfo dl a:active, #projectinfo dl a:focus {color:#669999;}
#projectinfo .projid, #projectinfo .projid  * {font-weight:bold; margin-top:0;}
#projectinfo dt {margin-top:1.5em;}
h3 {display:inline; color:#bb3300; font-size:1em; font-weight:bold;}
h3 * {font-weight:bold;}
/* Project Pages */
h4{font-size:1.25em; margin-bottom:1.2em; color:#FFCC26; font-family:Arial, Helvetica, Verdana, sans-serif; font-style:normal;}
h4.alt {color:red;}

/* Project Listings */

#projintro {position:absolute; top:0; left:226px; width:473px; height:27.5em; padding-top:0.5em; text-align:justify;}

.section h3 {width:211px; text-align:right; display:block; margin:0; padding-top:0.5em; padding-bottom:0.5em; padding-right:15px; color:#ffcc26; background-repeat:no-repeat; background-position:right center; background-image:none !important;}
.section h3 a {color:inherit; font-weight:inherit; display:block;}
.section ul {position:absolute; top:0; left:226px; display:none; height:19.5em; list-style:none; margin:0; padding:0; width:473px; border-left:1px solid #669999; background-color:#3b3b3b; padding-top:8.5em; background-repeat:no-repeat;}
.section li {padding-left:10px; padding-top:0.5em;}
.twocolumn li {float:left; width:45%;}
.section ul p {padding-top:0.5em; margin-bottom:0;}
.section ul ul {position:static; height:auto; width:auto; border:none; padding-top:0; background-image:none !important;}
.section ul ul li {padding-left:0;}
.twocolumn .seealso {clear:left;}
.twocolumn ul ul li {float:none;}
.section ul a.seclink {color:#669999;}
.section ul a.seclink:hover, .section ul a.seclink:focus {color:#ffcc26;}
.section:focus {outline:none !important; border:none !important;}
.section:hover h3, .section:focus h3 {color:#669999; background-image:url('../projects/headerback.png') !important;}
.section:hover p, .section:focus p {display:block;}
.section:hover ul, .section:focus ul {display:block;}
.selected h3 {color:red !important}
.selected h3, .selected:hover  h3, .selected:focus h3 {background-image:url('../projects/headerbackselected.png') !important;}
.selected p, .selected ul {border-color:red; display:block; z-index:1;}

#offices ul {background-image:url('../Images/officesback.jpg');}
#workshops ul {background-image:url('../Images/workshopsback.jpg');}
#animal ul {background-image:url('../Images/animalback.jpg');}
#historic ul {background-image:url('../Images/historicback.jpg');}
#universities ul {background-image:url('../Images/universitiesback.jpg');}
#leisure ul {background-image:url('../Images/leisureback.jpg');}
#housing ul {background-image:url('../Images/housingback.jpg');}
#worship ul {background-image:url('../Images/worshipback.jpg');}
#schools ul {background-image:url('../Images/schoolsback.jpg');}
#science ul {background-image:url('../Images/scienceback.jpg');}
#hospitals ul {background-image:url('../Images/hospitalsback.jpg');}
#healthcare ul {background-image:url('../Images/healthcareback.jpg');}

#sectionclose {position:absolute; top:-1.2em; right:0; z-index:2; cursor:pointer; padding-right:0.42em; color:red; font-weight:bold; font-size:1.2em;text-decoration:underline;}

#pageend {margin-top:1em; border-bottom:none; padding-bottom:0;}


/* Print rules 
============ */

@media print {
/* Hide the main heading */
h2 {display:none;}
.section h3 {display:none;}
.selected h3 {display:block; width:auto; border:none; text-align:left; padding-right:0; background-image:none !important;}
#projintro, .section ul {position:static; height:auto; width:auto;}
.section ul {background-image:none !important; padding-top:0;}
#sectionclose {display:none;}
a.seclink {color:#669999 !important;}
.twocolumn li {float:none; width:auto;}
}