
/* css/debug.css */

/* CSS Document */

div.debug {
}
div.debug table  {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #000; 
	font-size: 12px;
	border-collapse: collapse;
	border: 1px solid #000;
	margin: 0;
}

div.debug .header { 
	font-weight: bold; 
	color: #FFF; 
}
div.debug td {
	vertical-align: top;
	padding: 5px;
	border: 1px solid #000;
}
div.debug .error {
	background-color: #F00;
	color: #FFF;
}

/* default */
div.debug td {
	background-color:#FFF;
}
div.debug table, div.debug .header { 
	background-color: #7A7; 
}
div.debug td.key { 
	background-color: #CFC; 
}

/* array */
div.debug .array, div.debug .array td.header { 
	background-color: #77A; 
}
div.debug .array td.key { 
	background-color: #CCF; 
}

/* object */
div.debug .object, div.debug .object td.header { 
	background-color: #AA7; 
}
div.debug .object td.key { 
	background-color: #FFC; 
}

/* resource */
div.debug .resource, div.debug .resource td.header { 
	background-color: #A7A; 
}
div.debug .resource td.key { 
	background-color: #FDF; 
}

/* xml */
div.debug .xml, div.debug .xml td.header { 
	background-color: #AAC; 
}
div.debug .xml td.key { 
	background-color: #CCF; 
}

/* css/form.css */

/* CSS Document */

/* form entries */

.form label, .form .comment, .form .comment-required {
    display: block;
	font-family: Helvetica, sans-serif;
	color: #444;
	font-size: 11px;
	text-transform: uppercase;
	padding-left: 2px;
	margin: 0;
	line-height: 11px;
}

.form .required-newmultifield label, .form .required-multifield label, .form .required-field label, .form .comment-required {
	color: #F00;
}

.form .comment-required {
	clear: left;
}

#form-error {
	background-color: #F33;
}

li.form-error {
	background-color: #F33;
	color: white;
	margin: 0;
	padding: 2px;
	width: 400px;
}

.form .comment {
	padding-bottom: 4px;
	line-height: normal;
}

.form label.checkradio {
    display: inline;
	margin-right: .5em;
}

.form input, .form textarea {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10pt;
	margin-bottom: .4em;
}

.form .required-multifield, .form .required-newmultifield, .form .multifield, .form .newmultifield {
    float: left;
	padding-top: .5em;
	margin-right: 1em;
}

.form .required-field, .form .required-newmultifield, .form .field, .form .newmultifield, .form .comment {
	padding-top: .5em;
    clear: left;
}

#loginextras .form .field {
	float: right;
	text-align: right;
}

.hidden
{
	display: none;
}


/* css/gallery.css */

div.image-block {
	clear: both;
	margin: 0;
	padding: 0;
	border: none;
}

div.image-block img {
	margin: 0; 
	padding: 2px;
	border: none;
}

div.image-block div.left-column {
	float: left;
	clear: left;
	margin: 0;
	border: none;
	padding: 0;
}

div.image-block div.right-column {
	float: right;
	clear: right;
	margin: 0;
	border: none;
	padding: 0;
}

.file-image {
	text-align: center;
}

.file-image img {
	margin: 0 auto 0 auto;
}

.gallery .file-details, .file-movie .file-details, .file-image .file-details {
	color: ;
	font-size: 9px;
	font-weight: normal;
}

.gallery .directory .file-details {
    padding-left: ;
	color: ;
	font-size: 12px;
	font-weight: normal;
}

.gallery .directory {
	font-weight: bold;
	clear: left;
	padding-top: ;
	height: 260px;
}

.gallery .file {
	font-weight: normal;
	clear: left;
}

.gallery .file-image {
	float: left;
	margin: ;
	width: 195px;
	height: 200px;
	padding:   60px ;
	list-style-type: none;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #DDD;
	background-color: #EEE;
}

.gallery .file-image img {
	margin: auto;
	border: 1px solid #DDD;
	display: block;
}

ul.gallery {
	list-style-type: none;
}

.file-nav {
	padding-top: 10px;
	padding-bottom: 5px;
	font-size: 18px;
}

.file-nav a:hover {
	text-decoration: none;
}

.icon {
	display: block;
	padding-right: 10px;
	padding-bottom: 10px;
}

