/***** FOR LARGE SCREENS *****/
@media all and (min-width:761px){
.hide-if-pc {display: none;}

html {font: normal 1.4em Arial, sans-serif; color: #3a3a3a; text-align: left;}

h1 {font:normal 1.3em Trebuchet, Arial, sans-serif; background: #c0392b; color:#fff; display:block; text-align:center; padding: 3px; margin: 0 195px 0 0; position : relative; top : 0; bottom : auto; left : 200px;}
h2 {font:normal 1.0em Trebuchet, Arial, sans-serif; padding: 3px; margin: 0 195px 0 0; text-align: center; background: #2F7311; color:#fff; display:block; position : relative; top : 0; bottom : auto; left : 200px;}
h3 {font-weight: bold; font-size: 1.0em; color: #000; margin: 10px 0 3px 90px;}
h6 {color: black; font-size: 1.1em; padding-top: 30px; text-align: center; margin: 0 195px 30px 200px;}

img.displayed {display: block; padding-top: 40px; position: relative; margin-left: auto; margin-right: auto; max-width: 650px;}
img.displayed.tite {margin-top: -40px;}

.xamp {color: #D65600; font-style: italic; padding: 10px 0 0 30px;}
.infobox1{background: #eee; margin: 81px 0 0 80px; padding: 5px 5px 1px 5px; border: 1px solid #C4C4C4;}

p.ind1 {text-indent: 140px; margin: 0;}
p.indent, ul.indent, ol.indent {margin:2px 0 0 10px;}

#wrapper2 {margin: 0 auto; padding: 1px 4px 0 5px;
  max-width: 900px; width: expression(document.body.clientWidth >900? "900px" : "auto");
  border-left: 1px solid #F2F0E9; border-right: 1px solid #F2F0E9;}

#header {position : relative; top : 0; bottom : auto; left : 200px; width: 695px;}

#leftnavigation {font-size: 0.6em; background: #F8FBCB; position : absolute; top : 0; width : 200px; padding : 0; margin-top: 1px; margin-bottom: 1px; border: 2px solid #cccccc;}
#leftnavigation ol li {margin: 5px 2px 5px -10px; padding: 0;}
#leftnavigation ol li a {font-weight: bold;}
#leftnavigation ol li.sel {color: #a61ccc; font-weight: bold;}

#content {position : relative; bottom : 35px; margin : 60px -100px 0px 220px; width: auto; height : auto; padding-left : 5px; padding-right : 0px; left: -100px; top : -80px;}
#content ul, #content ol, #content p {padding-top: 35px; margin-left: 70px;}
#content ul.nm {margin: -10px 0 0 -40px;}
#content p {padding: 0 0 0 15px; margin: 0 0 10px 75px;}
#content p.first {padding-top: 30px;}
#content p.tite {margin-bottom: 0; margin-top: -10px;}
#content p.note {text-align: center; padding-top: 20px; }

#content ul.tite {padding-top: 1px; margin-left: 100px;}
#content ul.ci {margin-left: 27px;  padding: 10px 0 0 5px; list-style: circle;}
#content ul.tite50 {padding-top: 1px; margin-left: 50px;}
#content ol.tite_a {padding-top: 10px; margin-left: 10px; list-style: lower-alpha;}
#content ol.tite_n {padding-top: 10px; margin-left: 10px; list-style: decimal;}
#content ol.tite_l {padding-top: 10px; margin-left: 10px; list-style: lower-roman;}
#content ul.si {margin-left: 25px;  padding-left: 25px; list-style: square;}
#content ul.sis {margin: 10px 0 0 25px;  padding-left: 25px; list-style: square;}
#content ul.sis2 {margin-left: 200px;}
#content ul li.ltite {padding: 0}
#content ul li.wide {padding-top: 12px;}
#content ul li.bigr {font-size: 1.4em; padding-top: 6px;}
#content ul li.impt {color: #FF0000;}
#content ul li.ind1 {list-style: none; text-indent: 100px;}
#content ul li.ind2 {list-style: none; text-indent: 40px; padding-top: 10px;}

#content ul.tt {padding: 0; margin: 30px 0 0 120px;}
#content ol.tt {margin: -45px 0 0 150px;}
#content ul.tt.smal, ol.tt.smal {margin: -25px 0 0 0px !important;}
#content ul li, #content ol li, table.n {padding-left: 5px; margin-top: 5px; margin-bottom: 15px;}
#content table.n {padding-top: 35px;}
#content table.n.nopad {padding-top: 0;}
#content ul li.smal, #content ol li.smal {padding-bottom: 10px;}
#content ul li.nobul, #content ol li.nobul {list-style: none; margin-left: -20px;}
#content ul.tikbul {list-style-image: url(../images/tick.gif);}
#content ul.tikbul.tite {padding-top: 10px; margin-left: 10px; list-style-image: url(../images/tick.gif);}
#content ul.wrongbul.tite {padding-top: 10px; margin-left: 10px; list-style-image: url(../images/wrong.gif);}
#content ul.xclbul.tite {padding-top: 5px; margin-left: 10px; list-style-image: url(../images/exclamation.gif);}
#content ul.one {font-size: 1.0em;}
#content ul.nun.tite {margin: -10px 0 0 -25px; list-style: none;}
#content li.nun {font-weight: bold; padding-top: 0px;}
#content li.nun2 {margin: -6px 0 10px; 0; list-style: none; font-weight: normal; font-size: 0.8em;}
#content table {margin-left: 100px;}
#content ul.sm {margin-top: 0;  padding: 5px 0 0 100px; font-size: 90%;}
#content table.notop {margin: 0 0 0 100px;}
#content table.nomarg {margin: 0;}

#content table.stub {border-collapse: collapse; font-size: 1.3em; margin: 100px 0 0 150px;}
#content table.stub td {padding: 5px 10px 5px 10px; border: solid 1px;}
#content table td.sm {font-weight: normal; font-size 1.3em;}
#content ul.sm li {font-size: 1.3em; font-weight: normal; margin: 1px 10px 5px -100px;  padding: 0 0 5px 0;}
#content ul.sm li.bol {font-weight: bold;}
#content ul.sm li.head {margin-left: -135px;}
#content table.t1, table.t2, table.t3, table.t4 {margin-left: 160px;  font-size: 0.8em;  border: 1px solid #B38909; background: #e8e6d9; border-collapse: collapse;}
#content table.t2 {margin: 90px 0 0 220px;}
#content table.t3 {margin: 0 0 10px 170px;}
#content table.t4 {margin: -10px 0 0 90px;}
#content table.t2 th, table.t2 td {text-align: right; padding: 5px 25px 5px 30px;}
#content table.t2 th.c {text-align: center;}
#content table.t1 th, table.t1 td, table.n td {padding-left: 15px; padding-right: 5px; vertical-align: middle;}
#content table.n td.gray, table.n tr.gray {background: #eee;}
#content table.n {margin-left: 100px;}
#content table.n td img {margin-left: auto; margin-right: auto;}
#content table.n td.w30 {width: 30%;}
#content table.n td.w50 {width: 50%;}
#content table.n td.w70 {width: 70%;}
#content table.t3 th, table.t3 td {padding: 5px 20px 5px 20px;}
#content table.t4 th {font-size: 140%; color: #fff; text-align: center;}
#content table.t4 th.lft {text-align: left;}
#content table.t4 td {padding: 3px 2px 3px 9px;}
#content table.t4 td.c {font-weight: bold; width: 10%; font-size: 0.8em; color: #CC0000;}
#content table.t3 tr.l, table.t4 tr.l {background-color: #F4F3EC;}
#content table.t4 tr.h {background-color: #5B5534;}
#content table.bp {margin-left: 120px;  margin-right: 20px; font-size: 0.8em;  border: none; background: #FFFFFF; border-collapse: collapse;}
#content table.bp td, th {padding: 4px 20px 4px 20px;}
#content table.bp td.blank {font-size: 0.5em; padding: 0; margin: 0;}
#content table.bp td.cent {text-align: center;}
#content table.bp th {font-size: 120%; color: #fff; text-align: center;}
#content table.bp th.l {text-align: left;}
#content table.bp th.w {width: 70%}
#content table.bp tr.head {background-color: #5B5534;}
#content table.bp tr.band {background-color: #e8e6d9;}
#content table.bp tr.cw {background-color: #FFFF99;}
#content table.bp tr.grey {background-color: #EBEBEB;}
#content table.bp tr.lgrn {background-color: #CCFFCC;}
#content table.bp tr.lyelo {background-color: #FFFFD6;}
#content table.bp tr.data {background-color: #FFCC99;}
#content table.bp tr.ph {background-color: #00FFFF;}
#content table.bp tr.ph2 {background-color: #8AFFFF;}
#content table.bp tr.beac {background-color: #FF8080;}
#content table.bp tr.phx {background-color: #00E0E0;}
#content hr {border:solid; color: #0A6309; height:1px; margin-left: 100px; width:97%; padding: 0;}
#content hr.litr {color: #669966; margin-left: 90px; width: 670px; margin-bottom: -20px;}
#content ul.nested {padding: 0; list-style-image: url(../images/arrow.gif);}

#footer {position: fixed; height: 35px; top: auto; right: 0; bottom: 0; left: -90px; margin-left: auto; margin-right: auto; width: 795px;}

#sec0 {margin: 0;  padding: 0 0 2px 0; background: #FFF;}
#secA {margin: -25px 0 0 0 ;  padding: 0 0 2px 0; background: #F2F2C8;}
#secB {margin: 0;  padding: 0 0 2px 0; background: #EBEBA8;}
#secC {margin: 0;  padding: 2px 0 2px 0; background: #E6E694;}

#secA h6, #secB h6 {background: #5B5534; color: #FFF;}
#secB p.smalf {font-size: 80%; color: #616161; margin: 0 4px 0 0; text-align: right; text-decoration: underline;}

table.links {margin-left: auto; margin-right: auto; width: 895px;}
table.links td.l {float: left;}
table.links td.r {float: right;}

#navbuts, #navbuts2 {margin: 0px; padding: 0px; line-height: 0px; font-size: 0px; display: inline-block;}
#navbuts.l, #navbuts2.l {padding-left: 200px;}
#navbuts a img, #navbuts2 a img {border: none;}
#navbuts a .hoverbutton, #navbuts a .downbutton, #navbuts.css_menu a:hover .normalbutton {display: none;}
#navbuts2 a .hoverbutton, #navbuts2 a .downbutton, #navbuts2.css_menu a:hover .normalbutton {display: none;}
#navbuts a div.buttonimg, #navbuts2 a div.buttonimg {height: 30px; background-position: 0 0;}
#navbuts.css_menu a:hover div.buttonimg, #navbuts a.itemhot div.buttonimg {background-position: 0 -30px;}
#navbuts2.css_menu a:hover div.buttonimg, #navbuts2 a.itemhot div.buttonimg {background-position: 0 -30px;}
#navbuts.css_menu a:active div.buttonimg, #navbuts li.itemdown div.buttonimg {background-position: 0 -60px;}
#navbuts2.css_menu a:active div.buttonimg, #navbuts2 li.itemdown div.buttonimg {background-position: 0 -60px;}
#navbuts .spaced_li, #navbuts2 .spaced_li {padding: 0px 0px 15px 10px;}
#leftnavigation ol li a.b {text-decoration: none;}
}

@media all and (min-width:761px) and (max-width:900px) {
table.links {margin-left: 80px; width: 735px;}
img.displayed {max-width: 440px;}
#content table.stub {border-collapse: collapse; font-size: 1.1em; margin: 100px 0 0 120px;}
}