img { border: 0; display: block; }

.inlineimage img {display:inline;margin:0 12px;}
.alt {color:#333;}
.skiplink {display:none;}
.hidden {display:none;}


body	{
	margin: 0;
	padding: 0;
	border: 0;
	text-align: center;
	color: #000;
	background:#000;z-index:100;
	}

body#white {background:#fff;}

body#black {color:#fff;}	

body, p {
  font-family:  garamond, times, serif;
  font-size: 18px;
}

/*/*/a{}
body,
body p {
  font-size: x-small;
  voice-family: "\"}\"";
  voice-family: inherit;
  font-size: small;
}
html>body,
html>body p {
  font-size: small;
}  
/* */

#wrapper	{
	margin: 36px auto ;
	padding: 0;
	border:0;
	/*width:1000px;*/
	text-align: left;
background: #000;
height:100%;
	}
	
body#white #wrapper {background:#fff;}

/* ---------- BANNER ----------- */

#header {position:absolute;top:0;
width:300px;
height:100%;padding:0; margin: 0 0 0 375px; ;padding:0;clear:both;
background:#000;z-index:10;
}
html>body #header {height:auto;min-height:20px;} 
body#white #header, body#black #header {display:none;}

#banner {position:relative;top:0;left:0;margin:0;padding:0 0 0 24px;border:0;color:#fff;font: 100 160%/130% garamond, serif; letter-spacing:1px;}

/*
#banner {position:absolute;top:0;left:24px;margin:0;padding:0;border:0; background: transparent url(../g/logo_o.gif) top left no-repeat;width:130px;height:15px;}
#logo {float:left;position:relative;margin:0;padding:0;border:0;background: transparent url(../g/logo.gif) top left no-repeat;width:130px;height:15px;}
#logo:hover {background: url(../g/logo_o.gif) top left no-repeat;}

 ---------- Menu ---------- */
#menu {
	position:relative;
	width: 300px;
	height:auto;
	margin:0  0 0 0;
	padding: 0;
}
html>body #menu {height:auto;min-height:300px;}

#menu ul { display: block; padding: 0; margin:32px 0 0 0 ;}
html>body #menu ul {height:auto;min-height:300px;}

#menu ul#TJK_dropDownMenu  { font: 100 130%/100% garamond,times,serif;}
#menu ul#TJK_dropDownMenu li { list-style: none; padding:0 0 .9em 24px; margin: 0;}
#menu ul#TJK_dropDownMenu li li {padding:0 0 .2em 24px; }
#menu ul li a { text-decoration: none;  text-align: left; text-transform: capitalize;padding:2px 0;margin:0;letter-spacing:1px } 

/* ---------- STRUCTURE ----------- */

#content { position:relative;display:block;margin:0 auto; padding:  0; width: 692px; z-index:1;}

#maincontent {
	position:relative;
	display:block;
	padding:60px 0  0 0 ;
	border: 0;
	margin:0 auto 4em auto;
	height:200px;
	/*width:680px;*/
		}
html>body #maincontent {height:auto; min-height:/*465px*/200px;width:auto;min-width:400px;}

.photocredit {display:block;position:relative;}
.photocredit a {}

/* ---------- Text Boxes & Scroller ---------- */

.text {width:600px;margin:2em 0 0 0;padding:0;}
.text p {text-align:justify;}


.scrollbox {height:350px;padding: 0 12px;margin:0;overflow: auto;}

.titlebox {display:block;padding:0 12px 0 0;margin:0;height:63px;}
html>body .titlebox {height:auto; min-height:63px;}

.textbox {display:block;position:relative;padding: 0 24px 40px 12px;margin:0;clear:left;}
html>body .textbox {height:auto; min-height:350px;}


/* ---------- backgrounds ----------

.menuImages {position:relative;width:400px;margin:0 auto;padding:0;} */
.images {position:relative;margin: 0 auto;padding:0;width:466px;}
.images img {padding:0;margin:0 ;}

.picture {position:relative;margin:0 auto;}

/* ---------- typography---------- */

p  { margin-top: 1em; padding-top: 0; }
p.nomargin {margin-top:0;}
p.nomargin2 {margin:1em 0 2px 0;padding:0;}
#maincontent p {font-size:100%;}
#sidebar p {font-size:100%;}
.Container p  {font-size:100%;}

h1 {margin: 0; padding:0;font-weight:100;}

