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

/* ie6 browser transparency hack */


/*IE Fix for bicubic scaling of images */
img { -ms-interpolation-mode: bicubic; }
/*------------------------- container formating ----------------------*/
#main-container {
margin:auto;
text-align:left;
width: 780px;
background-image:url(/common/images/css-body-shadow.jpg);
background-repeat: repeat-y !important;
}

#middle-container {
clear: both;
}

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

#inner-container {
margin-right: .76923em;
*margin-right: .7923em;
margin-left: .76923em;
*margin-left: .78823em;
clear: both;
background-color: #ffffff;
}

#title-container {
	width: 760px;
	background-color:#ffffff;
	height: 89px;
	/*height: 6.846em;
	*height: 7.0152;*/
}

#nav-container {
	width: 760px;
	height: 2.7692em;
	*height: 2.8376em;
}

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

#footer-container {
width: 760px;
clear: both;
}

#bottom-container {
width: 780px;
background-image: url(/common/images/bottom-shadow.gif);
background-repeat:no-repeat;
background-color: #ffffff;
}

.tbc-logo {
float: left;	
}
#title-container a:link,  #title-container a:visted  {
	display: block;
	float: left;
}
img.pagetitle, pagetitle img {
margin: 40px 0px 20px 28px;
	padding: 0px 0px 0px 0px;
	float: left;
}
.pageheading{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	width: 500px;
	font-size: 20px;
	display: block;
	float: left;
}
a:link.pageheading, a:visited.pageheading {
	margin: 40px 0px 20px 28px;
	padding-bottom: 0px;
	text-decoration: none;
}

a:hover.pageheading  {
color: #000000 !important;
}
/*#title-container a:link,  #title-container a:visted  {
	display: block;
	float: left;
}
img.pagetitle, pagetitle img {
margin: 40px 0px 20px 28px;
	padding: 0px 0px 0px 0px;
}
.pageheading{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	width: 500px;
	font-size: 20px;
	display: block;
	float: left;
}
a:link.pageheading, a:visited.pageheading {
	margin: 40px 0px 20px 28px;
	padding-bottom: 0px;
	text-decoration: none;
}

a:hover.pageheading  {
color: #000000 !important;
}
*/


/*---------------- top navigation---------------------------*/

#nav-container a:link, #nav-container a:visited {
	text-decoration: none;
	padding: 2px 14px 19px 14px;
	*padding: 4px 14px 19px 14px;
	margin-left: 0px;
}
#nav-container .nav-block {
	margin: 0px 0px 0px 30px !important;
	font-size:98%;
	padding: 2px 0px 0px 0px!important;
	*padding: 3px 0px 0px 0px!important;
	font-weight: normal;
	display: block;
	color: #ffffff;
}
/*---- search feild ---*/
#formField {
padding: 0px 0px 0px 0px !important;
margin: 0px !important;
}
#searchfield {
padding: 0px 0px 0px 0px ;
margin: -8px 0px 0px 0px ;
display: inline;
border: 0px;
color: #999999;
}
#searchButton {
padding: 0px 0px 0px 0px ;
margin: 0px ;
display: inline;
}
#searchDiv {
float: right;
background-color: #ffffff;
padding: 0px 0px 0px 0px ;
margin: 4px 12px 0px 0px;
}
.mbottom12{
margin-bottom: 10px;
padding-top: 10px;
}
/* - end top navigation - */

/*-------------------- Left navigation ------------------*/
/*000000000     old formating using h1, h2 tags     0000000000000*/
#left-nav-container h1, #left-nav-container h2, #left-nav-container h3, #left-nav-container h4 {
font-weight: normal !important;
}
#left-nav-container h1 {
	font-size: 93%;
	padding: 2px 0px 2px 0px;
	margin: 0px !important;
	font-weight: bold;
}
#left-nav-container a:hover {
 background-image: url("/common/images/arrow-hover.gif");
	background-position: center left !important;
	background-repeat: no-repeat;
}
#left-nav-container h1 img {
float: left;
margin: 2px 2px 0px 3px;
}

#left-nav-container h2 {
	font-size: 93%;
	padding: 0px 0px 0px 0px;
	margin: 0px !important;
	border-bottom: 0px solid #ececec;
	color: #333333 !important;
}

