/* print styles for main column in multicolumn pages */

@media print, projection {
html,body { margin: 0; padding: 0; font-family: Georgia, Arial, sans-serif;}
div#wrapper { background: #fff!important; border-bottom: solid 1px #bbb;}
div#wrapper {width: 100%!important;}
div#iewrapper,div#header {width: 100%!important;}
div#content div {width: 100%!important;}
.tac {text-align: center;}

b.tac {width: 100%; float: right; overflow: hidden;}
#content div div b.tac img {margin: 3px -65px;}

#head,#add1,h1#overlay-ie,.throwleft {display: none !important;}

h1 {font-size: 140%;}
h2 {font-size: 120%;}
h3 {font-size: 112%;}
h4 {font-size: 108%;}
h5 {font-size: 105%;}
h1,h2 {margin: 0; padding: 0.3em 0;}
h3,h4,h5 {margin: 0; padding: 1em 0 0.3em 0;}
p {font-size: 100%; margin: 0 2% 0 3%; padding: 0.1em 0 0.5em 0; width: auto; }
ul li, ol li {margin-right: 2%;}
p.head,p#overlay {text-align: center;clear: both;}
p#overlay {border-top: solid 1px #bbb; margin: 0; padding: 0.3em 0 0 0;}
.flr {float: right; margin: 3px; clear: right;}
.fll {float: left; margin: 3px; clear: left;}

div#content div div {padding-bottom: 15px; padding-left: 10%; width: auto !important; }
div#content div div div {border: none; height: 0;}
div#content div div#inlineheader {border: none;}
div#content div div div.tac {height: auto;}
div#content div div p {clear: left;}

br {font-size:1px; line-height: 0px; height: 0; width: 10px; }
br.left {clear:left }
br.right {clear:right }
br.both {clear:both }
img.left,p.left,div.left {clear: left;}
img.right,p.right,div.right {clear: right;}
img.both,p.both,div.both {clear: both;}
i {font-weight: 100;}
em {font-style: italic;}
em,strong {font-weight: 800;}
big {font-size: 120%; line-height: 100%;}
small {font-size: 85%; line-height: 110%;}

pre,div#content div div div.quote,div#content div div div.exp,div#content div div div.expo {margin: 0 0 0.5em 2% !important; padding: 4px 10px 4px 4px !important; border: solid 1px #ccc; float: left !important; background-color: #ffd; width: 94% !important; height: auto !important; display: inline; page-break-inside: avoid;}
div#content div div p.quote,div#content div div p.exp,div#content div div p.expo {margin: 0 0 0.5em 2%! important; padding: 4px 4px 4px 4px !important; border: solid 1px #ccc; float: left !important; background-color: #ffd; width: 96% !important; height: auto!important; display: inline; page-break-inside: avoid;}
div#content div div div.exp { background-color: #eee;}

html body p i.flr, li i.flr {width: 100%; text-align: right; white-space: nowrap; float: none!important; display: block; font-size: 82%;}
html body #add2 p i.flr {font-size: 94%;}
li i.flr {width: 96%; padding: 0 0 10px 0;}

img.fit {height: 0.9em; vertical-align: middle;}


* html pre {float: left; clear: left;}
* html div#content div div p {clear: left;}
* html i.wbrv {font-family: "Arial Unicode MS"; visibility: hidden;}

sub {vertical-align: -0.3em; line-height: 0; font-size: 100%;}
sub.small {font-size: 75%; font-weight: 200;}

sup {vertical-align: 0.4em; line-height: 0; font-size: 100%;}
sup.small {font-size: 75%; font-weight: 200;}
}

