/*----------------------------------------------------------------------------
Typography CSS file for Middlesex Hospital FMRP
Created by Craig Cook - focalcurve.com
				for Easy! Designs, LLC - easy-designs.net
				on 17 July 2007
-----------------------------------------------------------------------------*/

/* =General elements */
body { font: 11px/1.63 Verdana, Helvetica, Arial, sans-serif; }

h1, h2, h3, h4 { line-height: 1.222; font-family: "Trebuchet MS", "Lucida Grande", Helvetica, Arial, sans-serif; }
h1 { font-size: 200%; font-weight: normal; }
body.landing h1 { font-size: 300%; font-weight: normal; }
h2 { font-size: 140%; }
h3 { font-size: 120%; }
h4 { font-size: 120%; }

input, select, textarea { font: inherit; }

#content-main dt { font-weight: bold; }
#content-main ul { list-style: none; }
#content-main li { line-height: 1.5; }
#content-main ol { list-style-position: inside; }
#content-main li ol { list-style-type: lower-alpha; }
#content-main thead th { font-family: "Trebuchet MS", "Lucida Grande", Helvetica, Arial, sans-serif; }
#content-main th, #content-main td { text-align: left; }

/* =Masthead */
#branding { line-height: 0; }
#nav-extra { list-style: none; text-align: right; }
#nav-extra strong { font-size: 110%; }
#nav-access { list-style: none; text-align: center; }
#nav-access a { font-size: 95%; line-height: 2; text-decoration: none; }

/* =Navigation - primary */
#nav-main { list-style: none; font: bold 150% "Trebuchet MS", "Lucida Grande", Helvetica, Arial, sans-serif; }
#nav-main a { text-decoration: none; }
#nav-main li.active a:hover { text-decoration: underline; }
#nav-main li.active em { font-style: normal; }

/* =Announcement box */
.announcement h4 { font-size: 150%; }
.announcement a.more { text-align: right; text-decoration: none; font: bold 140%/2.2 "Trebuchet MS", "Lucida Grande", Helvetica, Arial, sans-serif; }
.announcement a.more:hover { text-decoration: underline; }

/* =Footer */
#site-info ul { list-style: none; text-align: right; }
#copyright { text-align: right; }

/* =Section leader boxes */
.section-lead h2 { font-size: 170%; line-height: 1; }
.section-lead h2 a { text-decoration: none; color: #00817b; }
.section-link { text-align: right; }
.section-link a { font-size: 140%; line-height: 1.1; font-family: "Trebuchet MS", "Lucida Grande", Helvetica, Arial, sans-serif; text-decoration: none; }

/* =Sub-navigation */
#nav-sub { line-height: 1.7; }
#nav-sub li { list-style: none; }
#nav-sub h4 { font-size: 120%; }
#nav-sub a { text-decoration: none; }
#nav-sub a:hover { text-decoration: underline; }

/* =Application form */
#content-main #apply-form ol { list-style: none; }
#apply-form legend { font: bold 140%/1.222 "Trebuchet MS", "Lucida Grande", Helvetica, Arial, sans-serif; }
#apply-form label { text-align: right; }
#apply-form fieldset fieldset legend { font-size: 115%; }
#apply-form fieldset.dates legend span { text-align: right; font: 11px/1.63 Verdana, Helvetica, Arial, sans-serif;  }
#apply-form fieldset.dates label { line-height: 1.725; text-align: left; } 
#apply-form #desired-clerkship legend span { text-align: right; font: 11px/1.5 Verdana, Helvetica, Arial, sans-serif; }
#apply-form #desired-clerkship label { text-align: left; vertical-align: top; }
#apply-form #submit { font: 140% "Trebuchet MS", "Lucida Grande", Helvetica, Arial, sans-serif; }

/* =Biography pages */
#content-main.bio ul.nav-pages { list-style: none; text-align: right; }
#content-main.bio ul.nav-pages a { text-decoration: none; }
#content-main.bio ul.nav-pages a:hover { text-decoration: underline; }
#content-main.bio .role { font-size: 115%; font-weight: bold; }