/* Global Styling
*/

@font-face {
 font-family: MyCustomFont;
 src: url("TKMED.eot"); /* EOT file for IE */
}
@font-face {
 font-family: MyCustomFont;
 src: url("TKMED.TTF"); /* TTF file for CSS3 browsers */
}

@media screen {
  body {
    overflow: -moz-scrollbars-vertical;
  }
}
@media print {
  .display {
    display: none;
  }
}

#cmm-test, .cmm-test {
 font-family: MyCustomFont, Verdana, Arial, sans-serif;
 font-size: 13px;
 color: black;
}

span.cmm-test-header {
 font-family: MyCustomFont, Verdana, "Arial Black", sans-serif;

 color: #000;
}
body {
  background: #fff;
  font-family: arial, helvetica, sans-serif;
  margin: 20px 0 0 0;
  padding: 0;
  text-align: center;
}

.article {
  margin-left: 10px;
}

/* Layout
*/

#tkLayout {
}

.tkLayoutInternet {
  background: #fff;
  margin: auto;
  text-align: left;
  width: 740px;
}

.tkLayoutIntranet {
  background: #fff;
  margin: auto;
  text-align: left;
  width: 964px;
}

.tkLayoutMember {
  background: #fff;
  margin: auto 4px;
  text-align: left;
}

/* Header
*/

#tkLayoutHeader {
  overflow: hidden;
}

/* Main Menu
*/

#tkLayoutMainMenu {
  clear: both;
  height: 24px;
  overflow: hidden;
/* TODO: broke main menu in IE only - overflow: hidden; */
}

/* Banner
*/

#tkLayoutBanner {
  clear: both;
  overflow: hidden;
  /* TODO: broke main menu - overflow: hidden; */
}

.tkLayoutMember #tkLayoutBanner {
  display: none;
}

/* Left Column
*/

#tkLayoutLeftColumn {
  float: left;
  overflow: hidden;
  /* TODO: broke main menu - overflow: hidden; */
  width: 165px;
}

#tkLayoutLeftColumn .tkCell {
  background: rgb(245, 245, 245);
  width: 165px;
}

#tkLayoutLeftColumn .tkCell .tkWysiwyg {
  width: auto;
}

/*
*/

.tkLayoutMember #tkLayoutLeftColumn {
  display: none;
}

/* Wrap
*/

#tkLayoutWrap {
  float: right;
  width: 570px;
}

.tkLayoutIntranet #tkLayoutWrap {
  float: right;
  width: 794px;
}

.tkLayoutMember #tkLayoutWrap {
  display: none;
}

/* Visual
*/

#tkLayoutVisual {
  overflow: hidden;
  /* TODO: broke main menu - overflow: hidden; */
  width: 570px;
}

.tkLayoutIntranet #tkLayoutVisual {
  width: 794px;
}

/* Body
*/

#tkLayoutBody {
  float: left;
  overflow: hidden;
  /* TODO: broke main menu - overflow: hidden; */
  width: 390px;
}

.tkLayoutIntranet #tkLayoutBody {
  width: 614px;
  /* text-align: center; */
}

#tkLayoutBody .tkCell {
  width: 390px;
}

#tkLayoutBody table.tkCells .tkCell,
#tkLayoutBody table.tkCells,
#tkLayoutBodyFull table.tkCells .tkCell,
#tkLayoutBodyFull table.tkCells,
#tkLayoutBodyWide table.tkCells .tkCell,
#tkLayoutBodyWide table.tkCells {
  width: 100%;
}

#tkLayoutBody table.tkCells tbody td .content table,
#tkLayoutBodyFull table.tkCells tbody td .content table,
#tkLayoutBodyWide table.tkCells tbody td .content table {
/* This will adjust the size of the tables within the body section of the tkCells table. */
  margin-left: 10px;
  margin-right: 10px;
  width: auto;
  /* border: 1px solid green; */
}

