/* burn.css - css support for NCTPBA web site (xhtml version) */
/* version: 1/4/2012 */
/* copyright 2012 NCTPBA, all rights reserved */
/* portions copyright 2012 amalgamated binaries, inc. */

body               { padding: 10px 0; margin: 0; background-color: #000000; color: #ffffff; text-align: center; font-size: 100%; }

div.container      { position: relative; width: 740px; height: auto; margin: 10px auto; border-top: 0 none; font: normal normal normal .75em/1.2em "Verdana", "Arial", Helvetica, sans-serif; color: #000000; text-align: left; }
div.container#home           { width: 800px; height: 500px; background: #000000 url(../art/home-bg2011.jpg) no-repeat scroll center center; }
div.container#interior       { width: 800px; height: auto; background: #000000 url(../art/interior-bg082009.jpg) no-repeat scroll top left; }

p                  { margin: 10px; }

a                  { color: #b8860b; outline: 0 none; }
a:link             { color: #b8860b; }
a:visited          { color: #b8860b; }
a:focus            { color: #a9a990; }
a:hover            { color: #000000; }
a:active           { color: #808080; }
a.black                      { color: #000000; }

a.black:hover                { color: #f0e68c; color: #ffffff; }
a#current          { color: yellow; font-weight: bold; font-style: italic; }

/* titles | subtitles | captions */
h1                 { width: auto; height: auto; margin-left: 10px; color: #ffd700; font: normal normal normal 22px/24px "Verdana", "Arial", Helvetica, sans-serif; }
h1.home                      { display: block; position: absolute; left: 258px; top: 128px; width: auto; height: auto; color: #000000; }
h1.index                     { display: block; position: relative; margin-left: 60px; padding-top: 40px; color: #b8860b; }
h1.interior                  { display: block; position: relative; left: 20px; top: 10px; width: auto; height: auto; color: #ffef65; } /* was: #ffd700 | now: #ffef65 */
h1.c2header                  { display: block; position: relative; width: auto; height: auto; margin-top: 20px; margin-bottom: 20px; color: #ffffff; }
h1.address                   { color: #000000; margin-left: 0; margin-bottom: 4px; }
h1.floatcoming               { display: block; position: absolute; bottom: 180px; right: 20px; color: #ffffff; font-size: 30px; line-height: 34px; font-style: normal; }
h2                 { width: auto; height: auto; margin-left: 10px; color: #000000; font: normal normal normal 14px/18px "Verdana", "Arial", Helvetica, sans-serif; }
h2.slogan                    { display: block; position: absolute; left: 258px; top: 190px; width: 520px; height: auto; padding-top: 8px; font-weight: bold; border-top: 2px ridge #ffd700; }
h2.slogan span.weeh2         { font-size: 12px; }

/* lists */
ul                 { list-style-type: disc; margin: 0 10px 10px 10px; line-height: 13px; padding-left: 16px; color: #000000; }
ol                 { list-style-type: decimal; margin: 0 10px 10px 10px; line-height: 13px; padding-left: 16px; color: #000000; }
ul.links           { list-style-type: none; padding-bottom: 8px; border-bottom: 1px dotted #b8860b; }
ul.links#last                { border-bottom: 0 none; }

/* tables */
table              { width: auto; height: auto; margin: 0; padding: 0; border: 0 none; border-collapse: collapse; color: #000000; }
table td           { margin: 0; padding: 0; }

table.aboutcounties { width: 550; margin-left: 10px; border: 0 none; }
table.aboutcounties td { width: 180px; height: auto; padding-top: 2px; padding-bottom: 2px; }

table.members      { width: 550px; margin-left: 10px; border: 0 none; }
table.members tr.caption     { border-bottom: 2px ridge #ffffff; }
table.members tr.odd         { background-color: #f8f8ff; }
table.members tr.even        { background-color: #ffffff; }
table.members td             { padding: 2px; }

table.photos       { width: 500px; height: auto; margin-left: 10px; border: 0 none; }
table.photos td              { width: 250px; height: 170px; border: 0 none; text-align: center; }
table.photos td img          { width: 240px; height: 160px; border: 1px solid #000000; border-right-color: #c0c0c0; border-bottom-color: #c0c0c0; }

table.facecopy     { position: relative; width: 800px; height: auto; margin: 5px auto; }
table.facecopy td  { width: 50%; }
table.facecopy td.left       { text-align: left; }
table.facecopy td.right      { text-align: right; font: normal normal normal 10px/11px Verdana, Arial, Helvetica, sans-serif; color:#a9a9a9; }

/* images */
img.nonfloat       { left: 0; top: 0; border: 1px solid #C0C0C0; border-right: 2px groove #404040; border-bottom: 2px groove #404040; }
img.float          { float: right; position: relative; display: block; margin: 0 0 0 10px; padding: 0; left: 0; top: 0; border: 1px solid #C0C0C0; border-right: 2px groove #404040; border-bottom: 2px groove #404040; }
img.logo           { position: relative; width: 216px; height: 185px; margin: 0; padding: 0; }
img.vista          { position: relative; width: 520px; }
img.tfs            { width: 200px; height: 32px; margin-left: 15px; margin-top: 10px; }
img.floatgraphic   { float: right; width: 128px; height: 96px; margin: 0 10px 10px 10px; padding: 0; border: 0 none; }
img.floatgraphic#ig1         { width: 180px; height: 150px; }
img.pagephoto      { width: 100%; height: auto; border: 0 none; margin-bottom: -3px; }
img.blankfoto                { width: 740px; height: 490px; border: 0 none; outline: 0 none; }

/* home page randomized inset divs and background images */
#inid1             { left: 52px; bottom: 130px; position: absolute; width: 172px; height: 75px; border-bottom: 1px solid #000000; border-right: 1px solid #000000; }
#inid2             { left: 52px; bottom:  40px; position: absolute; width: 172px; height: 75px; border-bottom: 1px solid #000000; border-right: 1px solid #000000; }
div.inset00        { background: transparent url(../art/inset00.png) no-repeat scroll center center; }
div.inset01        { background: transparent url(../art/inset01.png) no-repeat scroll center center; }
div.inset02        { background: transparent url(../art/inset02.png) no-repeat scroll center center; }
div.inset03        { background: transparent url(../art/inset03.png) no-repeat scroll center center; }
div.inset04        { background: transparent url(../art/inset04.png) no-repeat scroll center center; }
div.inset05        { background: transparent url(../art/inset05.png) no-repeat scroll center center; }
div.inset06        { background: transparent url(../art/inset06.png) no-repeat scroll center center; }
div.inset07        { background: transparent url(../art/inset07.png) no-repeat scroll center center; }
div.inset08        { background: transparent url(../art/inset08.png) no-repeat scroll center center; }
div.inset09        { background: transparent url(../art/inset09.png) no-repeat scroll center center; }
div.inset10        { background: transparent url(../art/inset10.png) no-repeat scroll center center; }
div.inset11        { background: transparent url(../art/inset11.png) no-repeat scroll center center; }
div.inset12        { background: transparent url(../art/inset12.png) no-repeat scroll center center; }
div.inset13        { background: transparent url(../art/inset13.png) no-repeat scroll center center; }
div.inset14        { background: transparent url(../art/inset14.png) no-repeat scroll center center; }
div.inset15        { background: transparent url(../art/inset15.png) no-repeat scroll center center; }
div.inset16        { background: transparent url(../art/inset16.png) no-repeat scroll center center; }
div.inset17        { background: transparent url(../art/inset17.png) no-repeat scroll center center; }
div.inset18        { background: transparent url(../art/inset18.png) no-repeat scroll center center; }
div.inset19        { background: transparent url(../art/inset19.png) no-repeat scroll center center; }
div.inset20        { background: transparent url(../art/inset20.png) no-repeat scroll center center; }
div.inset21        { background: transparent url(../art/inset21.png) no-repeat scroll center center; }
div.inset22        { background: transparent url(../art/inset22.png) no-repeat scroll center center; }
div.inset23        { background: transparent url(../art/inset23.png) no-repeat scroll center center; }

/* interactive map images */
img.map            { width: 540px; height: 514px; margin: 10px; border: 0 none; outline: 0 none; }
img.county         { float: left; margin: 0 10px 10px 10px; padding: 0; border: 0 none; }
img.county#archer            { width: 139px; height: 137px; }
img.county#clay              { width: 126px; height: 211px; }
img.county#jack              { width: 134px; height: 145px; }
img.county#montague          { width: 128px; height: 173px; }
img.county#palopinto         { width: 133px; height: 150px; }
img.county#shackelford       { width: 133px; height: 136px; }
img.county#stephens          { width: 136px; height: 136px; }
img.county#throckmorton      { width: 153px; height: 139px; }
img.county#wichita           { width: 139px; height: 113px; }
img.county#young             { width: 139px; height: 139px; }

/* burn-ban banner */
img.burnban        { position: absolute; width: 180px; height: 20px; left: 260px; bottom: 19px; border: 1px solid #b8860b; }
img.burnban:hover  { border-color: #ffff00; }
a.burnbanbanner    { color: #b8860b; text-decoration: none; }

/* logos */
img.noaa           { width: 64px; height: 64px; margin-left: 78px; margin-top: 40px; border: 0 none; outline: 0 none; }
img.noaa#noaahome            { position: absolute; width: 74px; height: 74px; right: 20px; top:  20px; margin: 0 0; }
img.usfs           { width: 74px; height: 74px; margin-left: 78px; margin-top: 40px; border: 0 none; outline: 0 none; }
img.usfs#usfshome            { position: absolute; width: 74px; height: 74px; right: 20px; top: 100px; margin: 0 0; }

/* misc images */
img.keetch         { width: 540px; height: 418px; margin: 10px; border: 0 none; outline: 0 none; }
img.arcphoto       { float: left; width: 550px; height: 350px; margin: 0 10px 10px 10px; padding: 0; border: 0 none; }
img.arcthumbnail   { width: 96px; height: 60px; margin-top: 4px; border: 1px solid #000000; }

/* divs */
.header            { position: relative; background: transparent; width: 740px; height: 185px; margin: 0; padding: 0; border: 0 none; text-align: left; }
.address           { position: relative; background-color: #ffffff; width: 740px; height: auto; margin: 0; padding: 0; border: 0 none; text-align: center; }
.s1                { clear: both; float: left; width: 100%; height: auto; margin: 0; padding: 0; background-color: #9a792f; }
.highleft          { position: absolute; left: 240px; top: 100px; width: 440px; height: auto; border: 0 none; background: transparent; color: #EFEFEF; overflow: hidden; }
.s1a                         { float: left; width: 50%; border: 0 none; }
.s1a p                       { color: #ffffff; }
.s1b                         { float: left; width: 50%; border: 0 none; text-align: right; color: #ffffff; }
.s1b a                       { color: #ffffff; }
.s1b a:hover                 { color: #ffd700; }
.s1i                         { float: left; width: auto; border: 0 none; }
.s1i p                       { color: #ffffff; }
.c1b               { width: 190px; min-height: 300px; height: auto !important; height: 300px; font-size: 12px; letter-spacing: 1px; line-height: 20px; color: #e1e1ae; }

/* columns */
.c1                { float: left; width: 230px; min-height: 500px; height: auto !important; height: 500px; background: transparent; }
.c2                { float: left; width: 570px; min-height: 500px; height: auto !important; height: 500px; background: #ffffff url(../art/interior-c2-bg082009.png) repeat-x scroll top left; }
.m1                { float: right; width: 100%; min-height: 300px; height: auto !important; height: 300px; background: transparent; }

div.insetblock     { position: relative; width: auto; height: auto; text-align: left; margin: 0 10px 10px 10px; padding: 0; background-color: #eee8aa; border: 1px solid #bdb76b; border-right-color: #ffffff; border-bottom-color: #ffffff; }
div.insetblock p             { margin: 6px; }
.copyright         { position: relative; width: 740px; height: auto; margin: 1px auto; background-color: transparent; border: 0 none; text-align: right; }
.copyright p                 { margin: 0; padding: 0 6px; text-align: right; font: normal normal normal 10px/11px Verdana, Arial, Helvetica, sans-serif; color:#a9a9a9; }

/* fotodiv: blank class */
.fotodiv           { width: 740px; height: 490px; margin-top: -2px; background: transparent url(../art/photos/photo-blank.gif) no-repeat scroll bottom center; }
#dasfoto           { clear: both; width: 740px; height: 490px; margin-top: -2px; }
/* fotodiv: property classes */
.fotodiv-p01       { background: transparent url(../art/photos/photo-property01-740.jpg) no-repeat scroll bottom center; }
.fotodiv-p02       { background: transparent url(../art/photos/photo-property02-740.jpg) no-repeat scroll bottom center; }
.fotodiv-p03       { background: transparent url(../art/photos/photo-property03-740.jpg) no-repeat scroll bottom center; }
.fotodiv-p04       { background: transparent url(../art/photos/photo-property04-740.jpg) no-repeat scroll bottom center; }
.fotodiv-p05       { background: transparent url(../art/photos/photo-property05-740.jpg) no-repeat scroll bottom center; }
.fotodiv-p06       { background: transparent url(../art/photos/photo-property06-740.jpg) no-repeat scroll bottom center; }
/* fotodiv: guest classes */
.fotodiv-g01       { background: transparent url(../art/photos/photo-guest01-740.jpg) no-repeat scroll bottom center; }
.fotodiv-g02       { background: transparent url(../art/photos/photo-guest02-740.jpg) no-repeat scroll bottom center; }
.fotodiv-g03       { background: transparent url(../art/photos/photo-guest03-740.jpg) no-repeat scroll bottom center; }
.fotodiv-g04       { background: transparent url(../art/photos/photo-guest04-740.jpg) no-repeat scroll bottom center; }
.fotodiv-g05       { background: transparent url(../art/photos/photo-guest05-740.jpg) no-repeat scroll bottom center; }
.fotodiv-g06       { background: transparent url(../art/photos/photo-guest06-740.jpg) no-repeat scroll bottom center; }

/* navigation div (home page only) */
div.homenav        { position: absolute; width: 320px; height: auto; right: 0; bottom: 0; border: 0 none; text-align: right; }

/* navigation unordered list */
ul.nav             { list-style: none; margin: 8px; padding: 0; text-align: right; }
ul.nav#navterior             { text-align: left; margin-top: 12px; margin-left: 28px; padding: 4px 0; border-top: 2px ridge #ffd700; border-bottom: 2px ridge #ffd700; }
ul.nav#navmaps               { text-align: left; margin-top: 5px; margin-left: 28px; padding: 4px 0; }
ul.nav li                    { margin: 4px; }
ul.nav li.sub                { margin-left: 10px; }
ul.nav li.caption            { color: #ffd700; }
ul.nav li a,
ul.nav li a:link,
ul.nav li a:visited          { color: #ffd700; text-decoration: none; }
ul.nav li a:focus            { color: #c0c0c0; }
ul.nav li a:hover,

ul.nav li a:active           { color: #ffff00; }

/* archive index listings */
ul.arcindex li               { margin-bottom: 10px; }

/* feedback forms */
form               { margin: 0; padding: 0; border: 0 none; color: #000000; font: normal normal normal 11px/14px "Verdana", "Arial", Helvetica, sans-serif; }
input,
textarea,
select             { padding: 2px; color: #000000; font: normal normal normal 11px/14px "Verdana", "Arial", Helvetica, sans-serif; }
fieldset           { border: 0 none; margin: 0 0; padding: 0 0; }
legend             { padding: 0 10px; }
label              { float: left; display: block; text-align: right; width: 80px; line-height: 14px; margin: 2px 0; }
label.radiolabel             { float: none; display: inline; text-align: left; width: 128px; height: 20px; line-height: 20px; margin-top: 4px; margin-bottom: 0; }
.clear             { clear: both; overflow: hidden; height: 1px; font-size: 0; }
.clear10                     { clear: both; overflow: hidden; height: 1px; font-size: 0; margin-bottom: 12px; }
.feedback          { margin: 0 0; padding: 0 0; color: #000000; font: normal normal normal 11px/14px "Verdana", "Arial", Helvetica, sans-serif; }
.hidden            { border: 0; margin: 0; padding: 0; }
.feedback input    { width: 200px; margin: 0 10px 2px 8px; }
.feedback input.radiobutton  { display: block; float: left; width: auto; margin: 4px 4px 0 6px; padding: 0; }
.feedback select             { width: auto; margin: 0 10px 2px 8px; }
.feedback textarea           { width: auto; max-width: 480px; margin: 2px 10px 10px 8px; }
.feedback p.formnote         { width: auto; margin: 0 0 10px 90px; }
.feedback input.formcode     { width: 138px; }
.feedback .submit            { width: 80px; margin: 5px 0 8px 8px; background-color: #d7dcd0; }
img.ci             { display: block; width: 140px; height: 40px; margin: 0 0 10px 90px; padding: 0; background: #ffffff url(../art/forms/formok00.png) no-repeat scroll top left; border: 1px solid #000000; }

/* modifiers */
.bold                        { font-weight: bold; }
.italic                      { font-style: italic; }
.bold-italic                 { font-weight: bold; font-style: italic; }
.smallcaps                   { font-variant: small-caps; }
.black                       { color: #000000; }
.clear                       { clear: both; }

.red                         { color: red; }
.clearBoth                   { clear: both; }
.clearRight                  { clear: right; }
.transparent                 { background: transparent; }
#transparent                 { background: transparent; }
.buttonize                   { padding-left: 4px; padding-right: 4px; border: 1px solid black; border-left-color: #ffffff; border-top-color: #ffffff; }

