﻿/* --------------------------------------------------------------------------------------
TOPS Publising System CSS Framework

Type:Reset & Layout
Updated:04/16/09
Recent:Removed Additional Doc(#)'s
--------------------------------------------------------------------------------------- */



/* Reset
--------------------------------------------------------------------------------------- */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, 
fieldset, legend, input, textarea, p, blockquote, th, td {margin:0; padding:0;}
table {border-collapse:collapse; border-spacing:0;}
fieldset, img {border:0;}
address, caption, cite, code, dfn, em, strong, th, var {font-style:normal; font-weight:normal;}
strong { font-weight: bold; }
em { font-style: italic; }
li {list-style:none;}
caption, th {text-align:left;}
h1, h2, h3, h4, h5, h6 {padding:0; margin:0;}
q:before, q:after {content:'';}
abbr, acronym {border:0; font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input, textarea, select {font-family:inherit; font-size:inherit; font-weight:inherit;}
input, textarea, select {font-size:100%;}
legend {color:#000;}



/* Layout
--------------------------------------------------------------------------------------- */
body {text-align:center;}
#td-Doc1 {width:970px; min-width:750px; margin:0 auto; text-align:left;}
#td-Header, #td-Body, #td-Footer {clear:both;}
#td-Body {float:left;}
#td-Main {float:left; width:640px; margin-right:10px;}
#td-SideBar {float:right; width:320px;}



/* Columns Floats
--------------------------------------------------------------------------------------- */
.td-2Col .td-Block,
.td-2Col-Left .td-Block,
.td-2Col-Right .td-Block,
.td-2Col-Left-Wide .td-Block,
.td-2Col-Right-Wide .td-Block {float:left;}



/* Columns #td-Doc1 974px
--------------------------------------------------------------------------------------- */
#td-Doc1 #td-Main .td-2Col .td-Block {width:295px;}
#td-Doc1 #td-Main .td-2Col .first {width:295px; margin-right:20px;}
#td-Doc1 #td-Main .td-2Col-Left .td-Block {width:184px;}
#td-Doc1 #td-Main .td-2Col-Left .first {width:401px; margin-right:15px;}
#td-Doc1 #td-Main .td-2Col-Right .td-Block {width:400px;}
#td-Doc1 #td-Main .td-2Col-Right .first {width:194px; margin-right:20px;}
#td-Doc1 #td-Main .td-3Col .td-Block {float:left; width:204px; margin-right:20px;}
#td-Doc1 #td-Main .td-3Col .last {margin-right:0; width:206px;}
#td-Doc1 #td-Header .td-3Col .td-Block {float:left; width:317px; margin-right:20px;}
#td-Doc1 #td-Header .td-3Col .last {float:right; margin-right:0; width:300px;}
#td-Doc1 #td-Header .td-2Col .td-Block {width:477px;}
#td-Doc1 #td-Header .td-2Col .first {width:477px;  margin-right:20px;}



/* Columns Sidebar
--------------------------------------------------------------------------------------- */
#td-SideBar .td-2Col .td-Block {float:left; width:160px;}
#td-SideBar .td-2Col .first {width:130px; margin-right:10px;}



/* Clears
--------------------------------------------------------------------------------------- */
.td-2Col:after,
.td-2Col-Left:after,
.td-2Col-Right:after,
.td-3Col:after
{content:"."; display:block; height:0; clear:both; visibility:hidden;}
*html .td-2Col,
*html .td-2Col-Left,
*html .td-2Col-Right,
*html .td-3Col {height:1%;} /*IE6*/
*:first-child + html .td-2Col,
*:first-child + html .td-2Col-Left,
*:first-child + html .td-2Col-Right,
*:first-child + html .td-3Col {min-height:1px; /*IE7*/}



/* Tops Info
--------------------------------------------------------------------------------------- */
#topsInfo 
{
	text-align:left;
	font-size:1.2em;
	padding:10px;
}