/* Body Wide
*/

#tkLayoutBodyWide {
  float: left;
  overflow: hidden;
  /* TODO: broke main menu - overflow: hidden; */
  width: 570px;
}

.tkLayoutIntranet #tkLayoutBodyWide {
  width: 794px;
}

#tkLayoutBodyWide .tkCell {
 width: 570px;
}

#tkLayoutBodyWide table.tkCells .tkCell {
 width: 100%;
}

/* Body Full
*/

#tkLayoutBodyFull {
  float: left;
  overflow: hidden;
  /* TODO: broke main menu - overflow: hidden; */
  width: 740px;
}

.tkLayoutIntranet #tkLayoutBodyFull {
  width: 964px;
}

.tkLayoutMember #tkLayoutBodyFull {
  display: block ! important;
  float: none;
  width: auto;
}

#tkLayoutBodyFull .tkCell {
 width: 740px;
}

#tkLayoutBodyFull table.tkCells .tkCell {
 width: 100%;
}

/* Right Column
*/

#tkLayoutRightColumn {
  float: right;
  overflow: hidden;
  /* TODO: broke main menu - overflow: hidden; */
  width: 175px;
}

#tkLayoutRightColumn .tkCell {
  background: rgb(245, 245, 245);
  width: 175px;
}

/* Copyright
*/

#tkLayoutCopyright {
  clear: both;
  overflow: hidden;
  /* TODO: broke main menu - overflow: hidden; */
}

/*
*/

span.tkElementHeading {
  font-family: arial, helvetica, sans-serif;
  font-size: 13px;
}

/* Image
*/
#tkLayoutLeftColumn .tkImage {
 padding: 0px;
 width: 165px;
}

#tkLayoutRightColumn .tkImage {
 padding: 0;
 width: 175px;
}

#tkLayoutLeftColumn .tkImage img,
#tkLayoutRightColumn .tkImage img {
  display: block;
}

/* Wysiwyg
*/
a.tkLink,
.tkTop,
.tkTop a {
  font-family: arial, helvetica, sans-serif;
  font-size: 11px !important;
  border: none;
}  

#tkLayoutLeftColumn .tkWysiwyg {
  padding: 5px;
  width: 165px;
}
#tkLayoutRightColumn .tkWysiwyg {
  padding: 5px;
  width: 175px;
}

.tkLayoutIntranet #tkLayoutBody .tkCell {
  width: 614px;
}

.tkLayoutIntranet #tkLayoutBodyWide .tkCell {
  width: 794px;
}

.tkLayoutIntranet #tkLayoutBodyFull .tkCell {
  width: 964px;
}

#tkLayoutBody .tkWysiwyg tbody td,
#tkLayoutBodyFull .tkWysiwyg tbody td,
#tkLayoutBodyWide .tkWysiwyg tbody td {
  /* This will adjust content in the body portion only of wysiwygs that are in center section of page. */
  /* Adding width to this definition breaks the cells don't do it on auto or 100% */
  /* text-align: left; */
  padding-left: 10px;
  padding-right: 10px;
  /* border: 1px solid gold; */

}

#tkLayoutBody .tkWysiwyg,
#tkLayoutBodyFull .tkWysiwyg thead td,
#tkLayoutBodyWide .tkWysiwyg thead td { 
  /* This will adjust content in the Head portion only of wysiwygs that are in the center of the page */
  /* The style definition with the majenta border overwrites this one. */
  /* text-align: left; */
  text-align:left;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  margin-left: 0;
  margin-right: 0;
  /* border: 1px solid red; */
}

#tkLayoutBody table.tkCells .tkWysiwyg tbody td,
#tkLayoutBodyFull table.tkCells .tkWysiwyg tbody td,
#tkLayoutBodyWide table.tkCells .tkWysiwyg tbody td{
  /* this adjusts the cell that holds wysiwygs that are in the body of the tkCells table only these cells are the full width of the header */
  /* text-align: left; */
  width: auto;
  margin: 0;
  padding: 0;
  /* border: 1px solid pink; */
}

