/********* General Styles ********/
html, body { height: 100%; font-size: 100.01%; background-color: #284262; margin: 0; padding: 0; }
.aaavanish { display: none; }
/********* Positioning Styles ********/
#wrap { position: relative; min-height: 100%; background-color: #eee; }
#inner-wrap { clear: both; margin: 0; background: #eee url('../images/miscellaneous/sidebar-background.jpg') repeat-y top left; }
#inner-wrap:after { display: block; clear: both; content: "" }
#skip { position: relative; width: 100%; background: #284262; text-align: right; border-bottom: 1px solid #788; overflow: hidden; margin: 0; padding: 0; }
#skip-index { position: relative; width: 100%; background: #284262; text-align: center; border-bottom: 1px solid #788; overflow: hidden; margin: 0; padding: 0; }
#header { position: relative; width: 100%; height: 100px; margin: 0; padding: 0; overflow: hidden; background: url('../images/miscellaneous/masthead.jpg') no-repeat top left; }
#header-index { position: relative; width: 729px; height: 100px; margin: 0 auto; padding: 0; overflow: hidden; background: url('../images/miscellaneous/masthead1.jpg') no-repeat top left; }
#navigation { width: 100%; height: 31px; z-index: 3; background: #284262; font-family: arial, helvetica, sans-serif; border-top: 1px solid #788; }
#sidebar { float: left; width: 240px; text-align: left; background: #284262; }
#container { width: 1024px; height: 100%; margin: 0px auto; background-color: #284262; padding: 0; }
#content { overflow: hidden; z-index: 1; background: #eee; text-align: left; padding: 4px 4px 12px 4px; margin: 0; }
#column1 { float: left; width: 30%; min-height: 240px; background: #e0e0e0; margin: 32px 16px 32px 24px; }
#column2 { float: right; width: 62%; min-height: 240px; background: #e0e0e0; margin: 32px 16px 32px 24px; }
#footer { position: relative; width: 100%; clear: both; border-top: 1px solid #000; background: #333; }
#centered-navigation { width: 600px; margin: 0 auto; } /** on index page **/
#img-link-graphics { float: right; border: 1px dashed #888; margin: 8px; padding: 12px 0; }/** on library and magazine pages **/
/******** Content Styles ********/
h1 { font: bold 1.3em/1 arial, helvetica, sans-serif; color: #284262; letter-spacing: -1px; text-align: left; margin: 0.5em 1em; }
h2 { font: bold 1.6em/1 arial, helvetica, sans-serif; color: #284262; letter-spacing: -1px; text-align: left; margin: 0.5em 0.6em; }
h2.center { font: bold 1.6em/1 arial, helvetica, sans-serif; color: #284262; letter-spacing: -1px; text-align: center; margin: 0.5em 0.6em; }
h2.index { font: bold 1.3em/1 candara, arial, helvetica, sans-serif; color: #496597; letter-spacing: -1; text-align: center; margin: 0.5em 0.6em; padding: 8px; border-bottom: 2px dashed #bbb; }
h2.breaking-news { font: bold 1.3em/1 candara, arial, helvetica, sans-serif; color: #fff; background-color: #801111; letter-spacing: -1; text-align: center; margin: 0.5em 0.6em; padding: 8px;
border: 1px solid #000; }
h2.timeline { font: bold 2.4em/1 georgia, serif; color: #c4c4c4; text-align: left; margin: 0 16px 8px 16px; border-bottom: 1px dashed #c0c0c0; padding: 0 0 8px 0; }
h3 { font: bold 1em/1 arial, helvetica, sans-serif; color: #496597; text-align: left; margin: 0.5em 1em 0.5em 1em; }
h3.center { font: bold 1em/1 arial, helvetica, sans-serif; color: #496597; text-align: center; margin: 0.5em 1em 0.5em 1em; }
h3.index { font: bold 1.0em/1 candara, arial, helvetica, sans-serif; color: #496597; text-align: left; margin: 0.5em 1em 0.5em 1em; }
h3.index a { text-decoration: none; color: #06b; }
h3.index a:hover { text-decoration: none; color: #fff; background: #778888; padding: 1px 2px; }
h4 { font: bold 0.9em/1 arial, helvetica, sans-serif; color: #284262; letter-spacing: -1px; text-align: left; margin: 1.5em 1.1em 0.5em 1.1em; }
h4.center { font: bold 0.9em/1 arial, helvetica, sans-serif; color: #284262; letter-spacing: -1px; text-align: center; margin: 1.5em 1.1em 0.5em 1.1em; }
h5 { font: bold 0.8em/1 arial, helvetica, sans-serif; color: #496597; letter-spacing: -1px; text-align: left; margin: 1em 1.1em 0 1.1em; }
p { font: 0.75em/1.3 arial, helvetica, sans-serif; color: #444; margin: 1em 1.4em; }
p.agm-author { font: bold 0.7em/1.6 arial, helvetica, sans-serif; color: #284262; text-align: right; margin: 0.5em 1.6em; }
p.author { font: bold 0.7em/1.3 arial, helvetica, sans-serif; color: #284262; border-bottom: 1px solid #c0c0c0; text-align: right; margin: 1.4em; padding-bottom: 8px; }
p.center { font: 0.75em/1.3 corbel, arial, helvetica, sans-serif; color: #444; margin: 1em 1.4em; text-align: center; }
p.img { font: bold 0.7em/1.2 arial, helvetica, sans-serif; color: #333; margin: 8px 12px 0 12px; }
p.index { font: 0.8em/1.3 corbel, arial, helvetica, sans-serif; color: #444; margin: 1em 1.4em; text-align: justify; }
p.news-details { font: 0.8em/1em corbel, arial, helvetica, sans-serif; color: #284262; border: 0px none; margin: -4px 0 -4px 16px; padding: 0; }
p.news { font: 0.8em/1.2 corbel, arial, helvetica, sans-serif; color: #444; margin: 1em 1.4em; text-align: justify; border-bottom: 1px dashed #ccc; padding-bottom: 8px; }
p.outdated { font: bold 0.7em/1.3 arial, helvetica, sans-serif; color: #600; padding: 0.8em; text-align: center; }
p.outdated-edition { font: bold 0.7em/1.3 arial, helvetica, sans-serif; color: #600; border-top: 1px dashed #777; text-align: center; padding-top: 16px; margin-top: 0; }
p a:link { text-decoration: none; color: #03c; padding: 1px 2px; }
p a:visited { text-decoration: none; color: #600; padding: 1px 2px; }
p a:hover, p a:focus, p a:active { text-decoration: none; color: #fff; background: #284262; padding: 1px 2px; }
p.center a { text-decoration: none; background-color: #e0e0e0; }
ol.number { font: 0.8em/1.3 arial, helvetica, sans-serif; color: #444; margin: 0.3em 3.8em; }
ol.alpha { font: 0.8em/1.3 arial, helvetica, sans-serif; color: #444; list-style-type: lower-alpha; margin: 0.3em 3.8em; }
ul.content { font: 0.8em/1.3 arial, helvetica, sans-serif; color: #444; overflow: auto; list-style-image: url('../images/icons/bullet.png'); margin: 0.3em 3.8em; }
ul.content a:link { text-decoration: none; color: #03c; padding: 1px 2px; }
ul.content a:visited { text-decoration: none; color: #800; padding: 1px 2px; }
ul.content a:hover, ul.content a:focus, ul.content a:active { text-decoration: none; color: #fff; background: #778888; padding: 1px 2px; }
ul.index { font: 0.8em/1.3em corbel, arial, helvetica, sans-serif; list-style-image: url('../images/icons/blockquote-bullet.png'); margin: 1em 2em 1em 2em; }
li.index { }
li ul { font-size: 1em; }
li ol { font-size: 1em; }
li ul li ul { font: italic 1em/1.3 arial, helvetica, sans-serif; list-style-image: url('../images/icons/bullet.png'); }
li ol li ol { font: italic 1em/1.3 arial, helvetica, sans-serif; list-style-type: lower-roman; }
abbr { border-bottom: 1px dotted #c0c0c0; cursor: help; }
caption { font: bold 1.0em/1.3 arial, helvetica, sans-serif; color: #284262; text-align: left; margin: 0 0 1.2em 0.2em; padding: 1em 0 0.5em 0; }
.clear { clear: both; }
.drop-cap { display: block; float: left; font: bold 4.8em/0.7 georgia, "times new roman", serif; color: #a4a4a4; padding: 0.06em 0.08em 0.04em 0; }
iframe { margin: 0 16px 0px 8px; border: 1px solid #000; }
span.author { color: #333; padding: 0 8px 0 8px; }
span.caps { text-transform: uppercase; }
span.img-credit { font-weight: normal; font-style: italic; }
span.lang { font-style: italic; }
span.timeline { font: bold 1em/1 georgia, arial, helvetica, sans-serif; color: #555; letter-spacing: 0; text-align: left; margin: 0; }
strong.interview { font: bold italic 1.1em/1.3 arial, helvetica, sans-serif; color: #284262; }
.testimonials { border: 0px none; margin: 0 12px 0 0; }
.breaking-news { }
/********** Image Styles **********/
img.right { float: right; margin: 0 16px 6px 8px; }
img.left { float: left; margin: 2px 8px 4px 16px; }
.img-right-tall { float: right; width: 192px; border: 1px solid #c0c0c0; text-align: center; margin: 4px 16px 4px 16px; padding: 12px; }
.img-left-tall { float: left; width: 192px; border: 1px solid #c0c0c0; text-align: center; margin: 4px 16px 4px 16px; padding: 12px; }
.img-left-wide { float: left; width: 256px; border: 1px solid #c0c0c0; text-align: center; margin: 4px 16px 4px 16px; padding: 12px; }
.img-right-wide { float: right; width: 256px; border: 1px solid #c0c0c0; text-align: center; margin: 4px 16px 4px 16px; padding: 12px; }
/********** Breadcrumb Trail Styles **********/
#bread { margin: 0.5em 1em; font-size: 0.8em; }
#bread ul { display: inline; margin-left: 0; padding-left: 0; font: 1em/1.3 arial, helvetica, sans-serif; color: #444; list-style-image: url('../images/icons/bullet.png'); }
#bread ul li { display: inline; list-style: none; font-style: normal; margin-left: 0; }
#bread a:link { text-decoration: none; color: #03c; padding: 1px 2px; }
#bread a:visited { text-decoration: none; color: #800; padding: 1px 2px; }
#bread a:hover, #bread a:focus, #bread a:active { text-decoration: none; color: #fff; background: #788; padding: 1px 2px; }
/********** Blockquote Styles **********/
blockquote { background: #e0e0e0 url('../images/miscellaneous/open-quote-blockquote.jpg') no-repeat top left; border: 1px dashed #a0a0a0; margin: 0 64px 16px 64px; padding: 4px 12px; overflow: auto; }
p.blockquote { font: bold 0.7em/1.3 arial, helvetica, sans-serif; color: #284262; }
p.blockquote-black { font: bold 0.7em/1.3 arial, helvetica, sans-serif; color: #555; }
p.blockquote-cite { font: bold 0.7em/1.3 arial, helvetica, sans-serif; color: #496597; text-align: right; }
p.blockquote-center { font: bold 0.7em/1.3 arial, helvetica, sans-serif; color: #284262; text-align: center; }
ul.blockquote { font: bold 0.7em/1.3 arial, helvetica, sans-serif; color: #284262; margin: 0.3em 3.8em; list-style-image: url('../images/icons/blockquote-bullet.png') }
ol.number-blockquote { font: bold 0.7em/1.3 arial, helvetica, sans-serif; color: #284262; margin: 0.3em 3.8em; }
ol.alpha-blockquote { font: bold 0.7em/1.3 arial, helvetica, sans-serif; color: #284262; margin: 0.3em 3.8em; }
blockquote.testimonials { background: url('../images/miscellaneous/open-quote.gif') no-repeat left top; margin: 20px 20px 40px 20px; font-size: 1em; }
cite { background: url('../images/icons/99b.gif') no-repeat right top; margin-top: -30px; text-align: right; float: right; color: #284262; font: bold 1em/1 arial, helvetica, sans-serif;
padding: 30px 20px 20px 20px; }
dl.blockquote { text-align: left; margin: 0 16px 0 16px; padding: 0; border: 0px none; }
dt.blockquote { font-size: 1em; color: #284262; font-weight: bold; padding: 1px 2px; text-decoration: none; text-transform: none; }
dd.blockquote { font-size: 0.7em; color: #444; margin: 0.4em 1em 1.5em 2px; }
/********** Related Topic Styles **********/
#related-topics { clear: both; width: 97%; border-top: 4px solid #c4c4c4; background: #eee; margin: 16px 16px 0 16px; padding: 0; }
h3.related-topics { font: bold 2.4em/1.3 georgia, serif; color: #b4b4b4; letter-spacing: -1px; text-align: left; margin: 0; }
dl { text-align: left; margin: 0 280px 0 0; padding: 0; border-right: 4px solid #c4c4c4; }
dt a:link { font: bold 0.85em/1.3 arial, helvetica, sans-serif; color: #496597; text-decoration: none; text-transform: uppercase; margin: 16px 0 0 0; padding: 1px 2px; }
dt a:visited { font: bold 0.85em/1.3 arial, helvetica, sans-serif; color: #800; text-decoration: none; text-transform: uppercase; margin: 16px 0 0 0; padding: 1px 2px; }
dt a:hover, dt a:focus, dt a:active { font: bold 0.85em/1.3 arial, helvetica, sans-serif; text-decoration: none; text-transform: uppercase; color: #fff; background: #788; padding: 1px 2px; }
dd { font: 0.7em/1.3 arial, helvetica, sans-serif; color: #555; margin: 2px 16px 12px 24px; }
span.dt-sub { font: 0.9em/1.3 arial, helvetica, sans-serif; margin-left: 2px; }
/********** Internal Advertisement Styles **********/
div.a-right { float: right; width: 280px; border-left: 4px solid #c4c4c4; margin: 32px 0 0 0; padding: 0; background: #eee; }
h3.a-right { font: bold 0.85em/1.3 arial, helvetica, sans-serif; color: #496597; text-align: center; margin: 0 0 0 4em; }
h4.a-right { font: bold 0.7em/1.3 arial, helvetica, sans-serif; letter-spacing: 0; color: #284262; text-align: center; margin: 0 0 0 4em; }
p.a-right { font: 0.7em/1.3 arial, helvetica, sans-serif; color: #666; text-align: center; margin: 1em 0 1em 4em; }
p.a-right-1 { font: 1.2em/1.3 arial, helvetica, sans-serif; color: #666; text-align: center; margin: 1em 0 1em 4em; }
img.a-right { float: left; margin: 0 0.6em; }
/********** External Advertisement Styles **********/
#a-bottom-01a { clear: both; width: 97%; min-height: 160px; border: 2px solid #000; background: #fff url('../images/miscellaneous/background-01.png') no-repeat bottom left; margin: 32px 1em 0 1em; }
h3.a-bottom-01a { font: 2.8em/1.0em georgia, arial, helvetica, sans-serif; color: #fff; text-align: right; margin: 0.2em 0.8em 0 1.1em; }
h4.a-bottom-01a { font: 1.6em/1.2 "century gothic" arial, helvetica, sans-serif; color: #284262; text-align: right; margin: 0.8em 2.4em 0.5em 1.4em; letter-spacing: 0; }
p.a-bottom-01a { font: bold 1.0em/1.3 arial, helvetica, sans-serif; color: #8A0886; text-align: right; margin: 0.5em 2.2em 1.0em 2.2em; }
#a-bottom-02 { clear: both; width: 97%; min-height: 160px; border: 2px solid #000; background: #000 url('../images/miscellaneous/background-02.png') no-repeat top right; margin: 32px 1em 0 1em; }
h3.a-bottom-02 { font: bold 3.0em/1.0 georgia, verdana, arial, helvetica, sans-serif; color: #fff; text-align: center; margin: 0.2em 0.8em 0 1.1em; text-transform: uppercase; }
h4.a-bottom-02 { font: 1.6em/1.2 "century gothic" arial, helvetica, sans-serif; color: yellow; text-align: center; margin: 0.8em 2.4em 1.0em 1.4em; letter-spacing: 0; }
p.a-bottom-02 { font: bold 0.9em/1.2em arial, helvetica, sans-serif; color: #fff; text-align: center; margin: 0.5em 2.2em 0.5em 2.2em; }
#a-bottom-03 { clear: both; width: 97%; min-height: 160px; border: 2px solid #000; background: #fff url('../images/miscellaneous/background-03.png') no-repeat top right; margin: 32px 1em 0 1em; }
h3.a-bottom-03 { font: bold 2.0em/1.0 calibri, arial, helvetica, sans-serif; color: lime; text-align: right; margin: 0.5em 1.1em 0 1.0em; }
h4.a-bottom-03 { font: bold 1.6em/1.2 "century gothic" arial, helvetica, sans-serif; color: #fff; text-align: right; margin: 0.8em 2.4em 0.5em 2.2em; letter-spacing: 0; }
p.a-bottom-03 { font: bold 0.9em/1.0 arial, helvetica, sans-serif; color: yellow; text-align: right; margin: 0.5em 2.2em 0.2em 2.2em; }
#a-bottom-04 { clear: both; width: 97%; min-height: 160px; border: 2px solid #000; background: #000 url('../images/miscellaneous/background-04.png') no-repeat bottom left; margin: 32px 1em 0 1em; }
h3.a-bottom-04 { font: 2.8em/1.0 georgia, serif; color: cyan; text-align: right; margin: 0.2em 0.8em 0.2em 1.1em; }
h4.a-bottom-04 { font: 1.6em/1.2 "century gothic" arial, helvetica, sans-serif; color: cyan; text-align: right; margin: 0.8em 2.4em 0.8em 1.4em; letter-spacing: 0; }
p.a-bottom-04 { font: bold 0.9em/1.3 georgia, serif; color: #ddd; text-align: right; margin: 0.5em 2.2em 1.0em 2.2em; }
#a-bottom-05 { clear: both; width: 97%; min-height: 160px; border: 2px solid #000; background: #000 url('../images/miscellaneous/background-05.png') no-repeat top left; margin: 32px 1em 0 1em; }
h3.a-bottom-05 { font: bold 2.8em/1.0 candara, arial, helvetica, sans-serif; color: #cf3; text-align: right; margin: 0.5em 0.8em 0.5em 1.1em; text-transform: uppercase; letter-spacing: 0.1em; }
h4.a-bottom-05 { font: 1.6em/1.2 "century gothic" arial, helvetica, sans-serif; color: #fff; text-align: right; margin: 0.8em 2.4em 1.1em 1.4em; letter-spacing: 0; }
p.a-bottom-05 { font: bold 0.9em/0.9em arial, helvetica, sans-serif; color: cyan; text-align: right; margin: 0.5em 2.2em 1.0em 2.2em; }
#a-bottom-06 { clear: both; width: 97%; min-height: 160px; border: 2px solid #000; background: #284262 url('../images/miscellaneous/background-06.png') no-repeat bottom left; margin: 32px 1em 0 1em; }
h3.a-bottom-06 { font: 2.8em/1.0 batang, arial, verdana, arial, helvetica, sans-serif; color: #F5A9F2; text-align: right; margin: 0.2em 0.8em 0.4em 1.1em; }
h4.a-bottom-06 { font: bold 0.9em/1.2 arial, helvetica, sans-serif; color: #fff; text-align: right; margin: 0.8em 2.4em 0.5em 1.4em; letter-spacing: 0; }
p.a-bottom-06 { font: 0.9em/1.0 "century gothic", arial, helvetica, sans-serif; color: #fff; text-align: right; margin: 0.5em 2.2em 1.0em 2.2em; }
#a-bottom-07 { clear: both; width: 97%; min-height: 160px; border: 2px solid #000; background: #284262 url('../images/miscellaneous/background-07.png') no-repeat; margin-left:1em; margin-right:1em; margin-top:32px; margin-bottom:0 }
h3.a-bottom-07 { font: 2.8em/1.0 impact, verdana, arial, helvetica, sans-serif; color: #5882FA; text-align: center; margin: 0.2em 0.8em 0.3em 1.1em; }
h4.a-bottom-07 { font: 1.6em/1.2 "century gothic" arial, helvetica, sans-serif; color: #fff; text-align: center; margin: 0.8em 2.4em 1.0em 1.4em; letter-spacing: 0; }
p.a-bottom-07 { font: 1.0em/1.0 "century gothic", arial, helvetica, sans-serif; color: #fff; text-align: center; margin: 0.5em 2.2em 1.0em 2.2em; }
#a-bottom-08 { clear: both; width: 97%; min-height: 160px; border: 2px solid #000; background: #284262 url('../images/miscellaneous/background-08.png') no-repeat top right; margin: 32px 1em 0 1em; }
h3.a-bottom-08 { font: bold 2.8em/1.0 candara, verdana, arial, helvetica, sans-serif; color: #fff; text-align: center; margin: 0.2em 1.1em 0 1.1em; text-transform: uppercase; }
h4.a-bottom-08 { font: 1.6em/1.2 "century gothic" arial, helvetica, sans-serif; color: #fff; text-align: center; margin: 0.8em 2.4em 1.0em 1.4em; letter-spacing: 0; }
p.a-bottom-08 { font: 0.9em/1.2 arial, helvetica, sans-serif; color: #fff; text-align: center; margin: 0.5em 2.2em 1.0em 2.2em; }
#a-bottom-09 { clear: both; width: 97%; min-height: 160px; border: 2px solid #000; background: #fff url('../images/miscellaneous/background-09.png') no-repeat top right; margin: 32px 1em 0 1em; }
h3.a-bottom-09 { font: bold 2.8em/1.0 corbel, verdana, arial, helvetica, sans-serif; color: #fff; text-align: left; margin: 0.3em 1.1em 0.3em 0.8em; }
h4.a-bottom-09 { font: 1.6em/1.2 "century gothic" arial, helvetica, sans-serif; color: #fff; text-align: left; margin: 0.8em 2.4em 1.0em 2.7em; letter-spacing: 0; }
p.a-bottom-09 { font: 1.1em/1.0 "century gothic", arial, helvetica, sans-serif; color: #fff; text-align: left; margin: 0.5em 2.2em 1.0em 2.2em; }
#a-bottom-10 { clear: both; width: 97%; min-height: 160px; border: 2px solid #000; background: #fff url('../images/miscellaneous/background-10.png') no-repeat top right; margin: 32px 1em 0 1em; }
h3.a-bottom-10 { font: bold 2.8em/1.0 candara, verdana, arial, helvetica, sans-serif; color: #fff; text-align: left; margin: 0.2em 1.1em 0.2em 0.8em; }
h4.a-bottom-10 { font: 1.6em/1.2 "century gothic" arial, helvetica, sans-serif; color: #fff; text-align: left; margin: 1.1em 2.4em 1.0em 2.7em; letter-spacing: 0; }
p.a-bottom-10 { font: 1.1em/1.0 "century gothic", arial, helvetica, sans-serif; color: #fff; text-align: left; margin: 0.5em 2.2em 0.6em 2.2em; }
#a-bottom-11 { clear: both; width: 97%; min-height: 160px; border: 2px solid #000; background: #fff url('../images/miscellaneous/background-11.png') no-repeat top right; margin: 32px 1em 0 1em; }
h3.a-bottom-11 { font: bold 2.8em/1.0 candara, verdana, arial, helvetica, sans-serif; color: #fff; text-align: left; margin: 0.5em 1.1em 0 0.8em; }
h4.a-bottom-11 { font: 1.6em/1.2 "century gothic" arial, helvetica, sans-serif; color: #fff; text-align: left; margin: 0.8em 2.4em 0.5em 2.7em; letter-spacing: 0; }
p.a-bottom-11 { font: 1.1em/1.3 "century gothic", arial, helvetica, sans-serif; color: #fff; text-align: left; margin: 0.5em 2.2em 1.0em 2.2em; }
#a-bottom-12 { clear: both; width: 97%; min-height: 160px; border: 2px solid #000; background: #fff url('../images/miscellaneous/background-01.png') no-repeat bottom left; margin: 32px 1em 0 1em; }
h3.a-bottom-12 { font: bold 2.0em/1.0 arial, verdana, arial, helvetica, sans-serif; color: #284262; text-align: right; letter-spacing: 0.1em; margin: 0.5em 1.1em 0 0; }
h4.a-bottom-12 { font: 1.6em/1.2 "century gothic" arial, helvetica, sans-serif; color: #284262; text-align: right; margin: 0.8em 2.4em 0.5em 1.4em; letter-spacing: 0; }
p.a-bottom-12 { font: 1.1em/1.3 "century gothic", arial, helvetica, sans-serif; color: #8A0886; text-align: right; margin: 0.5em 2.2em 1.0em 2.2em; }
#a-bottom { clear: both; width: 97%; min-height: 160px; border: 4px dashed #b4b4b4; background: #fff url('../images/events/corner.jpg') no-repeat bottom left; margin: 32px 1em 0 1em; }
h3.a-bottom { font: bold 1.3em/1.0 georgia, serif; color: #069; text-align: center; letter-spacing: 0.1em; margin: 0.2em 1.1em 0.4em 1.1em; text-transform: uppercase; }
h4.a-bottom { font: bold 1.0em/1.2 arial, helvetica, sans-serif; color: #284262; text-align: center; margin: 0.8em 1.4em 0.5em 1.4em; letter-spacing: 0; }
p.a-bottom { font: bold 0.8em/1.3 arial, helvetica, sans-serif; color: #778888; text-align: center; margin: 0.5em 2.2em 1.0em 2.2em; }
/********** Polare Edition Styles **********/
p.archive { font: 0.8em/1.3 arial, helvetica, sans-serif; color: #333; margin: 0; }
dl.polare { text-align: center; margin: 0 16px 0 16px; padding: 0; border: 0px none; }
dt.polare a:link { font-size: 1em; color: #284262; font-weight: bold; padding: 1px 2px; text-decoration: none; text-transform: none; }
dt.polare a:visited { font-size: 1em; color: #600; font-weight: bold; padding: 1px 2px; text-decoration: none; text-transform: none; }
dt.polare a:hover, dt.polare a:focus { font-size: 1em; color: #fff; background-color: #284262; font-weight: bold; padding: 1px 2px; text-transform: none; }
dd.polare { font-size: 0.75em; color: #444; margin: 0.4em 1em 1.5em 2px; }
#previous { float: left; clear: both; width: 200px; text-align: left; background-color: #eee; margin: 0 0 0.4em 1em; padding: 0; border-top: 1px dashed #777; }
#next { float: right; width: 200px; text-align: right; background-color: #eee; margin: 0 1em 0 0; padding: 0; border-top: 1px dashed #777; }
p.prev-next { font: bold 1em/1.3 arial, helvetica, sans-serif; color: #496597; margin: 0; padding: 0; }
p.prev-next a:link { background: #eee; border: 0px none; text-decoration: none; }
p.prev-next a:visited, p.prev-next a:active { background: #eee; border: 0px none; text-decoration: none; }
p.prev-next a:hover, p.prev.next a:focus, p.prev-next a:active { background: #eee; border: 0px none; text-decoration: none; }
img.prev-next { margin: 0; padding: 1em 0 0 0; border: 0px none; }
.img-editorial { float: left; width: 192px; border: 0px none; margin: 16px 0 0 16px; padding: 0; border: 0px none; }
#polare-edition-container { float: right; width: 400px; padding: 0 0 0 16px; background: #eee; }
#polare-download { background: #000 url('../images/index-page/index-right.jpg') no-repeat top left; border: 1px solid #555; text-align: center; padding: 4px; margin-bottom: 8px; }
#polare-download h3 { font-size: 1.4em; text-align: center; color: #fff; letter-spacing: 0; border: 2px dashed #bbb; padding: 8px; }
#polare-download p { font: bold 0.7em/1.0em arial, helvetica; color: #ddd; }
#polare-download a { text-decoration: none; color: #fff; padding: 0; }
#polare-download img { border: 0px none; }
#feature-articles { background: #d4d4d4 url('../images/miscellaneous/grey-background.jpg') repeat-y top left; border: 1px solid #909090; padding: 4px; }
#feature-articles h3 { font-size: 1.4em; text-align: center; color: #284262; letter-spacing: 0; }
#feature-article-image { padding: 4px; text-align: center; }
#feature-article-image img { border: 1px solid #000; }
p.polare-download { font: bold 0.7em/1.0em arial, helvetica; color: #fff; }
h2.editorial { color: #788; text-align: center; 20px; font-style:normal; font-variant:normal; font-weight:bold }
h3.editorial { font: bold 0.9em/1.0em arial, helvetica, sans-serif; color: #284262; text-align: center; letter-spacing: 0; margin: 4px 16px 0 20px; padding-bottom: 8px; border-bottom: 1px dashed #777; }
/********** Polare Article Styles **********/
p.articles { font: 0.75em/1.3 arial, helvetica, sans-serif; color: #444; border-bottom: 1px solid #c0c0c0; margin: 0 16px 1em 16px; padding-bottom: 1.4em; }
p.polare-disclaimer { font: 0.7em/1.3 arial, helvetica, sans-serif; color: #666; border-top: 1px dashed #777; margin: 1em 1.4em; padding-top: 1em; }
p.video { font: bold 0.7em/1.3 arial, helvetica, sans-serif; color: #333; text-align: center; padding-top: 16px; border-top: 1px dashed #777; }
p.video-no-border { font: bold 0.7em/1.3 arial, helvetica, sans-serif; color: #333; text-align: center; padding-top: 16px; }
h3.poem { font: bold 1em/1 arial, helvetica, sans-serif; color: #496597; text-align: center; margin: 0.5em 1em 0.5em 1em; }
p.poem { font: bold italic 0.85em/1.6 georgia, helvetica, sans-serif; color: #777777; text-align: center; padding-top: 16px; }
blockquote.prologue { color: #333; background: #e0e0e0; margin: 0 16px 16px 16px; padding: 0 8px; border: 1px dashed #c0c0c0; overflow: auto; }
blockquote.epilogue { color: #333; background: #e0e0e0; margin: 0 16px 16px 16px; padding: 0 8px; border: 1px dashed #c0c0c0; overflow: auto; }
div.author-books { clear: both; margin: 0 16px; border-top: 1px dashed #777; }
/********** Article Pullquote Styles **********/
blockquote.pullquote-right { float: right; width: 240px; border-left: 8px solid #c4c4c4; border-right: 0px none; border-top: 0px none; border-bottom: 0px none;
background: #eee url('../images/open-quote.gif') no-repeat top left; margin: 0 0 0 16px; padding: 16px; }
blockquote.pullquote-left { float: left; width: 240px; border-right: 8px solid #c4c4c4; background: #eee url('../images/open-quote.gif') no-repeat top left; margin: 0 16px 0 0; padding: 16px; }
p.pullquote { font: italic bold 0.9em/1.2 georgia, "times new roman", serif; color: #284262; margin: 0; }
/********** Polare Article References Div Styles **********/
#references { margin: 0 0 16px 0; }
#references ul { font: 0.7em/1.5 arial, helvetica, sans-serif; margin: 0 1em 0.3em 1em; color: #333; list-style-type: none; }
#references ol.number { font: 0.7em/1.3 arial, helvetica, sans-serif; color: #444; margin: 0.3em 3.8em; }
#references li { list-style-image: url('none'); margin: 4px 0 }
#references a:link { text-decoration: none; color: #03c; padding: 1px 2px; }
#references a:visited { text-decoration: none; color: #600; padding: 1px 2px; }
#references a:hover, #references a:focus, #references a:active { text-decoration: none; color: #fff; padding: 1px 2px; background-color: #788; }
/********** Event Div Styles **********/
.event { min-height: 260px; padding: 16px; background: #fff url('../images/events/corner.jpg') no-repeat bottom left; border: 1px solid #b0b0b0; margin: 0 16px 8px 16px; }
h2.events { font: bold 1.2em/1 georgia, arial, helvetica, sans-serif; color: #800; margin-top: 0.7em; text-transform: uppercase; }
h3.events { font: bold 1em/1 georgia, arial, helvetica, sans-serif; color: #284262; }
p.events { font: 0.8em/1.3 arial, helvetica, sans-serif; color: #555; }
p.event-details { font: 0.7em/1.3 arial, helvetica, sans-serif; color: #000; margin-left: 64px; }
img.events { float: right; width: 176px; margin: 0 0 0 0.8em; padding: 8px; border: 1px solid #ccc; text-align: center; }
ul.events { font: 0.8em/1.3 arial, helvetica, sans-serif; color: #333; margin: 0.3em 3.8em; }
/********** Kits and Fact Sheet Styles **********/
span.kit1 { font: bold 0.9em/1.3 arial, helvetica, sans-serif; letter-spacing: 0px; color: #444; margin: 0 20px; }
span.kit2 { font: bold 0.9em/1.3 arial, helvetica, sans-serif; letter-spacing: 0px; color: #444; margin: 0 8px; }
span.kit { font: 1.0em/1.3 arial, helvetica, sans-serif; letter-spacing: 0px; color: #444; }
a.span:link { color: #33e; text-decoration: none; padding: 2px; background: #eee; }
a.span:visited { color: #800; text-decoration: none; padding: 2px; background: #eee; }
a.span:hover, a.span:focus, a.span:active { color: #fff; text-decoration: none; padding: 2px; background: #284262; }
span.kit1 img, span.kit2 img { border: 0px none; margin-right: 4px; }
span.kit img { border: 0px none; }
table.kit { width: 95%; border-collapse: collapse; margin: 16px; padding: 0; }
th.kit1 { width: 60%; font: bold 0.7em/1.3 arial, helvetica, sans-serif; border-bottom: 1px solid #c0c0c0; text-align: left; padding: 4px 0; }
th.kit2 { width: 20%; font: bold 0.7em/1.3 arial, helvetica, sans-serif; border-bottom: 1px solid #c0c0c0; text-align: center; padding: 4px 0; }
th.kit3 { width: 20%; font: bold 0.7em/1.3 arial, helvetica, sans-serif; border-bottom: 1px solid #c0c0c0; text-align: center; padding: 4px 0; }
td.kit1 { width: 60%; border-bottom: 1px solid #c0c0c0; text-align: left; padding: 4px 0; text-decoration: none; }
td.kit2 { width: 20%; border-bottom: 1px solid #c0c0c0; text-align: center; padding: 4px 0; }
td.kit3 { width: 20%; border-bottom: 1px solid #c0c0c0; text-align: center; padding: 4px 0; }
tr.kit:hover { background: #d5d5d5; }
p.kit { font: 0.75em/1.3 arial, helvetica, sans-serif; color: #444; margin: 0; }
p.kit a:link { color: #03c; text-decoration: none; padding: 2px; }
p.kit a:visited { color: #800; text-decoration: none; padding: 2px; }
p.kit a:hover, p.kit a:focus { color: #fff; text-decoration: none; padding: 2px; background: #647676; }
p.kit-download a:hover, p.kit-download a:focus { color: #fff; text-decoration: none; padding: 2px; background-color: #788; }
/********** Book List Styles **********/
table.book-list { width: 98%; font: 0.8em/1.0 arial, helvetica, sans-serif; color: #333; border-collapse: collapse; margin: 0 1.1em; padding: 0.4em; }
th.book-list1 { width: 70%; border-bottom: 1px solid #c0c0c0; font-size: 0.9em; color: #284262; text-align: left; padding: 0.4em; }
th.book-list2 { width: 30%; border-bottom: 1px solid #c0c0c0; font-size: 0.9em; color: #284262; text-align: left; padding: 0.4em; }
td.book-list1 { width: 70%; border-bottom: 1px solid #c0c0c0; font-size: 0.85em; line-height: 1.3; text-align: left; padding: 0.4em 2em 0.4em 0.4em; }
td.book-list2 { width: 30%; border-bottom: 1px solid #c0c0c0; font-size: 0.85em; line-height: 1.3; text-align: left; padding: 0.4em; }
tr.book-list:hover { background: #e0e0e0; }
h3.book-list { font: bold 1em/1 arial, helvetica, sans-serif; color: #496597; letter-spacing: -1px; text-align: left; margin: 32px 16px 16px 16px; background: #e0e0e0; border: 1px dashed #c0c0c0;
padding: 8px; }
/********** Annual Report Styles **********/
blockquote.agm { font: 1.0em/1.3 arial, helvetica, sans-serif; color: #333; border: 0px none; background: #eee; margin: 0 40px 0 40px; padding: 0; overflow: hidden; }
img.agm { border: 0px none; margin-right: 0.5em; }
p.agm-top { font: 0.75em/1.3 arial, helvetica, sans-serif; color: #333; border-bottom: 1px dashed #c0c0c0; margin: 0.5em 1.4em 0 1.4em; padding: 0 0 0.5em 0; }
p.agm-top-last { font: 0.75em/1.3 arial, helvetica, sans-serif; color: #333; border-bottom: 1px dashed #777; margin: 0.5em 1.4em 0 1.4em; padding: 0 0 0.5em 0; }
p.agm-author { font: bold 0.75em/1.3 arial, helvetica, sans-serif; color: #284262; text-align: right; margin: 0.2em 1.4em 0 1.4em; }
#previous-year { float: left; clear: both width: 200px; text-align: left; background-color: #eee; margin: 0 0 0.0 1em; padding: 0; }
#next-year { float: right; width: 200px; text-align: right; background-color: #eee; margin: 0; padding: 0; }
/********** Strategic Plan Styles **********/
dl.strategic-plan { text-align: left; margin: 0 16px; padding: 0; border:0px none; }
dt.strategic-plan { font: bold 0.85em/1.3 arial, helvetica, sans-serif; color: #284262; text-decoration: none; text-transform: none; margin: 16px 0 0 0; padding: 1px 12px; }
dd.strategic-plan { font: 0.75em/1.3 arial, helvetica, sans-serif; color: #444; margin: 2px 16px 12px 32px; }
/********** Support Page Styles **********/
.support1 { float: left; position: relative; width: 31%; background: #eee; margin: 0 1em 0 1em; }
.support2 { float: left; position: relative; width: 31%; background: #eee; margin: 0 1em 0 0; }
.support3 { float: left; position: relative; width: 31%; background: #eee; margin: 0 0 0.6em 0; }
.topic { border: 1px solid #ccc; background: url('../images/support/back.jpg') no-repeat top left; margin-bottom: 1em; }
.support1 h2,
.support2 h2,
.support3 h2 { font: bold 1.1em/1.2em georgia, serif; color: #fff; background: #284262 url('../images/miscellaneous/back.jpg') repeat-y top left; letter-spacing: 0; margin: 0px 0px 4px 0px; padding: 8px; }
.support1 p,
.support2 p,
.support3 p { font: 0.75em/1.3 arial, helvetica, sans-serif; color: #444; margin: 0.8em; }
.support1 p.links,
.support2 p.links,
.support3 p.links { padding-bottom: 8px; border-bottom: 1px dashed #ccc; }
.support1 p.links a,
.support2 p.links a,
.support3 p.links a { font-size: 0.85em; line-height: 1.4em; }
.support1 p.more,
.support2 p.more,
.support3 p.more { font: bold 0.7em/1.3 arial, helvetica, sans-serif; color: #fff; padding: 0px; margin: 8px; text-align: center; border: 1px solid #000; background: #e0e0e0; text-transform: uppercase; }
.support1 p.more a,
.support2 p.more a,
.support3 p.more a { display: block; padding: 8px; }
.support1 img.right,
.support2 img.right,
.support3 img.right { margin: 0.3em 0.7em 1em 0.8em; padding: 0 0 4px 4px; }
.support1 img.left,
.support2 img.left,
.support3 img.left { 4px; margin-left:0.7em; margin-right:0.8em; margin-top:0.3em; margin-bottom:0.4em; padding-left:4px; padding-right:4px; padding-top:0; padding-bottom:0 }
.support-links { border: 1px solid #ccc; padding: 0; margin: 8px; background: #fff url('../images/miscellaneous/background-star.jpg') no-repeat top right; }
.column1 { float: left; position: relative; width: 31%; background: #eee; margin: 0 1em 0 1em; }
.column2 { float: left; position: relative; width: 31%; background: #eee; margin: 0 1em 0 0; }
.column3 { float: left; position: relative; width: 31%; background: #eee; margin: 0 0 0.6em 0; }
.feature-article { position: relative; width: 100%; background: #fff url('../images/support/back.jpg') no-repeat top left; margin-bottom: 16px; border: 2px solid #ccc; }
.feature-article h3,
.feature-article h4 { text-align: center; text-transform: uppercase; }
.feature-article p.date { font: 0.7em/1em arial, helvetica, sans-serif; color: #000; border-bottom: 1px dashed #bbb; margin: 1.5em; padding-bottom: 8px; text-align: center; }
p.date { font: 0.7em/1em arial, helvetica, sans-serif; color: #000; border-bottom: 1px dashed #bbb; margin: 1.5em; padding-bottom: 8px; }
.feature-article:hover { background: #006586; border: 2px solid #000; }
.feature-article:hover h3,
.feature-article:hover h4,
.feature-article:hover p.date,
.feature-article:hover p.support,
.feature-article:hover p.support a { color: #eee; }
.article { border-bottom: 2px dashed #496597; }
.article-above-feature { border-bottom: 0px none; }
.article h3,
.article-above-feature h3 { text-align: left; text-transform: uppercase; margin-top: 16px; font-size: 1em; }
.article h4,
.article-above-feature h4 { text-align: left; text-transform: uppercase; margin-top: 0px; font-size: 0.9em; }
p.support a:link { font-weight: bold; font-size: 1.1em; text-decoration: none; color: #03c; padding: 1px 2px; }
p.support a:visited { font-weight: bold; font-size: 1.1em; text-decoration: none; color: #600; padding: 1px 2px; }
p.support a:hover,
p.support a:focus,
p.support a:active { font-weight: bold; font-size: 1.1em; text-decoration: none; color: #fff; background: #333; padding: 1px 2px; }
img.support-right { float: right; margin: 0 0em 1em 0.8em; }
img.support-center { margin: 0.4em 0.2em 1em 0.2em; }
.drop-cap-small { display: block; float: left; font: bold 3.0em/0.7 georgia, "times new roman", serif; color: #a4a4a4; padding: 0.06em 0.1em 0.04em 0; }
.container1 { float: left; position: relative; width: 48%; height: 320px; background: #284262 url('../images/support/backgrounds/love-background.jpg') repeat top left; margin: 0 8px 8px 16px; }
.container2 { float: left; position: relative; width: 48%; height: 320px; background: #778888 url('../images/support/backgrounds/hope-background.jpg') repeat top left; margin: 0 16px 8px 8px; }
.container3 { float: left; position: relative; width: 48%; height: 320px; background: #496597 url('../images/support/backgrounds/kids-background.jpg') repeat top left; margin: 8px 8px 0 16px; }
.container4 { float: left; position: relative; width: 48%; height: 320px; background: #801111 url('../images/support/backgrounds/wall-background.jpg') repeat top left; margin: 8px 16px 0 8px; }
.topic1 { float: left; position: absolute; bottom: 20px; right: 20px; background: #f4f4f4; border: 3px solid #000; }
.topic2 { float: left; position: absolute; bottom: 20px; right: 20px; background: #f4f4f4; border: 3px solid #000; }
.topic3 { float: left; position: absolute; bottom: 20px; right: 20px; background: #f4f4f4; border: 3px solid #000; }
.topic4 { float: left; position: absolute; bottom: 20px; right: 20px; background: #f4f4f4; border: 3px solid #000; }
.topic1 h2,
.topic2 h2,
.topic3 h2,
.topic4 h2 { font: bold 1.2em/1 arial, sans-serif; color: #222; text-align: center; letter-spacing: 0.5px; text-transform: uppercase; margin: 0; padding: 8px 20px; }
p.cont1 { font: 0.85em/1.3 arial, helvetica, sans-serif; color: #fff; margin: 1em 1.4em; }
p.cont2 { font: 0.85em/1.3 arial, helvetica, sans-serif; color: #fff; margin: 1em 1.4em; }
p.cont3 { font: 0.85em/1.3 arial, helvetica, sans-serif; color: #fff; margin: 1em 1.4em; }
p.cont4 { font: 0.85em/1.3 arial, helvetica, sans-serif; color: #fff; margin: 1em 1.4em; }
/********** External Link Styles *****************/
div.linkcolumn1 { width: 48%; float: left; }
div.linkcolumn2 { width: 48%; float: right; }
ul.links { list-style-type: none; margin-bottom: 32px; }
ul.links a:link { text-decoration: none; color: #03c; padding: 1px 2px; }
ul.links a:visited { text-decoration: none; color: #800; padding: 1px 2px; }
ul.links a:hover,
ul.links a:focus,
ul.links a:active { text-decoration: none; color: #fff; background: #778888; padding: 1px 2px; }
li.links { font: 0.75em/1.0 arial, helvetica, sans-serif; color: #444; margin: 1em 1.4em; }
/********** Directory Assistance Styles **********/
h2.directory { font: bold 1.6em/1 georgia, serif; color: #c0c0c0; border-bottom: 1px dashed #ccc; margin: 32px 16px 16px 32px; padding: 0 0 8px 0; text-align: left; }
h3.directory { font: bold 1.2em/1 arial, helvetica, sans-serif; color: #496597; text-align: left; margin: 8px 16px 8px 16px; }
p.directory { font: 1em/1.3 arial, helvetica, sans-serif; color: #444; }
p.directory a { font: 1.1em; padding: 8px; }
table.directory { width: 98%; font: 0.8em/1.0 arial, helvetica, sans-serif; color: #333; border-collapse: collapse; margin: 0 1.1em; padding: 0.4em; }
th.directory1 { width: 50%; padding: 0.3em; border-bottom: 1px solid #c0c0c0; font-size: 0.85em; line-height: 1.3; text-align: left; padding: 0.4em; }
th.directory2 { width: 25%; padding: 0.3em; border-bottom: 1px solid #c0c0c0; font-size: 0.85em; line-height: 1.3; text-align: center; padding: 0.4em; }
th.directory3 { width: 25%; padding: 0.3em; border-bottom: 1px solid #c0c0c0; font-size: 0.85em; line-height: 1.3; text-align: center; padding: 0.4em; }
td.directory1 { width: 50%; padding: 0.3em; border-bottom: 1px solid #c0c0c0; font-size: 0.85em; line-height: 1.3; text-align: left; padding: 0.4em; }
td.directory2 { width: 25%; padding: 0.3em; border-bottom: 1px solid #c0c0c0; font-size: 0.85em; line-height: 1.3; text-align: center; padding: 0.4em; }
td.directory3 { width: 25%; padding: 0.3em; border-bottom: 1px solid #c0c0c0; font-size: 0.85em; line-height: 1.3; text-align: center; padding: 0.4em; }
tr.directory:hover { background: #e0e0e0; }
/********** Site Map Styles **********/
h3.site-map { font: bold 1em/1 arial, helvetica, sans-serif; color: #496597; letter-spacing: -1px; border: 1px dashed #b4b4b4; background: #e0e0e0; margin: 0.5em 1em 0.5em 1em; padding: 12px; }
dl.site-map { text-align: left; margin: 0 16px; padding: 0; border:0px none; }
dt.site-map a:link, dt.site-map a:visited { font: bold 0.85em/1.3 arial, helvetica, sans-serif; color: #284262; text-decoration: none; text-transform: none; margin: 16px 0 0 0; letter-spacing: -1px; padding: 1px 12px; }
dt.site-map a:hover, dt.site-map a:focus, dt.site-map a:active { font: bold 0.85em/1.3 arial, helvetica, sans-serif; text-decoration: none; text-transform: none; color: #fff; background: #788; letter-spacing: -1px;
padding: 1px 12px; }
dd.site-map { font: 0.7em/1.3 arial, helvetica, sans-serif; color: #444; margin: 2px 16px 12px 32px; }
/********** External Link Styles *****************/
div.linkcolumn1 { width: 48%; float: left; }
div.linkcolumn2 { width: 48%; float: right; }
ul.links { list-style-type: none; margin-bottom: 32px; }
ul.links a:link { text-decoration: none; color: #03c; padding: 1px 2px; }
ul.links a:visited { text-decoration: none; color: #800; padding: 1px 2px; }
ul.links a:hover,
ul.links a:focus,
ul.links a:active { text-decoration: none; color: #fff; background: #778888; padding: 1px 2px; }
li.links { font: 0.75em/1.0 arial, helvetica, sans-serif; color: #444; margin: 1em 1.4em; }
/********** Directory Assistance Styles **********/
h2.directory { font: bold 1.6em/1 georgia, serif; color: #c0c0c0; border-bottom: 1px dashed #ccc; margin: 32px 16px 16px 32px; padding: 0 0 8px 0; text-align: left; }
h3.directory { font: bold 1.2em/1 arial, helvetica, sans-serif; color: #496597; text-align: left; margin: 8px 16px 8px 16px; }
p.directory { font: 1em/1.3 arial, helvetica, sans-serif; color: #444; }
p.directory a { font: 1.1em; padding: 8px; }
table.directory { width: 98%; font: 0.8em/1.0 arial, helvetica, sans-serif; color: #333; border-collapse: collapse; margin: 0 1.1em; padding: 0.4em; }
th.directory1 { width: 50%; padding: 0.3em; border-bottom: 1px solid #c0c0c0; font-size: 0.85em; line-height: 1.3; text-align: left; padding: 0.4em; }
th.directory2 { width: 25%; padding: 0.3em; border-bottom: 1px solid #c0c0c0; font-size: 0.85em; line-height: 1.3; text-align: center; padding: 0.4em; }
th.directory3 { width: 25%; padding: 0.3em; border-bottom: 1px solid #c0c0c0; font-size: 0.85em; line-height: 1.3; text-align: center; padding: 0.4em; }
td.directory1 { width: 50%; padding: 0.3em; border-bottom: 1px solid #c0c0c0; font-size: 0.85em; line-height: 1.3; text-align: left; padding: 0.4em; }
td.directory2 { width: 25%; padding: 0.3em; border-bottom: 1px solid #c0c0c0; font-size: 0.85em; line-height: 1.3; text-align: center; padding: 0.4em; }
td.directory3 { width: 25%; padding: 0.3em; border-bottom: 1px solid #c0c0c0; font-size: 0.85em; line-height: 1.3; text-align: center; padding: 0.4em; }
tr.directory:hover { background: #e0e0e0; }
/********** Site Map Styles **********/
h3.site-map { font: bold 1em/1 arial, helvetica, sans-serif; color: #496597; letter-spacing: -1px; border: 1px dashed #b4b4b4; background: #e0e0e0; margin: 0.5em 1em 0.5em 1em; padding: 12px; }
dl.site-map { text-align: left; margin: 0 16px; padding: 0; border:0px none; }
dt.site-map a:link, dt.site-map a:visited { font: bold 0.85em/1.3 arial, helvetica, sans-serif; color: #284262; text-decoration: none; text-transform: none; margin: 16px 0 0 0; letter-spacing: -1px; padding: 1px 12px; }
dt.site-map a:hover, dt.site-map a:focus, dt.site-map a:active { font: bold 0.85em/1.3 arial, helvetica, sans-serif; text-decoration: none; text-transform: none; color: #fff; background: #788; letter-spacing: -1px;
padding: 1px 12px; }
dd.site-map { font: 0.7em/1.3 arial, helvetica, sans-serif; color: #444; margin: 2px 16px 12px 32px; }
/********** Three Column Table **********/
table.three { width: 98%; font: 0.8em/1.0 arial, helvetica, sans-serif; color: #333; border-collapse: collapse; margin: 0 1.1em; padding: 0.4em; }
th.three1 { width: 50%; padding: 0.3em; border-bottom: 1px solid #c0c0c0; font-size: 0.85em; line-height: 1.3; text-align: left; padding: 0.4em; }
th.three2 { width: 25%; padding: 0.3em; border-bottom: 1px solid #c0c0c0; font-size: 0.85em; line-height: 1.3; text-align: center; padding: 0.4em; }
td.three2 { width: 25%; padding: 0.3em; border-bottom: 1px solid #c0c0c0; font-size: 0.85em; line-height: 1.3; text-align: center; padding: 0.4em; }
tr.three:hover { background: #e0e0e0; }
/********** Library Book List Table Styles **********/
table.book-list { width: 98%; font: 0.8em/1.0 arial, helvetica, sans-serif; color: #333; border-collapse: collapse; margin: 0 1.1em; padding: 0.4em; }
th.book-list1 { width: 60%; border-bottom: 1px solid #c0c0c0; font-size: 0.9em; color: #284262; text-align: left; padding: 0.4em; }
th.book-list2 { width: 15%; border-bottom: 1px solid #c0c0c0; font-size: 0.9em; color: #284262; text-align: left; padding: 0.4em; }
th.book-list3 { width: 25%; border-bottom: 1px solid #c0c0c0; font-size: 0.9em; color: #284262; text-align: left; padding: 0.4em; }
/********** Three Equal Column Table Styles **********/
table.threeEC { width: 98%; font: 0.8em/1.0 arial, helvetica, sans-serif; color: #333; border-collapse: collapse; margin: 0 1.1em; padding: 0.4em; }
th.threeEC1 { width: 34%; padding: 0.3em; border-bottom: 1px solid #c0c0c0; font-size: 0.85em; line-height: 1.3; text-align: left; padding: 0.4em; vertical-align: top; }
th.threeEC2 { width: 33%; padding: 0.3em; border-bottom: 1px solid #c0c0c0; font-size: 0.85em; line-height: 1.3; text-align: left; padding: 0.4em; vertical-align: top; }
td.threeEC2 { width: 33%; padding: 0.3em; border-bottom: 1px solid #c0c0c0; font-size: 0.85em; line-height: 1.3; text-align: left; padding: 0.4em; vertical-align: top; }
tr.threeEC:hover { background: #e0e0e0; }
/********** Two Column Blockquote Table Styles **********/
table.two-blockquote { width: 64%; font: 0.8em/1.0 arial, helvetica, sans-serif; color: #333; border-collapse: collapse; margin: 0 0 2em 4em; padding: 0.2em; }
th.two1 { width: 80%; border-bottom: 1px solid #c0c0c0; font-size: 0.85em; line-height: 1.3; text-align: left; padding: 0.3em; }
th.two2 { width: 20%; border-bottom: 1px solid #c0c0c0; font-size: 0.85em; line-height: 1.3; text-align: right; padding: 0.3em; }
th.two2a { width: 20%; border-bottom: 1px solid #c0c0c0; font-size: 0.85em; line-height: 1.3; text-align: left; padding: 0.3em; }
td.two2a { width: 20%; border-bottom: 1px solid #c0c0c0; font-size: 0.85em; line-height: 1.3; text-align: left; padding: 0.3em; }
td.two2 { width: 20%; border-bottom: 1px solid #c0c0c0; font-size: 0.85em; line-height: 1.3; text-align: right; padding: 0.3em; }
tr.two:hover { background: #e0e0e0; }
/********** Three Column Blockquote Table Styles **********/
table.three-blockquote { width: 64%; font: 0.8em/1.0 arial, helvetica, sans-serif; color: #333; border-collapse: collapse; margin: 0 1.1em; padding: 0.3em; }
th.three1 { width: 75%; border-bottom: 1px solid #c0c0c0; font-size: 0.85em; line-height: 1.3; text-align: left; padding: 0.3em; }
th.three2 { width: 12.5%; border-bottom: 1px solid #c0c0c0; font-size: 0.85em; line-height: 1.3; text-align: center; padding: 0.3em; }
td.three2 { width: 12.5%; border-bottom: 1px solid #c0c0c0; font-size: 0.85em; line-height: 1.3; text-align: center; padding: 0.3em; }
tr.three:hover { background: #e0e0e0; }
/********** Three Column Table in Blockquote on Annual Report Styles **********/
table.three-blockquote-ar { width: 64%; font: 0.8em/1.0 arial, helvetica, sans-serif; color: #333; border-collapse: collapse; margin: 0 0 2em 4em; padding: 0.2em; }
th.three1-ar { width: 50%; padding: 0.3em; border-bottom: 1px solid #c0c0c0; font-size: 0.85em; line-height: 1.3; text-align: left; padding: 0.3em; }
th.three2-ar { width: 12.5%; padding: 0.3em; border-bottom: 1px solid #c0c0c0; font-size: 0.85em; line-height: 1.3; text-align: right; padding: 0.3em; }
td.three2-ar { width: 12.5%; padding: 0.3em; border-bottom: 1px solid #c0c0c0; font-size: 0.85em; line-height: 1.3; text-align: right; padding: 0.3em; }
tr.three:hover { background: #e0e0e0; }
/********** Four Column Blockquote Table Styles **********/
table.four-blockquote { width: 100%; font: 0.8em/1.0 arial, helvetica, sans-serif; color: #333; border-collapse: collapse; margin: 0 1.1em; padding: 0.3em; }
th.four1 { width: 50%; padding: 0.3em; border-bottom: 1px solid #c0c0c0; font-size: 0.85em; line-height: 1.3; text-align: left; padding: 0.3em; }
th.four2 { width: 12.5%; padding: 0.3em; border-bottom: 1px solid #c0c0c0; font-size: 0.85em; line-height: 1.3; text-align: center; padding: 0.3em; }
td.four2 { width: 12.5%; padding: 0.3em; border-bottom: 1px solid #c0c0c0; font-size: 0.85em; line-height: 1.3; text-align: center; padding: 0.3em; }
tr.four:hover { background: #e0e0e0; }
/********** Four Column Table in Blockquote on Annual Report Styles **********/
table.four-blockquote-ar { width: 64%; font: 0.8em/1.0 arial, helvetica, sans-serif; color: #333; border-collapse: collapse; margin: 0 0 2em 4em; padding: 0.2em; }
th.four1-ar { width: 50%; padding: 0.3em; border-bottom: 1px solid #c0c0c0; font-size: 0.85em; line-height: 1.3; text-align: left; padding: 0.3em; }
th.four2-ar { width: 12.5%; padding: 0.3em; border-bottom: 1px solid #c0c0c0; font-size: 0.85em; line-height: 1.3; text-align: right; padding: 0.3em; }
td.four2-ar { width: 12.5%; padding: 0.3em; border-bottom: 1px solid #c0c0c0; font-size: 0.85em; line-height: 1.3; text-align: right; padding: 0.3em; }
tr.four:hover { background: #e0e0e0; }
/********** Five Column Table **********/
table.five { width: 98%; font: 0.8em/1.0 arial, helvetica, sans-serif; color: #333; border-collapse: collapse; margin: 0 1.1em; padding: 0.4em; }
th.five1 { width: 40%; padding: 0.3em; border-bottom: 1px solid #c0c0c0; font-size: 0.85em; line-height: 1.3; text-align: left; padding: 0.4em; }
th.five2 { width: 15%; padding: 0.3em; border-bottom: 1px solid #c0c0c0; font-size: 0.85em; line-height: 1.3; text-align: center; padding: 0.4em; }
td.five2 { width: 15%; padding: 0.3em; border-bottom: 1px solid #c0c0c0; font-size: 0.85em; line-height: 1.3; text-align: center; padding: 0.4em; }
tr.five:hover { background: #e0e0e0; }
/********** Six Column Table in Blockquote on Annual Report Table Styles **********/
table.six { width: 90%; font: 0.8em/1.0 arial, helvetica, sans-serif; color: #333; border-collapse: collapse; margin: 0 0 2em 4em; padding: 0.2em; }
th.six1 { width: 40%; padding: 0.3em; border-bottom: 1px solid #c0c0c0; font-size: 0.85em; line-height: 1.3; text-align: left; padding: 0.3em; }
th.six2 { width: 12%; padding: 0.3em; border-bottom: 1px solid #c0c0c0; font-size: 0.85em; line-height: 1.3; text-align: right; padding: 0.3em; }
td.six { width: 12%; padding: 0.3em; border-bottom: 1px solid #c0c0c0; font-size: 0.85em; line-height: 1.3; text-align: right; padding: 0.3em; }
tr.six:hover { background: #e0e0e0; }
/********** List of Polare Editions Table Styles **********/
table.polare { width: 98%; padding: 0.3em; border-collapse: collapse; font: 0.9em/1 arial, helvetica, sans-serif; margin: 16px; }
th.polare1 { width: 15%; padding: 0.3em; color: #284262; border-bottom: 1px solid #c0c0c0; text-align: left; }
th.polare2 { width: 70%; padding: 0.3em; color: #284262; border-bottom: 1px solid #c0c0c0; text-align: left; }
th.polare3 { width: 15%; padding: 0.3em; color: #284262; border-bottom: 1px solid #c0c0c0; text-align: left; }
td.polare1 { width: 15%; padding: 0.3em; border-bottom: 1px solid #c0c0c0; text-align: left; }
td.polare2 { width: 70%; padding: 0.3em; border-bottom: 1px solid #c0c0c0; text-align: left; }
td.polare3 { width: 15%; padding: 0.3em; border-bottom: 1px solid #c0c0c0; text-align: left; }
tr.polare:hover, tr.polare:focus { background: #e0e0e0; }
/********** Skip Include Styles **********/
#skip p, #skip-index p { font: 0.7em/1 verdana, arial, helvetica, sans-serif; background: #284262; color: #fff; margin: 4px 16px 4px 0; }
#skip a:link, #skip-index a:link { text-decoration: none; background: #284262; color: #fff; }
#skip a:visited, #skip-index a:visited { text-decoration: none; background: #284262; color: #ddd; }
#skip a:hover, #skip a:focus, #skip a:active, #skip-index a:hover, #skip-index a:focus, #skip-index a:active { text-decoration: underline; background: #788; color: #fff; }
/********** Header Include Styles **********/
#header span, #header-index span { display: none; }
/********** Sidebar Include Styles **********/
#sidebar p { font: 0.7em/1.3 arial, helvetica, sans-serif; color: #eee; text-align: center; margin: 1em; }
img.sidebar { border: 0px none; margin: 4px 28px; }
img.sidebar-last { border: 0px none; margin: 4px 28px; padding-bottom: 32px; }
/********** Navigation Include Styles **********/
.menu { float: right; width: 600px; font-size: 0.8em; }
.sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; }
.sf-menu { float: right; line-height: 0.75; }
.sf-menu ul { position: absolute; top: -999em; width: 150px; /* left offset of submenus need to match (see below) */ }
.sf-menu ul li { width: 100%; }
.sf-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ background: #788; outline: 0; }
.sf-menu li.sfHover { background: #788; outline: 0; }
.sf-menu li { float: left; position: relative; background: #284262; width: 150px; }
.sf-menu li li { background: #284262; }
.sf-menu li li li { background: #284262; }
.sf-menu a { display: block; position: relative; border-left: 1px solid #788; padding: 0.9em 1em; color: #fff; text-decoration: none; border-bottom: 1px solid #788; font-size: 0.9em;
border-right: 1px solid #788; }
.sf-menu a:visited { /* visited pseudo selector so IE6 applies text colour*/ color: #fff; }
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { background: #788; outline: 0; }
.sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 0; top: 2.3em; /* match top ul list item height */ z-index: 99; }
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em; }
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 10em; /* match ul width */ top: 0; }
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -999em; }
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left: 10em; /* match ul width */ top: 0; }
.sf-menu a.sf-with-ul { padding-right: 2.25em; min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */ }
.sf-sub-indicator { position: absolute; display: block; right: .75em; top: 1.05em; /* IE6 only */ width: 10px; height: 10px; text-indent: -999em; overflow: hidden;
background: url('../images/icons/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */ }
a > .sf-sub-indicator { /* give all except IE6 the correct values */ top: .8em; background-position: 0 -100px; /* use translucent arrow for modern browsers*/ }
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator
{ background-position: -10px -100px; /* arrow hovers for modern browsers*/ }
/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position: -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position: 0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator
{ background-position: -10px 0; /* arrow hovers for modern browsers*/ }
/********** Footer Include Styles **********/
.footer-site-map { width: 100%; margin: 0; }
.footer1 { float: right; }
.footer2 { float: right; margin-right: 100px; }
.footer3 { float: right; margin-right: 100px; }
.footer4 { float: right; margin-right: 100px; }
ul.footer { margin: 20px 48px 32px 0; padding: 0; }
li.footer-heading { font: bold 0.9em/2.0 arial, helvetica, sans-serif; color: #fff; text-transform: uppercase; list-style-type: none; padding: 8px 0; border-bottom: 1px dotted #eee; }
li.footer { font: 0.75em/1.0 arial, helvetica, sans-serif; color: #fff; list-style-type: none; margin-top: 16px; }
li.footer a:link, li.footer a:visited { font: 1em/1.0 arial, helvetica, sans-serif; text-decoration: none; color: #fff; list-style-type: none; margin-top: 16px; }
li.footer a:hover, li.footer a:focus, li.footer a:active { font: 1em/1.0 arial, helvetica, sans-serif; background-color: #778888; color: #fff; list-style-type: none; padding: 4px 0; }
#footer-bottom { background: #333; clear: both; text-align: right; padding: 16px; min-height: 225px; border-top: 2px dotted #444; }
#footer-bottom p { font: 0.7em/1.6 verdana, arial, sans-serif; color: #eee; }
#footer-bottom p a:link, #footer-bottom p a:visited { color: #eee; text-decoration: underline; padding: 4px; }
#footer-bottom p a:focus, #footer-bottom p a:hover, #footer-bottom p a:active { background-color: #778888; color: #fff; text-decoration: none; padding: 4px; }
#footer-bottom abbr { border-bottom: 1px dotted #e0e0e0; cursor: help; }
img.footer-1 { margin-right: 16px; }
/******** Slider Styles ********/
#slider { width: 1024px; height: 320px; margin: 16px auto 0 auto; border: 1px solid #000; }
@keyframes slidy {
0% { left: 0%; }
17% { left: 0%; }
20% { left: -100%; }
38% { left: -100%; }
41% { left: -200%; }
59% { left: -200%; }
62% { left: -300%; }
80% { left: -300%; }
83% { left: -400%; }
99% { left: -400%; }
}
body { margin: 0; }
div#slider { overflow: hidden; }
div#slider figure img { width: 20%; float: left; }
div#slider figure { position: relative; width: 500%; margin: 0; left: 0; text-align: left; font-size: 0; animation: 40s slidy infinite; }