body {
   font-family : "Futura Lt BT", "TW Cen MT", "Lucida Grande", "Century Gothic", "Futura", "URW Gothic L", sans-serif;
   font-size : 85%;
   line-height : 150%;
   background : #f7f5fc;
}

a:link, a:visited {
   text-decoration : none;
   color : #90c;
}

a:hover, a:focus, a:active {
   text-decoration : underline;
}

em {
   font-style : normal;
}

h1, h2, h3, h4 {
   font-family : "Futura Md BT", "Tw Cen MT", "Trebuchet MS", "Century Gothic", "Futura", "URW Gothic L", sans-serif;
   font-weight : normal;
   line-height : 125%;
   margin-bottom : 0.33em;
}

h1 {
   padding-top : 30px;
   position : relative;
   z-index : 5;
}

h1 a {
   display : block;
   width : 117px;
   height : 60px;
}

h2 {
   font-size : 167%;
}

h2.divider {
   border-top : 1px dotted #bdb4d7;
   padding-top : 12px;
}

h3 {
   font-size : 150%;
}

.listings h3 {
   font-size : 125%;
}

li h3 {
   margin-bottom : 0;
}

h4 {
   font-weight : bold;
}

i {
   font-style : italic;
}

#secondary img, .section #primary img {
   padding : 2px;
   background : #fff;
   border : 1px solid #666;
   margin : 0 0 20px;
}

.section #primary img {
   margin-bottom : 0;
}

#secondary #map img {
   padding : 0;
   background : transparent;
   border-width : 0;
   margin : 0;
}

kbd {
   font-family : "Andale Mono", "Bitstream Vera Mono", "Courier New", Courier, monospace;
}

ol, p, ul, table {
   margin-bottom : 1em;
}

p#intro {
   font-size : 120%;
   line-height : 140%;
   border-bottom : 1px dotted #bdb4d7;
   padding-bottom : 24px;
}

#course-box p.more {
   margin-bottom : 0;
   background : #9c8ec3 url(/i/more-arrow-w.gif) no-repeat 100% 50.5%;
}

p.more {
   padding : 2px 0 4px 6px;
   background : #9c8ec3 url(/i/more-arrow.gif) no-repeat 100% 50.5%;
}

p.more a:link, p.more a:visited {
   display : block;
   width : 100%;
   color : #fff;
   font-weight : bold;
}

#secondary p.more {
   margin-bottom : 24px;
}

#secondary p.more + h2 {
   padding-top : 18px;
}

p.news-date {
   margin-bottom : 0;
   font-weight : bold;
}

#secondary p.speaker-notes img {
   float : left;
   margin : 0 12px 12px 0;
}

strong {
   font-weight : bold;
}

table {
   width : 100%;
}

th, td {
   padding : 0 6px;
   border-bottom : 1px dotted #bdb4d7;
}

ul {
   list-style-image : url(/i/bullet.gif);
   margin-left : 19px;
}

ul#course-details {
   font-size : 115%;
   font-weight : bold;
   list-style-image : none;
   margin-left : 0;
   border-bottom : 1px dotted #bdb4d7;
   padding-bottom : 12px;
}

ul.contact-list {
   margin-left : 0;
   list-style-image : none;
}

ul#gallery {
   list-style-image : none;
   margin-left : 0;
   position : relative;
   width : 288px;
}

ul#gallery li {
   width : 132px;
   height : 100px;
   display : inline;
}

li#photo-one, li#photo-three {
   margin-right : 20px;
}

/* ============ vevent ============ */

#course-box {
   background : #fff;
   padding : 12px;
   border : 1px solid #ded9eb;
   border-top-width : 0;
}

#course-box h2 {
   background : #fff url(/i/box-bg.gif) no-repeat 50% 0;
   width : 352px;
   margin : -12px 0 0 -13px;
   padding : 12px 0 0 13px;
}

p.description {
   margin-bottom : 0;
}

