/* ---------- Basics ----------*/

body    { font-size: 62.5%; font-family: Georgia, "Times New Roman", Times, serif; text-align: center }
p   { font-family: Georgia, "Times New Roman", Times, serif }
td   { font-family: Georgia, "Times New Roman", Times, serif }
a   { color: #600; font-family: "Trebuchet MS", "Lucida Grande", Verdana, Arial, Sans-Serif; text-decoration: none }
a:hover { color: #600; text-decoration: underline }
h1   { font-size: 1.8em; font-weight: bold }
h2     { color: #600; font-size: 1.6em; font-weight: bold }
h3  { font-size: 1.4em; font-weight: bold }
ul { list-style-type: square }
address { margin-left: 20px }
/* ---------- Structure ----------*/
#page { margin-right: auto; margin-left: auto; width: 770px }
div#header      { margin-top: 20px; margin-bottom: 20px; padding-top: 0 }
div#sidebar  { text-align: left; margin-bottom: 20px; width: 170px; float: left }
div#content       { font-size: 1.3em; line-height: 1.4em; text-align: left; margin-left: 220px }
div#menu      { font-size: 1.15em; background-color: #f5f5f5; padding-left: 20px; width: 100%; border: solid 1px silver }
div#contact   { font-size: 10px; margin-top: 10px; margin-bottom: 10px; padding: 12px; width: 100% }
div#footer      { color: #474747; font-size: 1em; text-align: right; margin-top: 10px; padding-top: 5px; clear: both; border-top: 1px solid #000 }

/* ---------- Masthead ----------*/
#header     { font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; background-image: url("../images/masthead.gif"); background-repeat: no-repeat; text-align: right; margin: 0 auto; padding: 0; position: relative; width: 770px; height: 60px; vertical-align: top }
#header a    { color: #600; font-size: 1.1em; padding-bottom: 10px }
#header a:hover { text-decoration: none; border-top: 2px solid #600 }
#globalNav { margin-top: 10px; padding-top: 10px; height: 25px }
#globalNav ul { display: block }
#globalNav li  { font-size: 1em; list-style-type: none; display: inline; padding-right: 10px }
.title { font-size: 24px; font-weight: bold }


/* ---------- Sidebar ----------*/

.sidebarHeader   { font-size: 1.3em; font-family: "Trebuchet MS", "Lucida Grande", Verdana, Arial, Sans-Serif; font-weight: bold; margin-bottom: 0 }

#contentLinks  { margin-top: 5px; margin-left: 0; padding-left: 0 }
#contentLinks li     { list-style-type: none; margin-bottom: 5px; margin-left: 10px }
#contentLinks li a  { list-style-type: none }

#alumniLinks  { margin-top: 5px; margin-left: 0; padding-left: 0 }
#alumniLinks li     { list-style-type: none; margin-bottom: 5px; margin-left: 10px }
#alumniLinks li a  { list-style-type: none }

#archiveLinks  { margin-top: 5px; margin-left: 0; padding-left: 0 }
#archiveLinks li     { list-style-type: none; margin-bottom: 5px; margin-left: 10px }
#archiveLinks li a  { list-style-type: none }

.contactInfo { font-size: 10px }

/* ---------- Content ----------*/

.row1  { background-color: #ffc; border-bottom: 1px solid #fc9 }
#content h2 { margin-bottom: 0 }
.subTitle { color: #600; font-style: italic; margin-top: 3px }
.row2 { color: #000; font-weight: bold; background-color: #c96; border-top: 1px solid #633; border-bottom: 1px solid #633 }
.quoteBox { background-color: #f1ddbf; padding: 20px; border: dotted 1px #600 }
.photo   { margin-right: 20px; padding: 2px; border: solid 1px #600 }
.photoLeft { margin-right: 20px; padding: 2px; border: solid 1px #600 }
.photoRight  { margin-bottom: 10px; margin-left: 10px; padding: 2px; border: solid 1px #600 }
.blockquote  { color: #600; font-size: 110%; font-style: italic; padding: 10px 60px }
.footer { color: #333; font-size: 10px; padding-top: 5px }
#alumniProfile { }
.alumniProfile  { margin-bottom: 20px; height: 130px; border-bottom: 1px dotted #666 }
.interviewName { color: #600 }
.byline { color: #000; font-size: 14px }
.sidebarPost p { font-size: 90%; padding-right: 5px; padding-left: 5px }
.sidebarPost h2 { font-size: 12px; font-weight: bold; padding-right: 5px; padding-left: 5px }