#left-nav-container b, #left-nav-container strong {
color: #333333 !important;
}

#left-nav-container h4{
	margin: 0px 0px 0px 0px;
	font-size: 100% !important;
	padding: 0px;
}

#left-nav-container h3 {
	margin: 0px 0px 0px 0px;
	font-size: 93%;
	font-weight: normal !important;
	padding: 0px 0px 0px 0px;
}
/*-------------------- Left Navigation ---------------------*/
/*000000000        using lists (li) for formating nav updated 2009     0000000000000*/
#left-nav-container ul, #left-nav-container ul li, #left-nav-container ul ul li, #left-nav-container li {
line-height: 0px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#left-nav-container li {
line-height: 20px;
}
#left-nav-container ul {
margin-bottom: 20px;
}
#left-nav-container a:link, #left-nav-container a:visited {
	display: block;
	text-decoration: none;
	padding: 0px 6px 0px 8px;
	color: #037EFC;
}


#left-nav-container ul li a:link, #left-nav-container ul li  a:visited{
	padding-left: 14px;
	font-size: 12px;
	border-bottom: 0px solid #ececec;
	line-height: 20px !important;
	margin: 0px !important;
}

#left-nav-container ul ul li  a:link, #left-nav-container ul ul li  a:visited{
	padding-left: 22px;
	border-bottom: 0px solid #ececec;
	font-size: 11px !important;
	line-height: 20px !important;
	margin: 0px !important;
}

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

#left-nav-container a:hover{
	color: #ffffff;
	/*font-size: 108%;*/
	
	text-decoration: none;
	background-image: url("/common/images/arrow-hover.gif");
	background-position: center left;
	background-repeat: no-repeat;
/*	border-top: 1px solid #ececec !important;
	border-bottom: 1px solid #ececec !important;*/
}


/*--- add for non linked text in leftnav */

li.nav-nolink {
color: #ffffff !important;
padding-left: 22px !important;
padding-top: 8px;
}

li.nav-nolink {
color: #ffffff !important;
padding-left: 14px !important;
padding-top: 8px;
}
/*---------------- footer navigation---------------------------*/
#footer-container ul, #footer-container ul li, #footer-container ul ul li, #footer-container li {
line-height: 0px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
#footer-container ul {
line-height: 20px !important;
}
#footer-container ul {
margin-top: 0px;
font-size: 10px;
}
#footer-container ul  a:link, #footer-container ul a:visited  {
	display: block;
	color: #FFFFFF;
	padding-left: 28px;
}

#footer-container ul  a:hover {
	background-image: url(/common/images/footer-hover.gif);
	background-repeat: repeat-y;
	background-position: top left;
	color: #fff !important;
	text-decoration: none;
}

/* don't show background image for <li class="noeffect"> since they already have an image */
#footer-container ul li.noeffect a:hover{
	background-image: none;
}

#footer-container a:link, #footer-container a:visited  {
	line-height: 20px;
	color: #FFFFFF;
	padding-left: 14px;
}
#footer-container a:hover {
	color: #fff;
	text-decoration: none;
}
#footer-container a:link, #footer-container a:visited {
	text-decoration: none;
	color: #fff;
}
#footer-container h3 {
margin-bottom: 4px;
margin-left: 28px;
font-size: 12px;
text-transform: uppercase;
color: #fff;
}
#footer-container p {
font-size: 10px;
margin-left: 28px;
}
#footer-container li a:link, #footer-container li a:hover {
color: #fff;
}
#footer-container h3 strong{
color: #ececec;
}
.footer-line {
	border-top: 1px dashed #ffffff;
	height: 1px;
	clear: both;
	padding: 10px 0px 0px 0px;
	height: 20px;
}
#copyright {
	display: inline; 
	float: right; 
	color: #ffffff; 
	font-size: 7pt; 
	margin-left:0px; 
	margin-right:40px; 
	margin-top:2px; 
	margin-bottom:0px;
}
/* ------- old formating
#footer-container a:link, #footer-container a:visited {
	text-decoration: none;
	padding: 4px 6px 9px 18px;
	margin-left: 0px;
}

#footer-container h1 {
	margin: 0px 0px 0px 10px !important;
	font-size:85%;
	padding: 3px 0px 0px 0px!important;
	font-weight: normal;
	display: block;	
}


*/
/*----------------- top nav and bottom nav Hover image------------------*/