@media print {

html body div#content div div {overflow: hidden;}
* html body div#content div div {overflow: visible;}
html body div#content div div div {overflow: visible;}

a:link, a:link img {border: none!important;}

a:link,a:visited,a:link,a:visited {color: #300; font-weight: 200!important; text-decoration: none!important; border-bottom: dashed 1px #666!important;}

a:link:after, a:visited:after {content: " ( " attr(href) " ) "; font-size: 80%;font-family: arial,sans-serif; font-weight: 200; color: #600;}

#footer, #add2 .bnav, #add2 div.push img.push {display: none;}
#add2 {margin: 20px 15%; border-top: solid 1px #000; text-align: center;}
#add2 p, #add2 h4, #add2 h5, #add2 ul, #add2 ol  {text-align: left;}

#add2 .exp, #add2 div.push {border: dashed 1px #ccc; margin: 1%; padding: 1%;}

/* organize content - at least in Opera */

div#content div div p,div#content div div, #add2 div, #add2 p {page-break-inside: avoid;}

html body table {border-collapse: collapse!important; margin-left: 5%; }
html body table th, html body table td {border: solid 1px #aaa!important; text-align: left!important; padding: 1px 4px!important; vertical-align: top!important}

}

@media projection {
body {background: #357; font-size: 32px; margin: 0; padding: 0; min-height: 100%; width: 100%;}
div#wrapper {max-width: 1280px; margin: 0 auto; padding: 0;}

html body div#wrapper,html body div#wrapper div#iewrapper,html body div#wrapper div#iewrapper div#content {width: auto; background: #def;}

div#content div div { margin-bottom: 6px; border-bottom: solid 20px #357; padding-left: 2%; padding-right: 1%; background: #def; overflow: hidden;}

.pbafter {page-break-after: always;}
.pbbefore {page-break-before: always;}

/* p#overlay {page-break-before: always;} */


p#overlay {border-top: none;}

#add2 {float: none; width: auto; background-color: #def; display: block; text-align: center; padding: 0 1%;}

#add2 p,#add2 h3,#add2 h4,#add2 h5,#add2 ul,#add2 ol {text-align: left;}

#add2 ul li {list-style: none;}

#add2 img {width: 200px; margin: 40px 0;}

#add2 img.flr {width: auto; margin: 6px;}

#add2 img.push, .noproj {display: none;}

#add2 .bnav {width: 620px; max-width: 50%;}

#add2 .bnav img {width: 384px; margin: 6px 112px 6px 0;}

#add2 .bnav a img {width: 384px; margin: 6px 0px 6px 0;}

#add2 .bnav a img.live {width: 384px; margin: 6px 112px 6px 0;}

#add2 .bnav a img.more {width: 384px; margin: 6px 224px 6px 0;}

div#add2 div.bnav ul {margin: 0; padding: 0; width: 100%;}

div#add2 div.bnav {display: none;}

#wrapper #iewrapper div#add2 p i.flr,#wrapper #iewrapper div#add2 p span.flr {margin-right: 5px; float: none; text-align: right; width: 96%; display: block; border-bottom: solid 1px #bbb; margin-bottom: 1em;}

#footer img {display: none!important;}
#footer {border-top: solid 1px #bbb; display: block; background-color: #bcd; width: 100%; float: left;}
#footer ul {margin: 6px; padding: 0;}
#footer ul li {list-style: none; margin-left: 6px; padding: 0;}

/* fx */
p a:link,p a:visited,p a:active,p acronym {line-height: 1.42em; margin: 0 1px 0 1px; padding: 0 1px;}

li a:link,li a:visited,li a:active,li acronym, li p.z2 {line-height:1.42em; margin: 0 1px 0 1px; padding: 0 1px;}

a:link {font-weight: 800; } 
a:visited {font-weight: 800; }
a:hover {color: #000; font-weight: 800; background-color: #fff; }
a:active {font-weight: 800; background-color: #357; color: #fff;}

a.z1:link,a.z1i:link {color: #111; text-decoration: none; border-bottom: dashed 1px #33cc00; padding-top: 1px; background-color: transparent;} 
a.z1:visited,a.z1i:visited {color: #520; text-decoration: none; border-bottom: dashed 1px #cc0099; padding-top: 1px; background-color: transparent;}
a.z1:hover,a.z1i:hover {color: #000; background-color: #fff; text-decoration: none; border-bottom: solid 1px #333!important; border-top: solid 1px #666; padding-top: 0;}
a.z1:active,a.z1i:active {color: #fff; text-decoration: none; background-color: #357; color: #fff; border-bottom: solid 1px #333!important; border-top: solid 0px #333; padding-top: 0;}


p.z2 {font-weight: 800; margin: 0; padding: 0;}
}
@media print, projection and (min-width: 0px) {
i.flr.both,em.flr.both,b.flr.both,strong.flr.both {width: 96%; text-align: right;}
}