/* Defaults
================================================================*/
*, dl, dd, dt { margin: 0; padding: 0; }
#text p { clear: left; }
#text p, #pagecontent p { margin: 0 0 1em;  }
#text ul, #pagecontent ul { margin: 0 0 1em 17px; }
#text li, #pagecontent li { margin-bottom: 0.5em; }
img { border: 0; }
a, a:visited, #content a:hover, #content a.subtle, #pagePubs #content a { color: #fff; text-decoration: none;  }
a:hover, #content a, #content a.subtle:hover, #pagePubs #content a:hover { text-decoration: underline; }
.clear { clear: both; height: 0; line-height: 0; }
html { min-height:100%; margin-bottom:1px; } 
body { margin: 0; font: 71% verdana,helvetica,arial,sans-serif; background-color: #fff; text-align: center; }
#wrapper { width: 810px; margin: 0 auto; text-align: left; color: #fff; background-color: #999A01; }
#pageHome #wrapper { width: 750px; }
.sectionAbout #wrapper { background-color: #996d88; } 
.sectionContact #wrapper { background-color: #e49200; }
.sectionNews #wrapper { background-color: #99acd4; }

/* Headings,text
================================================================*/
h1, h2 { margin-bottom: 13px; font-size: 1.4em; font-weight: normal; line-height: 1.4em; }
h1 em { display: block; font-style: normal; font-size: 0.9em; }
h2 { font-size: 1.1em; padding-top: 2em; line-height: 1.4em; }
h2.first { padding-top: 0; }
h2 strong { display: block; font-weight: normal; }
#content p, #content ul { margin-bottom: 1em; }
ul, ul li { list-style: none; }
ol { margin-left: 2em; }
ol li { margin-bottom: 1em; }
dl.project { clear: both; width: 389px; margin: 0 0 5px; padding: 7px 0; border: 1px solid #fff; border-width: 1px 0; }
dl.project dt { display: block; float: left; width: auto; font-weight: bold; }
dl.project dd { display: block; float: none; width: auto; }
dl { border: 0; float: left; width: 393px; display: inline; padding: 0; margin: 0 0 1.5em; line-height: 1.5em; }
.sectionAbout dl { width: 433px; margin-bottom: 2.5em; }
dt { clear: both; float: left; /*display: inline;*/ width: 85px; margin-right: 5px; }
dd { float: left; width: 300px; /*display: inline;*/ }
.sectionAbout dd { width: 330px; }
dl.team dt { width: 170px; margin-right: 0; }
dl.team dd { width: 210px; }
dl.awards dt { width: 300px; }
dl.awards dd { width: 125px; }
dl.projects dt {  width: 238px; }
dl.projects dd { width: 185px; }
#content { font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.4em; }

/* Structure
================================================================*/
#nav { position: relative; height: 204px; background-color: #4f220f; font: 1em Georgia, "Times New Roman", Times, serif; }
#nav #logo { position: absolute; top: 29px; right: 70px; }

#nav ul { position: absolute; top: 19px; left: 56px; }
#nav li { float: left; display: inline; margin-right: 40px; background-position: top right; }

#nav a:hover { color: #cccc2c; text-decoration: none; }
#nav li, #nav li a { background-repeat: no-repeat; }
#nav li a { display: block; text-indent: -999em; background-position: top left; outline: none; }
li#navProjects, li#navProjects a { background-image:url(../images/template/projects.gif)  }
li#navProjects a { width: 51px; }
li#navAbout, li#navAbout a { background-image:url(../images/template/about.gif)  }
li#navAbout a { width: 41px; }
li#navNews, li#navNews a { background-image:url(../images/template/news.gif)  }
li#navNews a { width: 36px; }
li#navContact, li#navContact a { background-image:url(../images/template/contact.gif)  }
li#navContact a { width: 50px; }
li#navHome, li#navHome a { background-image:url(../images/template/home.gif)  }
li#navHome a { width: 39px; }
#nav li a:hover, .sectionProjects #nav li#navProjects a, .sectionAbout #nav li#navAbout a, .sectionNews #nav li#navNews a, .sectionContact #nav li#navContact a { background-position: top right; }

#nav ul ul { position: absolute; left: auto; top: 30px; }
#nav li li { /*float: none;*/ width: 200px; font: 1em Arial, Helvetica, sans-serif; }
/*ie6 fix*/
* html #nav li li { float: none; }
#nav li li a { display: block; line-height: 1.5em; text-indent: 0; background-image: none; }
li#navProjects li a, li#navAbout li a, li#navNews li a, li#navContact li a, li#navHome li a { width: auto; } 
#nav li li a:hover, #pageComm li#navComm a, #pageCul li#navCul a, #pageEdu li#navEdu a, #pageCons li#navCons a, #pageRes li#navRes a, #pageUrb li#navUrb a, #pageCiv li#navCiv a, #pageWip li#navWip a, #pagePubs li#navPubs a, #pageJohn li#navJohn a, #pageMichael li#navMichael a, #pageElisabeth li#navElisabeth a { color: #999a01; }

#main { clear: left; float: left; display: inline; width: 754px; margin: 12px 0 22px 56px; }
#subnav, #content { float: left; display: inline; }
#content { margin-top: 2px; min-height: 340px; height: auto; }
* html #content { height: 340px; }
#subnav { width: 260px; font-family: Arial, Helvetica, sans-serif; }
#subnav li { display: inline; }
#content { width: 393px; }
#subnav h3 { margin-bottom: 9px; font: 1.6em Georgia, "Times New Roman", Times, serif; }
#subnav a { display: block; line-height: 1.5em; }
#subnav a:hover, #subnav li.current a { text-decoration: none; font-weight: bold; }

#footer { clear: both; margin-left: 56px; padding-bottom: 18px; font-size: .9em; line-height: 1.4em; }



/* Special cases
================================================================*/
#content p.actions { clear: left; margin: 2.5em 4px 0 0; padding: 7px 10px; border-top: 1px solid #fff; text-align: right; font-family: Georgia, "Times New Roman", Times, serif; font-size: .9em; } 
#content p.actions a { padding-left: 14px; background: url(../images/icons/arrow-right.gif) no-repeat center left; text-decoration: none; }
#content p.actions a:hover { text-decoration: none; font-weight: bold; }

#content ul.gallery { float: left; display: inline; width: 392px; margin-bottom: 0; padding-bottom: 7px; }
ul.gallery li { float: left; margin-right: 4px; }
ul.gallery img { display: block; }
ul.gallery li.last { margin-right: 0; }
ul.gallery li.feature { width: 388px; margin-right: 0; }
ul.gallery li.feature img { margin-bottom: 5px; }
.galleria{list-style:none;width:392px}
.galleria li{display:inline; width:94px;height:63px;overflow:hidden;float:left;margin:0 4px 0 0}
.galleria li.last { margin-right: 0; }
.galleria li div img{cursor:pointer}
.galleria li.active { display: none }
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria_container { width: 392px; height: 258px; overflow: hidden; }
.galleria_container { margin-bottom: 5px; }
.galleria_container .caption{display: none;}

#pageContact h1 { width: 243px; height: 21px; text-indent: -999em; background: url(../images/headings/h_deaton.gif) top left no-repeat; } 

/*home page photos*/
ul#banner { float: left; display: inline; width: 750px; border: 1px solid #fdfeff; border-width: 1px 0; }
ul#banner li { float: left; border-right: 1px solid #fdfeff; }
ul#banner li.last { border-right: 0; }
ul#banner li img { display: block; }

/*home page contact info*/
#contact { float: left; display: inline; width: 155px; color: #4f200c; line-height: 1.5em; font-family: Arial, Helvetica, sans-serif; }
#contact p { margin-bottom: 1.8em; }
#contact a, #contact a:visited { color: #4f200c; }

/*home page logos*/
#affiliations { padding-top: 18px; color: #fff; }
#affiliations li { padding-top: 8px; }
#affiliations p { padding-left: 3px; }

/*home page variations*/
#pageHome h1 { margin-bottom: 26px; width: 322px; height: 42px; background: url(../images/headings/building_futures.gif) top left no-repeat; text-indent: -999em; }
#pageHome #nav { height: 202px; }
#pageHome #nav ul { left: 27px; }
#pageHome #nav #logo { right: 40px; }
#pageHome #main { width: 724px; margin: 37px 0 0 26px; }
#pageHome #content { width: 430px; margin-right: 138px; padding-bottom: 25px; }
#pageHome #content ul { margin-left: 35px; }
#pageHome #footer, .sectionAdmin #footer { margin: 0; padding: 10px 17px 10px 26px; border-top: 1px solid #c8c372; color: #cfcb68; }
a#credit, a#credit:visited { float: right; color: #b1ae4d; }

/*about cv variations*/
#pageJohn #content, #pageMichael #content, #pageElisabeth #content { width: 433px; }

/*news paging*/
.pagination { margin-top: 3em; }
.pagination li { float: left; margin-right: 10px; }
.pagination li.current { font-weight: bold; }