#nav-container a:hover, .nav-block a:hover  {
	background-image:url(/common/images/top-nav-hover.gif) !Important;
	background-position: center bottom !Important;
	background-repeat: no-repeat !Important;
}

/*--------------------------------------------- Type Formating --------------------------------------------------*/
/* Content formating */
#content-container h1 {font-size:138.5%; padding-top: 20px; line-height: 20px;}

#content-container h2 {font-size:123.1%; padding-top: 20px; line-height: 20px;}

#content-container h3 {font-size:108%; padding-top: 20px; line-height: 20px;}
#content-container h4 {font-size:100%; padding-top: 20px; line-height: 20px;}
#content-container h1 em, #content-container h2 em, #content-container h3 em, #content-container h4 em, #content-container h5 em, #content-container h6 em {font-weight:bold;}

#content-container h1 a:link, #content-container h2 a:link, #content-container h3 a:link, #content-container h4 a:link, #content-container h5 a:link, #content-container h6 a:link, #content-container h1 a:visited, #content-container h2 a:visited, #content-container h3 a:visited, #content-container h4 a:visited, #content-container h5 a:visited, #content-container h6 a:visited  {
text-decoration: none !important;
}
#content-container a:hover {
color: #000000 !important;
}
#content-container h1, #content-container h2, #content-container h3, #content-container h4, #content-container h5, #content-container h6 { 
font-family: Arial, Helvetica, sans-serif; 
font-weight:bold;
}

#content-container p, #content-container  ol, #content-container ul, #content-container dl, #content-container li { font-family:  Arial, Helvetica, sans-serif;}

#content-container p {font-size:93%; line-height: 20px; margin-top: 19px; color: #333333;}

#content-container li {font-size:93%; line-height: 20px; color: #333333;}

#content-container li li{font-size:100% !important; }
#content-container em{font-style:italic;} 
 
#content-container ul,dl {margin-top: 19px; padding-left: 14px; *padding-left: 16px;}
#content-container ul ul {margin-top: 0px !important;}
#content-container ol {
margin-top: 18px; 
padding-left: 18px; 
*padding-left: 20px;
}
b,  strong {
 font-weight: bold;
 }
em strong, strong em,  i b, b i  {
	font-weight: bold;
	font-style: italic;
 }
#content-container ol li {list-style: decimal;}
 
#content-container  ul li {list-style:none outside;}

#content-container ul li{
	list-style-image:url(/common/images/listarrow-grey.gif); 
	*list-style-image:url(/common/images/listarrow-grey-ie.gif);
padding-top: 0px;
}
	
 #content-container ul li a:hover {
list-style-image:url(/common/images/listarrow-tri-black.png);
}
#content-container  dl dd {margin-left:1em;}
 
#content-container  caption{ margin-bottom: .5em; text-align:center;}

/*------ Content margins -----------*/
/* sets the default margins for the type */
/* to change the margins use the m# class in the same class decleration */

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

.col-3span h1, .col-3span h2, .col-3span h3, .col-3span p, .col-3span ul, .col-3span ol, .col-3span h4  {
margin-left: 14px;
margin-right: 14px;
}
.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: 14px;
margin-right: 14px;
}
.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: 14px;
margin-right: 14px;
}
.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: 14px;
margin-right: 14px;
}
.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: 14px;
margin-right: 14px;
}
.border-2col  h1, .border-2col h2, .border-2col h3, border-2col h4, .border-2col p, .border-2col ul, .border-2col ol {
margin-left: 14px;
margin-right: 14px;
}

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

.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: 14px;
margin-right: 14px;
}
.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: 14px;
margin-right: 14px;
}

/*--------------------- Horiszontal rules formating  -----------------------*/
hr {
border: 0px solid #ffffff;
border-top: 2px solid #ececec;
}
.hr56 hr {
margin-left: 28px !important;
margin-right: 28px !important;
}
/*--------------------- Content layout for the columns -----------------------*/
/*------- overflow: hidden added to quash IE7 italics bug-----------*/

