body {
	background-color: #000;
	text-align: center;
	color:#ffd800;
}

body, p {
	font-family:  'trebuchet ms';
	font-size: 18px;
}


body,
body p {
  font-size: small;
  voice-family: "\"}\"";
  voice-family: inherit;
  font-size: medium;
}
html>body,
html>body p {
  font-size: medium;
}  


a img {border: none;}
img {border:none;display: block;}
.inline {display: inline;}
.hidden {display: none;}
.alt {display: none;} 
.skiplink {display:none;}
.textonly {display:none;}
.clear {font-size: 1px; height: 1px;} 
.clearer {clear:left;line-height:0;height:0;}


.primarycontent img {padding:0 0 12px 0;}


/* ---------- SKIP LINK ---------- */

.skip {position: absolute; top: -2em; display: none;} /*Opera*/
 html .skip {display: block; position: absolute; top: -4em; left: 0; z-index: 0;} /* Seen by IE */
*html:not .skip {display: block; position: absolute; top: 0; left: 0; z-index: 0;} /* Seen by Moz and FF */

.skip a {padding: 0 0.5em; left: 0; width: 14.2em; z-index: 0;}
.skip a:focus, .skip a:active {display: inline; z-index: 2; border: solid black 1px; color: #cc0; text-decoration: none; position: absolute; top: 0; left: 0;}
/*.skip a:focus, .skip a:active {display: inline; z-index: 2; border: solid black 1px; color: #cc0; text-decoration: none; position: absolute; top: 7.5em; left: 120px}*/

.skip a#cont {position: absolute; top: 2em; width: 14.2em;}
.skip a#cont:focus, .skip a#cont:active {position: absolute; top: 2em; left: 0; z-index: 2;}
.skip a:hover {cursor: default;}


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

.wrapper { position:relative;margin: 24px auto;padding:20px 0 0 0; text-align: left; width: 800px;
background: #76C5E4 url(../g/wrapTopHC.gif) left top no-repeat;
}

#columnsfloat { position: relative;display:block;border:0;padding:0 0  60px 0;margin:24px 0 0  0;width:100%;}

#floatcenter {width:406px;margin: 0px 228px 0 164px;padding:0;}

#floatleft {position: absolute;left:1px;top:0;width:136px; margin:0; padding:0;}

#floatleftt {	
	width: 112px;
	margin: 0 0 0 24px;
	padding: 0 0 20px 0;
	background: #000 url(..//navBl.gif) bottom left no-repeat;}
	
#floatleftb {
	margin: 0;
	padding:12px 0 0 0;
	background: transparent url(..//navTl.gif) top left no-repeat;
	}
html>body #floatleftb {height:auto;min-height:100px;}
	
#floatleftt2 {	
	width: 112px;
	margin: 12px 0 0 24px;
	padding: 0 0 20px 0;
	background: #000 url(..//navOrangeBl.gif) bottom left no-repeat;}
	
#floatleftb2 {
	margin: 0;
	padding:12px 0 0 0;
	background: transparent url(..//navOrangeTl.gif) top left  no-repeat;
	}
html>body #floatleftb2 {height:auto;min-height:100px;}		


#floatright {position: absolute;top:0;left:570px;width:178px; margin:0; padding:0 0 0 28px;}

#floatrightt {	
	width: 178px;
	margin: 1px 0 0 0;
	padding: 0 0 16px 0;
	background: #000 url(..//sidebarBr.gif) bottom right no-repeat;}

#floatrightb {
	margin: 0;
	padding:0 0 16px 0;
	height:100px;
	background: transparent url(..//sidebarTr.gif) top right no-repeat;
	}
html>body #floatrightb {height:auto;min-height:260px;}
	
div.scroll {width:178px;overflow:auto;padding: 0;margin:0;height:400px;}	
html>body .scroll{	height:auto;max-height:400px;min-height:260px;}

#floatright .newsImg {width:140px;padding:0 0 0 12px;}

.top {position:absolute;bottom:2px;}



/* ----------- MAINCONTENT ----------- */

.primarycontent {position:relative;padding:0 0 30px 12px; margin:0;height:340px;width:394px;background:#000;}
html>body .primarycontent { height: auto; min-height: 430px; }
body#n9 .primarycontent  {padding:0;width:406px;}

div.gallery  {padding:0 0 160px  0;position:relative;}



/* ---------- LISTS ----------- */

.address ul {list-style:none;padding:6px 2px 0 9px;margin:0;}
.address ul li {font:80%/110% 'trebuchet ms',arial;padding:0;margin:0;}

.newsImg ul {padding:0;margin: 0;display:block;}
.newsImg ul li {padding:0;margin:0;display:block;list-style:none;width:140px;}
.newsImg ul li img {display:block;float:none;}

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

#header {position: relative; display: block; padding:0; border:0; margin: 0;clear:both;height:101px;
border-left:solid #76C5E4 4px;border-right:solid #76C5E4 4px;}
html>body #header { height: auto; min-height: 101px; }

#headerlogo {float: left;margin:0;padding:0;border:0; background: url(../g/logoHC_o.jpg) 16px 0 no-repeat;width:163px;height:80px;}
#logo {display:block;margin:0;padding:0;border:0;background: url(../g/logoHC.jpg) 16px 0 no-repeat;width:163px;height:80px;}
#logo:hover {background: url(../g/logoHC_o.jpg) 16px 0  no-repeat;}



/* ----------- BACKGROUNDS ----------- */

#columnsfloat {background: #76C5E4  url(../g/colFloatBotHC.gif) bottom no-repeat;}

#header {background:#000;}

.address {background: #000 url(..//navBot.gif) top no-repeat;}

/*
#i1 {background: #fff url(../i/i1.jpg)  bottom no-repeat;}
#i2 {background: #fff url(../i/i2.jpg)  bottom no-repeat;}
#i3 {background: #fff url(../i/i1.jpg)  bottom no-repeat;}
#i4 {background: #fff url(../i/i1.jpg)  bottom no-repeat;}
#i5 {background: #fff url(../i/i1.jpg)  bottom no-repeat;}
#i6 {background: #fff url(../i/i1.jpg)  bottom no-repeat;}
#i7 {background: #fff url(../i/i1.jpg)  bottom no-repeat;}
#i8 {background: #fff url(../i/i8.jpg)  bottom no-repeat;}
*/
.primaryImage {margin:0 0 0 0;}
.newsImg img {float:left; padding:12px 6px 12px 0;margin:0 ;}
/*.newsImg {background: url(../i/news1.jpg) left top no-repeat;padding: 0;}*/


div.hr {display: none}
/*/*/a{}
div.hr {
  display: none;
}
hr {display:none}
/* */

div.hr2 {display: none}
/*/*/a{}
div.hr2 {
  display: block;
  height: 2px;width:92%;
  background: #ADE7CE url(../g/dotted.gif) left repeat-x;
  margin: 1em 0;
}
hr2 {display:none}
/* */


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

p {margin-top:1em  ;}
#floatright .newsImg p.nopad {margin-top:0;}
h1 { }

h2 {font:100 200% 'trebuchet ms';padding:0 ;margin:0;}
body#n9 h2 {margin:0 0 0 12px;}

h3 {font:900 120% 'trebuchet ms';padding:0 ;margin:0 0 1em 0;}

h4 {font:900 100% 'trebuchet ms';padding:0 ;margin:0  0;}
#floatright h4 {padding:16px 0 0 0 ;width:90%;border-bottom:1px solid #000;} 
.newsImg h4 {clear:left;padding:1em 0;margin:0 0 1em 0;}
#floatright h4.nopad {margin:0;}
#floatright h4.noborder {border:0;}

h5 {font:900 100% 'trebuchet ms';padding:0 ;margin:0 0;/*color:#E67100;*/}
.newsImg h5 {clear:left;}
#floatright h5 {font-weight:900;padding:0 ;margin:1em 0 0 0;}
#floatright h5.nopad {margin:0;}

h6 {font:italic 100 90% 'trebuchet ms';padding:0 ;margin:0 0;}

div#columnsfloat p {padding:0; margin-top:0; margin-top:1em;}

div.primarycontent p {font-size: 100%;margin:1em 36px 0 0; }

div#floatcenter p, div#floatleft p {padding:0; margin-top:0; margin-bottom:1em;}

#floatright p {width:90%;padding: 0 ;margin:0 0 0 12px;font-size:90%;}
#floatright p#subheader {margin:0 0 1em 12px;font-size:100%;}

#floatright .newsImg p {display:block;clear:left;font:100 80% 'trebuchet ms', arial;margin:1em 0 0 0;padding:0;}
#floatright .newsImg p.nopad {margin-top:0;}

#subnav {font: 100 80% arial,helvetica,verdana,sans-serif;}

div#floatcenter p.boxquote {width:80%;letter-spacing:1px;margin:1em 0;padding:0;} 
.quote {display:block;font-style: italic;padding:0;margin:0 ;font-size:90%;}



/* ----------- Header Backgrounds ----------- */

.primarycontent h2	{margin: 0; border: 0; padding:40px 0 12px 0; overflow: hidden;
	height: 0 !important; /* for most browsers */
	height /**/:40px; /* for pre 6.0 IE Win */
	}
#floatright h3	{margin: 0; border: 0; padding:40px 0 0 0; overflow: hidden;
	height: 0 !important; /* for most browsers */
	height /**/:40px; /* for pre 6.0 IE Win */
	}

body#n1 h2 {background: transparent url(../g/n1h2hc.gif) 0 12px no-repeat;}
body#n2 h2 {background: transparent url(../g/n2h2hc.gif) 0 12px no-repeat;}
body#n3 h2 {background: transparent url(../g/n3h2hc.gif)  0 12px no-repeat;}
body#n4 h2 {background: transparent url(../g/n5h2hc.gif)  0 12px no-repeat;}
body#n5 h2 {background: transparent url(../g/n9h2hc.gif)  0 12px no-repeat;}
body#n6 h2 {background: transparent url(../g/n11h2hc.gif)  0 12px no-repeat;}
body#n7 h2 {background: transparent url(../g/n7h2hc.gif)  0 12px no-repeat;}
body#n8 h2 {background: transparent url(../g/n4h2hc.gif)  0 12px no-repeat;}
body#n9 h2 {background: transparent url(../g/n8h2hc.gif)  0 12px no-repeat;}

body#n1 #floatrightb h3 {background: transparent url(../g/h3newsHC.gif)  12px 12px no-repeat;}
body#n2 #floatrightb h3 {background: transparent url(../g/h3WWAhc.gif)  12px 12px no-repeat;padding-top:60px;}
body#n3 #floatrightb h3 {background: transparent url(../g/h3HWWhc.gif)  12px 12px no-repeat;padding-top:50px;}
body#n4 #floatrightb h3 {background: transparent url(../g/h3WPShc.gif)  12px 12px no-repeat;}
body#n5 #floatrightb h3 {background: transparent url(../g/h3WHhc.gif)  12px 12px no-repeat;}
body#n6 #floatrightb h3 {background: transparent url(../g/h3linksHC.gif)  12px 12px no-repeat;}
body#n7 #floatrightb h3 {background: transparent url(../g/h3CUhc.gif)  12px 12px no-repeat;}
body#n8 #floatrightb h3 {background: transparent url(../g/h3DonHC.gif)  12px 12px no-repeat;}
body#n9 #floatrightb h3 {background: transparent url(../g/h3GHhc.gif)  12px 12px no-repeat;padding-top:60px;}

/* ----------- LINKS ----------- */

a:link, a:visited {color: #0099FF;}
a:hover, a:active {color: #ffd800;}
div.footer a:hover {color:#3878DB; text-decoration:underline;}


/* ----------- Nav ----------- */

#nav {position:relative;display:block;border: 0;padding:0;margin: 0;width:100%;height:130px; text-transform:lowercase ;text-align:left;}
html>body #nav {height:auto;min-height:130px;}	

#nav ul	{margin:0;padding:0;}
#nav ul li	{margin: 0;padding: 0 0 0 9px;list-style:none;text-align:left;border-left:solid 4px #000;}
#nav ul li a {font:100 80%/150% 'trebuchet ms',arial;padding:0;}
#nav ul li:hover {list-style:none;border-left:solid 3px #fff;}

.address {height:130px;}
html>body .address {height:auto;min-height:130px;}

/* ----------- Subnav ----------- */

#subnav ul	{ position: absolute;top:-36px; margin: 0 0 0 500px; padding: 0; border: 0; z-index:1000;}
#subnav ul#s1 {top:-16px;   }
#subnav ul#s2 {top:9px;}

#subnav ul li { margin: 0; padding:4px 2px;display:inline; list-style: none;}

#subnav ul#s1  li:before {content: " | "}
#subnav ul#s1 li:first-child:before {content: ''}

#subnav ul li:first-child {list-style:none;}
/* #subnav a { height: 17px; width: 198px; }	*/
#subnav ul li a	{ text-indent:0;  }

/*
#subnav ul li#s1 {top: 16px; height: 1em;}
#subnav ul li#s2 {top: 28px; height: 1em;}
#subnav ul li#s3 {top: 48px; height: 1em;}
#subnav ul li#s4 {top: 64px; height: 1em;}

#s1 a:hover {background: transparent url(i/subnav.gif) 0 -125px no-repeat;}
#s2 a:hover {background: transparent url(i/subnav.gif) 0 -142px no-repeat;}
#s3 a:hover {background: transparent url(i/subnav.gif) 0 -159px no-repeat;}
*/

dl {margin:0 0 12px 0;padding:0;width:80%;}
#floatright dl {width:100%;}
dt {margin:0px 0 2px 0;padding:0;font-weight:100;}
dl#dlist dt {width:25%;display:inline;margin:0 12px 0 0 ;}
#floatright dt {margin:6px 0 0 12px;font-size:90%;}

dd {margin:0 ;padding:0 30px 0 0 ;display:block;font-weight:100;}
dd a {display:block;margin:0 ;}
dl#dlist dd {font-weight:100;}
#floatright dd {margin:0 0 2px 12px;padding:0;font-size:90%;font-style:italic;}

dl#dlist dd.scroll {overflow:auto;padding: 0;margin:0;height:500px;}	
html>body dl#dlist dd.scroll{	height:auto;max-height:500px;min-height:260px;}

dd img {margin:12px 0 0 0 ;}


/* ------------ FOOTER --------------- */
    
.footer {
	clear: both;
	display: block;
	position: relative;
	width: 100%;
	padding:10px 0;
	margin:0;
	font:.8em arial, sans-serif;

	background: #000;
}
.footer ul {width:800px;display:block;padding:0;margin:0;list-style:none;}
.footer ul li {display:inline;}
.footer a {text-decoration: none;border-left:1px dotted #666;padding:0 6px;}
.footer a:first-child {border-left:0 solid #333;}



/* ---------- NAVIGATION ----------- */

body#n1 li a.n1, body#n2 li a.n2, body#n3 li a.n3, body#n4 li a.n4, body#n5 li a.n5, body#n6 li a.n6, body#n7 li a.n7, body#n8 li a.n8, body#n9 li a.n9 {text-decoration:none;font-weight:900;color: #fff;}
body#n1 li.n1, body#n2 li.n2, body#n3 li.n3, body#n4 li.n4, body#n5 li.n5, body#n6 li.n6, body#n7 li.n7, body#n8 li.n8, body#n9 li.n9 {border-left:solid 3px #fff;}
body#n1 a.f1, body#n2 a.f2, body#n3 a.f3, body#n4 a.f4, body#n5 a.f5, body#n6 a.f6, body#n7 a.f7, body#n8 a.f8, body#n9 a.f9 {text-decoration:underline;font-weight:100;color: #fff;}



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

#steroidForm { position:relative; visibility:visible; }/* apply additional positioning to this rule as you wish */
.req { color:#ff0000;}/* used to mark text labels with red asterisk (see below) */
 
.primarycontent form {display:block;width:320px;font-size:90%;padding:0;margin:16px 0 0 24px;color:#333;} 

.primarycontent form p {display:block;clear:left;margin:0;padding: 8px 0;width:100%;}
.primarycontent form p#checkbox  {margin:2px 0 6px 0;padding: 4px 0;width:100%;}
.primarycontent form p#checkbox span {margin:0;padding: 2px 0;display:block;clear:both;}

.primarycontent  form p#checkbox  {margin:2px 0 16px 0;padding: 0;}
.primarycontent  form p#checkbox span {display:block;margin:0;padding: 2px 0;display:block;clear:both;width:220px;float:left;}
.primarycontent  form p#checkbox span label {float:left;min-width:100px;}

form  p {margin:0;padding:0;float:left;font: 100  100%/120% arial;}

input[type="text"]  {width:180px;display:block;margin:4px 0;padding:2px 0;border: 1px solid #e5e0e3;font: 100  100% 'Courier New', courier, monospace;}
input[type="checkbox"] {float:left;clear:none;margin:0 6px;padding:0;width:12px;height:12px;border: 1px solid #e5e0e3;}
input[type="submit"] {width: 80px;background:#fff;margin:0;padding: 0;border: 1px solid #e5e0e3;font: 900  100% 'Courier New', courier, monospace;}
input[type="button"] {width: 80px;background:#fff;margin:0;padding: 0;border: 1px solid #e5e0e3;font: 900  100% 'Courier New', courier, monospace;}

textarea#styled, textarea#styled2 {
	width: 300px;
	height: 50px;
	border: 1px solid #e5e0e3;
	padding: 2px;
	margin: 0;
	font: 100  100% 'Courier New', courier, monospace;}


/* ------------ STYLE SWITCHER --------------- */

#accesstext {position:relative;text-align:left;}

#content-sub { position:absolute;top:0;left:300px; width : 200px;z-index:2000; }
body#index #content-sub { position:absolute;top:6px;left:500px;}

form  { margin-bottom : 0; padding:0;}
fieldset { padding : 0; border : 0 solid #fff; }

select {width:100px; font-family : "trebuchet ms", "Lucida Sans Unicode", Verdana, Heletica, Arial, sans-serif; font-size : 100%;font-weight:100; }


	
/*	TJK_ToggleDL.css  */
	
	
/*  "Show All" + "Hide All" links */
#TJK_ToggleON,#TJK_ToggleOFF {border:0;padding: 6px 6px 0 0;}

/* zeroing out padding and margin */
#TJK_DL dd,#TJK_DL dt {margin:0;padding:0} 

/* margin for the DTs (shorthand) */
#TJK_DL dt {margin:7px 0}

/* image and left padding for DDs */
#TJK_DL dd {background:url(answer.gif) no-repeat;padding-left:0}

/* styling all anchors in the DTs */
#TJK_DL dt a {background:0 50% no-repeat;text-decoration:none;}
#TJK_DL dt a:visited {/* color:#666; */}
#TJK_DL dt a:visited:hover,
#TJK_DL dt a:hover,
#TJK_DL dt a:active,
#TJK_DL dt a:focus {font-weight:100;}

/* the + and - gif in the anchors */
#TJK_DL .DTplus a {background-image:url(toggleDLplus.gif)}
#TJK_DL .DTminus a {background-image:url(toggleDLminus.gif)}

/**********************************/
/**********************************/
#TJK_DL .showDD {position:relative;top:0}
#TJK_DL dd,.hideDD{top:-9999px;position:absolute}
#TJK_ToggleON,#TJK_ToggleOFF {display:inline;cursor:pointer; cursor:pointer;}

/* TJK_ToggleDL_ie5mac.css */
/*\*//*/
#TJK_DL .showDD {display:block}
#TJK_DL dd,.hideDD {top:0;position:relative;display:none}
/**/


/* -- Map styling --*/


#side_bar2, #side_bar {width: 90%; padding:6px 12px;margin:0;}
/*div#side_bar {margin:16px 0 0 20px;padding:0 0 16px 0;width:90%;}*/

#map {width:406px;margin:0 ; padding:0;}


/* -- Diary styling --*/

.diary {position:relative;padding: 0;margin:0 0 16px 16px;clear:both;}
.diary img {float:left; padding:0;margin:0;}
.diary div.bgimg img { padding: 0;}

.diary ul { width:300px; padding: 0 ; margin:  0 0 0 60px; border:0; }
.diary ul li { padding:  0 0 0 20px; margin:0 ; width:80%;list-style: none; }


/* toggle styling */

#dlist {height:500px;}
html>body #dlist {height:auto;min-height:500px;}
.abs { position:absolute; top:90px; left:12px; width:394px; padding:0; }

.clicker { cursor:pointer; color:#0099FF;}
.clicker:hover {color:#ffd800;}
.selected { color:#fff; }