@font-face {font-family: armata; src: url('armata.ttf'), url('armata.eot');}

@media screen and (min-width: 891px) {

body {background: #fff; margin: 0; padding: 0; font-size: 14px; font-family: "armata", sans-serif;}

a:link {text-decoration: none; color: #00c; text-transform: uppercase;}
a:visited {text-decoration: none; color: #00c; text-transform: uppercase;}
a:hover {text-decoration: none; color: #fff; background: #00a;}
a.external {background-image: url('exlink.gif'); background-repeat: no-repeat; background-attachment: scroll; padding-left: 14px; background-position: left;}

h1 {font-size: 22px; color: #000; font-weight: normal; border-bottom: #000 1px solid; margin: 0; padding: 5px; line-height: 150%; letter-spacing: 0; font-variant: small-caps;}
h2 {font-size: 30px; color: #000; font-weight: normal; text-align: left; letter-spacing: 0; margin: 0 0 15px; padding: 0; font-variant: small-caps;}
h3 {font-size: 22px; color: #000; font-weight: normal; border-top: #000 1px solid; text-align: left; line-height: 100%; padding-top: 20px; margin: 0 0 20px; font-variant: small-caps;}
h4 {font-size: 20px; font-weight: normal; color: #000; text-align: left; line-height: 100%; font-variant: small-caps;}
h5 {font-size: 18px; font-weight: bold; color: #000; text-align: left; line-height: 100%; font-variant: small-caps;}
h6 {font-size: 16px; font-weight: bold; color: #000; text-align: left; line-height: 150%; margin: 0 0 13px; padding: 0;}

p {color: #000; margin: 0 0 15px; padding: 0; line-height: 150%;}
p.note {padding: 0; margin-left: 25px; margin-right: 25px; line-height: 150%; font-size: 12px;}
p.note2 {padding: 0; margin-left: 20px; margin-right: 20px; line-height: 150%; font-size: 12px;}
p.attention {padding: 10px; line-height: 150%; border-left: #00c 15px solid; font-size: 15px; border-bottom: #00c 5px solid; border-right: #00c 2px solid; border-top: #00c 1px solid;}
p.attention2 {padding: 5px; line-height: 150%; border-left: #00c 5px solid; font-size: 15px;}
p.blk {padding: 10px; line-height: 150%; border-left: #000 15px solid; font-size: 14px; border-bottom: #000 5px solid; border-right: #000 2px solid; border-top: #000 1px solid;}
p span {color: #d00; font-weight: bold;}

strong {color: #000;}

img {border-right: none; border-bottom: #888 1px solid; border-left: #888 1px solid; border-top: none; padding: 5px; margin-right: 15px;}
img.specpic {border: none; padding: 0; margin: 0;}
img.noborder {border: none; padding: 3px; margin-right: 15px;}

#article {width: 815px; margin-top: 10px; margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px;}
#article.slct {-webkit-user-select: none; -ms-user-select: none; user-select: none;}
#header {padding: 0; margin-bottom: 10px; text-align: center;}
#header p {margin: 0; padding: 0;}
#header img {border: none; padding: 0; margin: 0; max-width: 100%;}
#header a:link {text-decoration: none; color: #fff;}
#header a:hover {text-decoration: none; color: #fff; color: #000; background: #fff;}
#header a:visited {text-decoration: none; color: #fff;}

#section {float: left; width: 600px; text-align: left; margin: 0; padding: 0;}
#section ul {margin: 0 0 20px 0; padding: 0 0 0 20px; text-align: left;}
#section li {list-style-image: url(ul2.gif); margin: 0 0 3px 0; padding: 0;}
#section p.small {font-size: 12px;}
#section p.small-grey {font-size: 12px; color: #444}
#section p.blockquote {margin-left: 40px; margin-right: 40px;}

#aside {padding: 5px 0 0 0; margin-left: 635px; text-align: left;}
#aside ul {list-style-type: none; padding: 0; margin: 0 0 15px;}
#aside li {background: url(ul2.gif) no-repeat 0; padding-left: 15px;}
#aside a {display: block; padding: 1px; width: 160px; text-transform: none;}
#aside a:link {color: #000; text-decoration: none; text-transform: none;}
#aside a:visited {color: #000; text-decoration: none; text-transform: none;}
#aside a:hover {color: #fff; background: #000; text-transform: none;}

#footer {clear: both; padding-top: 20px; padding-bottom: 20px; margin: 0 0 140px 0; text-align: left; border-top: #000 1px solid;}
#footer p {font-size: 12px; text-transform: none; color: #555; line-height: 150%;}
#footer strong {color: #555;}
#footer a:link {text-decoration: none; color: #555;}
#footer a:visited {text-decoration: none; color: #555;}
#footer a:hover {text-decoration: none; background: #555; color: #fff;}
#footer img {border: none; padding: 0; margin: 0;}

table {width: 100%; text-align: left; font-size: 11px;}
table.ad {width: 100%; text-align: left; font-size: 11px; border-top: #ccc 1px solid; border-bottom: #ccc 1px solid;}
}

@media screen
and (min-width: 640px)
and (max-width: 890px) {

body {background: #fff; margin: 0; padding: 0; font-size: 14px; font-family: "armata", sans-serif;}

a:link {text-decoration: none; color: #00c; text-transform: uppercase;}
a:visited {text-decoration: none; color: #00c; text-transform: uppercase;}
a:hover {text-decoration: none; color: #fff; background: #00a;}
a.external {background-image: url('exlink.gif'); background-repeat: no-repeat; background-attachment: scroll; padding-left: 14px; background-position: left;}

h1 {font-size: 20px; color: #000; font-weight: normal; border-bottom: #000 1px solid; margin: 0; padding: 5px; line-height: 150%; letter-spacing: 0; font-variant: small-caps;}
h2 {font-size: 28px; color: #000; font-weight: normal; text-align: left; letter-spacing: 0; margin: 0 0 15px; padding: 0; font-variant: small-caps;}
h3 {font-size: 20px; color: #000; font-weight: normal; border-top: #000 1px solid; text-align: left; line-height: 100%; padding-top: 20px; margin: 0 0 20px; font-variant: small-caps;}
h4 {font-size: 18px; font-weight: normal; color: #000; text-align: left; line-height: 100%; font-variant: small-caps;}
h5 {font-size: 16px; font-weight: normal; color: #000; text-align: left; line-height: 100%; font-variant: small-caps;}
h6 {font-size: 14px; font-weight: bold; color: #000; text-align: left; line-height: 150%; margin: 0 0 13px; padding: 0;}

p {color: #000; margin: 0 0 15px; padding: 0; line-height: 150%;}
p.note {padding: 0; margin-left: 25px; margin-right: 25px; line-height: 150%; font-size: 12px;}
p.note2 {padding: 0; margin-left: 20px; margin-right: 20px; line-height: 150%; font-size: 12px;}
p.attention {padding: 10px; line-height: 150%; border-left: #00c 15px solid; font-size: 15px; border-bottom: #00c 5px solid; border-right: #00c 2px solid; border-top: #00c 1px solid;}
p.attention2 {padding: 5px; line-height: 150%; border-left: #00c 10px solid; font-size: 14px;}
p.black {padding: 10px; line-height: 150%; border-left: #000 15px solid; font-size: 14px; border-bottom: #000 5px solid; border-right: #000 2px solid; border-top: #000 1px solid;}
p span {color: #d00; font-weight: bold;}

strong {color: #000;}

img {border-right: none; border-bottom: #888 1px solid; border-left: #888 1px solid; border-top: none; padding: 5px; margin-right: 15px;}
img.specpic {border: none; padding: 0; margin: 0;}
img.noborder {border: none; padding: 3px; margin-right: 15px;}

#article {width: 600px; margin-top: 10px; margin-left: auto; margin-right: auto; padding-left: 10px; padding-right: 10px;}
#article.slct {-webkit-user-select: none; -ms-user-select: none; user-select: none;}
#header {padding: 0; margin-bottom: 10px; text-align: center;}
#header p {margin: 0; padding: 0;}
#header img {border: none; padding: 0; margin: 0; max-width: 100%;}
#header a:link {text-decoration: none; color: #fff;}
#header a:hover {text-decoration: none; color: #fff; color: #000; background: #fff;}
#header a:visited {text-decoration: none; color: #fff;}

#section {float: left; width: 600px; text-align: left; margin: 0; padding: 0;}
#section ul {margin: 0 0 20px 0; padding: 0 0 0 20px; text-align: left;}
#section li {list-style-image: url(ul2.gif); margin: 0 0 3px 0; padding: 0;}
#section p.small {font-size: 12px;}
#section p.small-grey {font-size: 12px; color: #444}
#section p.blockquote {margin-left: 40px; margin-right: 40px;}

#aside {display: none;}

#footer {clear: both; padding-top: 20px; padding-bottom: 20px; margin: 0 0 140px 0; text-align: left; border-top: #000 1px solid;}
#footer p {font-size: 12px; text-transform: none; color: #444; line-height: 150%;}
#footer strong {color: #444;}
#footer a:link {text-decoration: none; color: #444;}
#footer a:visited {text-decoration: none; color: #444;}
#footer a:hover {text-decoration: none; background: #444; color: #fff;}
#footer img {border: none; padding: 0; margin: 0;}

table {width: 100%; text-align: left; font-size: 11px;}
table.ad {width: 100%; text-align: left; font-size: 11px; border-top: #ccc 1px solid; border-bottom: #ccc 1px solid;}
}

@media screen and (max-width: 639px) {

body {background: #fff; margin: 10px; padding: 0; font-size: 100%; font-family: "armata", sans-serif;}

#aside {display: none;}

#article {width: 100%; margin-top: 10px; margin-left: auto; margin-right: auto; padding: 0;}
#article.slct {-webkit-user-select: none; -ms-user-select: none; user-select: none;}
a:link {text-decoration: none; color: #00c; text-transform: uppercase;}
a:visited {text-decoration: none; color: #00c; text-transform: uppercase;}
a:hover {text-decoration: none; color: #fff; background: #00a;}
a.external {background-image: url('exlink.gif'); background-repeat: no-repeat; background-attachment: scroll; padding-left: 14px; background-position: left;}

#header {padding: 0; margin-bottom: 10px; text-align: center;}
#header p {margin: 0; padding: 0;}
#header img {border: none; padding: 0; margin: 0; max-width: 100%;}
#header a:link {text-decoration: none; color: #fff;}
#header a:hover {text-decoration: none; color: #fff; color: #000; background: #fff;}
#header a:visited {text-decoration: none; color: #fff;}

p {color: #000; margin: 0 0 10px; padding: 0; font-size: 80%;}
p.note {padding: 5px; margin-left: 10px; margin-right: 10px; font-size: 65%;}
p.note2 {padding: 5px; margin-left: 10px; margin-right: 15px; font-size: 65%;}
p.attention {padding: 5px; border-left: #00c 10px solid; font-size: 85%; background: #fff; border-bottom: #00c 1px solid; border-right: #00c 2px solid; border-top: #00c 1px solid;}
p.attention2 {padding: 5px; border-left: #00c 3px solid; font-size: 80%; background: #fff;}
p.black {padding: 5px; border-left: #000 10px solid; font-size: 85%; background: #fff; border-bottom: #000 1px solid; border-right: #000 2px solid; border-top: #000 1px solid;}
p span {color: #d00;}

#section p.small {font-size: 65%;}
#section p.small-grey {font-size: 65%; color: #444}

h1 {font-size: 70%; color: #000; font-weight: bold; border-bottom: #000 1px solid; margin: 0; padding: 5px; line-height: 100%; text-transform: uppercase; letter-spacing: 0;}
h2 {font-size: 140%; color: #000; font-weight: normal; text-align: left; margin: 0 0 10px; padding: 0; font-variant: small-caps;}
h3 {font-size: 100%; color: #000; font-weight: bold; text-align: left; line-height: 100%; padding-top: 10px; margin: 0 0 15px; border-top: #444 1px solid; font-variant: small-caps;}
h4 {font-size: 90%; font-weight: bold; color: #000; text-align: left; line-height: 100%; font-variant: small-caps;}
h5 {font-size: 90%; font-weight: bold; color: #000; text-align: left; line-height: 100%; font-variant: small-caps;}
h6 {font-size: 80%; font-weight: bold; color: #000; text-align: left; line-height: 100%; margin: 0 0 3px; padding: 0;}

ul {font-size: 80%; padding: 0 0 0 15px;}
li {list-style-image: url(ul.gif); margin: 0; padding: 3px 0 0 0;}

table {width: 100%; text-align: left; font-size: 70%;}
table.ad {width: 100%; text-align: left; font-size: 11px; border-top: #ccc 1px solid; border-bottom: #ccc 1px solid;}

#footer {padding-top: 10px; padding-bottom: 10px; margin: 0 0 40px 0; text-align: left; border-top: #666 1px solid;}
#footer p {font-size: 60%; color: #444;}
#footer strong {color: #444;}
#footer a:link {text-decoration: none; color: #444;}
#footer a:visited {text-decoration: none; color: #444;}
#footer a:hover {text-decoration: none; background: #444; color: #fff;}
#footer img {border: none; padding: 0; margin: 0;}
}