p.date-loc {
   font-weight : bold;
   letter-spacing : -1px;
}

ul.listings {
   list-style-image : none;
   margin-left : 0;
}

.listings li {
   border-bottom : 1px dotted #bdb4d7;
   margin-bottom : 12px;
}

.listings li:last-child {
   border-bottom-width : 0;
}

/* ============ vcard ============ */

.vcard {
   padding-top : 19px;
   margin-bottom : 36px;
}

#secondary .vcard span {
   display : block;
}

#secondary .vcard span.locality, #secondary .vcard span.postal-code, #secondary .vcard span.tel {
   display : inline;
}

p.vcard {
   padding-top : 0;
}

#map {
   width : 282px;
   height : 384px;
   border : 1px solid #666;
}

.bubble {
   width : 200px;
}

/* ============ home page specifics ============ */

.home blockquote {
   background : #432b52 url(/i/home-test-bg.gif) repeat-x 50% 100%;
   color : #fff;
   font-size : 120%;
   min-height : 114px;
}

.home blockquote p {
   width : 304px;
   margin : 0 auto;
   min-height : 64px;
   padding : 24px 491px 20px 50px;
   background : transparent url(/i/bq-quotes.gif) no-repeat 0 50%;
   font-family : "Trebuchet MS", "Futura Lt BT", "Tw Cen MT", "Century Gothic", "Futura", "URW Gothic L", sans-serif;
   font-style : italic;
   font-size : 85%;
}

.home #primary {
   width : 365px;
   float : left;
   padding : 24px 0 48px;
}

.home #secondary {
   width : 365px;
   float : right;
   padding-bottom : 48px;
   position : relative;
}

.home #secondary img {
   margin : -100px 0 12px;
   padding : 3px;
   background : #fff;
   border : 1px solid #666;
}

.section #primary, .detail #primary {
   width : 442px;
   float : left;
   padding : 24px 0 48px;
}

.section #secondary, .detail #secondary {
   width : 288px;
   float : right;
   padding : 24px 0 48px;
}

/* ============ generic container for grid ============ */

.container {
   width : 772px;
   margin : 0 auto;
   display : block;
   position : relative;
}

#nav .container {
   height : 120px;
}

/* ============ page sections ============ */

#masthead {
   width : 100%;
   height : 120px;
   background : #fff;
}

#strapline, #nav-extra {
   background : #bdb4d7;
   color : #fff;
   width : 100%;
   font-family : "Futura Md BT", "Tw Cen MT", "Lucida Grande", "Century Gothic", "Futura", "URW Gothic L", sans-serif;
   font-size : 120%;
   padding : 6px 0 10px;
   border-bottom : 1px solid #fff;
   margin-bottom : 0;
}

.section #strapline, .detail #strapline {
   border-bottom : 1px solid #432b52;
}

#strapline em {
   font-style : normal;
}

#strapline em span {
   color : #fff;
   float : right;
}

.biog {
   float : left;
   margin-top : 24px;
}

#primary .biog img {
   background : #fff;
   padding : 2px;
   border : 1px solid #666;
   float : left;
   width : 116px;
   height : 165px;
   margin : 0 12px 12px 0;
}

#content-links, #content-supp {
   clear : both;
   float : left;
   background : #ded9eb;
   border-bottom : 1px solid #fff;
   width : 100%;
}

#content-supp {
   background : #e9e6f2;
}

#supp-booking {
   width : 288px;
   padding : 18px 0;
   float : left;
}

#supp-form {
   width : 442px;
   float : right;
   padding : 18px 0;
}

#supp-one, #supp-two, #supp-three {
   float : left;
   width : 225px;
   padding : 12px 0;
   margin-right : 48px;
}

#supp-three {
   margin-right : 0;
}

#supp-one p.more, #supp-two p.more, #supp-three p.more {
   background : #9c8ec3 url(/i/more-arrow-s.gif) no-repeat 100% 50.5%;
}

