body
{
margin: 0;
padding: 0;
color: #000;
background-color: #ddd;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}

#container
{
margin: 0px 0px 10px 0px;
background-color: #6699CC;
border-right: 1px solid #006699;
border-bottom: 1px solid #006699;
padding: 0px;
width: 770px;
}

#container-wide
{
margin: 0px 0px 10px 0px;
background-color: #6699CC;
border-right: 1px solid #006699;
border-bottom: 1px solid #006699;
padding: 0px;
width: 1100px;
}

#banner
{
background-image:url(images/tf-header.jpg);
background-repeat:no-repeat;
height: 85px;
background-color: #00339A;
}

a#home { text-decoration: none; } /* allows the background image to be clickable */

#banner p
{
text-align:right;
margin: 0;
padding: 10px 10px 0px 10px;
font-size: 14px;
}

#nav
{
float: left;
width: 150px;
margin-left: 0px;
background-color:#6699CC;
padding-top: 0px;
}

#content
{
padding: 0px 20px 30px 20px;
margin: 0 0 0 150px;
background-color:#FFFFFF;
min-height: 375px;
}

#content h1 { margin: 0px -20px 0px -20px; padding: 5px 0px 5px 20px; background-color:#006699; color:#FFF; }
h2 { clear:right; }
#filler h1 { margin: 0px -0px 0px 0px; padding: 5px 0px 5px 20px; background-color:#006699; color:#FFF }
#content h2 { border-bottom: 1px solid #ccc; }

img { border-style: none; } /* removes borders from linked images */

#footer
{
clear: both;
background-color: #006699;
padding: 6px 10px 5px 10px ;
text-align: center;
font-size: 10px;
color: #FFF;
}

#navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: verdana, arial, Helvetica, sans-serif;
}

#navcontainer li { margin: 0 0 0px 0; }

#navcontainer div
{
display: block;
padding: 5px 10px;
width: 130px;
color: #fff;
background-color:#006699;
text-decoration: none;
font-weight: bold;
}

#navcontainer a
{
display: block;
padding: 5px 10px;
width: 130px;
color: #fff;
background-color:#6699CC;
text-decoration: none;
}

#navcontainer a:hover
{
color: #fff;
background-color: #006699;
text-decoration: none;
}

#navcontainer ul ul li { margin: 0 0 0px 0; border-bottom:1px solid #6699CC; }

#navcontainer ul ul a
{
display: block;
padding: 5px 5px 5px 30px;
width: 115px;
color: #FFF;
background-color: #006699;
text-decoration: none;
}

#navcontainer ul ul a:hover
{
color: #fff;
background-color: #69C;
text-decoration: none;
}