.tkWysiwyg,
.tkWysiwyg a,
.tkWysiwyg p,
.tkWysiwyg td {
  color: #333;
  font-family: arial, helvetica, sans-serif;
  font-size: 9pt;
}
.tkWysiwyg a {
  color: #2269b6;
  text-decoration: none;
}
.tkWysiwyg a:hover {
  text-decoration: underline;
}
.tkWysiwyg font.heading,
.tkWysiwyg font.heading-tkblue,
.tkWysiwyg font.heading-tklightblue {
  font-size: 9.5pt;
  font-weight: bold;
  margin-top: 0;
  /* margin-left: 10px; */
}
.tkWysiwyg font.subheading,
.tkWysiwyg font.subheading-tkblue,
.tkWysiwyg font.subheading-tklightblue {
  color: #333;
  font-size: 9pt;
  font-weight: bold;
}
.tkWysiwyg font.heading-tkblue,
.tkWysiwyg font.subheading-tkblue {
  color: #003466;
}
.tkWysiwyg font.heading-tklightblue,
.tkWysiwyg font.subheading-tklightblue {
  color: #2269b6;
}
.tkWysiwyg table,
.tkWysiwyg table td {
  border: none;
}

#tkLayoutBody .tkWysiwyg table,
#tkLayoutBodyWide .tkWysiwyg table,
#tkLayoutBodyFull .tkWysiwyg table {
  width: 100%;    /* if you change this setting the headers in the tkwysiwyg will not go all the way across */
  padding: 0;
  margin: 0;
  /* text-align: left; */
  text-align: left;
}

.tkWysiwyg td,
.tkWysiwyg th {
  vertical-align: top;
}

/* Existing Classes for Wysiwyg
*/
.tkLayoutIntranet #tkLayoutBody .tkWysiwyg, 
.tkLayoutIntranet #tkLayoutBodyWide .tkWysiwyg,
.tkLayoutIntranet #tkLayoutBodyFull .tkWysiwyg {
  /* margin: 0; */
  /* padding: 0 */
}

#tkLayoutBody .tkWysiwyg thead td,
#tkLayoutBodyWide .tkWysiwyg thead td,
#tkLayoutBodyFull .tkWysiwyg thead td {
  background-image: url('../image/wysiwyg/h1.gif');
  background-repeat: repeat-x;
  width: 100%;
  margin: 0;
  padding: 0;
  /* text-align: left; */
}

#tkLayoutBody .tkWysiwyg thead h1,
#tkLayoutBodyWide .tkWysiwyg thead h1,
#tkLayoutBodyFull .tkWysiwyg thead h1 {
  color: #003466;
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
  line-height: 31px;
  margin: 0;
  margin-left: 10px;
  padding: 0;
}

#tkLayoutLeftColumn .tkWysiwyg hr,
#tkLayoutLeftColumn .tkWysiwyg hr.ninety,
#tkLayoutRightColumn .tkWysiwyg hr,
#tkLayoutRightColumn .tkWysiwyg hr.ninety {
  height: 1px;
  border: 1px solid #fff;
  border-width: 1px 0 0 0;
}

#tkLayoutLeftColumn .tkWysiwyg hr,
#tkLayoutLeftColumn .tkWysiwyg hr.ninety {
  width: 150px;
  /* text-align: left; */
  margin-left: 0;
}

#tkLayoutRightColumn .tkWysiwyg hr,
#tkLayoutRightColumn .tkWysiwyg hr.ninety {
  width: 160px;
  /* text-align: left; */
  margin-left: 0;
}

