@media screen
{
html{ font-size:90%;margin:0;padding:0;font-family:Trebuchet MS, Arial, sans-serif;}
body{margin:0;padding:1em 2ex;text-align:justify;}
q{quotes:"\ab\a0" "\a0\bb";}
img{max-width:100%;}
/*** personal adds ***/
p {width:96%;padding-right:3%;text-align:justify;}
#fat{font-size:1.625em;width:35%;white-space:nowrap;}
.cm {cursor:pointer;color:#666667;text-decoration:underline;}
#cml li {color:#575F56;}
.myTitle {font-size:1.225em;color:#575F56;}
/*** personal adds ***/
#content{margin-left:27ex;padding-top:2em;}
#content h1{margin:0 0 2em 0;border-left:1em solid #e9e6dd;border-bottom:1em solid #fff;text-align:center;background:#e9e6dd;color:#666667;position:fixed !important;position:absolute;left:0;top:0;width:100%;}
body.scroll #content h1{position:absolute !important;}
#content h2{color:#000;text-align:center;font-size:2em;}
#content h3{background:#ACC0AA;color:#fff;padding:0.1em 1ex;font-size:1.2em;-moz-border-radius:0 1em;}
#content h3 a{color:#efe;}
#content dt{margin-top:0.5em;font-weight:bold;}
#content li{margin-bottom:0.5em;width:96%;padding-right:3%;text-align:justify;}
#content pre{background:#8BB6C0 url(img/Code.png) no-repeat 0.5em 0.5em;padding:1em 2ex 1em 106px;margin:0;overflow:auto;-moz-border-radius:0 2em;min-height:106px;}
#content .important{background:#BBA0A5 url(img/Important-small.png) no-repeat 0.5em 0.5em;padding:1em 4ex 1em 106px;margin:0;-moz-border-radius:0 2em;min-height:96px;}
#content .important a{color:#900;}
#content .important a:visited{color:#300;}
#content table, #content caption{border-collapse:collapse;padding-bottom:3px;margin-left:auto;margin-right:auto;}
#content table tbody td, #content table tbody th{background:#eef9ee;border:1px solid #000;padding:0.2em 2ex;}
#content table tbody th{background:#ACC0AA;color:#fff;}
#content table tfoot{font-size:0.8em;text-align:center;}
#navigation{position:fixed !important;position:absolute;top:3em;width:25ex;background:url(img/ig2k.png) no-repeat bottom center;padding:0.5em 0 120px 0;}
body.scroll #navigation{position:absolute !important;}
#navigation h2{position:relative;top:1em;left:-1ex;background:#e9e6dd;color:#666667;font-size:1em;margin:0 0 0 0;padding:0.2em 0.5ex 0.2em 0.5ex;text-align:center;-moz-border-radius:0 1em;}
.over:hover{font-weight:bold;cursor:pointer;}
#navigation ul{background:#D3CCBA;padding:1.0em 1ex 0.2em 1ex;margin:0;-moz-border-radius:0 1em;}
#navigation li{display:inline;}
#navigation li a{display:block;padding:0;text-align:center;color:#fff;text-decoration:none;-moz-border-radius:0 0.5em;}
#navigation li a:hover{background:#E3DBC8;font-weight:bold;}
#navigation ul ul{background:#cba;padding:0.2em 1ex 0.2em 1ex;margin:0;-moz-border-radius:0 1em;}
#navigation ul ul li a:hover{background:#dcb;}
}

@media print
{
html{margin:0;padding:2em 4ex;font-family:Trebuchet MS, Arial, sans-serif;font-size:10pt;}
body{margin:0;padding:1em 2ex;text-align:justify;}
a{color:#000;}
a:after{content:"\a0(" attr(href) ") ";}
acronym, abbr{text-decoration:dotted;}
acronym:after, abbr:after{content:"\a0(" attr(title) ") ";}
#navigation{display:none;}
#content h1, #content h2{text-align:center;}
#content h3{border-bottom:1px solid #000;}
#content dt{margin-top:0.5em;font-weight:bold;}
#content pre{border:1px dotted #000;padding:1em 2ex;margin:1em 2ex;}
#content .important{border:0.2em solid #000;margin:1em 2ex;padding:1em 2ex;}
#content table, #content caption{border-collapse:collapse;margin-left:auto;	margin-right:auto;}
#content table tbody td, #content table tbody th{border:1px solid #000;padding:0.2em 2ex;}
#content table tbody th{color:#fff;font-weight:bold;}
#content table tfoot{font-size:0.8em;text-align:center;}
}