ul.gallery li.directory {
	width: 220px;
	float: left;
	clear: none;
	padding-bottom: 10px;
}

.back img {
	display: block;
}

iframe.detail, iframe.detail img {
	vertical-align: middle;
	margin: 0 auto 0 auto;
	text-align: center;
}

.file-nav .prev {
	display: block;
	float: left;
}

.file-nav img {
	margin: 0;
	padding: 5px;
	border: 1px solid #565495;
}

.file-nav .next {
	display: block;
	float: right;
}

.file-nav {
	text-align: center;
}

.file-nav-end {
	clear: both;
}

/* css/main.css */

/* General Document Formatting */

html, body, #body, #header, #nav {
  margin: 0;
  padding: 0;
  background: #FFF;
}

li {
    padding: .25em 0 .25em 0;
	margin-left: 2em;
}

ol, ul, dl {
    padding: 0 0 1em 0;
	margin: 0;
}

li ol, li ul, li dl, li li {
    padding-bottom: .25em;
}

.top-link {
	display: none;
}

a, a:hover img, a img:hover {
  color: #000;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

#goo form, #goo fieldset {
    display: inline;
}

fieldset {
  border: 0;
}

a img {
  border: 0;
  text-decoration: none;
}

.photo img {
  border: 1px solid #000;
  padding: 0;
  margin: 0;
}

#page-nav fieldset {
  padding-bottom: 0px;
}

.label {
  width: 100px;
  text-align: right;
  font-variant: small-caps;
}

.form-input {  
  text-align: left;
  margin-top: -32px;
  margin-left: 120px;
  }

#header {
  height: 80px;
  width: 750px;
  padding: 0;
  margin: 0;
}

#logo {
  height: 55px;
  width: 200px;
/*
  background-image: url(images/WW-logo-BKFK.jpg);
  background-repeat: no-repeat;
*/
}

#nav {
  height: 17px;
  width: 750px;
  padding: 0px;

  font-family: Verdana, Arial, sans-serif;
  font-size: 9pt;
  text-align: right;
  background: #FFF url(images/colorbar.jpg) no-repeat bottom left;
}

#nav ul {
  margin: 0;
  padding: 0;
}

#nav li {
  display: inline;
  text-decoration: none;
  margin-left: 0;
  padding-left: 0;
}

#nav .corporate {
  border-left: 0px solid gray;
  color: #003366;
}

#nav .consumer {
  border-left: 1px solid gray;
  color: #000;
}

#nav .support {
  border-left: 1px solid gray;
  color: #606;
}

#nav a {
  padding-left: 4px;

  color: #606;
  font-weight: bold;
  
  text-align: right;
}

#links {
	position: absolute;
	top: 72px;
	left: 5px;
	width: 130px;
	padding-left: 0px;
	margin-left: .5em;
	font-size: 9pt;
	font-family: Verdana, Arial, sans-serif;
	text-decoration: none;
	border-right: gray solid 1px;
}

#links ul, #links li {
  list-style-type: none;
  margin-left: 0px;
  padding-left: 0px;
}

#links .corporate, #links .support, #links .consumer, #links .special {
  font-weight: bolder;
  margin-top: 2em;
}

#corporate a, .corporate {
  color: #003366;
}

#consumer a, #special a, .consumer, .consumer a, .special {
  color: #C30;
}

#support a, .support {
  color: #606;
}

#contents  {
  margin-left: 155px;
  margin-top: 0px;
  margin-right: 2em;
  margin-bottom: 2em;

  font-family: Verdana, Arial, sans-serif;
  font-size: 10pt;
  color: #000;
  width: 600px;
}

p {
  font-size: 10pt;
  margin-bottom: 1em;
}

blockquote {
	text-indent: -.5em;
	padding-top: .5em;
}

.phone {
  width: 60px;
  text-align: right;
  padding-right: 2em;
}

#picture {
  display: inline;
  vertical-align: top;
  padding-top: 100px;
  font-size: 16pt;  
}

h1, h2, h3, h4 {
  margin-top: .5em;
  margin-bottom: .5em; 
  font-weight: normal;
  font-family: Georgia, Times New Roman, Times, serif;
}

h1 {
  font-size: 24pt;
}

h2 {
  font-size: 16pt;
}

