body {
	margin: 0;
	padding: 0;
	font: 11px/1.5 Verdana, Arial, Helvetica, sans-serif;
	background: #e3e3da url(bf_images/body_bk.gif) repeat-x;
	}
#wrapper {
	background: url(bf_images/kk_logo_bk.jpg) top center no-repeat;
	}
#logo {
	height: 170px;
	text-align: right;
	padding: 0px 250px 0px 0px;
	}
#content {
	position: relative;
	margin-right: 200px;
	color: #663;
	background: transparent;
	padding: 0 4% 50px 4%;
	font-size: 12px;
	}
#title {
	margin: 20px 0px;
	}
#heading {
	margin: 0px 35px 35px 35px;
	padding: 10px 0;
	border-top: 1px dotted #90906b;
	border-bottom: 1px dotted #90906b;
	text-align: center;
	}
#menu {
	position: absolute;
	top: 170px;
	right: 15px; 
	width: 185px;
	background: transparent url(bf_images/menu_bg.gif) top left repeat-y;
	padding: 35px 0 0 0;
	}

#search {
	text-align: center;
	}


/* ------ headings ------ */

h1 { font-size: 2em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.35em; }
h4 { font-size: 1.25em; }
h5 { font-size: 1em; }
h6 { font-size: 0.9em; }

#heading h3 {
	margin: 0;
	padding: 0;
	font: bold 16px Georgia, Verdana, Arial, Helvetica, sans-serif;
	color: #90906b;
	}
#heading span {
	font-size: 11px;
	color: #90906b;
	}
#content h1 {
	margin: 0;
	padding: 0;
	letter-spacing: 2px;
	}
#content h2 { margin-bottom: 1em; }


/* ------ section headings ------ */

#inthenews #title h1, #sbs #title h1, #classics #title h1, #papers #title h1 {
	font-size: 18px;
	letter-spacing: 2px;
/*	color: #90906b; */
	color: #acac90;
	}


/* ------ 2 cols for articles and news ------ */

#cols { width: 100%; } /* container */

#leftcol {
	float: left;
	width: 49%;
	font-size: 11px;
	} 
#rightcol { 
	margin-left: 51%;
	font-size: 11px;
	}
#leftcol h2 { margin: 0 0 1em 0; }

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

#content a {
	font-weight: bold;
	color: #b08839;
	}
#content a:visited { color: #d0b888; }
#content  { color: #663; }


/* ------ menu ------ */

#menu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	}
#menu li { padding: 0px 0px 5px 10px; }
#menu li a {
	font-weight: bold;
	font-size: 11px;
	color: #90906b;
	text-decoration: none;
	}
#menu li a:visited { color: #acac90; }
#menu li  { color: #663;  }
#menu h4 {
	margin: 0;
	margin-bottom: 10px;
	font-size: 12px; 
	color: #663;
	background: #d5d5c7;
	padding-left: 5px;
	}


/* ------- other ------ */

q { font-style: italic; }	/* inline quotes */
blockquote, blockquote ul { font-style: italic; }
abbr { cursor: help; }
.shading { background: #d5d5c7; }
#logo img { margin-top: 70px; }
.spacer { clear: both; height: 0px; overflow: hidden; }
.tiny { font-size: 11px; }
.center { text-align: center; }
.sci { font-style: italic; }	/* scientific names, foreign words */
.centre { margin-left: auto; margin-right: auto; } /* centres tables */
.width30 { width: 30%; } /* table width */
.width50 { width: 50%; } /* table width */
.sup { font-size: 11px; vertical-align: 3px; line-height: 0; }	/* superscript */
.subs { font-size: 11px; vertical-align: sub; line-height: 0; }		/* subscript */
img { border: 0px; }
ul.plain {
	list-style-type: none;
	padding: 0;
	margin: 0;
	}
ul.plain li { margin-bottom: 15px; }
ul.plain li span { font-weight: bold; }
ol.alpha { list-style: lower-alpha; }
#menu img { margin-bottom: 5px; }
.reference { font-size: 11px; font-weight: bold; }
.box {
	margin: 0px 30px;
	border: 1px solid #663;
	padding: 0px 20px 10px 20px;
	}
.leftpull {
	float: left;
	font: 17px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	width: 200px;
	margin: 0px 10px 10px 0px;
	border-top: 10px solid #d5d5c7;
	border-bottom: 10px solid #d5d5c7;
	padding: 5px 0px;
	}
.rightpull {
	float: right;
	font: 17px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
	width: 200px;
	margin: 0px 0px 10px 10px;
	border-top: 10px solid #d5d5c7;
	border-bottom: 10px solid #d5d5c7;
	padding: 5px 0px;
	}


/* ------ floating divs for images ------ */

.left {
	position: relative; /* fix for IE-PC not displaying image */
	float: left;
	}
.right { float: right; }

.left100 {
	float: left;
	width: 100px;
	margin: 0px 10px 10px 0px;
	text-align: left;
	font-size: 10px;
	font-weight: bold;
	}
.right100 {
	float: right;
	width: 100px;
	margin: 0px 0px 10px 10px;
	text-align: right;
	font-size: 10px;
	font-weight: bold;
	}
.left150 {
	float: left;
	width: 150px;
	margin: 0px 10px 10px 0px;
	text-align: left;
	font-size: 10px;
	font-weight: bold;
 	}
.right150 {
	float: right;
	width: 150px;
	margin: 0px 0px 10px 10px;
	text-align: right;
	font-size: 10px;
	font-weight: bold;
	}
.left200 {
	float: left;
	width: 200px;
	margin: 0px 10px 10px 0px;
	text-align: left;
	font-size: 10px;
	font-weight: bold;
	}
.right200 {
	float: right;
	width: 200px;
	margin: 0px 0px 10px 10px;
	text-align: right;
	font-size: 10px;
	font-weight: bold;
	}
.left250 {
	float: left;
	width: 250px;
	margin: 0px 10px 10px 0px;
	text-align: left;
	font-size: 10px;
	font-weight: bold;
	}
.right250 {
	float: right;
	width: 250px;
	margin: 0px 0px 10px 10px;
	text-align: right;
	font-size: 10px;
	font-weight: bold;
	}
.left300 {
	float: left;
	width: 300px;
	margin: 0px 10px 10px 0px;
	text-align: left;
	font-size: 10px;
	font-weight: bold;
	}
.right300 {
	float: right;
	width: 300px;
	margin: 0px 0px 10px 10px;
	text-align: right;
	font-size: 10px;
	font-weight: bold;
	}

/* ------ float for video & audio thumbs ------ */

.vid {
	float: right; 
	width: 190px;
	height: 150px;
	text-align: center;
	margin-left: 10px;
	font-size: 11px;
	}


/* ------ float for bibliography thumbs ------ */

.biblio	{
	float: right;
	width: 200px;
	text-align: center;
	height: 250px;
	margin-left: 10px;
	font-size: 11px;
	}
.biblio p { margin-top: .5em; }

/* ------ table for sbs ------ */

table#cb {
	border-top: 1px solid #663;
	border-left: 1px solid #663;
	background-color: #d5d5c7;
	font-size: 11px;
	}
