body { color: #424242; font-family: "Trebuchet MS", Arial, sans-serif; margin: 0; text-align: center; background-color: #fff; font-size: 14px; }
H1, H2, H3, H4, H5, UL { margin: 0; padding: 0; }
.clear { clear: both; }
.photoleft { float: left; margin: 0 10px 10px 0; }

IMG { border: 0; }

A { text-decoration: none; color: #EF261F; }
A:hover { text-decoration: underline; }

/* Top of Page */
#header { height: 34px; width: 100%; background-color: #000; text-align: right; padding-top: 16px; }
#header A { color: #fff; margin-right: 20px; }
#headerObjects { width: 980px; margin: 0 auto; text-align: left; margin-top: -46px; }
#torch { width: 87px; float: left; }
#pageTitle { float: left; margin: 65px 0 10px 40px; }
#subHead { float: left; padding-top: 86px; margin: 46px 0 0 40px; }
#jsLogo { margin: 70px 0 10px 0; }
H1 { font-size: 44px; width: 800px; margin-bottom: 20px; color: #000; }
H2 { color: #572483; width: 400px; }
H3 { font-size: 18px; color: #004378; }

/* Navigation */
#navigationBackground { clear: both; width: 100%; margin-top: 10px; height: 34px; background-image: url(images/navBackground.gif); text-align: center; }
UL#navigation { clear: both; width: 980px; margin: 0 auto; text-align: left; }
UL#navigation LI { display: inline; margin-right: 50px; }
UL#navigation LI A { color: #fff; padding: 7px 20px 0 20px; border-left: 1px solid #a1a1a1; height: 27px; display: block; float: left; }
#imageBelt { border-top: 2px solid #000; border-bottom: 2px solid #000; height: 100px; width: 100%; background-image:url(images/imageBelt2.jpg); }
#purpleCarrot { height: 14px; width: 980px; margin: 0 auto; margin-top: 11px; text-align: left; }

.whatsnew UL#navigation LI A#whatsnew, .works UL#navigation LI A#works, .masterclasses UL#navigation LI A#masterclasses, .photos UL#navigation LI A#photos, .bios UL#navigation LI A#bios, .discussion UL#navigation LI A#discussion, .faculty UL#navigation LI A#faculty, .jobs UL#navigation LI A#jobs, .scoop UL#navigation LI A#scoop, .videos UL#navigation LI A#videos  { text-decoration: underline; background-image: url(images/navBackground2.gif); }
.whatsnew #purpleCarrot IMG { margin-left: 20px; }
.works #purpleCarrot IMG { margin-left: 142px; }
.masterclasses #purpleCarrot IMG { margin-left: 306px; }
.photos #purpleCarrot IMG { margin-left: 413px; }
.bios #purpleCarrot IMG { margin-left: 486px; }
.faculty #purpleCarrot IMG { margin-left: 561px; }
.jobs #purpleCarrot IMG { margin-left: 639px; }
.scoop #purpleCarrot IMG { margin-left: 711px; }
.videos #purpleCarrot IMG { margin-left: 791px; }


#container { clear: both; width: 980px; text-align: left; margin: 0 auto; padding-top: 30px; }
#pageContent { overflow: auto; }

/* Left Column */
#leftColumn { float: left; width: 650px; margin-right: 30px; padding-bottom: 30px; }
#leftColumn H3 { font-size: 32px; color: #004378; }

/* Right Column */
#rightColumn { float: right; width: 260px; background-color: #fff; border: 10px solid #000; padding: 10px; margin-bottom: 30px; }
#rightColumn H3 { font-size: 16px; border-bottom: 1px solid #004378; margin: 10px 0; clear: both; }
#rightColumn P { font-size: 12px; line-height: 16px; margin-bottom: 20px; }
#flickrContainer { border: 1px dashed #000; padding-bottom: 10px; }
#flickrContainer IMG { margin: 10px 5px 0 5px; } 
#rightColumn P.more { margin: 10px 0 20px 0; overflow: auto; }
#rightColumn P.more A { font-weight: bold; float: right; background-color: #ef261f; border: 1px solid #991917; color: #fff; text-transform: uppercase; padding: 2px 6px; clear: both; }
#rightColumn P.more A:hover { background-color: #991917; text-decoration: none; }
#rightColumn #tweetery { overflow: auto; font-size: 13px; line-height: 16px; }
#rightColumn #tweetery SPAN.twitterPrefix { font-weight: bold; }
#rightColumn #tweetery SPAN.twitterStatus { }
#rightColumn #tweetery SPAN.twitterTime { margin-top: 2px; color: #666; display: block; font-size: 11px; }
#rightColumn #tweetery IMG { float: right; margin-left: 10px; }
#rightColumn #tweetery UL LI { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dashed #ccc; }

/* Faculty */
.faculty H4 { margin-top: 20px; border-top: 1px solid #424242; padding-top: 20px; font-size: 18px; }
.facultyPicture { float: right; margin: 20px 0 20px 20px; border: 1px solid #ccc; padding: 4px; }

/* Photos */
#images IMG { margin: 4px 4px 0 0; }
#images H4 { margin-top: 20px; font-size: 20px; }

/* Blog */
#leftColumn .blogEntry { clear: both; padding-top: 20px; border-top: 1px dashed #ccc; margin-top: 20px; }
#leftColumn .blogEntry H4 { font-size: 18px; line-height: 24px; }
#leftColumn .blogEntry P, #leftColumn .blogEntry UL { font-size: 12px; line-height: 16px; }
#leftColumn .blogEntry UL LI { margin-top: 10px; }
#leftColumn .blogEntry IMG { float: left; margin-right: 30px; width: 40%; height: 40%; display: block; padding: 10px; margin-bottom: 20px; border: 1px solid #ccc; }
#rightColumn .blogEntry H4 { font-size: 13px; margin-bottom: 4px; font-weight: normal; }
#rightColumn .blogEntry H4 SPAN { font-weight: bold; }
#rightColumn .blogEntry P { margin: 0; }
#rightColumn .blogEntry { margin-bottom: 10px; }
#rightColumn .blogEntry IMG { display: none; }

/* Alumni Bios */
.alumniBio { padding-top: 20px; border-top: 1px solid #000; margin-top: 20px; }
.alumniBio H4 { margin: 0; padding: 0; font-size: 20px; }
.alumniBio H5 { font-size: 14px; }
.alumniBio P { font-size: 14px; line-height: 18px; }
.alumniBio A.contact { border: 1px solid #991917; background-color: #EF261F; padding: 3px 6px; color: #fff; text-transform: uppercase; }
.alumniBio A.contact:hover { background-color: #991917; text-decoration: none; }

/* Scoop */
UL#scoopNewsletters { margin-top: 20px; }
UL#scoopNewsletters LI { list-style-type: disc; margin: 8px 0 0 20px; }

/* Discussion Board */
.discussion H2 { font-size: 32px; color: #000; margin-bottom: 20px; }
#discussionTopics { margin-bottom: 30px; border-bottom: 1px solid #000; padding-bottom: 30px; }
#discussionTopics LI { list-style-type: disc; margin: 8px 0 0 20px; }
#submitTopic LABEL { float: left; margin-right: 20px; width: 120px; clear: both; margin-top: 20px; }
#submitTopic INPUT, #submitTopic TEXTAREA { width: 300px; border: 1px solid #991917; padding: 6px; margin-top: 20px; float: left; }
#submitTopic INPUT#submit { background-color: #EF261F; color: #fff; width: auto; font-size: 18px; padding: 6px 10px; float: none; text-transform: uppercase; margin: 20px 0 20px 140px; }

/* Footer */
#footer { width: 100%; background-color: #000; text-align: center;  }
#footer A { color: #d0a3ff; }
#footerInside { font-size: 12px; margin: 0 auto; padding: 20px 0; width: 980px; text-align: left; color: #fff; }