body{ font: 12px arial,verdana,sans-serif; background: url(atfbcss-images/atfb-bkg.jpg) rgb(81, 56, 0) repeat; margin: 0; padding: 0px }
img{ border: 0 }
#wrapper{ position: relative; float: left; height: auto; width: auto; margin-bottom: 0px; padding: 0; background: transparent url(atfbcss-images/side.gif) repeat-y left; z-index: 0 }
/* logo link */
#logowrapper{ position: relative; float: left; clear: both; margin: 0px; padding: 0px; height: 0px; width: 292px; top: 0px; z-index: 3 }
/* howdy talk box navigation link hover effect */
#howdysidediv{ float: left; clear: right; position: fixed; left: 0px; top: 0px; padding: 0px; color: rgb(0, 0, 0); height: auto; width: 192px; margin-left: 0px; margin-bottom: 0px; background: url(atfbcss-images/sideb.gif)transparent left no-repeat; z-index: 4; }
#howdysidedivlink{ padding: 0; width: 100px }
#howdysidedivlink a{ display: block }
#howdysidedivlink a:hover{ font-size: .99em; text-decoration: none; color: rgb(0, 0, 0); background: transparent; }
#howdysidedivlink a span{ display: none }
#howdysidedivlink a:hover span{ display: block; color: rgb(0, 0, 0); font-size: 1.3em; height: 267px; position: absolute; left: 150px; top: 30px; width: 480px; background: url(atfbcss-images/talkbox.png) transparent no-repeat; z-index: 6; overflow: visible }
/* content area */
#content{ color: rgb(0, 0, 0); font-size: 1em; height: auto; position: relative; float: left; clear: both; padding: 0px; top: 0px; width: 720px; margin: 0px 0px 0px 187px; background: transparent; z-index: 3 }
/* top right navigation inside of content div*/
#topnavigation{ position: relative; top: 30px; text-align: right; float: right; width: auto; height: auto; color: rgb(234, 195, 112); margin-right: 30px; margin-bottom: 30px; z-index: 1 }
.lilquote{ padding: 10px 0px  0px 20px; font-size: .95em; font-style: italic }
/* right box navigation link hover effects */
#rightdiv{ float: right; clear: right; position: relative; right: 10px; margin-top: 30px; padding: 0px; color: rgb(0, 0, 0); height: auto; width: 271px; margin-right: 20px; margin-bottom: 30px; background: url(atfbcss-images/right-menu-bkg.gif) repeat-y }
#rightdivbot{ position: relative; right: 10px; padding: 0px; height: 25px; width: 271px; left: 0px; top: 4px }
#rightlinks{ padding: 20px 20px 0px 30px; width: 200px }
#rightlinks a{ display: block }
#rightlinks a:hover{ font-size: .99em; z-index: 901; text-decoration: none; color: rgb(0, 0, 0); background: transparent }
#rightlinks a span{ display: none }
#rightlinks a:hover span{ display: block; color: rgb(0, 0, 0); font-size: .95em; height: 631px; padding: 0px; position: absolute; right: 93%; top: -40px; width: auto; background: transparent; z-index: 700 }
/* left side inside content text box inside the content div */
#insidecontent{ color: rgb(0, 0, 0); font-size: 1em; height: auto; position: relative; float: left; clear: left; padding: 10px; top: 20px;left:0px; width: 375px; margin:0px;background:url(atfbcss-images/papertop.png) transparent no-repeat;  z-index: 5 }
#insidecontenttext{ color: rgb(0, 0, 0); font-size: 1em; height: auto; position: relative; float: left; clear: left; padding: 10px 20px 10px 10px; top: 0px; width: 348px; margin:0px; background:url(atfbcss-images/papermiddle.png) repeat-y;  z-index: 5 }
#insidecontenttext p{ width:98%; }
#insidecontentbottom{float: left; clear: left;width: 375px;height: 38px; position: relative; padding: 0px; top: 0px;  margin: 0px 0px 30px 0px;right:0px;background:url(atfbcss-images/paperbottom2.png) transparent no-repeat;  z-index: 5 }
/* footer inside content div*/
#footer{ position: relative; clear: both; padding:0px; text-align: left;width: auto; height: auto; color: rgb(234, 195, 112); z-index: 0; margin: 30px 0px 30px 190px;font-size: .99em; }
/* other stuff */
.talkbox{ padding: 30px 25px 10px 15px; font-weight: bold; color: rgb(138, 3, 3); text-align: left; }
a{ color: rgb(192, 154, 71); font-weight: bold; text-decoration: none }
a:active{ color: rgb(192, 154, 71); text-decoration: none }
a:visited{ color: rgb(192, 154, 71); text-decoration: none }
a:hover{ color: rgb(234, 195, 112); text-decoration: none }
/* ink pen image sits outside the content box but inside the wrapper div */
#pen{ position: absolute; background: url(atfbcss-images/pen.gif) transparent top no-repeat; top: 286px; height: 238px; width: 543px; margin-left: 100px; margin-top: 0px; z-index: 8 }
#postitnote{ position: absolute; background: url(atfbcss-images/post-it-note.png) transparent top no-repeat; top: 296px; right:300px;height: 311px; width:518px; margin-right: 0px; margin-top: 0px; z-index: 8 }