#tkLayoutBody .tkWysiwyg hr,
#tkLayoutBody .tkWysiwyg hr.ninety,
#tkLayoutBodyFull .tkWysiwyg hr,
#tkLayoutBodyFull .tkWysiwyg hr.ninety,
#tkLayoutBodyWide .tkWysiwyg hr,
#tkLayoutBodyWide .tkWysiwyg hr.ninety {
  border: none;
  height: 0;
  border-width: 0;
  display: none;
}

#tkLayoutLeftColumn .tkWysiwyg,
#tkLayoutRightColumn .tkWysiwyg {
  /* border: 1px solid green; */
  /* text-align: left; */
}

.tkWysiwyg img.arrow,
.tkWysiwyg img.tkArrow {
  border: none;
  margin-right: 5px;
}
.tkWysiwyg div.grey-background {
  background-color: #f5f5f5;
  padding: 2px 0 8px 0;
/*  margin-bottom: 8px; */
  border-bottom: 8px solid #fff;
}

#tkLayoutLeftColumn .tkWysiwyg thead h1,
#tkLayoutRightColumn .tkWysiwyg thead h1 {
  color: #333;
  font-size: 8pt;
  font-family: Arial, Helvetica, sans-serif;
  margin-left: 4px;
  margin-top: 4px;
  margin-bottom: 2px;
  text-align: left;
  font-weight: normal;
}

/* Search Results
*/
.tkFragmentSearchResults span.heading,
.tkFragmentSearchResults span.message {
  color: #333;
  font-family: arial, helvetica, sans-serif;
  font-size: 9pt;
  margin: 0px;
}
.tkFragmentSearchResults span.heading {
  font-size: 9.5pt;
  font-weight: bold;
}
.tkFragmentSearchResults table td {
  vertical-align: middle;
}
.tkFragmentSearchResults input.query {
  background: #fff;
  border: 1px solid #000;
  height: 18px;
  padding-left: 2px;
  width: 100%;
}
.tkFragmentSearchResults input.search {
  border-top: 2px solid #fff;
}
.tkFragmentSearchResults table {
  width: auto;
}
.tkFragmentSearchResults thead,
.tkFragmentSearchResults tbody,
.tkFragmentSearchResults tbody a {
  color: rgb(0, 51, 102);
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 7.5pt;
  text-decoration: none;
}
.tkFragmentSearchResults thead {
  font-weight: bold;
}
.tkFragmentSearchResults thead tr.bar {
  background-color: rgb(0, 51, 102);
}
.tkFragmentSearchResults thead tr.bar td {
  color: #fff;
  padding: 1px 0px 1px 2px;
}
.tkFragmentSearchResults td {
  vertical-align: top;
}
.tkFragmentSearchResults tbody a:hover {
  text-decoration: underline;
}
.tkFragmentSearchResults thead img {
  margin-left: 2px;
  margin-top: 2px;
}
.tkFragmentSearchResults tbody td {
  padding-top: 3px;
  padding-bottom: 0px;
}
.tkFragmentSearchResults tbody tr.summary td {
  padding-top: 0px;
  padding-bottom: 0px;
  color: #666;
}
.tkFragmentSearchResults tbody tr.relevance td {
  padding-top: 0px;
  padding-bottom: 3px;
  color: #4a4;
}
.tkFragmentSearchResults tbody td a {
  padding-right: 15px;
  font-weight: bold;
}
.tkFragmentSearchResults tbody img.bullet {
  margin: 4px 7px 0px 7px;
}
.tkFragmentSearchResults tbody img.arrow {
  margin: 1px 7px 0px 7px;
}
.tkFragmentSearchResults tbody .keyword {
  font-weight: bold;
  margin-bottom: 8px;
}
.tkFragmentSearchResults tr.navigation {
  color: #4784c3;
  font-weight: bold;
}
.tkFragmentSearchResults tr.navigation td {
  padding-top: 2px;
}
.tkFragmentSearchResults tr.navigation a {
  color: #4784c3;
  padding-right: 0px;
  text-decoration: underline;
}
.tkFragmentSearchResults tr.navigation a:hover {
  text-decoration: underline;
}















