﻿/* --------------------------------------------------------------------------------------
TOPS Publising System CSS Framework

Type:Reset & Layout
Version:1.1
Updated:02/13/09
Recent:Added #td-Doc5 for Search Results 974px
--------------------------------------------------------------------------------------- */

/* 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;}
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, #td-Doc2, #td-Doc3, #td-Doc4, #td-Doc5 {margin:0 auto; text-align:left; min-width:750px;}
#td-Doc1, #td-Doc1 #td-Header, #td-Doc1 #td-Body, #td-Doc1 #td-Footer {width:974px;}
#td-Doc2, #td-Doc2 #td-Header, #td-Doc2 #td-Body, #td-Doc2 #td-Footer {width:950px;}
#td-Doc3, #td-Doc3 #td-Header, #td-Doc3 #td-Body, #td-Doc3 #td-Footer {width:750px;}
#td-Doc4 {width:auto;}
#td-Doc5, #td-Doc5 #td-Header, #td-Doc5 #td-Body, #td-Doc5 #td-Footer {width:974px;}
*html #td-Doc4 {width:100%;} /*IE*/
#td-Header, #td-Body, #td-Footer {clear:both;}
#td-Body {}
#td-Main {float:left; }
#td-Doc1 #td-Main {width:654px;}
#td-Doc2 #td-Main {width:630px;}
#td-Doc3 #td-Main {width:430px;}
#td-Doc4 #td-Main {float:none; padding-right:300px;}
#td-Doc5 #td-Main {width:794px;}
#td-SideBar {float:right; width:300px;}
#td-Doc5 #td-SideBar {float:right; width:160px;}
#td-SideBar .header 
{
	width:auto;
}

/* Columns #td-Doc1 974px
--------------------------------------------------------------------------------------- */
#td-Doc1 #td-Main .td-2Col .td-Block,
#td-Doc1 #td-Main .td-2Col-Left .td-Block,
#td-Doc1 #td-Main .td-2Col-Right .td-Block {float:left;}
#td-Doc1 #td-Main .td-2Col .td-Block {width:317px;}
#td-Doc1 #td-Main .td-2Col .first {width:317px; margin-right:20px;}
#td-Doc1 #td-Main .td-2Col-Left .td-Block {width:234px;}
#td-Doc1 #td-Main .td-2Col-Left .first {width:400px; margin-right:20px;}
#td-Doc1 #td-Main .td-2Col-Right .td-Block {width:400px;}
#td-Doc1 #td-Main .td-2Col-Right .first {width:234px; 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;}

/* Columns #td-Doc2 950px
--------------------------------------------------------------------------------------- */
#td-Doc2 #td-Main .td-2Col .td-Block,
#td-Doc2 #td-Main .td-2Col-Left .td-Block,
#td-Doc2 #td-Main .td-2Col-Right .td-Block {float:left;}
#td-Doc2 #td-Main .td-2Col .td-Block {width:305px;}
#td-Doc2 #td-Main .td-2Col .first {width:305px;  margin-right:20px;}
#td-Doc2 #td-Main .td-2Col-Left .td-Block {width:210px;}
#td-Doc2 #td-Main .td-2Col-Left .first {width:400px; margin-right:20px;}
#td-Doc2 #td-Main .td-2Col-Right .td-Block {width:400px;}
#td-Doc2 #td-Main .td-2Col-Right .first {width:210px;  margin-right:20px;}
#td-Doc2 #td-Main .td-3Col .td-Block {float:left; width:196px; margin-right:20px;}
#td-Doc2 #td-Main .td-3Col .last {margin-right:0; width:198px;}

/* Columns #td-Doc3 750px
--------------------------------------------------------------------------------------- */
#td-Doc2 #td-Doc3 #td-Main .td-2Col .td-Block,
#td-Doc3 #td-Main .td-2Col-Left .td-Block,
#td-Doc3 #td-Main .td-2Col-Right .td-Block{float:left;}
#td-Doc3 #td-Main .td-2Col .td-Block {width:205px;}
#td-Doc3 #td-Main .td-2Col .first {width:205px; margin-right:20px;}
#td-Doc3 #td-Main .td-2Col-Left .td-Block {width:110px;}
#td-Doc3 #td-Main .td-2Col-Left .first {width:300px; margin-right:20px;}
#td-Doc3 #td-Main .td-2Col-Right .td-Block {width:300px;}
#td-Doc3 #td-Main .td-2Col-Right .first {width:110px; margin-right:20px;}
#td-Doc3 #td-Main .td-3Col .td-Block {float:left; width:130px; margin-right:20px;}
#td-Doc3 #td-Main .td-3Col .last{margin-right:0; width:130px;}

/* Columns #td-Doc4 100%
--------------------------------------------------------------------------------------- */
#td-Doc4 #td-Main .td-2Col .td-Block,
#td-Doc4 #td-Main .td-2Col-Left .td-Block,
#td-Doc4 #td-Main .td-2Col-Right .td-Block
{
}
    /* Revision 
    #td-Doc4 .td-2Col .td-Block {float:left; width:50%;}
    #td-Doc4 .td-2Col .first {width:50%;}*/
    /* Set to 300px Left Column */
    #td-Doc4 .td-2Col-Left .td-Block {padding-left:420px;}
    #td-Doc4 .td-2Col-Left .first {float:left; padding-left:0; width:400px;}
    #td-Doc4 .td-2Col-Right .td-Block {float:right; width:400px;}
    #td-Doc4 .td-2Col-Right .first {float:none; padding-right:420px;}
#td-Doc4 #td-Main .td-3Col .td-Block {float:left; width:31%; margin-right:3%;}
#td-Doc4 #td-Main .td-3Col .last {margin-right:0; width:32%;}

/* Columns #td-Doc5 
--------------------------------------------------------------------------------------- */
#td-Doc5 #td-Main .td-2Col .td-Block,
#td-Doc5 #td-Main .td-2Col-Left .td-Block,
#td-Doc5 #td-Main .td-2Col-Right .td-Block {float:left;}
#td-Doc5 #td-Main .td-2Col .td-Block {width:397px;}
#td-Doc5 #td-Main .td-2Col .first {width:397px; margin-right:20px;}
#td-Doc5 #td-Main .td-2Col-Left .td-Block {width:180px;}
#td-Doc5 #td-Main .td-2Col-Left .first {width:594px; margin-right:20px;}
#td-Doc5 #td-Main .td-2Col-Right .td-Block {width:594px;}
#td-Doc5 #td-Main .td-2Col-Right .first {width:180px; margin-right:20px;}
#td-Doc5 #td-Main .td-3Col .td-Block {float:left; width:251px; margin-right:20px;}
#td-Doc5 #td-Main .td-3Col .last {margin-right:0; width:252px;}

/* 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 {content:"."; display:block; height:0; clear:both; visibility:hidden;}
*html .td-2Col,*html .td-2Col-Left,*html .td-2Col-Right {height:1%;} /*IE6*/
*:first-child + html .td-2Col,*:first-child + html .td-2Col-Left,*:first-child + html .td-2Col-Right {min-height:1px; /*IE7*/}