h2 {margin:0; padding:0;font-weight:100;font-size:160%;color:#999;}
body#white h2 {color:#000;}
body#black h2 {letter-spacing:1px;}

#maincontent.left h2 {text-align:left;font-weight:100;}
#maincontent.right h2 {position:absolute;right:0;top:0;padding:0;clear:both;font-weight:100;}
html>body #maincontent.right h2 {padding-right:12px;}


h3 {margin: 0; padding:0;font-size:120%;font-weight:100;}

h4 {margin: 0; padding:0;font-size:112%;font-weight:100;}

h5 {margin: 1em 0; padding:0;}

h6 {}

#maincontent .photocredit p {
	display:block;font:100 90%/1.3em garamond, times, serif;
	padding:24px 0 0 0;margin: 0;color: #999;}
body#white #maincontent .photocredit p {color:#666;}

/* body#black #maincontent .photocredit p {color:#fff;} */

#maincontent .photocredit p span {font-style:italic;margin:0;padding:0 .5em 0 0;font-size:112%;}

/*.back {display:block;margin:0;padding:0 12px 0 0;text-align:right;border:1px solid #333;}*/

.back2 {position:absolute;top:0;right:0;text-align:right;font:100 100%/1.3em garamond, times, serif;}
.back {position:absolute;bottom:0;right:0;text-align:right;font-size:100%;padding:0 12px 0 0 ;}

/* .backpadded {position:absolute;bottom:0;right:0;text-align:right;font-size:100%;padding-right:12px;} */

.floatHome {position:absolute;bottom:0;right:0;line-height:100%;font-size:100%;}
html>body .floatHome {padding-right:12px;}

p.centreText {padding:0;margin:0;width:300px;clear:both;text-align:center;width:100%;}
p.leftText {padding:0;margin:0;width:300px;clear:both;}

.bold {font-weight:900;}
.small {font-size:90%;}
.subtitle {letter-spacing:0;font-weight:100;font-size:75%;}
.credit {position:absolute;bottom:0;left:-60px;font:60% garamond, times, serif;text-align:left;}
/* .caption {font-style:italic;} */
.italic {font-style:italic;}
.center {text-align:right;font-weight:900;}
.indent {text-indent:-9999px;}

/* ---------- Linkage ---------- */
	
a:link, a:visited {
	font-weight : 100; 
	text-decoration : none;
	color: #999;
	background: transparent; 
	}

a:hover, a:active {
	font-weight : 100; 
	text-decoration : none;
	color: #000;
	background: transparent; 
	}

div.email a:link, div.email a:visited {color: #7e696d;}
div.email a:hover, div.email a:active {color:#413231;font-weight : 100;}

div#menu2 a:link, div#menu2 a:visited {color: #000;}
div#menu2 a:hover, div#menu2 a:active {color:#7e696d;font-weight : 100; }

.back a:link, .back a:visited {color:#999;text-decoration:none;padding:0;margin:0;}
.back a:hover, .back a:active {color:#000;text-decoration:none;}

 .back2 a:link,  .back2 a:visited {color:#999;text-decoration:none;padding:0;margin:0;}
 .back2 a:hover,  .back2 a:active {color:#fff;text-decoration:none;}

body#white .back2 a:link, body#white .back2 a:visited {color:#999;text-decoration:none;padding:0;margin:0;}
body#white .back2 a:hover, body#white .back2 a:active {color:#000;text-decoration:none;}

.backpadded a:link,.backpadded a:visited {color:#999;text-decoration:none;padding:0;margin:0;}
.backpadded a:hover, .backpadded a:active {color:#000;text-decoration:none;}

.floatHome a:link,.floatHome a:visited {color:#999;text-decoration:none;padding:0;margin:0;}
.floatHome a:hover, .floatHome a:active {color:#fff;text-decoration:none;}

body#white .floatHome a:link,body#white .floatHome a:visited {color:#999;text-decoration:none;padding:0;margin:0;}
body#white .floatHome a:hover, body#white .floatHome a:active {color:#000;text-decoration:none;}

body#black .back a:hover {color:#fff;}


/* ---------- Lists ---------- */

#contactBox {font-size:100%;position:relative;padding:0;margin:0;}
#contactBox ul {padding:0;margin:0;list-style:none;}
#contactBox ul li {font-size:112%;padding:0;margin:0;}

#maincontent #contactBox p {font-size:112%;}

#contactBox  p.nopadBot {padding:0;margin:1em 0 0 0;}
.padRight {padding:0 2em 0 0 ;}

/* ---------- Thumbnails 2 ----------- */

div#thumbs2 img {width:85px;}

div#thumbs2 {position:relative;display:block;
	clear: both;
	width: 692px;
	margin: 0 auto;
	padding:0 ;min-height:85px;
	}
#thumbs2 ul { display: block; padding: 0; margin:0; list-style: none;height:85px; }
html>body #thumbs2 ul {min-height:85px;height:auto;}

#thumbs2 ul li { float: left; padding: 0 0 12px 0; margin:0 0 0 12px ;}
	
#thumbs2 ul li a {float: left; display:block; padding: 0;}	

#thumbs2 p {clear:left;padding:0 0 0 10px;margin:0 0 2em 0;position:relative;font-size:100%; }

#thumbs2 .titleText {clear:left;padding:0;margin:0 0 2em 24px;position:relative; color:#999;line-height:100%;font-size:100%;}
html>body #thumbs2 .titleText {margin:12px 0 2em 12px;}

#thumbs2 #nopad {margin:0 0 0 24px;}
html>body #thumbs2 #nopad {margin:12px 0 0 12px;}

/* ---------- Thumbnails 3 ----------- */

div#thumbs3 img {width:60px;}

#thumbs3 {
	clear: both;
	width: 692px;
	margin: 0 auto;
	padding: 0;
	}
#thumbs3 ul { display: block; padding:0; margin:0; list-style: none; }

#thumbs3 ul li { position:relative;width: 692px; padding: 0; margin: 0 0 2em 0; }

div#thumbs3 ul li a {display:block; padding: 0;height:85px;width:60px;}	

/* div#thumbs3 ul li a:hover {border-color: #846E74;} div#thumbs3 ul li:hover {color: #846E74;}	
div#thumbs3 ul li span {vertical-align:-90%;padding:0;margin:0 0 0 12px;}	*/

div#thumbs3 ul li span {position:absolute;left:70px;bottom:0;padding:0;margin:0;}
div#thumbs3 ul li.nopad {margin-bottom:0;}

/* ---------- You are here ---------- 

body#wk li a.wk, body#cr li a.cr, body#cv li a.cv, body#cn li a.cn {font-weight:900;color: #000;}*/

/* ---------- rollover images ---------- 

div#thumbs img {width:74px;}

div#thumbs {width: 300px;height:74px;margin:0 ; padding:240px 0 0 48px;}
html>body div#thumbs { height:auto;min-height:74px;}

div#thumbs ul {display:block;width:300px;list-style: none; margin: 0; padding:0;clear:left;}
div#thumbs ul li {float:left; width: 76px; padding:0; margin:0 10px 0 0;}
div#thumbs ul li a {display:block;height:74px;padding:0;margin:0; border: 1px solid #e5e0e3;}	
div#thumbs ul li a:hover { border-color: #846E74;}
div#thumbs ul li:hover {color: #846E74;}

div#thumbs ul p {display:none;}
div#thumbs li.one:hover p {
	display: block; position: absolute; top:330px; left: 48px; width: 250px; margin: 0; z-index: 100;background:transparent ;
	padding: 0;text-align: left; color:#333;font:100 9px/9px garamond, times, serif; }

div#thumbs li.one:hover p:first-letter {text-transform:capitalize;}

#rollover {position: absolute;top: 0; left:48px; width: 246px;height: 228px; margin: 0;padding:0;border:0;}
html>body #rollover { height: auto; min-height: 228px; }

div.drop img {height: 0; width: 0; border-width: 0;}
#thumbs li:hover div.drop img { position: absolute; top: 0; left: 0; height: 300px; width: 300px}

*/


/* ---------- form bits ---------- */
 

form  span label {margin:0;padding:0;float:left;}

input[type="text"]  {width:180px;display:block;margin:0;padding:0;border: 1px solid #e5e0e3;}
input[type="checkbox"] {float:right;clear:none;margin:0;padding:0;width:12px;height:12px;border: 1px solid #e5e0e3;}
input[type="submit"] {width: 60px;background:#fff;margin:0;padding: 0;border: 1px solid #e5e0e3;font: 100  100% garamond, times, serif;}

textarea#d1 {
	width: 180px;
	height: 50px;
	border: 1px solid #e5e0e3;
	padding: 2px;
	background: #fff url(bg.gif) bottom right no-repeat;
	margin: 0;
	font:90% garamond, times, serif;}
	
.float {float:left;clear:both;}

#sidebar p.email {margin:0;font-size:70%; }

/* --------- Tables --------- */

.mytable {padding: 0; margin: 0;width:600px;font-size:100%; }

caption {
	padding:2em 0 16px 0;
	margin:0;
	width: 300px;	 
	text-align: left;
	font-weight:100;
}
tr {margin: 6px 0;padding:20px 0;}

th {
	font-weight:100;
	width:80px;
	border: 0;
	padding:0 0;margin:0;
	vertical-align:top;
	text-align:left;
}
  
td.blocktext {display:block;width:100%;text-align:left;}

td {
	
	width:auto;
	background: #fff;
	padding: 0 0;margin:0;
	vertical-align:bottom;
}


td.alt {
	background: #F5FAFA;
	color: #797268;
}

.title {display:block;padding:0 0 2px 0;color:#7e696d;font-style:italic;}


.mytable tr td span {font:italic 100 102% garamond,serif;letter-spacing:.5px; }