h3 {
  font-size: 14pt;
}

h4 {
  font-size: 12pt;
}

#person {
  font-size: 10pt;
  font-family: Georgia, Times New Roman, Times, serif;
}

.inset, .inset-left {
  float: left;
  margin-top: 0;
  margin-right: 2em;
  margin-left: 0;
  margin-bottom: 1em;
}

.inset2, .inset-right {
  float: right;
  margin-top: 0;
  margin-left: 2em;
  margin-right: 0;
  margin-bottom: 1em;
}

.clear {
	clear: both;
}

.book {
  color: #000000;
  margin-top: 2em; 
  margin-bottom: 2em; 
  padding-bottom: 2em; 
}

td.photo {
  margin: 0; 
  width: 100px;
}

td.order {
  margin: 0;
  vertical-align: top;
  font-size: 10pt;
  width: 110px;
  height: 130px;
}

td.detail {
  vertical-align: top;
  margin-bottom: 20px; 
  font-size: 10pt;
}

.title {
  font-weight: bold;
  font-size: 10pt;
}

#book form {
   display: inline;
 }

#page-nav form {
  display: inline;
}

#page-nav li {
  display: inline;
}

#page-nav ul {
  display: inline;
}

.caption {
  font-size: 9pt;
}

#footer {
  position: relative;
  clear: both;
  margin-left: 150px;
  font-size: 9pt;
  font-family: Verdana, Arial, sans-serif;

  margin-top: 3em;
  border-top: 1px solid #000;
  width: 600px;
  text-align: right;
}

#footer a {
  color: #000;
  font-weight: bold;
}

.sponsor {
  font-size: 10pt;
}

.book-link {
  float: right;
  font-style: italic;
}

#front-page {
  text-align: center;
  font-size: 24pt;
  
  margin: 0;
  padding: 0;
}

hr.divider {
  margin-top: 2em;
  margin-left: 200px;
  margin-right: 200px;
  margin-bottom: 2em;
}

.tagline {
  text-align: center;
}

.story {
  margin-right: 200px;
}

ul {
  text-decoration: none;
}

table.data {
  margin-left: 50px;
  border: 1px gray solid;
}

td.title {
  font-style: italic;
}

table.data td {
  padding-right: 2em;
}

.notes {
  font-style: italic;
}

.storypic {
    float: right;
	clear: right;
	margin: 2em;
}

.replace {
    color: #663300;
}

.copyright {
	color: gray;
	font-size: 9pt;
}

dt {
    font-size: larger;
	font-weight: bold;
	padding-bottom: 2em;
}

dd {
	padding-bottom: 2em;
}

.tagline {
    font-size: 16pt;
}

.color-pages {
	float: right;
	clear: right;
	width: 200px;
	text-align: right;
}

.color-pages img {
	border-top: 1px solid #777;
	border-left: 1px solid #777;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	margin-bottom: 25px;
}

.comment-pic {
	float: right;
	clear: right;
	margin-left: 20px;
	margin-bottom: 10px;
}

hr.divide {
	background-color: #DDD;
	height: 2px;
	margin: 1em;
	clear: both;
}

.more {
	color: #050;
}

/* css/print.css */



@media print {


body {
  background: white !important;
  width: auto !important;
  padding-right: 200px !important;  
}

#header #print_display
{
	display: block;
	width: auto !important;
}

.boxcontent
{
	display: none;
}

#nav, #footer, #tag, #masters, #hsdl, #newslinks, #qlinks, #mediainq, #presskit, #subnav, form {
  display: none;
}

#content {
  width: auto !important;
  padding-right: 200px !important;  
}

a {
    color: black;
	text-decoration: none;
}

h1, h2, h3, dt {
  page-break-before: auto;
  page-break-after: avoid !important;
}

div, p, dt, dd, table, ol, ul, dl, img {
  page-break-inside: avoid !important;
}

/*
#printfooter {
  position: relative;
  margin-top: auto;
  margin-bottom: 0;
  display: block;
}
*/

/* special formatting for the directory */

.dirlisting {
	padding: 0;
	margin: 0;
	border: none;
}

.dirlisting img, .dirfull, .detail-header, .lookup, .form {
	display: none;
}


.dirlisting .location, .dirlisting .contact, .dirlisting .role, .lookup {
	display: none;
}

