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

Color Reference
Body text:	       #343434
Dark green:	       #00817b
Medium green:      #44987f
Minty green:       #d8eeac
Light mint green:	 #ecf7d6
Orange:            #e47600 (link)
Bright orange:     #ff8c10 (hover)
Faded orange:      #c58a50 (visited)
-----------------------------------------------------------------------------*/

/* =General elements */
html { background: #fff url(images/bgstripe.png); }
body { background: #fff; color: #343434; }

h1, h2, h3, h4 { color: #00817b; }
h1 { background: transparent url(images/titleline.png) 0 98% repeat-x; }
body.landing h1 { background-position: 0 92%; }
h2 { background: transparent url(images/titleline.png) 0 100% repeat-x; }

#content-main blockquote, #content-main .adr { border-left: 4px solid #d8eeac; }
#content-main ul li { background: transparent url(images/bullet.png) 0 .65em no-repeat; }
#content-main ul ul li { background-image: url(images/bullet-sub.png); }

#content-main thead th { color: #00817b; border-bottom: 1px solid #ecf7d6; }
#content-main th, #content-main td { border-bottom: 1px solid #eee; }

#content-main img { border: 1px solid #00817b; }

/* =Links */
a:link { color: #e47600; }
a:visited { color: #c58a50; }
a:hover { color: #ff8c10; }
a:focus, a:active { color: #ff7f00; background: #eee; }

/* =Masthead */
#masthead { border-top: 6px solid #00817b; }
#logo { background-image: none; }
#logo a:focus, #logo a:active { background: transparent; }
#nav-access a:focus, #nav-access a:active { background: #44987f; color: #fff; outline: none; border: none; }

#branding { border-top: 2px solid #00817b; background: transparent url(images/headstripes.png) left bottom repeat-x; }
body.landing #branding { border-top: 3px solid #00817b; background: transparent url(images/headstripes_landing.png) left bottom repeat-x; }

/* =Navigation - primary */
#nav-main { background: transparent url(images/navshading.png) left bottom repeat-x; border-bottom: 2px solid #00817b; }
#nav-main li { float: left; margin-right: 16px; background: transparent url(images/tab_right.png) top right no-repeat; }
#nav-main li a { background: transparent url(images/tab_left.png) top left no-repeat; color: #00817b; }
#nav-main li:hover { background-position: 100% -210px; }
#nav-main li:hover a { background-position: 0 -210px; }

#nav-main li.active { background: transparent url(images/tab_on_right.png) top right no-repeat; }
#nav-main li.active a { background: transparent url(images/tab_on_left.png) top left no-repeat; }
#nav-main li.active em { color: #00817b; background: transparent url(images/tab_on_left.png) top left no-repeat; }

/* =Announcement box */
.announcement { background: #ecf7d6 url(images/announce_btm.png) center bottom no-repeat; }
/*.announcement h4 { background: transparent url(images/announce_top.png) center top no-repeat; }*/

.announcement.darkGreen { background: #ecf7d6 url(images/announce_btm_darkGreen.png) center bottom no-repeat; }
/*.announcement.darkGreen h4 { background: transparent url(images/announce_top_darkGreen.png) center top no-repeat; }*/
.announcement.darkGreen.p4 { background: #ecf7d6 url(images/announce_btm_darkGreen_p4.png) center bottom no-repeat; }
.announcement.lightGreen { background: #ecf7d6 url(images/announce_btm_lightGreen.png) center bottom no-repeat; }
.announcement.lightGreen h4 { background: transparent url(images/announce_top_lightGreen.png) center top no-repeat; }
.announcement.lightGreen.p4 { background: #ecf7d6 url(images/announce_btm_lightGreen_p4.png) center bottom no-repeat; }
.announcement.darkYellow { background: #ecf7d6 url(images/announce_btm_darkYellow.png) center bottom no-repeat; }
/*.announcement.darkYellow h4 { background: transparent url(images/announce_top_darkYellow.png) center top no-repeat; }*/
.announcement.darkYellow.p4 { background: #ecf7d6 url(images/announce_btm_darkYellow_p4.png) center bottom no-repeat; }



/*#p4.announcement { background-image: url(images/announce_btm_p4.png); }*/
/*.announcement h4 { background: transparent url(images/announce_top.png) center top no-repeat; }*/
.announcement a.more:focus, announcement a.more:active { background: transparent; }

/* =Footer */
#site-info { border-top: 3px solid #00817b; color: #6a6a6a; }
#copyright { border-top: 1px solid #00817b; }

/* =Section leader boxes */
.section-lead h2 a:link, .section-lead h2 a:visited, .section-lead h2 a:focus, .section-lead h2 a:active { background-color: transparent; color: #00817b; }
.section-link a:hover { border-bottom: 1px solid #44987f; }

/* =Sub-navigation */
#nav-sub li { border-bottom: 1px solid #d8eeac; }
#nav-sub li.active { background: #f6f6f6; color: #00817b; }
#nav-sub li.active ul { background: #fff; }
#nav-sub li ul { border-top: 1px solid #d8eeac; }
#nav-sub li ul li { border-bottom-color: #ecf7d6; }
#nav-sub h4 a:link, #nav-sub h4 a:visited { color: #44987f; }
#nav-sub h4 a:hover { color: #ff8c10; }

/* =Application form */
#apply-form legend { color: #00817b; }
#apply-form fieldset.dates legend span { color: #343434; }
#apply-form #desired-clerkship legend span { color: #343434; }
#apply-form #submit { border: 1px solid #00b0a4; border-color: #00b0a4 #00423e #00423e #00b0a4; background: #00817b url(images/form-button.png) repeat-x; color: #fff; }

/* =Biography pages */
#content-main.bio ul.nav-pages li { background-image: none; }
#content-main.bio ul.nav-pages li.page-prev a { background: transparent url(images/arrow-prev.png) 0 60% no-repeat; }
#content-main.bio ul.nav-pages li.page-next a { background: transparent url(images/arrow-next.png) 100% 60% no-repeat; }

/* =Error Handling= */
.errorMsg { font-weight: bold; color: #f00; }