/* STEA.org .CSS filebased on the flexi skin */
body  { background-image: url("gfx/bk2.jpg"); background-repeat: repeat-x; margin: 0; padding: 0 }
#FlexiAll   { font-size: 9pt; font-family: Arial, Helvetica, sans-serif; margin-right: auto; margin-left: auto; position: relative; width: 770px }
#FlexiHeader  { background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; position: relative; width: 770px; height: 88px }
#FlexiTitle  { background-color: transparent; background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; position: absolute; z-index: 2; top: 61px; width: auto; height: 28px }
#FlexiNav { position: absolute; z-index: 2; top: 1px; left: 395px; width: auto; height: 88px }
.about { margin-left: 0; position: absolute; width: 93px; height: 88px }
.join { margin-left: 93px; position: absolute; width: 94px; height: 88px }
.contact { margin-left: 187px; position: absolute; width: 90px; height: 88px }
.memberlogin { margin-left: 277px; position: absolute; width: 94px; height: 88px }
#FlexiTop   { background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; position: relative; top: 4px; width: 770px; height: auto }
#FlexiWrapper  { position: relative; width: 785px; height: auto }
#FlexiLeft     { background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; padding-top: 30px; padding-right: 15px; position: relative; width: 220px; float: left }
#FlexiLeft select { width: 220px }
#FlexiLeft input { color: #000; font-size: 10px; font-family: Arial; line-height: 12px; background-color: #d9d9d9; margin-right: 5px; margin-left: 5px; height: auto; vertical-align: middle; border: solid 1px #ccc }
#FlexiLeft input:hover { color: #000; font-size: 10px; font-family: Arial; line-height: 12px; background-color: #fff; margin-right: 5px; margin-left: 5px; height: auto; vertical-align: middle; border: solid 1px #ccc }
#FlexiLeft p   { margin-left: 30px }
#FlexiLeft ul { margin-top: 0; margin-bottom: 5px; padding-top: 0 }
#FlexiLeft ul li  { font-size: 8.5pt; list-style-type: square; margin-top: 0; margin-bottom: 0; margin-left: 5px; padding-top: 0; padding-bottom: 0 }
#FlexiLeft h2 { color: #fff; font-size: 9pt; font-family: Arial, Helvetica, sans-serif; font-style: italic; line-height: 24px; background-image: url("gfx/h2-left.jpg"); background-repeat: no-repeat; padding-left: 40px; border-top: 1px dotted #999; border-bottom: 1px dotted #999 }
#FlexiLeft a:link { color: #000; font-weight: bold; text-decoration: none }
#FlexiLeft a:visited { color: #000; font-weight: bold; text-decoration: none }
#FlexiLeft a.selflink { color: #680001 }
#FlexiLeft a:hover { color: #999; font-weight: bold; text-decoration: none }
#FlexiLeft .indent { margin-left: 45px }
#FlexiMain    { background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; padding-top: 30px; padding-right: 20px; padding-left: 10px; position: relative; width: 505px; float: right }
#FlexiMain input { color: #000; font-size: 12px; font-family: Arial; line-height: 14px; background-color: #d9d9d9; margin-right: 5px; margin-left: 5px; height: auto; vertical-align: middle; border: solid 1px #ccc }
#FlexiMain input:hover { color: #000; font-size: 12px; font-family: Arial; line-height: 14px; background-color: #fff; margin-right: 5px; margin-left: 5px; height: auto; vertical-align: middle; border: solid 1px #ccc }
#FlexiMain textarea { color: #000; font-size: 12px; font-family: Arial; line-height: 14px; background-color: #d9d9d9; margin-right: 5px; margin-left: 5px; height: auto; vertical-align: middle; border: solid 1px #ccc }
#FlexiMain textarea:hover { color: #000; font-size: 12px; font-family: Arial; line-height: 14px; background-color: #fff; margin-right: 5px; margin-left: 5px; height: auto; vertical-align: middle; border: solid 1px #ccc }
#FlexiMain select { color: #000; font-size: 12px; font-family: Arial; background-color: #fff; margin-right: 5px; margin-left: 5px; z-index: 6; vertical-align: middle; border: solid 1px #ccc }
#FlexiMain h1 { color: #737373; font-size: 10pt; font-family: Arial, Helvetica, sans-serif; font-weight: 700; line-height: 13px; background-image: url("gfx/h2-main.jpg"); background-repeat: no-repeat; padding-bottom: 10px; padding-left: 20px }
#FlexiMain h2 { color: #737373; font-size: 10pt; font-family: Arial, Helvetica, sans-serif; font-weight: 700; line-height: 13px; background-image: url("gfx/h2-main.jpg"); background-repeat: no-repeat; margin-bottom: 20px; padding-bottom: 10px; padding-left: 20px; border-bottom: 1px dotted #999 }
#FlexiMain h5 { color: #737373; font-size: 10pt; font-family: Arial, Helvetica, sans-serif; font-weight: 700; line-height: 13px; background-image: url("gfx/h2-main.jpg"); background-repeat: no-repeat; margin-bottom: 10px; padding-bottom: 10px; padding-left: 20px }
#FlexiMain h4 { color: #680001 }
#FlexiFooter   { color: #999; font-size: 8pt; font-family: Arial, Helvetica, sans-serif; background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; text-align: right; margin-bottom: 10px; padding-top: 30px; padding-right: 20px; padding-left: 20px; position: relative; width: 730px; height: auto; clear: both }
#FlexiFooter a:link { color: #999; text-decoration: none }
#FlexiFooter a:visited { color: #999; text-decoration: none }
#FlexiFooter a:hover { color: #000 }
#FlexiFooter input { color: #000; font-size: 8pt; font-family: Arial; background-color: #d9d9d9; margin-right: 5px; margin-left: 5px; height: auto; vertical-align: middle; border: solid 1px #ccc }
#FlexiFooter input:hover { color: #000; font-size: 8pt; font-family: Arial; background-color: #fff; margin-right: 5px; margin-left: 5px; height: auto; vertical-align: middle; border: solid 1px #ccc }
#FlexiBottom   { color: #fff; font-size: 8pt; font-family: Arial, Helvetica, sans-serif; font-style: italic; line-height: 20px; background-color: #680001; background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; padding-right: 20px; padding-left: 20px; position: relative; width: 730px; height: 20px; border-top: 3px solid #999 }
#FlexiBottom a:link { color: #fff; text-decoration: none }
#FlexiBottom a:visited { color: #fff; text-decoration: none }
#FlexiBottom a:hover { color: #999; text-decoration: none }
table.zebra tr.ind1 { background-color:#ddddff; }
.input { color: #0b3b87; font-size: 10px; font-family: Arial; line-height: 12px; background-color: #fff; margin-left: 5px; vertical-align: middle; border: solid 1px #ccc }
.input:hover { color: #0b3b87; font-size: 10px; font-family: Arial; line-height: 12px; background-color: #efefef; margin-left: 5px; vertical-align: middle; border: solid 1px #ccc }
#FlexiQuick { visibility: inherit; position: absolute; z-index: 5; top: 185px; right: 5px; height: auto }
#FlexiQuick select { color: #000; font-size: 10px; font-family: Arial; background-color: #d9d9d9; z-index: 6; vertical-align: middle; border: solid 1px #ccc }
#FlexiQuick input { color: #000; font-size: 10px; font-family: Arial; line-height: 12px; background-color: #bbb; margin-left: 5px; height: auto; vertical-align: middle; border: solid 1px #ccc }
#FlexiMain ul li { list-style-type: square }