li.tel-li {
   padding-left : 20px;
   background : transparent url(/i/tel.gif) no-repeat 0 50%;
}

li.fax-li {
   padding-left : 20px;
   background : transparent url(/i/fax.gif) no-repeat 0 50%;
}

li.email-li {
   padding-left : 20px;
   background : transparent url(/i/email.gif) no-repeat 0 50%;
}

.offscreen {
   display : block;
   font-size : 0;
   line-height : 0;
   height : 0;
   text-indent : -10000em;
}

/* ============ footer ============ */

#footer {
   background : #432b52 url(/i/footer-bg.gif) repeat-x 50% 0;
   color : #fff;
   position : relative;
}

#footer a:link, #footer a:visited {
   color : #fff;
   font-weight : bold;
}

p#self {
   position : absolute;
   top : 24px;
   right : 0;
   background : transparent url(/i/footer-logo-trans.png) no-repeat 50% 0;
   height : 64px;
   width : 95px;
   text-indent : -10000em;
   line-height : 0;
   font-size : 0;
}

p#self a {
   display : block;
   width : 95px;
   height : 64px;
}

p#copy {
   width : 49%;
   margin-bottom : 0;
}

p#fcm {
   text-align : right;
   margin : -1.4em 0 0;
   padding-bottom : 12px;
}

/* ============ navigation ============ */

#nav {
   position : absolute;
   top : 0;
   left : 0;
   width : 100%;
}

#nav h2, #nav h3, p#skip {
   text-indent : -10000em;
   font-size : 0;
   height : 0;
   line-height : 0;
   margin : 0;
}

#nav li {
   float : left;
}

ul#nav-main, ul#nav-supp {
   position : absolute;
   right : 0;
   list-style-image : none;
}

ul#nav-main {
   bottom : 0;
   margin-bottom : 0;
   text-transform : uppercase;
   letter-spacing : 1px;
   font-family : "Futura Md BT", "Tw Cen MT", "Lucida Grande", "Century Gothic", "Futura", "URW Gothic L", sans-serif;
   font-weight : bold;
}

ul#nav-main li {
   margin-left : 6px;
   background : transparent url(/i/tab-r.gif) no-repeat 100% 0;
}

ul#nav-main li.selected {
   background : transparent url(/i/tab-r-sel.gif) no-repeat 100% 0;
}

ul#nav-main a {
   display : block;
   padding : 2px 18px 0;
   line-height : 30px;
   float : left;
   background : transparent url(/i/tab-l.gif) no-repeat 0 0;
   color : #3d3457;
}

ul#nav-main li.selected a {
   background : transparent url(/i/tab-l-sel.gif) no-repeat 0 0;
}

ul#nav-main a:hover, ul#nav-main a:focus, ul#nav-main a:active {
   text-decoration : none;
   color : #c6c;
}

ul#nav-supp {
   top : 0;
   background : #9c8ec3 url(/i/nav-supp-b-bg.gif) no-repeat 50% 100%;
   font-size : 115%;
   z-index : 10;
}

ul#nav-supp li {
   padding-top : 9px;
}

ul#nav-supp li.selected a {
   text-decoration : underline;
}

ul#nav-supp a {
   display : block;
   padding : 0 12px 12px;
   color : #fff;
}

ul#nav-supp li:first-child a {
   background : #9c8ec3 url(/i/nav-supp-b-bg.gif) no-repeat 0 100%;
   padding-left : 24px;
}

ul#nav-supp li:last-child a {
   background : #9c8ec3 url(/i/nav-supp-b-bg.gif) no-repeat 100% 100%;
   padding-right : 24px;
}

#nav-extra {
   font-size : 100%;
   clear : both;
}

#nav-extra li {
   list-style-image : none;
   display : inline;
   padding : 0 12px;
   border-right : 1px solid #fff;
}

#nav-extra li:first-child {
   padding-left : 0;
}

#nav-extra li:last-child {
   border-right-width : 0;
}

#nav-extra a {
   color : #fff;
}