#cb th, #cb td {
	border-right: 1px solid #663;
	border-bottom: 1px solid #663;
	}
#cb th { text-align: center; background: #b9b9a2; }
#cb th, #cb td { padding: 3px; }
#cb td { vertical-align: top; }
caption { padding-bottom: .5em; }


/* ----- styles for main page --------- */

#bigfoot {
	padding: 0;
	margin: 0;
	background: #330;
	font: 11px/1.5 Verdana, Arial, Helvetica, sans-serif;
	color: #e3e3da;
	text-align: center; /* hack for IE5/Win */
	}
#bigfoot #wrapper {
	background: transparent;
	margin-left: auto;
	margin-right: auto;
	width: 600px;
	}
#bigfoot #heading { margin: 0 0 20px 0; border: none; }
#bigfoot #heading span { font-size: 10px; }
#bigfoot #logo {
	background: #330 url(bf_images/logo.jpg) no-repeat;
	height: 200px;
	text-align: left;
	padding: 0;
	}
#bigfoot h1 {
	padding: 0;
	margin: 0;
	text-indent: -9000px;	/* hide title */
	font-size: 1px;
	}
#bigfoot h3 {
	font-size: 15px;
	margin: 0;
	padding: 0;
	color: #c7c7b5;
	}
#bigfoot .m1 { margin-left: 350px; }	
#bigfoot .m2 { margin-left: 370px; }
#bigfoot .m3 { margin-left: 390px; }
#bigfoot .m4 { margin-left: 410px; }
#bigfoot .m5 { margin-left: 430px; }
#bigfoot .m6 { margin-left: 450px; }
#bigfoot .m7 { margin-left: 480px; }
#bigfoot #content { padding: 0; margin: 0; background: transparent; text-align: left; }
#bigfoot #content p { text-align: center; color: #e3e3da; font-size: 11px; }
#bigfoot #logo a:link {
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #b9b9a2;
	text-decoration: none;
	}
#bigfoot #logo a:visited {
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #828258;
	text-decoration: none;
	}
#bigfoot #logo {
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration: none;
	background-color: #d5d5c7;
	}
#bigfoot #content a:link {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #b9b9a2;
	background-color: transparent;
	text-decoration: none;
	}
#bigfoot #content a:visited {
	color: #828258;
	background-color: transparent;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
	}
#bigfoot #content {
	color: #d5d5c7;
	background-color: transparent;
	text-decoration: underline;
	font-weight: bold;
	}
#bigfoot #search { clear: both; text-align: center; }
#bigfoot #counter { text-align: center; margin-top: 10px; }
#bigfoot img { border: 0px; }
#bigfoot .feature { float: left; width: 290px; height: 180px; margin: 0 8px 0 0; }
#bigfoot h4 { font: bold 13px Verdana, Arial, Helvetica, sans-serif; color: #9e9e7d; margin: 0; }
#bigfoot .feature ul { list-style-type: square inside; margin-left: 15px; color: #b9b9a2; }
#bigfoot .feature ul, #bigfoot .feature li { padding: 0 0 0 10px; }