/* Brochures Style
*/
table.brochures td {
  padding: 3px 10px;
  vertical-align: top;
}
table.brochures a img,
table.brochures a:hover img,
table.brochures a:link img,
table.brochures a:active img,
table.brochures a:visited img {
  border: 1px solid #2269B6;
}
table.brochures p {
  color: #000;
  font-family: arial, helvetica, sans-serif;
  font-size: 9pt;
}
table.brochures p.heading {
  color: #2269b6;
  font-weight: bold;
  font-size: 9.5pt;
}

/* Services Style
*/
table.services {
  font-size: 12px;
  font-family: verdana; 
  font-weight: normal;
  width: 100%;
}
table.services tr.heading {
  background-color: #4784c3;
}
table.services tr.heading td {
  color: #fff;
  font-weight: bold;
  padding: 2px 4px;
} 
table.services tr.odd {
  background-color: #eaeaea;
}
table.services tr.even {
  background-color: #f7f7f7;
}
table.services tr.odd td,
table.services tr.even td {
  color: #000;
  padding: 2px 4px;
}

/* Products Style
*/
table.products {
  width: 100%;
}
table.products,
table.products td {
  font-family: arial;
  font-size: 12px;
  font-weight: normal;
  vertical-align: top;
}
table.products tr.heading {
  background: #f2f2f2;
}
table.products tr.heading td {
  color: #003466;
  font-weight: bold;
  padding: 2px 5px;
  text-align: left;
  vertical-align: middle;
  width: 50%;
}
table.products td table img {
  margin: 5px 3px 0px 3px;
}


/* Picture Style 

*/
div.picture {
	overflow: hidden;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: auto;
}

div.picture img {
	float:left;
	margin: 0px 0px 0px 0px !important;
	padding: 0px 0px 0px 0px !important;
	display:block !important;
	margin-left:0px !important;
	margin-right:0px !important;
	padding-left:0px !important;
	padding-right:0px !important;
}

div.picture div div img {
	margin-left:0px !important;
	margin-right:0px !important;
	padding-left:0px !important;
	padding-right:0px !important;
	float:left;
}

div.picture div div {
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: auto;
}

div.picture div {
	float: none;
}


/* Contacts Style
*/
table.contacts {
  border-collapse: collapse;
  width: 100%;
}
table.contacts tr.heading {
  background-color: #003463;
}
table.contacts td {
  padding: 10px;
  vertical-align: middle;
}
table.contacts tr.heading p,
table.contacts tr.heading td {
  color: #fff;
  font-family: arial, helvetica, sans-serif;
  font-size: 11pt;
  font-weight: bold;
  text-align: left;
}
table.contacts tr.heading td {
  padding: 1px 9px;
}
table.contacts tr.odd {
  background-color: #f0f0f0;
}
table.contacts tr.even {
  background-color: #f7f7f7;
}
table.contacts tr.odd td,
table.contacts tr.even td,
table.contacts tr.odd p,
table.contacts tr.even p {
  font-family: arial, helvetica, sans-serif;
  font-size: 8pt;
  color: #003463;
}
table.contacts tr.odd p,
table.contacts tr.even p {
  margin-bottom: 8px;
  margin-top: 8px;
}
table.contacts tr.odd b,
table.contacts tr.even b {
  font-size: 10pt;
}
table.contacts ul {
  padding-left: 32px;
  margin-left: 0px;
  margin-top: 10px;
}
table.contacts li {
  list-style-image: url('../image/contacts/bullet.gif');
  font-size: 8.5pt;
  color: #003463;
}
table.contacts ul ul {
  margin-bottom: 1px;
  margin-top: 1px;
}
table.contacts a {
  color: #0099CC;
  font-family: arial, helvetica, sans-serif;
  font-size: 8pt;
}
table.contacts a:hover {
  text-decoration: none;
}