.col-1span {
width: 190px;
float: left;
overflow: hidden;
}
.col-2span {
width: 380px;
float: left;
overflow: hidden;
}
.col-3span {
width: 570px;
clear: both;
overflow: hidden;
}
.col-1-5-span {
width: 285px;
float: left;
overflow: hidden;
}
/* Use this after 2 or three columns to insure proper positioning of clumns underneath */
.clear-span {
width: 570px;
height: 1px;
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: 185px;
*width: 190px;
float: left;
}
.border-1col-mid {
border: 5px solid #ffffff;
border-bottom: 0px solid #ffffff;
width: 180px;
*width: 190px;
float: left;
}

.border-1col-right {
border-top: 5px solid #ffffff;
border-right: 5px solid #ffffff;
width: 185px;
*width: 190px;
float: left;
}

.border-2col {
border-left: 5px solid #ffffff;
border-top: 5px solid #ffffff;
border-right: 5px solid #ffffff;
width: 370px;
*width: 380px;
float: left;
}

.border-3col {
border: 5px solid #ffffff;

border-bottom: 0px solid #ffffff;
width: 560px;
*width: 570px;
float: left;
}

/* 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: 275px;  
*width: 290px;
float: left;
}

.border-col-1-5-b {
border-top: 5px solid #ffffff;
border-right: 5px solid #ffffff;
width: 280px;
*width: 290px;
float: left;
}
/*----- nav formatin ------*/
.navspace {
height: 20px;
}
/*------ special type formating --------------*/
p.small-type {
	font-size: 77% !important;
	line-height: 8.5px !important;
}
.margintop-18{ 
margin-top: 18px !important; 
 }
/*------ Height classes --------------- */
/* use this to set the heights of the cubes or columns if needed. note: they are all in em so they resize */
.h30 {
height: 30px;
}
.h50 {
height: 50px;
}
.h60 {
height: 60px;	
}
.h75 {
height: 75px;
}
.h80 {
height: 80px;	
}
.h100 {
height: 100px;
}
.h125 {
height: 125px;
}
.h150 {
height: 150px;
}
.h175 {
height: 175px;
}
.h200 {
height: 200px;
}
.h225 {
height: 225px;
}
.h250 {
height: 250px;
}
.h300 {
height: 300px;
}
.h350 {
height: 350px;
}
.h400 {
height: 400px;
}
.h450 {
height: 450px;
}
.h475 {
height: 475px;
}
.h550{
height: 550px;
}
.h575{
height: 575px;
}
.h600{
height: 600px;
}
/*------------ social networking bar ----------*/
.social-bar {
background-image: url(/common/images/listings_bg_topper.gif); 
padding: 10px; border:#ffffff; border-style:solid;
margin-top: 28px;
}
/* Use the m# to change the margins of the type within the same column class decleration */
.m28 h1, .m28 h2,.m28 h3,.m28 h4, .m28 p,.m28 ul,.m28 ol {
margin-left: 28px !important;
margin-right: 28px !important;
}
.m40 h1, .m40 h2,.m40 h3, .m40 h4, .m40 p,.m40 ul,.m40 ol {
margin-left: 56px !important;
margin-right: 56px !important;
}
.m56 h1, .m56 h2,.m56 h3, .m56 h4, .m56 p,.m56 ul,.m56 ol {
margin-left: 56px !important;
margin-right: 56px !important;
}
.m80 h1, .m80 h2,.m80 h3, .m80 h4, .m80 p,.m80 ul,.m80 ol {
margin-left: 56px !important;
margin-right: 56px !important;
}
/* Use m-img# to add  margins to the images with in the column class decleration */
.m-img28 img {
margin-left: 28px;
margin-top: 14px;
}

.indent1  {
padding-left: 14px;
}

.indent2  {
padding-left: 28px;
}

.indent3  {
padding-left: 42px;
}

.indent4  {
padding-left: 56px;
}
.mtop0 {
margin-top: 0px !important;
}
.mtop40 {
margin-top: 0px !important;
padding-top: 40px;	
}
.img-left img, img.img-left {
float: left;
margin-top: 14px;
margin-right: 14px;
margin-bottom: 14px;
}

/*---- */