/*
.dirlisting .name, .dirlisting .title, .dirlisting .phone, .dirlisting .email {
	display: inline-table;
	vertical-align: top;
	height: 20px;
	font-size: 7pt;
}
*/

.dirlisting .name, #phone-list .name {
	width: 20%;
}

.dirlisting .title, #phone-list .title {
	width: 20%;
}

.dirlisting .email, #phone-list .email {
	width: 25%;
}

.dirlisting .phone, #phone-list .phone {
	width: 15%;
}

.grayline {
	border-bottom: 3px solid black;
	height: 2px;
	margin-bottom: 20px;
}

#bio {
	text-align: center;
	width: 600px;
}

.biodetails {
	display: none !important;
}

.biotext {
	width: 600px;
}

#bio .name {
	font-size: 16pt;
	width: auto;
}

#bio .chds {
	font-size: 12pt;
	width: auto;
}


.pagebreak {
	page-break-before: always;
	margin-bottom: 20px;
}

#phone-list .subtitles {
	display: table-row;
}

#phone-list td {
	font-size: 7pt;
}



}
/* css/printfile.css */

/* CSS Document */



@media print {


body {
  background: white !important;
  width: auto !important;
  padding-right: 200px !important;  
}

#header #print_display
{
	display: block;
	width: auto !important;
}

.callout
{
	display: none;
}

#nav, #footer, #tag, #masters, #hsdl, #newslinks, #qlinks, #mediainq, #presskit, #subnav, form {
  display: none;
}

#content {
  width: auto !important;
  padding-right: 200px !important;  
}

a {
    color: black;
	text-decoration: none;
}

h1, h2, h3, dt {
  page-break-before: auto;
  page-break-after: avoid !important;
}

div, p, dt, dd, table, ol, ul, dl, img {
  page-break-inside: avoid !important;
}


#bio {
	text-align: center;
	width: 600px;
}

.biodetails {
	display: none !important;
}

.biotext {
	width: 600px;
}

#bio .name {
	font-size: 16pt;
	width: auto;
}

#bio .chds {
	font-size: 12pt;
	width: auto;
}


.pagebreak {
	page-break-before: always;
	margin-bottom: 20px;
}



}
/* css/rounded.css */

/* CSS Document */

/* rounded corner support */
/* 
Typical xHTML markup for rounded elements 

<div>
	<b class='b1'></b><b class='b2'></b><b class='b3'></b><b class='b4'></b>
		<div class='boxcontent'>
			<div class='header'>
				Header content
			</div>
			Content goes here
		</div>
	<b class='b4b'></b><b class='b3b'></b><b class='b2b'></b><b class='b1b'></b>
</div>

Typical color replacement CSS

#rounded .boxcontent .header { background-color: gray; color: white; }
#rounded .b1, #rounded .b2 { border-left-color: gray; border-right-color: gray; }
#rounded .b3, #rounded .b4, #rounded .b4b, #rounded .b3b, #rounded .boxcontent { border-left-color: gray; border-right-color: gray; }
#rounded .b2b { border-left-color: gray; border-right-color: gray; } 
#rounded .b1b { border-left-color: gray; border-right-color: gray; } 
#rounded .b1 { background: gray; }
#rounded .b2, #rounded .b3, #rounded .b4 { background: gray; } 
#rounded .b1b { background: gray; } 

*/

.b1, .b2, .b3, .b4, .b1b, .b2b, .b3b, .b4b {
	display: block; 
	overflow: hidden; 
	font-size: 1px;
}

.b2, .b3, .b4 { 
	background: #FFF; 
}

.b2, .b3, .b4, .b4b, .b3b, .b2b { 
	border-left: 1px solid #CCC; 
	border-right: 1px solid #CCC; 
}

.b1, .b1b { 
	background: #CCC; 
}

.boxcontent { 
	display: block;
	background: #FFF; 
	border-left: 1px solid #CCC; 
	border-right: 1px solid #CCC; 
}

.b1, .b2, .b3, .b1b, .b2b, .b3b { 
	height: 1px; 
}

.b1, .b1b { 
	margin: 0 5px; 
}

.b2, .b2b { 
	margin: 0 3px; 
	border-width: 0 2px; 
}

