/*
	styles.css
*/


/* -- BEGIN: html reset --------------------------------------------------- */ 

BODY, H1, H2, H3, H4, H5, H6, PRE, P, BLOCKQUOTE, ADDRESS, DL, DT, DD, UL, OL, LI { margin: 0; padding: 0; }
H1, H2, H3, H4, H5, H6 { font-size: 1em; line-height: 1em; }
IMG, FIELDSET, ABBR, ACRONYM { border: 0; padding: 0; }
ADDRESS { font-style: normal; } 
TABLE { border-collapse: collapse; border-spacing: 0; }
TABLE, CAPTION, TH, TD, FORM, FIELDSET, LEGEND { }
UL, OL { list-style: none; }

/* ----------------------------------------------------- END: html reset -- */


/* -- BEGIN: global styles ------------------------------------------------ */

BODY { background: #EBEBEB; color: #000; font-family: Arial, sans-serif; font-size: 75%; line-height: 1.5; }
HR { display: none; }
P { margin-bottom: 1em; }
DT { font-weight: bold; }
DD { margin-bottom: 1em; }
TD { vertical-align: top; }

H1 { font-size: 300%; margin-bottom: .5em; }
H2 { color: #000; }

A { color: #339; text-decoration: none; }
A:hover { color: #000; }

SUP, SUB { vertical-align: 0; position: relative; }
SUP { bottom: 1ex; }
SUB { top: 0.8ex; }

#logo_print { display: none; }

.JumpLink { width: 0; height: 0; overflow: hidden; }
.Invisible { display: none; }
.ClearFix { clear: both; font-size: 0; height: 0; }
.hidden { display: none; }
.HorizDot { width: 100%; background: url(/olc/images/EMS/bg.horiz-dot.gif) center repeat-x; padding: 1em 0 .5em; }
.HorizRule { display: block; padding: .5em 0; border: none; background: url(/olc/images/EMS/bg.horizrule.gif) 0 50% repeat-x; }

.tel,
.nobr { white-space: nowrap; }

.small { font-size: 92.5%; }
.medium { font-size: 116%; }
.large { font-size: 133%; line-height: 1.3; }
.larger { font-size: 150%; line-height: 1.3; color: #333; }
.largest { font-size: 200%; line-height: 1.3; color: #333; }
.serif { font-family: georgia, serif; }
.gray { color: #666; }
.finegreen { font-weight: normal; color: #8EDA15; font-family: "courier new", serif; text-transform: uppercase; line-height: 1em; }
.boldgreen { color: #99E423; text-transform: uppercase; font-weight: bold; font-family: arial, sans-serif; }
.smblack { font-size: 92.5%; text-transform: uppercase; margin-bottom: 1em; }
.smblackcenter { font-size: 92.5%; text-transform: uppercase; margin-bottom: 1em; text-align: center; }
.medblack { font-size: 100%; text-transform: uppercase; margin-bottom: 1em; }
.finewhite { font-size: 125%; color: #FFF; font-family: "courier new", serif; text-transform: uppercase; line-height: 1; }
.fineblack { font-size: 200%; color: #333; font-weight: normal; line-height: 1; margin: .5em 0; }
.superhdr { font-size: 100%; color: #8EDA15; font-family: "courier new", serif; font-size: 133%; text-transform: uppercase; line-height: 1em; margin: 0; }

.ReadMore SPAN, .ReadMoreSm SPAN { position: absolute; top: -9999em; left: -9999em; }
.ReadMore { display: block; background: url(/olc/images/EMS/btn.read-more.png) no-repeat; width: 88px; height: 23px; }
.ReadMoreSm { display: block; background: url(/olc/images/EMS/btn.read-more-sm.png) no-repeat; width: 62px; height: 16px; }
.ReadMore:hover { background: url(/olc/images/EMS/btn.read-more.on.png) no-repeat; }
.ReadMoreSm:hover { background: url(/olc/images/EMS/btn.read-more-sm.on.png) no-repeat; }

/* forms */
/* INPUT, SELECT, BUTTON, TEXTAREA { vertical-align: middle; font-size: 100%; }
INPUT[type="text"],
INPUT[type="password"],
TEXTAREA { border: none; background: #EBEBEB; padding: 4px; font-family: arial, sans-serif; width: 300px; } */

INPUT, SELECT, BUTTON, TEXTAREA { vertical-align: middle; font-size: 100%; }
INPUT[type="text"],
INPUT[type="password"],
TEXTAREA { border: 1px solid #CCC; padding: 4px; font-family: arial, sans-serif; }

FIELDSET { margin-bottom: 1em; }
SELECT { margin: 2px 8px 0 0; }
INPUT[type="checkbox"],
INPUT[type="radio"] { margin: 0 4px 0; vertical-align: middle; }
INPUT.ShortInput { width: 50px; }

.FormTable { line-height: normal; line-height: 1.5; width: 92.5%; margin: 0 0 1em; }
.FormTable TH { text-align: left; vertical-align: top; padding: 1px 10px 10px 0; font-weight: normal; }
.FormTable LABEL { font-weight: bold; }
.FormTable TH SPAN.detail { display: block; color: #999; font-size: 92.5%; }
.FormTable TD { padding-bottom: 10px; }

P.field { margin-bottom: 0.75em; }

UL.Inputs { margin-bottom: 1em; }
UL.Inputs LI { padding-left: 20px; text-indent: -20px; margin-bottom: 0.5em; line-height: normal; color: #999; }
UL.Inputs LABEL { color: #333; }

.form-action { margin: 0 0 2em; text-align: center; }
.form-action INPUT { margin: 10px; }

FORM EM[title] { font-style: normal; }

/* generic containers */
.contenthead:after,
.contentbody:after,
.contentfoot:after,

.module:after,
.modhead:after,
.modbody:after,
.modfoot:after,

.item:after,
.section:after,
.layout:after,
.colwrap:after,
.clear:after,
.toolbar:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/* -------------------------------------------------- END: global styles -- */

/* -- BEGIN: WYSIWYG styles ------------------------------------------------ */

.main .wysiwyg-content DL { margin: 0 0 1em; }
.main .wysiwyg-content UL { margin: 0 0 1em 2em; }
.main .wysiwyg-content OL { margin: 0 0 1em 2em; }
.main .wysiwyg-content UL LI { list-style: disc; margin: 0 0 .5em 1em; }
.main .wysiwyg-content OL LI { list-style: decimal; margin: 0 0 .5em 1em; }
.main .wysiwyg-content .subfeature UL { list-style: none; margin: 0 0 .5em; }
.main .wysiwyg-content .subfeature UL LI { list-style: none; margin: 0; }
.main .wysiwyg-content BLOCKQUOTE { margin: 1em 40px; }
.main .wysiwyg-content HR { display: block; padding: .25em 0; border: none; background: url(/olc/images/EMS/bg.horizrule.gif) 0 50% repeat-x; }
.main .wysiwyg-content TABLE { margin-bottom: 1em; }
.main .wysiwyg-content TABLE, .main .wysiwyg-content TD, .main .wysiwyg-content TH { border-spacing: inherit; }
.main .wysiwyg-content H2 { font-size: 150%; margin-bottom: .5em; line-height: 22px; padding-top: .5em; }
.main .wysiwyg-content H3 { font-size: 133.3%; margin-bottom: .5em; line-height: 20px; padding-top: .5em; }
.main .wysiwyg-content H4 { font-size: 116.6%; margin-bottom: .5em; line-height: 18px; padding-top: .5em; }
.main .wysiwyg-content H5 { font-size: 116.6%; margin-bottom: .5em; line-height: 18px; padding-top: .5em; }
.main .wysiwyg-content HR { padding: 1em 0; }
.main .wysiwyg-content IMG { display: block; margin: 0.25em 0 0.75em }
.main .wysiwyg-content IMG[align="left"] { margin-right: 16px; }
.main .wysiwyg-content IMG[align="right"] { margin-left: 16px; }
.main .wysiwyg-content .HorizDot { padding: 1em 0; }
.main .wysiwyg-content .smblack { font-size: 92.5%; text-transform: uppercase; margin-bottom: 1em; }
.main .wysiwyg-content .medblack { font-size: 100%; text-transform: uppercase; margin-bottom: 1em; }
.main .wysiwyg-content .fineblack { font-size: 200%; color: #333; font-weight: normal; line-height: 1; margin: .5em 0; }
.main .wysiwyg-content .linklist { margin: .5em 0; }
.main .wysiwyg-content .linklist LI { list-style: none; margin: 0 0 .25em 0; }
.main .wysiwyg-content .sectionlist { margin-bottom: 2.5em; }
.main .wysiwyg-content .sectionlist UL { float: left; width: 43%; border-top: 1px solid #E0E0E0; margin: 0 24px 0 0; }
.main .wysiwyg-content .sectionlist LI { list-style: none; border-bottom: 1px solid #E0E0E0; font-size: 125%; margin: 0; padding: 0; line-height: 1.8; }
.main .wysiwyg-content .wysiwyg-fix, .main .wysiwyg-content .wysiwyg-fix TD { padding: 0; margin: 0; border: none; }

.photo.wide { background: #F2F2F2; margin: 0 0 1.5em; }
.photo.wide IMG { padding: 8px 8px 4px; background: #F2F2F2; }
.photo.wide P { padding: 0 12px 10px; margin: 0; color: #666; }

/* ------------------------------------------------- END: WYSIWYG styles -- */


/* -- BEGIN: layouts & primary containers --------------------------------- */

#PageWrapper { margin: 0 auto 2em; }
#LayoutWrapper { background: #24317C url(/olc/images/EMS/bg.bodygradient.gif) top center repeat-y; }
#HeaderWrapper { width: 100%; background: url(/olc/images/EMS/bg.radials.jpg) top center repeat-y; padding-top: 20px; min-height: 85px; }
#HeaderFix { width: 980px; margin: 0 auto; }
#HeaderFix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#BodyWrapper { width: 100%; min-height: 300px; background: #F8F8F8; }
#BodyWrapper:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#BodyFix { width: 916px; margin: 0 auto; min-height: 300px; padding: 8px 32px; background: #FFF; }
#ColumnWrapper { background: #FFF; padding-top: 8px; position: relative; }
#ColumnWrapper:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#FooterWrapper { width: 980px; margin: 0 auto; padding-bottom: 2em; }

/* ----------------------------------- END: layouts & primary containers -- */


/* -- BEGIN: MainNav ------------------------------------------------------ */

#MainNav { float: right; width: 610px; margin-right: 20px; position: relative; z-index: 999; }
#MainNav:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#MainNav LI { float: left; }
#MainNav LI .Item { text-indent: -9999px; overflow: hidden; display: block; height: 40px; float: left; background: url(/olc/images/EMS/bg.mainnav.gif) no-repeat; }
#MainNav LI .Item SPAN { display: none; }
#MainNav .MenuLayout LI { float: none; margin-bottom: .25em; }

LI#nav_about .Item { width: 120px; background-position: 0 0; }
LI#nav_academics .Item { width: 88px; background-position: -120px 0; }
LI#nav_student .Item { width: 96px; background-position: -208px 0; }
LI#nav_admission .Item { width: 87px; background-position: -304px 0; }
LI#nav_news .Item { width: 112px; background-position: -391px 0; }
LI#nav_live .Item { width: 107px; background-position: -503px 0; }

LI#nav_about.active .Item, LI#nav_about.Hover .Item, LI#nav_about .Item:hover { width: 120px; background-position: 0 -60px; }
LI#nav_academics.active .Item, LI#nav_academics.Hover .Item, .Item, LI#nav_academics .Item:hover { width: 88px; background-position: -120px -60px; }
LI#nav_student.active .Item, LI#nav_student.Hover .Item, LI#nav_student .Item:hover { width: 96px; background-position: -208px -60px; }
LI#nav_admission.active .Item, LI#nav_admission.Hover .Item, LI#nav_admission .Item:hover { width: 87px; background-position: -304px -60px; }
LI#nav_news.active .Item, LI#nav_news.Hover .Item, LI#nav_news .Item:hover { width: 112px; background-position: -391px -60px; }
LI#nav_live.active .Item, LI#nav_live a.Item.active, LI#nav_live.Hover .Item, LI#nav_live .Item:hover { width: 107px; background-position: -503px -60px; }

LI#nav_about.Hover .BgArrow { top: -31px; left: 360px; }
LI#nav_academics.Hover .BgArrow { top: -31px; left: 464px; }
LI#nav_student.Hover .BgArrow { top: -31px; left: 556px; }
LI#nav_admission.Hover .BgArrow { top: -31px; left: 646px; }
LI#nav_news.Hover .BgArrow { top: -31px; left: 745px; }

.Menu { position: absolute; display: none; top: -9999px; left: -9999px; z-index: 999; background: url(/olc/images/EMS/bg.dropdown.png) 0 0 repeat-y; }
.Hover .Menu { top: 60px; left: -319px; display: block; width: 908px; padding: 15px 5px; }
.MenuLayout { position: relative; background: url(/olc/images/EMS/bg.dropdown.coldot.gif) 225px top repeat-y; z-index: 999; }
.MenuBtm { width: 918px; height: 5px; background: url(/olc/images/EMS/bg.dropdown.btm.gif) 0 0 no-repeat; position: absolute; bottom: -20px; left: -5px; }
.MenuLayout .col { width: 200px; float: left; margin: 0 13px; padding-bottom: .5em; }
.Menu .SectionTitle { margin-bottom: .25em; font-size: 116%; }
.Menu .SectionTitle A { color: #AB13A4; margin-bottom: 1em; font-weight: bold; }
.Menu .SectionTitle A:hover { color: #000; }
.Menu .BgArrow { position: absolute; width: 28px; height: 16px; background: url(/olc/images/EMS/bg.dropdown.arrow.gif) 0 0 no-repeat; }
.Menu UL { margin-bottom: .5em; }
.Menu LI UL { font-size: 92.5%; margin: .25em 0 .5em 12px; }
.Menu LI A { font-weight: bold; color: #3B317E; }
.Menu LI A:hover { color: #000; }
.Menu P { font-size: 92.5%; color: #333; margin-bottom: .5em; }

/* -------------------------------------------------------- END: MainNav -- */


/* -- BEGIN: NavCol & SideCol elements ------------------------------------ */

#SideNav { font-weight: bold; font-size: 108.3%; line-height: 1.3; margin-bottom: 2em; }
#SideNav UL { margin: 0; }
#SideNav LI { margin-bottom: 10px; }
#SideNav UL UL { margin: 8px 0 0; }
#SideNav UL UL LI { padding-left: 8px; margin-bottom: 8px; background: url(/olc/images/EMS/blt.purple.gif) no-repeat 0 3px; font-weight: normal; font-size: 92.3%; }
#SideNav #SectionHeader { margin-bottom: .5em; font-size: 108.3%; }
#SideNav #SectionHeader A { color: #AB13A4; margin-bottom: 1em; }
#SideNav .expanded { border-top: 1px dotted #7F7F7F; border-bottom: 1px dotted #7F7F7F; margin: 10px 0; padding: 8px 0 0; }
#SideNav .active A { color: #000; }
#SideNav .active UL A { color: #339; }

#SectionHeader { font-size: 116.6%; color: #AB13A4; margin-bottom: 1em; font-weight: bold; }
#SectionHeader A { color: #AB13A4; }

#MenuWrapper { margin-bottom: 24px; min-height: 400px; }

#RelatedContent { width: 200px; float: right; }
#RelatedContent .promo { }
#RelatedContent .promofix { border-top: 1px solid #000; padding-top: 16px; margin-bottom: 2em; }
#RelatedContent .sidebox { padding: 0 0 .5em; background: url(/olc/images/EMS/bg.purplebox-border.gif) bottom left no-repeat; }
#RelatedContent .sidebox P { font-size: 92.5%; padding: 0 16px; margin: 0 0 1em; color: #505050; }
#RelatedContent .purplehdr { width: 164px; padding: 24px 18px 6px; margin-bottom: 16px; background: url(/olc/images/EMS/bg.promo.purple-hdr.jpg) top left repeat-y; }
#RelatedContent .purplehdr H4 { font-size: 150%; font-weight: normal; letter-spacing: 2px; color: #FFF; font-family: georgia, sans-serif; text-transform: uppercase; }
#RelatedContent .quote P { margin: 0; }
#RelatedContent .quote .quotefix { color: #5B2C82; font-size: 141.6%; font-family: georgia, sans-serif; font-style: italic; line-height: 1.3; margin-bottom: 1em; }
#RelatedContent .quote .quotefix IMG { display: block; margin: 4px 0; }
#RelatedContent .sidebox.gray { background: url(/olc/images/EMS/bg.graybox-border.gif) bottom left no-repeat; }
#RelatedContent .grayhdr { width: 164px; padding: 16px 18px 6px; margin-bottom: 10px; background: #E6E6E6; }
#RelatedContent .grayhdr H4 { color: #880E82; font-size: 116%; letter-spacing: 1px; font-weight: normal; text-transform: uppercase; }

.promo { margin: 0 0 2em; }
.promo .featurecontent P { margin-bottom: 0; }
.promo .featurecontent .small { }
.promo .featurecontent .photo { margin-bottom: .5em; }
.left_col .promo { width: 186px; }

.promobox { width: 161px; min-height: 86px; padding: 10px 12px 12px; }
.promobox A { color: #FFF; }
.promobox.pink { background: #7E0778 url(/olc/images/EMS/bg.promo-box-pink.jpg) bottom left no-repeat; }
.promobox.purple { background: #3E256D url(/olc/images/EMS/bg.promo-box-purple.jpg) bottom left no-repeat; }
.promobox SPAN { display: block; }
.promobox .finewhite { text-transform: uppercase; }
.promobox .boldgreen { font-size: 125%; line-height: 1em; margin-bottom: .5em; text-transform: uppercase; }
.promobox .small { line-height: 1.3; }

/* -------------------------------------- END: NavCol & SideCol elements -- */


/* -- BEGIN: global elements ---------------------------------------------- */

#logo_emerson { float: left; }

.main { width: 692px; float: right; margin-bottom: 1em; }
.col_2 #MainContent { width: 450px; float: left; }
.left_col { width: 192px; float: left; margin-right: 20px; }

#site-search { background: #FFF; float: right; margin-right: 34px; }
#site-search FORM { position: relative; width: 150px; padding: 2px 8px; margin: 0; }
#site-search LABEL { display: none; position: absolute; top: 0px; left: 10px; color: #3B317E; }
.js-on #site-search LABEL { display: block; }
#site-search INPUT { float: left; margin: 0; }
#site-search .form-text { width: 134px; color: #3B317E; border: none; padding: 0; margin: 0; background: none; }
#site-search .form-btn { position: absolute; top: -1px; right: 2px; }
#site-search FIELDSET { margin: 0; }

#AuxNav { float: right; margin: 0 12px 6px 0; line-height: 1.6; }
#AuxNav A { display: block; float: left; color: #B0B0E0; font-weight: normal; margin: 0 4px; padding: 0px 5px; }
#AuxNav A:hover, #AuxNav A.active { background: #8EDA15; color: #339; text-decoration: none; }

#MainFeature .content { float: left; width: 300px; margin-right: 20px; }
#MainFeature .photo { float: right; width: 344px; }

#SecondaryContent { clear: both; margin: 8px 0 2em; }
#SecondaryContent:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#SecondaryContent .left_col { margin-top: 13px; }

#FooterLogo { width: 220px; float: left; }
#FooterLinks { float: left; margin: 2em 0 0 80px; }
#FooterLinks UL { width: 150px; float: left; }
#ContactInfo { float: left; margin: 2em 16px; color: #666; }

#Breadcrumb { background: #EBEBEB; font-size: 92.5%; line-height: 2em; }
#Breadcrumb P { width: 692px; margin: 0 auto; padding-left: 226px; }

#Headlines LI { width: 275px; float: left; padding-right: 24px; }
#Headlines A { font-weight: bold; }
#Headlines EM { color: #666; }
#HeadlineEvents { padding-top: 42px; position: relative; background: url(/olc/images/EMS/bg.headlines.gif) 0 -20px no-repeat; clear: both; }
#HeadlineEvents H4 { position: absolute; top: 8px; width: 120px; }
#HeadlineEvents LI { width: 150px; float: left; margin: 0 18px; }
#HeadlineEvents .content { padding-bottom: 96px; font-weight: bold; font-size: 91.6%; }
#HeadlineEvents .photo { position: absolute; bottom: 0; }

.comments { border-top: 1px solid #000; padding: 1em 0; margin: 2em 0; }
.comments LI { font-size: 92.5%; color: #333; background: #F2F2F2; padding: 1em; margin: 1em 0; }

.featurelist LI { border-top: 1px solid #000; width: 100%; padding: 12px 0; clear: both; }
.featurelist LI .photo { float: left; margin-right: 40px; }
.featurelist LI .content { padding: .5em 0; }
.featurelist LI .large { margin-bottom: .5em; }
.featurerow { border-top: 1px solid #000; padding: 1em 2px; margin: 1em 0; position: relative; }
.featurerow:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.featurerow .first { margin-left: 0 !important; }
.featurerow .photobtm .photo { position: absolute; bottom: 0; }
.featurerow .joinlink { position: absolute; text-align: right; top: 1em; right: 0; }
.featurerow H2 SPAN, .featurerow H4 SPAN { font-weight: normal; text-transform: none; }
.featureset { position: relative; line-height: 1.3; }
.featureset:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.featureset LI { float: left; }
.featureset .content { margin: 0 6px; }
.featureset .photo { margin-bottom: .5em; }
.featureset P { margin: 0 0 .25em; }
.feat_2 { padding: 1em 0 0; margin: 0 0 1em; }
.feat_2 LI { width: 300px; }
.feat_2 LI .photo { float: left; width: 150px; margin-right: 1em; }
.feat_3 { background: url(/olc/images/EMS/bg.feature_3.gif) 0 0 repeat-y; }
.feat_3 LI { width: 200px; padding: 8px; margin-left: 20px; }
.feat_3.photobtm .content { padding-bottom: 156px; }
.feat_4 { background: url(/olc/images/EMS/bg.feature_4.gif) -2px 0 repeat-y; }
.feat_4 LI { width: 150px; padding: 8px; margin-left: 8px; }
.feat_4.photobtm .content { padding-bottom: 112px; }

.flickr { line-height: 16px; padding-left: 24px; background: url(/olc/images/EMS/icon.sm-flickr.gif) 0 0 no-repeat; }
.twitter { line-height: 16px; padding-left: 24px; background: url(/olc/images/EMS/icon.sm-twitter.gif) 0 0 no-repeat; }
.facebook { line-height: 16px; padding-left: 24px; background: url(/olc/images/EMS/icon.sm-fb.gif) 0 0 no-repeat; }
.youtube { line-height: 16px; padding-left: 24px; background: url(/olc/images/EMS/icon.sm-youtube.gif) 0 0 no-repeat; }
.rss { line-height: 16px; padding-left: 24px; background: url(/olc/images/EMS/icon.sm-rss.gif) 0 0 no-repeat; }

.pullquotewrap .pullquote { margin-bottom: 0; }
.pullquote { font-family: georgia, serif; color: #666; font-style: italic; font-size: 133%; }
.pullquote SPAN { display: block; font-size: 68.75%; font-family: arial, sans-serif; color: #B5B5B5; line-height: 2; }
.byline { font-size: 92.5%; font-family: arial, sans-serif; color: #B5B5B5; line-height: 2; }

.linklist { margin: .5em 0; }
.linklist LI { list-style: none; margin: 0 0 .25em 0; }

.sectionlist { margin-bottom: 2.5em; }
.sectionlist UL { float: left; width: 43%; border-top: 1px solid #E0E0E0; margin-right: 24px; }
.sectionlist LI { list-style: none; border-bottom: 1px solid #E0E0E0; font-size: 125%; margin: 0; padding: 0; line-height: 1.8; }

.featuredstory { background: #F2F2F2; padding: 8px; margin-bottom: 2.5em; }
.featuredstory P { margin-bottom: .5em; }
.featuredstory .photo { float: left; }
.featuredstory .content { float: left; margin: 10px 24px; width: 300px; }

.pagination { margin-bottom: 2em; line-height: 1.25; }
.pagination:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.pagination A { display: block; float: left; font-size: 92.5%; color: #666; padding: 0 4px; margin: 0 2px; height: 14px; border: 1px solid #DCDCDC; background: url(/olc/images/EMS/bg.breadcrumb.gif) 0 0 repeat-x; }
.pagination A:hover { color: #990066; border: 1px solid #990066; text-decoration: none; }
.pagination .active:hover,
.pagination .active { color: #FFF; background: url(/olc/images/EMS/bg.breadcrumb.on.gif) 0 0 repeat-x; border: 1px solid #3F256F; }
.pagination .button { display: block; width: 60px; text-indent: -9999px; padding: 0; height: 16px; margin-left: 0; }
.pagination .previous { background: url(/olc/images/EMS/btn.previous.gif) top right no-repeat; border: none; }
.pagination .next { background: url(/olc/images/EMS/btn.next.gif) top left no-repeat; border: none; }
.pagination .previous:hover { background: url(/olc/images/EMS/btn.previous.on.gif) top right no-repeat; border: none; }
.pagination .next:hover { background: url(/olc/images/EMS/btn.next.on.gif) top left no-repeat; border: none; }

/* ------------------------------------------------ END: global elements -- */


/* -- BEGIN: listing pages ------------------------------------------------ */

.textlisting { margin-bottom: 2em; }
.textlisting LI { border-top: 1px solid #CCC; padding: 1em 0; }
.textlisting .details { color: #666; margin-bottom: 0; font-style: italic; }
.textlisting P { margin-bottom: .25em; }

.photolisting { margin-bottom: 2em; }
.photolisting .photo { float: left; margin: 0 12px 12px 0; }
.photolisting LI { background: #F2F2F2; padding: 1em; margin: 1em 0; }
.photolisting .details { color: #666; margin-bottom: 0; font-style: italic; }
.photolisting P { color: #333; margin: 0; }

#SlideshowSets .featureset { margin-bottom: 8px; clear: both; }

#NewsEvents .photolisting P { margin: 0 0 .5em; }

/* -------------------------------------------------- END: listing pages -- */


/* Home */
.Home H1 { margin: 0; }
.Home H1 SPAN { position: absolute; top: -9999em; left: -9999em; }
.Home #MainFeature { text-align: center; }
.Home .left_col { width: 180px; margin: 0; }

/* News & Events */
#MoreNews { background: url(/olc/images/EMS/bg.morenews.gif) 0 0 no-repeat; padding-bottom: 0; }
#MoreNews H4 { line-height: 16px; }
#MoreNews LI { width: 150px; float: left; margin: 0 16px; }
#MoreNews P { font-size: 108.3%; color: #666; }
#MoreNews .date { color: #999; font-size: 92.5%; font-style: italic; }
#MoreNews .inthenews { width: 280px; }
#MoreNews .inthenews H4 { padding: 0; }
#MoreNews .inthenews P { font-size: 92.5%; margin: 0; }
#MoreNews .inthenews EM { color: #666; }
#MoreNews .inthenews LI { width: 100%; float: none; margin: 0 0 1em; }

/* Faculty Bio Listing */
#FacultyBios .photolisting .content { width: 320px; }
#FacultyBios H2 { text-transform: uppercase; font-size: 92.5%; }

/* Search */
.Search H1 { font-size: 250%; width: 130px; float: left; }
.Search .main { width: 916px; }
.Search #MainContent { width: 686px; float: left; }
.Search #SearchMessage { width: 520px; border-bottom: 1px solid #000; float: right; margin-top: 5px; }
.Search #SearchMessage #ResultCount { width: 320px; float: left; font-size: 166%; font-family: georgia, serif; font-style: italic; margin-bottom: .66em;}
.Search #SearchMessage #PageCount { width: 190px; float: right; text-align: right; color: #666; margin-top: 8px; }
.Search #SearchResults { width: 520px; clear: both; margin-left: 166px; padding-top: 1em; }
.Search #SearchResults DL { padding: .5em 0 2em; }
.Search #SearchResults DD { padding: 0 0 .5em; }
.Search #RelatedContent { margin-top: 48px; }

/* Social Media */
#MoreMedia .module { position: relative; color: #333; margin-bottom: 2em; }
#MoreMedia H2 { margin-bottom: 1em; }
#MoreMedia .larger { font-size: 150%; margin: 0 0 .5em; }
#MoreMedia .left_col { width: 400px; }
#MoreMedia .right_col { width: 265px; float: right; }
#MoreMedia .last { border-top: 1px solid #000; padding-top: 1em; }
#MoreMedia P { font-size: 108.3%; margin-bottom: .25em; }
#MoreMedia .date { color: #999; font-size: 92.5%; margin-bottom: 1em; font-style: italic; }
#MoreMedia .joinlink { top: 0; }
#MoreMedia .last .joinlink { top: 1em; }
.Carousel { background: #F2F2F2; position: relative; padding: .5em 0; margin: 1em 0; }
.Carousel .featureset { width: 624px; margin: 0 auto; }
.Carousel .featureset LI { margin: 0 4px; }
#SlideNav A { position: absolute; top: 66px; }
#SlideNav .left { left: 8px; }
#SlideNav .right { right: 8px; }
#Rss { background: url(/olc/images/EMS/bg.feature_2.gif) 330px 0 no-repeat; }
#Rss .module { width: 340px; float: left; font-size: 92.5%; }
#Rss P { margin-bottom: 0; }
#Rss EM { display: block; color: #666; margin-bottom: .5em; }
#Directory .section { color: #AB13A4; font-weight: bold; margin-bottom: .5em; }
#Directory .colfix { padding: 0; margin-bottom: 2em; background: url(/olc/images/EMS/bg.tabs_3.gif) 190px 0 repeat-y; }
#Directory .col { float: left; width: 200px; margin-right: 10px; }
#Directory .col LI { margin: 0 0 .25em; }
#Directory LI IMG { vertical-align: bottom; }

/* tabs */
#tabs #tabnav { font-size: 108.3%; color: #000; margin-bottom: 1em; position: relative; top: 1px; }
.ui-tabs #tab-1 { background: #FFF; }
.ui-tabs #tab-2 { background: #F8F8F8; }
.ui-tabs #tab-3 { background: #EBEBEB; }
.ui-tabs { position: relative; }
.ui-tabs .ui-tabs-nav { margin: 0 !important; position: relative; z-index: 2px; }
.ui-tabs .ui-tabs-nav LI { float: left; margin: 0; border: 1px solid #000; border-left: 0; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav LI.first { border-left: 1px solid #000; }
.ui-tabs .ui-tabs-nav LI A { float: left; width: 140px; text-decoration: none; padding: .5em 20px; }
.ui-tabs .ui-tabs-nav LI.ui-tabs-selected { margin-bottom: 0; border-bottom: 0; padding-bottom: 1px; background: #FFF !important; }
.ui-tabs .ui-tabs-nav LI.ui-tabs-selected A, .ui-tabs .ui-tabs-nav LI.ui-state-disabled A, .ui-tabs .ui-tabs-nav LI.ui-state-processing A { cursor: text; outline: none; }
.ui-tabs .ui-tabs-nav LI A, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav LI.ui-tabs-selected A { cursor: pointer; }
.ui-tabs .ui-tabs-panel { display: block; clear: both; border: 1px solid #000; padding: 1.5em 20px; margin-bottom: 32px; }
.ui-tabs .ui-tabs-hide { display: none !important; }
.ui-tabs .colfix { margin-bottom: 0 !important; }

/* Audience */
.Audience .main { width: 100%; float: none; }
.Audience .main H1 { color: #000; font-size: 100%; text-transform: none; font-family: arial, sans-serif; font-weight: bold; }
.Audience .main H2 { font-size: 250%; background: #FFF; float: left; padding: 0 16px 10px 0; margin-bottom: 1em; }
#DrawerNav { position: relative; overflow: hidden; margin-bottom: 1em; }
#DrawerNav UL { width: 200px; float: left; margin-right: 20px; }
#DrawerNav LI { margin-bottom: .25em; }
#DrawerNav .contents { clear: both; border-top: 1px solid #000; background: #FFF; padding-top: .5em; padding-bottom: 2em; }
#DrawerNav .contents .section { font-size: 116%; font-weight: bold; margin-bottom: .5em; text-align: left; clear: both; }
#DrawerLinks { margin-bottom: 2em; }
#DrawerLinks UL { font-size: 108.3%; }
#DrawerLinks A:hover { color: #AB13A4; text-decoration: none; padding-right: 12px; background: url(/olc/images/EMS/bg.drawer-arrow.gif) top right no-repeat; }
#drw { position: absolute; top: 0; left: 0; height: 10px; }
#drw #drw_close { position: absolute; top: 10px; right: 0; }
#drw #drw_close A { display: block; text-indent : -9999px; background: url(/olc/images/EMS/btn.main-menu.gif) top right no-repeat; width: 80px; height: 24px; }
#drw #drw_loader { text-indent: -9999em; }
#drw_content { position: absolute; }
#drw_content .contents { width: 916px; }

.Audience #MainFeature { background: #666; min-height: 395px; }
.Audience #MainFeature .promo { clear: both; width: 270px; min-height: 110px; color: #FFF; background: #000; padding: 12px 15px; margin: 0 30px 2em; }
.Audience #MainFeature .promo H3 { font-weight: normal; color: #FFF; margin-bottom: .25em; }
.Audience #MainFeature .promo P { color: #999; margin: 0 0 .25em; }

.Audience #SecondaryContent { border-top: 0; padding-bottom: 0; background: url(/olc/images/EMS/bg.audience-features.gif) 298px 0 no-repeat; }
.Audience #SecondaryContent .module { width: 265px; color: #333; float: left; position: relative; margin: 0 10px; padding: 0 10px; }
.Audience #SecondaryContent .module .joinlink { top: 0; }
.Audience #SecondaryContent .module P { font-size: 108.3%; margin-bottom: .25em; }
.Audience #SecondaryContent .module EM { display: block; color: #AFAFAF; margin-bottom: 1em; }

.connect { font-size: 92.5%; text-transform: uppercase; margin-bottom: 1em; text-align: center; }