.hgrey h1, .hgrey h2, .hgrey h3, .hgrey h4 {
color: #333333 !important;
}

.pm0 p {
margin-top: 0px !important;
}
.large-text {
font-weight: normal !important; 
line-height: 20px !important;
}
/*-------- type formating ------------*/
.text-large1 {
font-size: 197% !important;

}
.text-large2 {
font-size: 174% !important;

}
.text-large3 {
font-size: 153.9% !important;

}
.text-white {
color: #ffffff !important;
}
.text-grey {
color: #333333 !important;
 
}
.text-light-weight  {
font-weight: normal !important;
}
.text-nomargin {
padding-top: 0px !important;
margin-bottom: 0px !important;
}
.text-grey-light {
color: #666666 !important;
}
.white-text h1, .white-text h2, .white-text h3, .white-text h4, .white-text p, .white-text a:link, .white-text a:visited {
color: #ffffff !important;
}

.no-underline {
text-decoration: none !important;
}
.more-white, .more {
background-repeat: no-repeat;
background-position:left;

white-space: nowrap;
height: 9px;
}

.more-white a:link, .more-white a:visited{
background-image:url(/common/images/more-info-arrow-white.gif);
background-repeat: no-repeat;
background-position: left;
}
.more-white a:link, .more a:link, .more-white a:visited, .more a:visited {
padding-left: 12px;
background-repeat: no-repeat;
background-position:left;
}

p.more-white a:hover, p.more a:hover {
background-image:url(/common/images/more-info-arrow-hover.png) !important;
background-repeat: no-repeat;
background-position:left;
}
span.more-white a:hover, span.more a:hover {
background-image:url(/common/images/more-info-arrow-black.gif) !important;
background-repeat: no-repeat;
background-position:left;
}


/* ---- program-table can be added to the parent container for pages where we are doing program listings. ---- */
.program-table table{
margin-left:28px;
}


.program-table th h3, 
.program-table td h3, 
.program-table td p {
margin-left:4px !important;
margin-right:0 !important;
margin-bottom:10px;
padding-left:4px;
}

.program-table th h3 {
font-size:100% !important;
}
.border-top {
border-top: 5px solid #ffffff;
}
/* ----------------- Formates a sub navigation on right hand column ---------------- */
.subnav {
padding-top: 18px;
}
.subnav h1 {
margin: 0px 0px 10px 0px !important;
font-size: 108% !important;
padding: 0px !important;
}
.subnav h1 a:link,  .subnav h1 a:visited {
display: block;
padding: 4px 14px 4px 14px;
text-decoration: none !important;
}
.subnav h3 {
margin: 0px 0px 0px 0px !important;
padding: 0px !important;
font-weight: normal !important;
font-size: 93% !important;
}
.subnav h2 {
margin: 0px 0px 0px 0px !important;
padding: 0px !important;
font-size: 93% !important;
font-weight: normal !important;
padding: 0px !important;
}
.subnav h3 a:link,  .subnav h3 a:visited {
display: block;
padding: 4px 14px 4px 24px;
text-decoration: none !important;
}
.subnav h2 a:link,  .subnav h2 a:visited {
display: block;
padding: 5px 14px 4px 14px;
text-decoration: none !important;
margin: 0px 0px 0px 0px !important;
}
.subnav a:hover {
background-image: url("/common/images/arrow-hover.gif");
	background-position: center left;
	background-repeat: no-repeat;
}

/*--- use for photo credits -----*/
.credit {
font-size: 77% !important;
}

.dashed-top-white {
border-top: 1px dashed #fff;
margin: 10px 14px 10px 14px;
clear: both;
}
cite, blockquote {
	font-style:italic;
}
blockquote {
	text-indent: -.4em;
	padding-left: 14px;
}
/*--- use for photo credits -----*/
.credit {
font-size: 77% !important;
}

/* Attribution of a quote (e.g. name, title) */
p.attrib {
	padding: 0 100px 20px 40px !important;
	text-align: right; 
	font-size:86%;
	color:#333;
}
li.nohover a:hover{
	background-image: none !important;
}
/*in modern browsers force a mdash before the attribution */
p.attrib:before,
.testimonial_person:before {content: '\2014';}