.b3, .b3b { 
	margin: 0 2px; 
}

.b4, .b4b { 
	height: 2px; 
	margin: 0 1px; 
}

.boxcontent { 
	padding-bottom: 5px; 
}

.boxcontent .header { 
	margin-bottom: 5px; 
}

.tabbed-panel .tab, .tabbed-panel .selected {
	float: left;
	height: 20px;
	width: 150px;
	margin-right: 5px;
	color: black;
}

.tabbed-panel .selected .boxcontent, .tabbed-panel .tab .boxcontent {
	padding-left: 10px;
	padding-right: 10px;
}

.tabbed-panel .selected .boxcontent {
	background-color: #FFF;
}

.tabbed-panel .tab .boxcontent {
	background-color: #CCC;
}

.tabbed-panel .tab .b1, .tabbed-panel .tab .b2 { border-left-color: #CCC; border-right-color: #CCC; }
.tabbed-panel .tab .b3, .tabbed-panel .tab .b4, .tabbed-panel .tab .b4b, .tabbed-panel .tab .b3b, .tabbed-panel .tab .boxcontent { border-left-color: #CCC; border-right-color: #CCC; }
.tabbed-panel .tab .b2b { border-left-color: #CCC; border-right-color: #CCC; } 
.tabbed-panel .tab .b1b { border-left-color: #CCC; border-right-color: #CCC; } 
.tabbed-panel .tab .b1 { background: #CCC; }
.tabbed-panel .tab .b2, .tabbed-panel .tab .b3, .tabbed-panel .tab .b4 { background: #CCC; } 
.tabbed-panel .tab .b1b { background: #CCC; } 

.tabbed-panel .selected .b1, .tabbed-panel .selected .b2 { border-left-color: #CCC; border-right-color: #CCC; }
.tabbed-panel .selected .b3, .tabbed-panel .selected .b4, .tabbed-panel .selected .b4b, .tabbed-panel .selected .b3b, .tabbed-panel .selected .boxcontent { border-left-color: #CCC; border-right-color: #CCC; }
.tabbed-panel .selected .b2b { border-left-color: #CCC; border-right-color: #CCC; } 
.tabbed-panel .selected .b1b { border-left-color: #CCC; border-right-color: #CCC; } 
.tabbed-panel .selected .b1 { background: #CCC; }
.tabbed-panel .selected .b2, .tabbed-panel .selected .b3, .tabbed-panel .selected .b4 { background: #FFF; } 
.tabbed-panel .selected .b1b { background: #CCC; } 

.tabbed-panel  .panel-contents .b1, .tabbed-panel  .panel-contents .b2 { border-left-color: #CCC; border-right-color: #CCC; }
.tabbed-panel  .panel-contents .b3, .tabbed-panel  .panel-contents .b4, .tabbed-panel  .panel-contents .b4b, .tabbed-panel  .panel-contents .b3b, .tabbed-panel  .panel-contents .boxcontent { border-left-color: #CCC; border-right-color: #CCC; }
.tabbed-panel  .panel-contents .b2b { border-left-color: #CCC; border-right-color: #CCC; } 
.tabbed-panel  .panel-contents .b1b { border-left-color: #CCC; border-right-color: #CCC; } 
.tabbed-panel  .panel-contents .b1 { background: #CCC; }
.tabbed-panel  .panel-contents .b2, .tabbed-panel  .panel-contents .b3, .tabbed-panel  .panel-contents .b4 { background: #FFF; } 
.tabbed-panel  .panel-contents .b1b { background: #CCC; } 

.tabbed-panel .tab-panel {
	margin-top: 20px;
	margin-right: 10px;
	height: 26px;
	position: relative;
	z-index: 2;
}

.tabbed-panel .panel-contents {
	position: relative;
	top: -1px;
	z-index: 1;
}

.tabbed-panel .panel-contents .boxcontent {
	padding-left: 10px;
}

.tabbed-panel .panel-contents .b1 { 
	margin: 0 5px 0 0; 
}

.tabbed-panel .panel-contents .b2 { 
	margin: 0 3px 0 0; 
}

.tabbed-panel .panel-contents .b3 { 
	margin: 0 2px 0 0; 
}

.tabbed-panel .panel-contents .b4 { 
	margin: 0 1px 0 0; 
}
