body {color: #999999; height: 100%; margin: 0; padding: 0; background-color: #FFFFFF; font-family: Verdana, Helvetica, Sans-Serif; font-size: 11px;}

html {height: 100%; overflow: hidden;}

table {border-collapse: collapse;}
tr {padding: 0px;}
td {padding: 0px;}

h1 {font-size: 100%; font-weight: normal; display: inline;}

h2 {font-size: 130%; font-weight: normal; display: inline; color: #3d3d3d;}

img {border: 0px;}

a:link {color: #999999; text-decoration: none;}
a:visited {color: #999999; text-decoration: none;}
a:hover {color: #666666; text-decoration: none;}
a:active {color: #999999; text-decoration: none;}

.underline a:link {color: #999999; text-decoration: underline;}
.underline a:visited {color: #999999; text-decoration: underline;}
.underline a:hover {color: #666666; text-decoration: underline;}
.underline a:active {color: #999999; text-decoration: underline;}

.menu {width: 105px; height: 33px; min-height: 33px; overflow: hidden;}
.menu .menu1 {width: 105px; height: 33px; min-height: 33px; overflow: hidden;}
.menu .menu2 {width: 105px; height: 33px; min-height: 33px; margin-top: -33px; overflow: hidden;}

.map-point {display: inline; position: relative;}

.map-point-box {width: 153px; height: 117px; min-height: 117px; background: url('images/map-point-box.png') no-repeat; position: absolute; top: 0; left: 0; z-index: 100; color: #666666; font-size: 90%; text-align:center; margin: auto; padding: 0px 5px 5px 5px; line-height: 22px; font-weight: bold;}

.map-point-box-nopicts {width: 153px; height: 23px; min-height: 23px; background: url('images/map-point-box-nopicts.png') no-repeat; position: absolute; top: 0; left: 0; z-index: 100; color: #666666; font-size: 90%; text-align:center; margin: auto; padding: 0px 5px 5px 5px; line-height: 27px; font-weight: bold;}

input {font-family: "Lucida Grande", Verdana, Helvetica, Sans-Serif; font-size: 90%; border: 1px solid #cccccc; color: #666666; padding: 2px; margin: 4px 0px;}

textarea {font-family: "Lucida Grande", Verdana, Helvetica, Sans-Serif; font-size: 90%; border: 1px solid #cccccc; color: #666666; padding: 2px; margin: 4px 0px;}

ol {list-style-type: none; padding: 0; margin: 0;}

/******************* Container *******************/

#container {width: 100%; height: 100%; min-height: 100%; position: relative;}

#content {width: 920px; height: 400px; min-height: 400px; position: absolute; top: 50%; margin-top: -200px; left: 50%; margin-left: -460px;}

#content-top {height: 26px; min-height: 26px; width: 920px; background: url('images/container-top.gif') repeat-x; padding-left: 5px; line-height: 24px;}
#content-top #title-tla {color: #777777; letter-spacing: 3px;}
#content-top #title-tla #townshend {color: #222222;}

#content-middle {height: 338px; min-height: 338px; width: 920px; overflow: hidden;}

#content-bot {background: url('images/container-bot.gif') repeat-x; width: 920px; height: 31px; min-height: 31px;}
#content-bot #image {float: left; margin-top: 6px;}
#content-bot .divider {float: left; margin-top: 6px;}
#content-bot #email {float: left; margin-top: 8px;}
#content-bot #sitemap {float: left; margin-top: 8px; padding-right: 120px;}
#content-bot #brochure {float: left; margin-top: 8px;}
#content-bot #location {float: right; margin-top: 8px;}

/******************* Home *******************/

#home-desc {float: right; width: 300px; text-align: left; line-height: 120%;}

#home-desc .date {color: #9e0b0e; font-weight: bold; font-size: 80%;}

#home-map {float: left; width: 475px; height: 338px; min-height: 338px;}

#home-menu {float: left; width: 105px; padding-right: 20px;}

.home-news-list {padding-bottom: 12px;}

.home-menu-list {width: 105px; cursor: pointer; height: 32px; min-height: 32px;}

/******************* Profile *******************/

#profile-left {float: left; width: 540px;}
#profile-left #right {float: right; width: 350px; overflow: hidden; height: 132px; max-height: 132px; margin-right: 20px;}
#profile-left #top-left {width: 150px; background: #f1f1f1; padding: 2px; color: #313131;}
#profile-left #bot-left {width: 150px; background: #f1f1f1; padding: 2px; margin-top: 2px; color: #949494;}
#profile-left #bot-left #name {color: #313131;}

#profile-menu {float: left; width: 105px; padding-right: 20px;}

#profile-right {float: right; width: 255px; overflow: hidden;}

#profile-people {clear: both; /* force this to prevent images starting on new line */ width: 10000px; height: 208px; min-height: 208px; overflow: hidden; position: relative;}
#profile-people .images {position: relative;}

/******************* News *******************/

#news-titles {float: left; width: 435px;}
#news-titles .link {width: 435px; height: 20px; min-height: 20px; overflow: hidden; margin-bottom: 6px; cursor: pointer;}
#news-titles .bar {float: left; height: 20px; min-height: 20px; background: #3f3f3f url('images/news-bar-end.gif') bottom right no-repeat;} 
#news-titles .bar-selected {float: left; height: 20px; min-height: 20px; width: 100px; background: #9a9a9a url('images/news-bar-end-selected.gif') bottom right no-repeat;} 
#news-titles .text {float: left; height: 20px; min-height: 20px; padding-top: 3px;}

#news-item {float: left; width: 360px; text-align: left;}
#news-item #image {float: left; background: url('images/news-image-bck.gif') no-repeat; width: 175px; height: 115px; min-height: 115px; padding: 3px;}
#news-item #title {line-height: 140%; clear: both; padding: 5px 0px; height: 12px; min-height: 12px; overflow: hidden;}
#news-item #text {line-height: 140%;}
#news-item #scrollbar {float: right; width: 10px; margin-top: 160px; font-size: 140%;}
#news-item #text-holder {overflow: hidden; height: 195px; min-height: 195px; width: 342px; line-height: 140%; position: relative;}
#news-item #text-holder #text {position: relative;}

#news-menu {float: left; width: 105px; padding-left: 20px;}

/******************* Contact *******************/

#contact-map {float: left; width: 328px; height: 338px; min-height: 338px; overflow: hidden;}

#contact-menu {float: right; padding: 0px 20px; width: 135px; height: 338px; min-height: 338px; text-align: right; display: table-cell; vertical-align: bottom;}
#contact-menu #menu {float: right;}
#contact-menu #address {float: right; clear: both; margin-top: 65px; width: 135px;}

#contact-text {float: right; width: 417px; text-align: left;}
#contact-text #recruitment {width: 417px; height: 128px; min-height: 128px; line-height: 150%;}
#contact-text #submission {width: 417px; height: 210px; min-height: 210px; color: #666666; overflow: hidden;}
#contact-text #form-message {width: 411px; overflow: auto; height: 80px; min-height: 80px; background: url('images/contact-background.gif') no-repeat;}
#contact-text #sending {padding-top: 20px; height: 80px; min-height: 80px; float: right; text-align: center; margin: 0px auto; width: 190px;}

.contact-button {margin-right: 20px; float: right; background: url('images/overlay.png'); width: 60px; height: 30px; min-height: 30px; position: relative; color: #ffffff; text-align: center; line-height: 22px; position: relative; top: -24px; cursor: pointer;}

#contact-map #buttons {margin-top: -22px; text-align: right; width: 328px;}
#contact-map #link {width: 60px; height: 30px; min-height: 30px; margin-right: 20px;}
#contact-map #link-text {width: 60px; height: 28px; min-height: 28px; margin-right: 20px; margin-top: -30px; color: #ffffff; font-size: 90%; text-align: center; padding-top: 2px; background: url('images/spacer.gif'); cursor: pointer;}
#contact-map #link-text:hover {width: 60px; height: 28px; min-height: 28px; margin-right: 28px; margin-top: -30px; color: #ffffff; font-size: 90%; text-align: center; padding-top: 2px; background: #666666; cursor: pointer;}

/******************* Projects *******************/

#projects-text {float: right; width: 310px; text-align: left;}
#projects-text #links {height: 120px; min-height: 120px; line-height: 140%;}
#projects-text #title {height: 20px; min-height: 20px;}
#projects-text #scrollbar {float: right; width: 10px; margin-top: 160px; font-size: 140%;}
#projects-text #text-holder {overflow: hidden; height: 198px; min-height: 198px; line-height: 140%; position: relative;}
#projects-text #text-holder #text {position: relative;}
#projects-text #text-holder #text .project-types {width: 310px; height: 198px; min-height: 198px; overflow: hidden;}
#projects-text #text-holder-project {overflow: hidden; height: 198px; min-height: 198px; width: 290px; line-height: 140%; position: relative;}
#projects-text #text-holder-project #text {position: relative;}

ol.project-names {width: 310px;}
li.project-names {float: left; width: 155px;}

#projects-image {float: left; width: 475px; height: 338px; min-height: 338px;}
#projects-image #map {width: 475px; height: 338px; min-height: 338px;}
#projects-image #image-holder {width: 475px; height: 312px; min-height: 312px; background: url('images/noimage.jpg'); overflow: hidden;}
#projects-image #image-holder .image {display: none; position: relative;}
#projects-image #image-holder .image-selected {display: block; position: relative;}
#projects-image .links {float: right; width: 20px; height: 20px; min-height: 20px; cursor: pointer; background: #EBEBEB; color: #999999; margin: 3px 0px 3px 10px; font-size: 80%; line-height: 18px; text-align: center; position: relative;}
#projects-image .links-selected {float: right; width: 20px; height: 20px; min-height: 20px; cursor: pointer; background: #ffffff; color: #666666; margin: 3px 0px 3px 10px; font-size: 80%; line-height: 18px; text-align: center; position: relative;}

#projects-menu{float: left; width: 105px; padding: 0px 15px;}

.projects-thumb {width: 153px; height: 95px; min-height: 95px; background: url('images/project-thumb.png') no-repeat; position: absolute; top: 0; left: 0; z-index: 100; padding: 5px 5px 5px 5px;}

/******************* Error *******************/

#error {width: 920px; height: 338px; min-height: 338px; vertical-align: middle; margin: auto; text-align: center;}