@charset "UTF-8";
/* CSS Document */

/*------------------------- widths all set using yahoo css to enable resizing --------

Pixels / 13 = width in ems. For IE, pixels / 13.333. Use starproperty
filter to target IE. 

980px
width: 980px;

960px
width: 73.846 em;
*width: 72em;

720px
width: 55.38em;
*width: 54em;

480px
width: 480px;
*width: 36em;

360
width: 360px;
*width: 27em;

240px
width: 240px;

235px
 width: 235px;
*width: 17.625em;

230px
 width: 230px;
 *width: 18em;
*width: 17.25em;

container formating ----------------------*/
/*------------------------- container formating ----------------------*/
#main-container {
margin:auto;
text-align:left;
width: 980px;

background-image:url(/common/images/css-body-shadow-1024.png);
background-repeat: repeat-y !important;
}

#middle-container {
clear: both;
}

#content-container {
width: 720px;
float: left;
padding-bottom: 28px;
}

#inner-container {
margin-right: .76923em;
*margin-right: .7923em;
margin-left: .76923em;
*margin-left: .78823em;
}
/*------- Page Title / Heading ------*/
.pagetitle {
margin-left: 70px !Important;	
}

a:link.pageheading, a:visited.pageheading {
	
	padding-bottom: 0px;
	text-decoration: none;
	color: #666;
}
.logo-box {
float: left;
width: 240px;
background-color: #ffffff;
height: 89px;
}
a:hover.pageheading  {
color: #000000 !important;
}
/*----------- boarder hack to cover main container background image ---------*/
.tbc-logo {
border-right: 50px solid #fff;
}

#title-container {
width: 960px;
	
	height: 89px;

}

#nav-container {
width: 960px;
height: 3.4em;
*height: 3.4em;
}

#left-nav-container {
width: 240px;
float: left;
/* padding for the lfet navigation */
padding-bottom: 48px;
padding-top: 20px;
}

#footer-container {
	width: 960px;
	clear: both;
	color: #01B1DA;
}

#footer-container ul  a:hover {
	background-image: url(/common/images/footer-hover-1024.gif);
}

#bottom-container {
 width: 980px;
background-image: url(/common/images/bottom-shadow-1024.png) !important;
background-repeat:no-repeat;
background-color: #ffffff;
height: 10px !important;
}
.col-4span p{
	margin-left: 0px !important;
}
/*--------------------- Content layout for the columns -----------------------*/
/*------- overflow: hidden added to quash IE7 italics bug-----------*/

.col-1span {
width: 240px;

}
.col-2span {
width: 480px;
}
.col-3span {
width: 720px;
}
.col-1-5-span {
width: 360px;

}
/* Use this after 2 or three columns to insure proper positioning of clumns underneath */
.clear-span {
width: 720px;
height: 1px;
clear: both;
}
.col-4span {
width: 960px;
clear: both;
}

/*--------------------------------- Content formating - Borders ----------------------------*/
/*to use borders add beside the approprate column class example "class="1colspan border-1col-left lightcolor" */
.border-1col-left {
border-top: 5px solid #ffffff;
border-left: 5px solid #ffffff;
width: 235px;
*width: 240px;
float: left;
}
.border-1col-mid {
border: 5px solid #ffffff;
border-bottom: 0px solid #ffffff;
 width: 230px;
*width: 18em;
float: left;
}
.border-1col-right {
border-top: 5px solid #ffffff;
border-right: 5px solid #ffffff;
width: 235px;
 *width: 18em;
float: left;
}
.border-2col {
border-left: 5px solid #ffffff;
border-top: 5px solid #ffffff;
border-right: 5px solid #ffffff;
width: 470px;
*width: 480px;
float: left;
}

.border-3col {
border: 5px solid #ffffff;
border-bottom: 0px solid #ffffff;
width: 710px;
*width: 720px;
float: left;
}
/*21.5384 180px
21.0193 
21.1538 175     asdf
20.644*/
/* Note that images must be 275px in coloumn a and 280px in column b */
.border-col-1-5-a {
border-left: 5px solid #ffffff;
border-top: 5px solid #ffffff;
border-right: 5px solid #ffffff;
width: 350px;
*width: 360px;
float: left;
}

.border-col-1-5-b {
border-top: 5px solid #ffffff;
border-right: 5px solid #ffffff;
width: 355px;
*width: 360px;
float: left;
}
/*---------------- top navigation---------------------------*/
/*00000000000000 put in global css 00000000000000*/
#nav-container a:link, #nav-container a:visited {
	text-decoration: none;
	padding: 6px 24px 36px 14px;
	margin-left: 0px;
}
#nav-container .nav-block {
	margin: 0px 0px 0px 10px !important;
	font-size:108%;
	padding: 5px 0px 0px 0px!important;
	*padding: 6px 0px 0px 0px!important;
	font-weight: normal;
	display: block;
	color: #ffffff;
}

#nav-container {
overflow: hidden;
*overflow: visible;
}


