















/*                                                                                                        */
/*                        PLEASE DO NOT USE PIXEL-BASED UNITS IN THIS CSS DOCUMENT!                       */
/*                                                                                                        */
/*                        PLEASE DO NOT USE PIXEL-BASED UNITS IN THIS CSS DOCUMENT!                       */
/*                                                                                                        */
/*                        PLEASE DO NOT USE PIXEL-BASED UNITS IN THIS CSS DOCUMENT!                       */
/*                                                                                                        */
/*                        PLEASE DO NOT USE PIXEL-BASED UNITS IN THIS CSS DOCUMENT!                       */
/*                                                                                                        */
/*                        PLEASE DO NOT USE PIXEL-BASED UNITS IN THIS CSS DOCUMENT!                       */
/*                                                                                                        */


















/*------------ general markup rules ------------*/
/*------------ general markup rules ------------*/
/*------------ general markup rules ------------*/




body                                                       { font-size: 10px; margin: 0; padding: 0; color: #9D8E86; font-family: Arial, helvetica, verdana, sans-seriff; line-height: 16px; background-color: #9DDAF8; background-image:url('../img/siteBg-huge.gif'); background-position: center top; }
a img                                                      { border: none; }
a                                                          { cursor: pointer; color: #4EA1D3; text-decoration: none; }	
h1, h2, h3, h4, h5, h6                                     { font-size: 1em; margin: 0; padding: 0; }
blockquote                                                 { font-size: 1em; margin: 0 0 0 0; padding: 0; }
ul, ul, li, a, p, dl, dt, dd                               { font-size: 1em; margin: 0; padding: 0; }
ul, ol, li, dl, dt, dd                                     { font-size: 1em; margin: 0; padding: 0; display: block; list-style-type: none; }
div.clearAll                                               { clear: both; }

img.corner-top-lt                                          { position: absolute; width: 2em; height: 2em; top:    0; left:  0; }
img.corner-top-rt                                          { position: absolute; width: 2em; height: 2em; top:    0; right: 0; }
img.corner-bot-lt                                          { position: absolute; width: 2em; height: 2em; bottom: 0; left:  0; }
img.corner-bot-rt                                          { position: absolute; width: 2em; height: 2em; bottom: 0; right: 0; }

span.super                                                 {display:inline !important; font-size:0.75em !important; position:relative !important; top:-0.5em}
span.supder                                                { vertical-align:super ! important; font-size:0.75em ! important; line-height: 0em ! important; }



/*------------ rules pertaining to the major site block ------------*/
/*------------ rules pertaining to the major site block ------------*/
/*------------ rules pertaining to the major site block ------------*/




#site-wrapper                                              { position: relative; width: 98em; margin: 0 auto 0 auto; background: white; }
#head                                                      { position: relative; }
#body                                                      { position: relative; }
#foot                                                      { position: relative; }




/*------------ rules pertaining to the head ------------*/
/*------------ rules pertaining to the head ------------*/
/*------------ rules pertaining to the head ------------*/




#head                                                      { height: 26em; overflow: hidden; }

#head h1                                                   { width: 98em;   height: 6em; }
#head h1 img                                               { width: 32.7em; height: 6em; }

#head h2                                                   { width: 98em; height: 17em; position: relative; top: 3em; left: 0; }
#head h2 img                                               { width: 98em; height: 17em; }

#head #navigation-main                                     { display: block; position: absolute; top: 6em; left: 0; height: 3em; width: 98em; z-index: 30; }
#head #navigation-main li                                  { display: inline; position: relative; }
#head #navigation-main li a                                { display: inline; outline: none; -moz-outline: none; }
#head #navigation-main li a img                            { display: inline; height: 3em; margin-right: -0.3em; }

#head #navigation-main li ul                               { display: none; position: absolute; top: 3.1em; left: 0.8em; width: 28.2em; }
#head #navigation-main li.closed ul                        { display: none;  }
#head #navigation-main li.opened ul                        { display: block; }

#head #navigation-main li ul li                            { display: block; background: #FFFFFF; margin: 0 0 0.1em 0; padding: 0.3em 0.5em 0.3em 0.5em; }
#head #navigation-main li ul li.hover                      { background: #E3F4FC; }
#head #navigation-main li ul li a                          { display: block; font-size: 1.1em; color: #4EA1D3; font-weight: normal; }

/* not ideal, but a "surprise" subnav leaves us pressed for time */
#head #navigation-main #topNav1                            { display: block; position: absolute; top: 0; left: 0;      }
#head #navigation-main #topNav2                            { display: block; position: absolute; top: 0; left: 5.8em;  }
#head #navigation-main #topNav3                            { display: block; position: absolute; top: 0; left: 34.9em; }
#head #navigation-main #topNav4                            { display: block; position: absolute; top: 0; left: 53.6em; }
#head #navigation-main #topNav5                            { display: block; position: absolute; top: 0; left: 70.5em; }
#head #navigation-main #topNav6                            { display: block; position: absolute; top: 0; left: 86.1em; }

#head #navigation-main li ul.last                          { width: 26.7em; }

#head a.anchor                                             { display: block; line-height: 0em; position: relative; bottom: 0; left: 0; padding: 0 0 0 26.5em; cursor: default; outline: none; -moz-outline: none;}
#head a.anchor img                                         { cursor: pointer;  }
#head.anchors-1 a.anchor                                   { bottom: 3em;      }
#head.anchors-2 a.anchor                                   { bottom: 3.1em;    }
#head.anchors-3 a.anchor                                   { bottom: 5.4em;    }
#head img.subnavArrow                                      { height: 1.2em !important; width: 5.0em !important; position: relative; top:-0.5em; }




/*------------ rules pertaining to the body ------------*/
/*------------ rules pertaining to the body ------------*/
/*------------ rules pertaining to the body ------------*/




#body                                                      { padding-top: 2.0em; }
#body div.content-section                                  { position: relative; left: 28.5em; margin:0em 0 4.0em 0;  width: 66.5em; overflow: visible; }

#body div.content-section .sidebar-thumb                   { position: absolute; top: 0; left: -17em; width: 15em; height: 10em; }

#body div.content-section p span.caption                   { position: absolute; top: 0; left: -17em; width: 15em; height: 10em; text-align: right; }

#body h3                                                   { height: 1.8em; margin: 0 0 1.5em 0; }
#body h3 img                                               { height: 1.8em; }

#body p                                                    { font-size: 1.2em; font-weight: normal; margin: 0 0 1.2em 0; position: relative; }

#body p.double                                             { font-size: 2.4em; font-weight: normal; margin: 0 0 1.5em 0; position: relative; }

#body ul.nonbullets                                        { font-size: 1em; display: block; margin-left: 2em; }
#body ul.nonbullets li                                     { font-size: 1.2em; display: list-item; list-style-position: outside; list-style-type: none; margin-bottom: 1em; }

#body blockquote.contentwhite                              { font-size: 1em; padding: 0em 2em; position: relative; background-color: #FFFFFF; display: block; margin-bottom: 1.5em; }
#body blockquote.contentwhite h4,
#body blockquote.contentwhite p,
#body blockquote.contentwhite ul,
#body blockquote.contentwhite li                           { /*color: #AB8F7E;*/ }
#body blockquote.contentwhite h4                           { font-size: 1em; margin-bottom: 0.8em; }
#body blockquote.contentwhite h4 img                       { font-size: 1em; height: 1.8em; }

#body ul.bullets                                           { font-size: 1em; display: block; margin-left: 2em; }
#body ul.bullets li                                        { font-size: 1.2em; display: list-item; list-style-position: outside; list-style-type: disc; margin-bottom: 1em; }
#body ul.bullets li p                                      { margin: 1.2em 0 0 0; }
#body ul.bullets li p a                                    { font-size: 0.9em; }

#body ul.bullets li.non                                    { font-size: 1.2em; display: list-item; list-style-position: outside; list-style-type: none; margin-left:-1.7em; margin-top:-1em;  }
#body ul.bullets li.noBullet                               { list-style-type: none; }

#body a:hover                                              { }

#body a.jumpLinkbullets                                    { font-size: 1.0em; color: #DD9A63; background-image: url(../img/arrow_content_rt.gif); background-position: right 0.3em; background-repeat: no-repeat; padding-right: 1em; margin-left:0.5em; }

#body blockquote.content                                   { font-size: 1em; padding: 2em 2em 1em 2em; position: relative; background-color: #F9F1E8; display: block; margin: 2.0em 0em 2.0em 0em; }
#body blockquote.content h4,
#body blockquote.content p,
#body blockquote.content ul,
#body blockquote.content li                                { color: #AB8F7E; }
#body blockquote.content h4                                { font-size: 1em;margin-bottom: 0.8em; }
#body blockquote.content h4 img                            { font-size: 1em; height: 1.8em; }

#body blockquote.pullquote                                 { font-size: 1em; border-top: 0.1em solid #C0B9B6; border-bottom: 0.1em solid #C0B9B6; padding: 1.6em 0 1.6em 0; margin-bottom: 1.5em; }
#body blockquote.pullquote img                             { width: 63em; }

#body a.glossLink, 
#body a.glossLink:visited                                  { color: #512E22; }
#body a.glossLink:hover                                    { text-decoration:underline; }

#body a.mailtoLink                                         { color: #CC9966; }
#body a.jumpLink                                           { font-size: 1.2em; background-image: url(../img/arrow_content_rt.gif); color: #DD9A63; background-position: right 0.3em; background-repeat: no-repeat; padding-right: 1em;   }
#body a.jumpLink:hover                                     { color: #CC6600; background-image:   url(../img/arrow_content_rt_over.gif) ! important; }
#body a.anchor                                             { font-size: 1.2em; background-image: url(../img/arrow_content_rt.gif); color: #DD9A63; background-position: right 0.3em; background-repeat: no-repeat; padding-right: 0.8em; }
#body a.anchor:hover                                       { color: #CC6600; background-image:   url(../img/arrow_content_rt_over.gif); }
#body a.topLink                                            { font-size: 1.2em; background-image: url(../img/arrow_top.gif); color: #4EA1D3; background-position: right 0.3em;  background-repeat: no-repeat; padding-right: 1.2em;   }
#body a.topLink:hover                                      { color: #003366; }
#body a.pdfLink                                            { font-size: 1.2em; background-image: url(../img/arrow_content_rt.gif); color: #DD9A63; background-position: right 0.3em; background-repeat: no-repeat; padding-right: 1em;   }
#body a.pdfLink:hover                                      { color: #CC6600; background-image:   url(../img/arrow_content_rt_over.gif); }
#body a.ovrLink                                            { font-size: 1.2em; background-image: url(../img/icon_pdf.gif); color: #4EA1D3; background-position: right 0.2em;  background-repeat: no-repeat; padding-right: 1.5em; }
#body a.ovrLink:hover                                      { color: #003366; }
#body a.vidLink                                            { font-size: 1.2em; background-image: url(../img/icon_video.gif); color: #DD9A63; background-position: right 0.2em;  background-repeat: no-repeat; padding-right: 2em; }
#body a.lptLink                                            { font-size: 1.2em; background:       url(../img/btn_print.gif) right 0.25em no-repeat; color: #4EA1D3; padding-right: 1.2em; padding-bottom: 0.3em; border-bottom: 0.1em solid #4EA1D3; }
#body a.lptLink:hover                                      { color: #003366; }
#body blockquote a                                         { font-size: 1.0em; color: #9D8E86;  }

#body p a,
#body p a.jumpLink,
#body p a.anchor,
#body p a.topLink,
#body p a.pdfLink,
#body p a.ovrLink,
#body p a.vidLink,
#body p a.lptLink,
#body p a.glossLink                                        { font-size: 1.0em; }

#body ul li a,
#body ul li a.jumpLink,
#body ul li a.anchor,
#body ul li a.topLink,
#body ul li a.pdfLink,
#body ul li a.ovrLink,
#body ul li a.vidLink,
#body ul li a.lptLink,
#body ul li a.glossLink                                    { font-size: 1.0em; }

#body p ul li a,
#body p ul li a.jumpLink,
#body p ul li a.anchor,
#body p ul li a.topLink,
#body p ul li a.pdfLink,
#body p ul li a.ovrLink,
#body p ul li a.vidLink,
#body p ul li a.lptLink,
#body p ul li a.glossLink                                  { font-size: 1.0em; }

#body #content-buttons-top                                 { width: 77.0em; margin-bottom: 2.3em; }
#body #content-buttons-bot                                 { width: 77.0em; height: 2.1em; position: relative; border-bottom: 0.1em solid #82756D; margin-top: 3.3em; margin-bottom: 1.6em;}
#body #content-buttons-top a                               { border-bottom: none; }

#body ul.anchors                                           { display: block; margin-bottom: 1.5em; }
#body ul.anchors li                                        { display: block; border-bottom: 0.1em solid #C3EEFD; padding: 0.6em 0; }
#body ul.anchors li a                                      { display: inline; font-size: 1.2em; text-decoration: none; background-image: url(../img/arrow_down.gif); background-position: right 0.3em; background-repeat: no-repeat; padding-right: 1em; }

#body ul.anchors li a:hover                                { color: #003366;  }

#body ul#glossary-anchors                                  { display: block; overflow: hidden;}
#body ul#glossary-anchors li                               { display: inline; border-left: 0.1em solid #E3F4FD; margin-left: -0.5em;}
#body ul#glossary-anchors li a                             { display: inline; text-transform: uppercase; font-size: 1.2em; padding: 0 .95em 0 0.8em; vertical-align: top;}

#body h4.glossary-cap img                                  { position: absolute; font-size: 1em; top: 0; left: -25.7em; }

#body ul.split-links                                       { display: block; position: relative; left: 0; margin-bottom: 1.5em; overflow: hidden; width: 53em; }
#body ul.split-links li                                    { display: block; position: relative; padding: 0.8em 0 0.8em 0; border-bottom: 0.1em solid #C3EEFD; margin-bottom: -0.1em; margin-top: 0.1em; }

#body dl.glossary                                          { color: #7D746D; }
#body dl.glossary dt                                       { position: relative; left: -15em; width: 13em; text-align: right; height: 5em; }
#body dl.glossary dt.long                                  { width: 20em; left: -22em; }
#body dl.glossary dt a                                     { color: #7D746D; font-size: 1.2em; cursor: default; font-weight: normal; }
#body dl.glossary dd                                       { margin: -5em 0 1.2em 0;  border-bottom: 0.1em solid #BEB9B6; }
#body dl.glossary dd.last                                  { border-bottom: none; }
#body dl.glossary dd p                                     { color: #7D746D; }
#body dl.glossary dd a                                     { color: #DD9A63; white-space: nowrap; }
#body dl.glossary dd a.glossary                            { color: #4EA1D3; }
#body ul.resource-links                                    { display: block; position: relative; left: 1.1em; margin-bottom: 1.05em; width: 53em; overflow: hidden; }
#body ul.resource-links li                                 { display: block; position: relative; padding: 0.8em 0 0.8em 0; border-bottom: 0.1em solid #BEB9B6; margin-bottom: -0.1em; margin-top: 0.1em; }
#body ul.resource-links li a                               { font-size: 1.2em; }
#body ul.resource-links li a:hover                         { color: #CC6600; background-image: url(../img/arrow_content_rt_over.gif) ! important; }	
#body ul.resource-links li a.glossLink:hover               { color: #512E22; background-image: none ! important; }
#body ul.resource-links li span                            { display: block; font-size: 1.2em; position: relative; font-weight: normal ! important; }

.pagination                                                { display: block; position: relative; visibility: hidden; }
.pagination a.prev                                         { display: inline; float: left;  margin-bottom: -50em; font-size: 1.2em;  background: url(../img/btn_nav_arrow_back.gif)  left  0.3em no-repeat;     padding: 0 0.9em 0.3em 0.9em; }
.pagination a.prev:hover                                   { color: #003366; }
.pagination a.prevOff                                      { display: inline; float: left;  margin-bottom: -50em; font-size: 1.2em;  background: url(../img/btn_nav_arrow_back-gray.gif) left  0.3em no-repeat; padding: 0 0.9em 0.3em 0.9em; color: #A8A8A8; }
.pagination a.prevOff:hover                                { text-decoration: none ! important; cursor: default ! important; }
.pagination a.next                                         { display: inline; float: right; margin-bottom: -50em; font-size: 1.2em;  background: url(../img/btn_nav_arrow_front.gif) right 0.3em no-repeat;      padding: 0 0.9em 0.3em 1.0em; }
.pagination a.next:hover                                   { color: #003366; }
.pagination a.nextOff                                      { display: inline; float: right; margin-bottom: -50em; font-size: 1.2em;  background: url(../img/btn_nav_arrow_front-gray.gif) right 0.3em no-repeat; padding: 0 0.9em 0.3em 1.0em; color: #A8A8A8; }
.pagination a.nextOff:hover                                { text-decoration: none ! important; cursor: default ! important; }
.pagination .pages                                         { display: block;  clear: both; text-align: center; }
.pagination .pages ul                                      { display: inline; }
.pagination .pages ul li                                   { display: inline; border-left: 0.1em solid #82756d; }
#body .pagination .pages ul li a                           { font-size: 1.2em; padding: 0 1.0em; }
.pagination .pages ul li.current a                         { color: #82756d; font-weight: bold; text-decoration: none ! important; cursor: default ! important; }
#content-buttons-bot .pagination .pages li                 { padding-bottom: 0.7em; }
.footnote                                                  { font-size:1.0em !important; }




/*------------ rules pertaining to the footer ------------*/
/*------------ rules pertaining to the footer ------------*/
/*------------ rules pertaining to the footer ------------*/




#foot                                                      { position: relative; width: 98em; background-image: url(../img/bot_gradient_sliver.gif); background-repeat: repeat-x; height: 9em; padding-bottom: 0.8em; }
#foot #logo-allergan                                       { position: absolute; left: 1.5em; top: 1.5em; width: 15em; height: 1.2em; }

#foot #navigation-legal                                    { position: absolute; display: block; right: 1.5em; top: 1.6em; height: 1.2em; }
#foot #navigation-legal li                                 { position: relative; display: inline; margin-left: 1.0em; }
#foot #navigation-legal li a                               { position: relative; display: inline;}
#foot #navigation-legal li a img                           { position: relative; display: inline; }

#foot p.legal                                              { position: absolute; font-size: 0.9em; left: 1.7em; top: 4.5em; color: #CCCCCC; }




/*------------ rules pertaining to the external-link interstitial/popup ------------*/
/*------------ rules pertaining to the external-link interstitial/popup ------------*/
/*------------ rules pertaining to the external-link interstitial/popup ------------*/




body #exitLinkInter                                        { position: absolute; top: -30em; left: 47em; width: 30em; height: 14em; display: none; opacity: 0; }
body img#extLinkWarn                                       { width: 30em; height: 14em; }

body #windowSelfClose                                      { position: relative; display: block; left: 27em; top: -14em; width: 2em;  height: 2em; }
body #windowSelfClose img                                  { width: 2em; height: 2em; }
body #extLinkExitLink                                      { position: relative; display: block; left: 8em;  top: -7em;  width: 15em; height: 2em; }
body #extLinkExitLink img                                  { width: 15em; height: 2em; }

body.popup                                                 { background-image: url(../img/extLink_popup-bg.png); background-repeat: repeat-x; background-color: #5F99D4; }
body.popup #site-wrapper,
body.popup #site-wrapper img#extLinkWarn                   { position: relative; top: 0em; left: 0em;  width: 35em; height: 25em; background-image: url(../img/extLink_popup-bg.png); }
body.popup #site-wrapper #windowSelfClose                  { width: 2em; height: 2em; display: block; position: absolute; top: 0.4em; left: 32.6em; }
body.popup #site-wrapper #windowSelfCloseImg               { width: 2em; height: 2em;}
body.popup #site-wrapper #extLinkExitLink                  { width: 15em; height: 2em; display: block; position: absolute; top: 12.3em; left: 10em; }
body.popup #site-wrapper #extLinkExitLinkImg               { width: 15em; height: 2em;}




/*------------ rules pertaining to the sitemap ------------*/
/*------------ rules pertaining to the sitemap ------------*/
/*------------ rules pertaining to the sitemap ------------*/




body#siteMap #head                                         { height: 19em; overflow: hidden; }
body#siteMap #head h2                                      { height: 10em; }
body#siteMap #head h2 img                                  { height: 11.0em; }

body#siteMap #body .content-section                        { left: 19.7em; width: 75em; margin-right: none; margin-top:0.4em; }

/* Some brute-force recursive list-styling. Sometimes fast trumps pretty. */
body#siteMap #map                                          { vertical-align: middle; margin: 0; padding: 0;       display: block;  position: relative; width: 58.9em; }
body#siteMap #map li                                       { vertical-align: middle; margin: 0;      padding: 2.0em 0 2.0em 0;   display: block;  position: relative; border-bottom: 0.1em solid #C0BAB6; }
body#siteMap #map li.expanded   ul                         { display: block; }
body#siteMap #map li.contracted ul                         { display: none; }
body#siteMap #map li h3                                    { vertical-align: middle; margin: 0;      padding: 0.5em 1.1em 0.5em 0; display: inline; position: relative; cursor: pointer; }
body#siteMap #map li.expanded h3                           { background: url('../img/sitemap_expando-expanded.gif') right 0.6em no-repeat;}
body#siteMap #map li.contracted h3                         { background: url('../img/sitemap_expando-contracted.gif') right 0.6em no-repeat;}
body#siteMap #map li h3.nochild                            { background-image: none; }
body#siteMap #map li h3 img                                { vertical-align: middle; margin: 0; padding: 0;       display: inline; position: relative; }
body#siteMap #map li ul                                    { vertical-align: middle; margin: 0; padding: 0;       display: block;  position: relative; }
body#siteMap #map li ul li                                 { vertical-align: middle; margin: 0 0 0 1em;      padding: 2.0em 0 0 0;       display: block;  position: relative; border-bottom: none; }
body#siteMap #map li ul li h4                              { vertical-align: middle; margin: 0; padding: 0; font-weight:bold !important;       display: block;  position: relative; font-size: 1.3em; color: #003366; font-weight: normal;}

body#siteMap #map li ul li h4 a:link, 
body#siteMap #map li ul li h4 a:visited                    { color: #003366; }

body#siteMap #map li ul li ul                              { vertical-align: middle; margin: 0 0 1em 0;      padding: 0;       display: block;  position: relative; overflow: hidden; }
body#siteMap #map li ul li ul li                           { vertical-align: middle; margin: 0 0 -0.1em 1.2em; padding: 0;       display: block;  position: relative; border-bottom: 0.1em solid #C2EDFC; }
body#siteMap #map li ul li ul li h5                        { vertical-align: middle; margin: 0;      padding: 0.7em 0 0.7em 0;   display: block;  position: relative;}
body#siteMap #map li ul li ul li h5 a                      { vertical-align: middle; margin: 0; padding: 0 1.3em 0 0; font-size: 1.2em; font-weight: normal; cursor: pointer; background: url('../img/arrow_right.gif') right 0.45em no-repeat;}




/*------------ rules pertaining to ask the experts ------------*/
/*------------ rules pertaining to ask the experts ------------*/
/*------------ rules pertaining to ask the experts ------------*/




body#experts #head                                         { height: 19em; overflow: visbile ! important; margin-bottom: -10em; z-index: 20; }
body#experts #head h2                                      { display: none; }
body#experts #head h2 img                                  { display: none; }
body#experts #head a.anchor                                { display: none; }
body#experts #head a.anchor img                            { display: none; }

#body dl.qa-section                                        { display: block; position: relative; }
#body dl.qa-section dt                                     { display: block; position: relative; }
#body dl.qa-section dt span                                { display: block; position: absolute; font-weight: bold; font-size: 1.2em; }
#body dl.qa-section dt p                                   { display: block; position: relative; margin-left: 2.5em; font-size: 1.2em; font-weight: bold; margin-bottom: 0; }
#body dl.qa-section dd                                     { display: block; position: relative; }
#body dl.qa-section dd span                                { display: block; position: absolute; font-weight: bold; font-size: 1.2em; }
#body dl.qa-section dd p                                   { display: block; position: relative; margin-left: 2.5em; font-size: 1.2em; }
#body dl.qa-section dd ul.bullets                          { display: block; position: relative; margin-left: 5em; font-size: 1.0em; }

body.expArticle div#body div.content-section               { position: relative; left: 19.5em; margin: 0 0 2.3em 0;  width: 75.5em; overflow: visible; }
body.expArticle div#head #navigation-main                  { display: none; }
body.expArticle div#head h2                                { top: 1em; }
body.expArticle div#head                                   { height: 24em; }

#body dl.qa-section dd ul.resource-links                   { display: block; position: relative; left: 3em; top: -0.9em; margin-bottom: 1.5em; width: 53em; overflow: hidden; }
#body dl.qa-section dd ul.resource-links li                { display: block; position: relative; padding: 0.8em 0 0.8em 0; border-bottom: 0.1em solid #BEB9B6; margin-bottom: -0.1em; margin-top: 0.1em; }
#body dl.qa-section dd ul.resource-links li span           { display: block; font-size: 1.2em; position: relative; }

body.expArticle #closeExperts                              { position: absolute; top: 0; right: 0; cursor: pointer; z-index: 10;}




/*------------ rules pertaining to the homepage ------------*/
/*------------ rules pertaining to the homepage ------------*/
/*------------ rules pertaining to the homepage ------------*/



body#home #head                                            { height: 19em; overflow: visbile ! important; margin-bottom: -10em; z-index: 20; }
body#home #head h2                                         { display: none; }
body#home #head h2 img                                     { display: none; }
body#home #head a.anchor                                   { display: none; }
body#home #head a.anchor img                               { display: none; }




/*------------ rules pertaining to for the media ------------*/
/*------------ rules pertaining to for the media ------------*/
/*------------ rules pertaining to for the media ------------*/




body#forMedia #head                                        { height: 19em; overflow: hidden; }
body#forMedia #head h2                                     { height: 10em; }
body#forMedia #head h2 img                                 { height: 10.8em; }
body#forMedia #body .content-section                       { left: 19.7em; width: 75em; margin-right: none; top: -0.5em; }




/* Soraya's styles */

#body p.paraLink                                           { margin: 0 0 1.35em 0; }
#home #body, #siteMap #body                                { padding-top: 0; }
.dividerOrange                                             { border-bottom: 0.1em solid #FFCC99 ! important; padding-bottom: 0.6em; margin-bottom: 0.6em ! important; }
#body p.px14                                               { font-size: 1.4em; line-height: 1.6em; }

#body ul.peach-links                                       { display: block; position: relative; left: 0; margin-top: -0.8em; margin-bottom: 1.5em; overflow: hidden; width: 53em; }
#body ul.peach-links li                                    { font-size: 1.2em; padding: 0.8em 0 0.8em 0; border-bottom: 0.09em solid #FFCC99; margin-bottom: -0.1em; }

#body ul.blue-links                                        { display: block; margin-bottom: 1.5em; overflow: hidden; }
#body ul.blue-links li                                     { display: block; border-bottom: 0.1em solid #C3EEFD; padding: 0.6em 0; margin-bottom: -0.1em; }
#body ul.blue-links li a                                   { display: inline; font-size: 1.2em; text-decoration: none; border-bottom: none; }
#body ul.blue-links li a:hover                             { color: #003366; }

ul.resource-links li:first-child                           { padding-top: 0 !important; }
.qa-section ul.resource-links li:first-child               { padding-top: 0.8em !important; }
#body p.beforeAnchors                                      { margin-bottom: 0.8em !important; }
#body div.content-section p.subheading                     { color: #512E22; font-weight: bold; margin-top: 2.3em; }
#body dl.qa-section dd span.sudper                         { vertical-align:super ! important; font-size:0.75em ! important; line-height: 0em ! important; }

/*
body#library #head                                         { height: 24.0em; overflow: hidden; }
body#library #head h2                                      { width: 98.0em; height: 17.0em; position: relative; top: 1.0em; left: 0; }
body#library #head h2 img                                  { width: 98.0em; height: 17.0em; }
*/
body#library #head                                         { height: 24em; overflow: hidden; }
body#library #head h2                                      { height: 17em; height: 17.0em; }
body#library #head h2 img                                  { height: 17.0em; }

body#library #body .content-section                        { left: 19.7em; width: 75em; margin-right: none; margin-top:0.4em; }
body#library #map                                          { vertical-align: middle; margin: 0; padding: 0; display: block; position: relative; width: 58.9em; }
body#library #map li                                       { vertical-align: middle; margin: 0; padding: 2.0em 0 2.0em 0; display: block; position: relative; border-bottom: 0.1em solid #C0BAB6; }
body#library #map li.expanded ul                           { display: block; }
body#library #map li.contracted ul                         { display: none; }
body#library #map li h3                                    { vertical-align: middle; margin: 0; padding: 0.5em 1.1em 0.5em 0; display: inline; position: relative; cursor: pointer; }
body#library #map li.expanded h3                           { background: url('../img/sitemap_expando-expanded.gif') right 0.6em no-repeat;}
body#library #map li.contracted h3                         { background: url('../img/sitemap_expando-contracted.gif') right 0.6em no-repeat;}
body#library #map li h3.nochild                            { background-image: none; }
body#library #map li h3 img                                { vertical-align: middle; margin: 0; padding: 0; display: inline; position: relative; }
body#library #map li ul                                    { vertical-align: middle; margin: 0; padding: 0; display: block; position: relative; }
body#library #map li ul li                                 { vertical-align: middle; margin: 0 0 0 1em; padding: 0; display: block;  position: relative; border-bottom: none; }
body#library #map li ul li h4                              { vertical-align: middle; margin: 0; padding: 0; display: block; position: relative; font-size: 1.4em; color: #003366; font-weight: normal;}
body#library #map li ul li ul                              { vertical-align: middle; margin: 0 0 0 1.0em; padding: 0; display: block; position: relative;}
body#library #map li ul li ul li                           { list-style-type: disc; vertical-align: middle; margin: 0 0 1em 0; padding: 0; display: list-item;}
body#library #closeExperts                                 { position: absolute; top: 0; right: 0; cursor: pointer; z-index: 10;}





