/* elements - note that most font sizes need to be specified in nonforum.css to not break vB */

body { display: block; background: scroll navy url(dgrid.png) top left repeat ! important; margin: 20px 0 20px 0; padding: 0; }


/* design furniture */

#tfa_overall { width: 960px; margin: auto; }
#tfa_overallmain { background: white url(stripe2.gif); }
#tfa_header, #tfa_header1, #tfa_header2 { background-color: #c0c0d0; height: 80px; overflow: hidden; }
#tfa_header img, #tfa_header1 img { border: 0; }
#tfa_header a, #tfa_header1 a { text-decoration: none; color: #000099; font-weight: bold; }
#tfa_header a:hover, #tfa_header1 a:hover { text-decoration: underline; font-weight: bold; }
#tfa_header2 { height: 80px; background-image: url(header3.gif); overflow: hidden; }
#tfa_header_name { float: left; width: 285px; height: 80px; overflow: hidden; }
#tfa_header_name img { margin: 10px 2px 0 10px; }
#tfa_header_user { font: 8pt Verdana, Arial, Helvetica, sans-serif; white-space: nowrap; margin: 4px 0 0 8px; }
#tfa_header_ad { float: left; margin:0 0 0 30px; padding: 10px 0 10px 0; width: 468px; height: 60px ! important; overflow: hidden; }

#tfa_header1 { border-radius: 10px 10px 0 0; }
#tfa_subfooter { border-radius: 0 0 10px 10px; }

#tfa_topnav { clear: both; border-top: 2px black solid; border-bottom: 2px black solid; height: 35px; overflow: hidden; background: #c0c0d0 url(tag.png) top right no-repeat; }
#tfa_topnav_sections { float: left;}
#tfa_topnav img { border: 0; }
#tfa_topnav ul { list-style: none; margin: 0; padding: 0; }
#tfa_topnav li { float:left; margin: 0; padding: 0; }
#tfa_topnav li a img { width: 100px; height: 35px; border-right: 2px black solid; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
-moz-opacity: 0.7; opacity: 0.7; }
#tfa_topnav li a:hover img { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 1; opacity: 1.0; }

#tfa_footer { clear: both; border-top: 2px black solid; border-bottom: 2px black solid; background-color: #c0c0d0; height: 21px; overflow: hidden; }
#tfa_footer_sections { float: left; }
#tfa_footer_sections li { border-right: 2px black solid; }
#tfa_footer ul { list-style: none; margin: 0; padding: 0; }
#tfa_footer li { float:left; margin: 0; padding: 0; background-color: #e0e0f0; }
#tfa_footer li a, #tfa_footer span { display: block; padding: 4px 10px 4px 10px; text-transform: uppercase; font: 8pt Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; width: auto; color: #444444; }
#tfa_footer li a { border-right: 2px solid #b0b0c0; border-bottom: 2px solid #b0b0c0; border-top: 2px solid #f8f8ff; border-left: 2px solid #f8f8ff; padding: 2px 10px 2px 10px; }
#tfa_footer li a:hover { border:2px solid navy; background-color: navy; color: yellow; text-decoration: none; }

#tfa_subfooter { height: 10px ! important; background-image: url(footer2.gif); line-height: 2px; font-size: 2pt; padding: 0; margin: 0; }

#tfa_sidebar { width: 158px ! important; float: right; font: 8pt Verdana, Helvetica, sans-serif; text-align: center; overflow: hidden; }
#tfa_sidebar .button { margin-bottom: 5px; }
#tfa_sidebar a { color: #000099; font-weight: normal; text-decoration: none; }
#tfa_sidebar a:hover { color: blue; text-decoration: underline ! important; }
#tfa_sidebar img { border: 1px black solid; margin: 0; }
#tfa_sidebar div.break { border-bottom: 2px black solid; padding: 0; margin: -12px 0 14px 0; }
#tfa_sidebar p { font: 11px Verdana, Helvetica, sans-serif; margin: 1em 0 ! important; padding: 0 ! important; }
#tfa_sidebar .small { font-size: 9px; }

/* it should be up to each local.css to set how much whitespace is required for the pages in that directory, as some have designs that touch the edge of the block -- most I'd imagine as redefining #tfa_maincontent { padding:15px; width:[global-(2x15)]} -- gives text room */
#tfa_maincontent { width: 800px ! important; float: left; margin: 0; padding: 0; overflow: hidden; background-color: #c0c0d0; }