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

/* =Reset defaults */
html, body, form, fieldset, 
h1, h2, h3, h4, h5, h6, 
pre, blockquote, ul, ol, dl, dd { margin: 0; padding: 0; }
p, pre, blockquote, ul, ol, dl { margin: 0 0 1.7em; padding: 0; }
fieldset { border: none; }
a img { border: none; }

/* =General elements */
body { margin: 0 auto; width: 744px; padding: 0 12px 20px 12px; }

h1 { padding-top: .15em; margin-bottom: 0; }
body.landing h1 { margin: 0 10px 9px; }

abbr, acronym { cursor: help; } 

#content-main blockquote, #content-main .adr { padding-left: 20px; }
#content-main ul { margin-left: -12px; }
#content-main li { margin-bottom: .2em; }
#content-main ul li { padding-left: 12px; }
#content-main li ul, #content-main li ol { margin-bottom: 0; }
#content-main ul ul li { padding-left: 23px; }
#content-main li ol { margin-left: 1.5em; }

#content-main table { width: 100%; border-collapse: collapse; }

#content-main img { padding: 1px; }
#content-main img.photo-right { float: right; margin: 0 0 .5em 10px; }
#content-main img.photo-left { float: left; margin: 0 10px .5em 0; }
#content-main img.photo-center { display: block; margin: 0 auto 1.7em; }

/* =Masthead */
#masthead { position: relative; }
#logo { padding: 0; margin: 12px 0 12px 20px; }
#nav-extra { margin: 0; position: absolute; right: 20px; top: 32px; }
#nav-access { margin: 0; width: 100%; position: absolute; right: 0; top: -8em; }
#nav-access a:focus, #nav-access a:active { position: absolute; top: 8em; width: 100%; display: block; }

#branding { clear: both; padding-bottom: 20px; }
body.landing #branding { padding-bottom: 35px; }

/* =Navigation - primary */
#nav-main { margin: 0 0 11px; width: 724px; padding-left: 20px; float: left; }
#nav-main li { float: left; margin-right: 16px; }
#nav-main li a { padding: 6px 12px 5px 11px; display: block; float: left; }

#nav-main li.active { padding-bottom: 2px; margin-bottom: -2px; }
#nav-main li.active a { padding-bottom: 7px; margin-bottom: -2px; }
#nav-main li.active em { display: block; float: left; padding: 6px 12px 7px 11px; margin-bottom: -2px; }

/* =Content containers */
#content { padding: 0 10px 2em 10px; width: 724px; float: left; }
#content-main { float: right; width: 451px; padding: 0 10px; }
#content-main.noSubMenu { float: none; width: 724px; }

#content-intro { float: left; width: 213px; padding: .8em 10px 0; }
#content-extra { float: left; width: 213px; padding: 1.1em 10px 0; } /* the heading in the subnav is larger than intro text, so it needs a touch more padding to align */

/* =Announcement box */
.announcement { margin: 0 -10px 1.7em; padding: 10px 10px 0; }
.announcement h4 { margin: -10px -10px 0; padding: 8px 10px 0; }
/*.announcement a.more { display: block; margin-top: 6px; }*/
.announcement div.more { display: block; margin-top: -10px; text-align:right; }
.announcement img { padding: 1px; }
.announcement img.photo-right { float: right; margin: 5px 0 .5em 10px; }
.announcement img.photo-left { float: left; margin: 5px 10px .5em 0; }
.announcement img.photo-center { display: block; margin: 0 auto 1.7em; }

/* =Footer */
#site-info { position: relative; padding: .3em 20px; clear: both; }
#nav-legal { position: absolute; right: 172px; top: .22em; }
#nav-page-util { position: absolute; right: 20px; top: .22em; }
#copyright { padding-right: 20px; margin: -1em -20px 0; }

/* =Section leader boxes */
.section-lead { margin-bottom: .3em; }
.section-lead h2 { padding-top: .333em; margin-bottom: 0.1em !important; }
.section-lead p { margin-bottom: 0; }

/* =Sub-navigation */
#nav-sub { margin-left: -10px; }
#nav-sub a { display: block; padding-left: 10px; }
/* Sub level 1 */
#nav-sub li.active { padding-left: 10px; }
#nav-sub li.active ul { margin-left: -10px; }
/* Sub level 2 */
#nav-sub li li.active { padding-left: 20px; }
#nav-sub li ul { margin-bottom: -1px; }
#nav-sub li ul a { padding-left: 20px; }
/* Sub level 3 */
#nav-sub li.active li ul { margin-left: 0; }
#nav-sub li li.active ul { margin-left: -20px; }
#nav-sub li li li.active { padding-left: 30px; }
#nav-sub li li ul a { padding-left: 30px; }

/* =Application form */
#content-main #apply-form ol { margin-left: 0; float: left; width: 100%; }
#apply-form li { float: left; width: 100%; margin-bottom: .5em; }
#apply-form label { width: 150px; float: left; margin-right: 10px; }
#apply-form legend { margin: 0 0 .5em; padding: 0; }
#apply-form fieldset.dates { padding-left: 160px; position: relative; }
#apply-form fieldset.dates legend { position: relative; }
#apply-form fieldset.dates legend span { position: absolute; top: 0; left: -160px; display: block; width: 150px; }
#apply-form fieldset.dates label { width: auto; display: block; } 
#apply-form fieldset.dates ol { margin-bottom: 0; }
#apply-form input { width: 245px; }
#apply-form textarea { width: 280px; }
#apply-form #desired-clerkship { float: left; width: 290px; padding-left: 160px; position: relative; }
#apply-form #desired-clerkship legend { position: relative; }
#apply-form #desired-clerkship legend span { position: absolute; top: 0; left: -160px; display: block; width: 150px; }
#apply-form #desired-clerkship input { width: auto; }
#apply-form #desired-clerkship ul { margin: 0; float: left; }
#apply-form #desired-clerkship li { background-image: none; padding: 0; }
#apply-form #desired-clerkship label { width: auto; float: none; }
#apply-form #submit { margin-left: 160px; padding: .25em 15px; }
#apply-form #submit:hover { cursor: pointer; }

/* =Biography pages */
#content-main.bio ul.nav-pages { margin: 1em 0 1em; float: left; width: 100%; }
#content-main.bio ul.nav-pages li { padding: 0; display: inline; }
#content-main.bio ul.nav-pages li.page-main { float: left; margin-top: .1em; }
#content-main.bio ul.nav-pages li.page-next { margin-left: 30px; }
#content-main.bio ul.nav-pages li.page-prev a { padding-left: 10px; }
#content-main.bio ul.nav-pages li.page-next a { padding-right: 10px; }

#content-main.bio .bio-photo { width: 100px; height: 140px; float: right; margin: 0 0 .5em 10px; }
#content-main.bio dl.history dt { width: 140px; float: left;  }
#content-main.bio dl.history dd { width: 185px; margin: 0 0 1.5em; padding-left: 150px; }

/* =Error Handling */
div.errorMsg { clear: left; margin-bottom: 10px; }

/* =Videos */
div.video-teaser br {
  clear: left;
}
div.video-teaser img { float: left; margin: 0 10px .5em 0; }