/* adjustments for farming pages */

@media screen {
/*\*//*/
}
/**/
.ext01 {margin-top: 5px!important;}
.ext02 {margin-top: 10px!important;}
.ext03 {margin-top: 15px!important;}
.ext04 {margin-top: -15px; position: relative; border: none!important; }
.ext05 {position: absolute!important; margin-top: -50px; right: -25px;}
.ext07 {margin-top: 20px;}

.ext12 {margin-right: -3px;}


div #content div div .ext20, div #content div div .ext21, div #content div div .ext22 {display: block; border: solid 1px #bbb; padding: 1px 4px; margin: 4px 3px 4px -3px; background: #ffc url(../imagedepot/confused_3.png) 100% 100% no-repeat; }
div #content div div .ext21 {background-color: #f0f8ff;}

div #content div div ul.ext25 li {padding-bottom: 1em;}

.ext29 {margin-top: 40px; margin-bottom: 40px;}
.ext30 {background: transparent url("../imagedepot/blank_12.gif") no-repeat 49% 49%;}

html body div#wrapper div#iewrapper div div div div div .exp01 {background-color: #eff;}
html body div#wrapper div#iewrapper div div div div div .exp02 {background-color: #eed;}
html body div#wrapper div#iewrapper div div div div div .exp03 {background: #fff;}
html body div#wrapper div#iewrapper div div div div div .exp04 {background: #135; color: #fff; font-weight: 700;}
html body div#wrapper div#iewrapper div div div div div .exp04 * {color: #fff;}
html body div#wrapper div#iewrapper div div div div div .exp05 {background: #531; color: #fff; font-weight: 700;}
html body div#wrapper div#iewrapper div div div div div .exp05 * {color: #fff;}
html body div#wrapper div#iewrapper div div div div div .exp06 {background: #333; color: #fff; font-weight: 700;}
html body div#wrapper div#iewrapper div div div div div .exp06 * {color: #fff;}

html body div#wrapper div#iewrapper div div div div div .exp0 {display: block!important;}


html body div div div div#content div div ol.arr li {background: url(../imagedepot/arrow.png) no-repeat 0 1.2em;  margin-left: -22px!important; padding-left: 25px!important; list-style-position: inside; text-indent: -22px; margin-bottom: 1.5em;}
ol.arr li:first-letter {margin-left: 2px;}

* html ol.arr li:first-letter {margin-left: 5px;}
*:first-child+html ol.arr li:first-letter {margin-left: 5px;}

ol.arr li * {text-indent: 0;}

ol.arr li p+span {display: block; margin: 0 3px 0 -16px; padding: 0 0 5px 16px;
background: url(../imagedepot/arrow-bar.png) no-repeat 0 100%; clear: both;}

div#content div p img.flr {margin: .2em -2px 3px 5px;}
#add2 img.port {opacity: .8;}



.nb {white-space: nowrap;}

h2 {font-style: italic;}

h5 {padding-bottom: 3px; clear: both;}

div div div div div#content div.imgovfl {overflow: hidden; text-align: center; clear: both!important; background: none!important; float: right; margin-right: 3px; width: 98%; display: inline;border: solid 1px #ccc; 
border-color: #bbb #bbb #ddd #ddd; margin-bottom: 6px; max-width: 600px; margin-left: 1%;}
div#content div.imgovfl img {margin: -1px -150px -.5em; }


div#content div img.fll, div#content div img.flr {max-width: 97%; border: solid 1px #ccc; border-color: #fff #333 #333 #fff;}

div#content div>img.fll, div#content div>img.flr {height: auto;}

div#content div img.nob {border: none;}

div#content div img.flr {clear: right;}
div#content div img.fll {clear: left;}

div#add2>img {max-width: 250px; height: auto;}

html body div#add2 ul {width: 250px;}

div#content div p.lineup {overflow: hidden; display: table;}
* html div#content div p.lineup {overflow: visible; height: 1%;}


#add2 p {font-size: 88%!important;}
#add2 p.exp {margin-bottom: 20px; font-size: 100%!important;}
#add2 p.exp img.quo {margin: -3px 6px 0 -3px; vertical-align: middle;}

#add2 img.fig {margin: 20px 0 0 0; background: #eee; clear: both;}


div#iewrapper,div#superwrapper3 {border-color: #ccc; background: none;}

div#footer,html body #add2 { background: none; border-color: #ccc;}

* html #footer .nav ul {margin: 0;}

html body div#footer {min-height: 2.5em; overflow: hidden;}

* html div#footer {overflow: visible; height: 2.5em;}


li span.exp {margin-right: 3px!important; margin-left: -3px!important;}

div#add2 p.quotation em {font-style: normal;}

.curle {width: 250px; background: transparent url(../imagedepot/curletop-b.png) top left no-repeat; padding: 14px 0 0 0; margin: 10px -10px 3px -1px;}

.curle p,.curle h4,.curle h5,.curle div {border-left: solid 1px #d5d5d5; border-right: solid 1px #d5d5d5; width: auto; padding: 0 2px 5px 5px; margin: -1px 11px 0 10px; width: 231px;}

* html .curle p,* html .curle h4,* html .curle h5,* html .curle div {width: 240px;}

.curle div {overflow: hidden; width: 231px; text-align: left;}


.curle div ol {margin: -5px 0 6px 0; padding-left: 30px;}
.curle div ol li {margin: 5px 0 0 0; line-height: 1.0;}

.curle div.bottom {display: block; width: 250px; height: 17px; background: transparent url(../imagedepot/curlebottom-b.png) bottom left no-repeat; padding: 0; margin: 0 -10px 0 9px; border: none;}

.curle h5 b {position: absolute; right: 15px;}


div#footer {background: url("../imagedepot/catrip-c.png") no-repeat bottom right}
div#footer:hover {background-position: -300px;}

/*

html, html body, html body div {visibility: hidden!important; display: none!important; background: #ddd!important;}

*/


/*\*//*/
div#footer {display: inline-block;}
/**/
}

@media screen {
* html div#superwrapper2 {height: 550px;}
* html div #content div div .head { padding-left: 8px!important;}
}