table { padding: 0px; width:99%; }
table.menu { text-align:left; }
table.menu2 { text-align:center; }
td { line-height: 1.7em; vertical-align:middle; padding: 0px 4px 0px 4px; }
th { line-height: 1.7em; vertical-align:middle; border-bottom: 1px solid #6699CC; background-color: #FADCC8; font-weight:bold; }

.tablebasic { text-align: center; margin-bottom: 15px; width: 99%; } /* width must be 99% to fix WIN IE 6.0 float */
.tablebasic th.topleft { border-left: 0px; }
.tablebasic th.leftheader { border-left: 0px; border-right: 1px solid #CECECE; }
.tablebasic td { font-size: 11px; border-top: 1px solid #CECECE; border-left: 0px solid #CECECE; padding: 4px 5px 2px 5px; }
.tablebasic td p { padding: 0px; margin: 5px 5px 7px 5px; line-height: 1.2em; }
/* IMPORTANT: tablebasic and sortable must remain identical */
.sortable { text-align: center; margin-bottom: 15px; width: 99%; } /* width must be 99% to fix WIN IE 6.0 float */
.sortable th.topleft { border-left: 0px; }
.sortable th.leftheader { border-left: 0px; border-right: 1px solid #CECECE; }
.sortable td { font-size: 11px; border-top: 1px solid #CECECE; border-left: 0px solid #CECECE; padding: 4px 5px 2px 5px; }
.sortable td p { padding: 0px; margin: 5px 5px 7px 5px; line-height: 1.2em; }

/* TABLE BASIC STYLES FOR PART RELATED RESULTS OR LISTS */

.tablebasic td.p1 { border-top: 0px; }
.tablebasic td.p2 { border-top: 0px; padding-top: 2px; } /* used under line item notes only*/
.tablebasic td.p3 { border-left: 1px solid #CECECE; } /* used to create line to right of horizontal TH headers */
.tablebasic td.p4 { text-align:left; } 

td.p5 { text-align: right; padding-right: 12px; } /* used to right align and pad currency and adjacent columns in shopping cart */

.highlight { background-color:#F2F2F2; }

.floatrightout { float:right; margin-left: 10px; margin-bottom: 10px; border: 3px solid #006699; }
.floatright { float:right; margin-left: 10px; margin-bottom: 10px; }

.separator1 { padding-right: 40px }

.rowbgcolor1 { background-color: #FFFFFF; }
.rowbgcolor2 { background-color: #F5F5F5; }
.rowbgcolor3 { background-color: #FAF3E0; } /* used to be #F9EED6 */
.rowbgcolor4 { background-color: #FAF3E0; cursor:pointer; } /* only used for mouse-overs on search results page */
.rowbgcolor5 { background-color: #FFFFCC; } /* edit function color */

/* TEXT & FONT STYLES */

.textsmall { font-size: 11px; }tablebasic
.textgrayxsmall { font-size: 10px; color: #666666; }
.textgraysmall {font-size: 11px; color: #666666; }
.textgray {	color: #666666; }
.textsmall { font-size: 10px; }
.textred { color: #CC0000; }
.textgreen { color: #006600; }

/* ALERTBOX */

.alertbox {	width: 300px; border: 1px solid #CECECE; text-align: center; margin: 50px 0px 50px 0px;	text-align: center; padding-bottom: 10px; } 
.alertbox p { padding: 0px; margin: 10px 10px 0px 10px; text-align: center; } 
.alertbox div.tablehead { padding: 4px 5px 2px 5px; border-top: 0px; border-bottom: 1px solid #CECECE;}
.alertbox div.tablefooter { height: 22px; font-size: 14px; line-height: 1.6em; color: #333333; font-weight: bold; background-color: #E6F2EA; padding: 4px 5px 2px 5px;  margin: 10px 0px -10px 0px; border-top: 1px solid #CCCCCC; border-bottom: 0px; border-right: 0px;}
.alertbox p.banner { border-top: 1px solid #CECECE; background-color: #E9E9E9; padding: 3px; text-align: center; color: #555555; font-size: 11px; margin: 5px 0px -10px 0px; line-height: 14px; }
.alertbox p.banner2 { border-bottom: 1px solid #CECECE; background-color: #E9E9E9; padding: 5px; text-align: center; font-size: 12px; color: #CC0000; line-height: 16px; margin: -10px 0px 5px 0px; }
.texterroralert { color: #CC0000; font-weight: bold; margin-bottom: 0px; }

.alertbox2 { border: 1px solid #990000; background-color:#FFEEEE; padding: 8px; margin: 15px 0px; text-align: center; }
.alertbox2#blue { border: 1px solid #3399CC;; background-color:#FFF; margin: 15px 0px;  }
.alertbox2 p { margin: 0px; line-height: 1.6em; }


.tablehead { height: 20px; font-size: 14px !important; line-height: 1.4em; color: #222222; font-weight: bold; background-color: #E6F2EA; padding: 0px 15px 0px 15px; text-align: center; margin-bottom:10px; border-top: 1px solid #CECECE; }
.tableheadsmall { height: 13px; font-size: 11px !important; line-height: 1.2em; color: #222222; font-weight: bold; background-color: #E6F2EA; padding: 0px 15px 0px 15px; text-align: center; margin-bottom:10px; border-top: 1px solid #CECECE; }
.tablefootersmall { height: 13px; font-size: 11px !important; line-height: 1.2em; color: #222222; font-weight: bold; background-color: #E6F2EA; padding: 0px 15px 0px 15px; text-align: center; margin-bottom:10px; border-top: 1px solid #CECECE; }

.tablehead#red { background-color: #FFCCCC; }
.tablehead#blue { background-color: #D2E6FF; }
.tablefooter { height: 22px; font-size: 14px; line-height: 1.6em; color: #333333; font-weight: bold; background-color: #E6F2EA; padding: 0px 5px 0px 10px; border-top: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; }
.tablefooter2 { height: 22px; font-size: 14px; line-height: 1.6em; color: #333333; font-weight: bold; background-color: #E6F2EA; padding: 0px 5px 0px 10px; } /* used with tablebasic2 */

div.tablefooter { border-left: 0px; }