/*-------------------- Left navigation ------------------*/
/*000000000        using lists (li) for formating nav updated 2009 need to convert left navigation to lists when adding the 1024 style sheet     0000000000000*/

#left-nav-container li {
line-height: 20px;
}
#left-nav-container ul {
margin-bottom: 20px;
}



#left-nav-container ul li a:link, #left-nav-container ul li  a:visited{
	padding-left: 20px;
	font-size: 108%;	
}

#left-nav-container ul ul li  a:link, #left-nav-container ul ul li  a:visited{
	padding-left: 30px;
	font-size: 100% !important;	
}

#left-nav-container ul  ul ul li  a:link, #left-nav-container ul  ul ul li  a:visited{
	padding-left: 30px;	
}

/*---- needs bigger arror on hover as lin -----*/
#left-nav-container a:hover {
 background-image: url("/common/images/arrow-hover-1024.png") !important;
	background-position: centre left;
	background-repeat: no-repeat;
}
#left-nav-container li.nav-nolink {
	padding-left: 20px !important;
	line-height: 20px;
	display: block;
	font-size: 108%;	
	Height: 20px;
}

/*---------------- footer navigation---------------------------*/

#footer-container ul  a:link, #footer-container ul a:visited  {
	padding-left: 40px;
}

#footer-container ul  a:hover {
	background-image: url(/common/images/footer-hover-1024.gif);
}
#footer-container a:link, #footer-container a:visited  {
	padding-left: 40px;
}
#footer-container h3 {
font-size: 100%;
margin-left: 40px;
}
#footer-container ul {
font-size: 12px;
}
#footer-container p {
font-size: 12px;
padding-top: 0px !important;
margin-top: 0px !important;
}






.col-1span h1, .col-1span h2, .col-1span h3, .col-1span p, .col-1span ul, .col-1span ol, .col-1span h4  {
margin-left: 20px;
margin-right: 20px;
}
.col-2span   h1, .col-2span h2, .col-2span h3, .col-2span p, .col-2span ul, .col-2span ol, .col-2span h4 {
margin-left: 20px;
margin-right: 20px;
}

.col-3span h1, .col-3span h2, .col-3span h3, .col-3span p, .col-3span ul, .col-3span ol, .col-3span h4  {
margin-left: 20px;
margin-right: 20px;
}
.col-1-5-span h1, .col-1-5-span h2, .col-1-5-span h3, .col-1-5-span h4, .col-1-5-span ul, .col-1-5-span p, .col-1-5-span ol {
margin-left: 20px;
margin-right: 20px;
}
.border-1col-left h1, .border-1col-left h2, .border-1col-left h3, .border-1col-left h4, .border-1col-left p, .border-1col-left ol, .border-1col-left ul {
margin-left: 20px;
margin-right: 20px;
}
.border-1col-mid h1,.border-1col-mid h2, .border-1col-mid h3, .border-1col-mid h4, .border-1col-mid p, .border-1col-mid ul, .border-1col-mid ol {
margin-left: 20px;
margin-right: 20px;
}
.border-1col-right  h1,.border-1col-right h2, .border-1col-right h3, .border-1col-right h4, .border-1col-right p, .border-1col-right ul, .border-1col-right ol {
margin-left: 20px;
margin-right: 20px;
}
.border-2col  h1, .border-2col h2, .border-2col h3, border-2col h4, .border-2col p, .border-2col ul, .border-2col ol {
margin-left: 20px;
margin-right: 20px;
}

.border-3col  h1, .border-3col h2, .border-3col h3, .border-3col h4, .border-3col p, .border-3col ul, .border-3col ol {
margin-left: 20px;
margin-right: 20px;
}

.border-col-1-5-a h1,.border-col-1-5-a h2,.border-col-1-5-a h3, border-col-1-5-a h4, .border-col-1-5-a p,.border-col-1-5-a ul,.border-col-1-5-a ol {
margin-left: 20px;
margin-right: 20px;
}
.border-col-1-5-b h1,.border-col-1-5-b h2,.border-col-1-5-b h3,.border-col-1-5-b p,.border-col-1-5-b ul,.border-col-1-5-b ol,.border-col-1-5-b h4  {
margin-left: 20px;
margin-right: 20px;
}


/*-------------------------------- format lists ------------------------*/
/*-------- removes padding for tags used in list elements ---------*/
#content-container li p, #content-container li h1, #content-container li h2, #content-container li h3, #content-container li h4, #content-container ul li p, #content-container ul li h1, #content-container ul  li h2, #content-container ul  li h3, #content-container ul  li h4
{margin: 0px 0px 0px 0px !important; padding: 0px 0px 0px 0px !important;}


/*----- list-no-arrow --------*/
#content-container ul.list-no-arrow, #content-container ul.list-no-arrow li {
	list-style-image: none !important;
}
/*----- list-no-arrow --------*/
#content-container ul.list-inline, #content-container ul.list-inline li {
	list-style-image: none !important;
	display: inline !important;
}

#left-nav-content  {
width: 240px;
float: left;
}