/* Neogic custom styles */

HTML { overflow: scroll; }

H1.articleTitle {
	margin-top: 0pt;
	padding-bottom: 5pt;
}
H2 {
	font-weight: bold; font-size: 10.5pt; color: #663333; margin-bottom: 4pt;
}
H3 {
	font-weight: bold; font-size: 1em; color: #333333; margin-bottom: 1pt; margin-top: 10pt;
}
UL {
	margin-top: 3pt;
	margin-left: 0pt;
	padding-left: 15pt;
}
UL LI{
	margin-bottom: 8pt;
}

#content TABLE.columns { 
	table-layout: fixed; max-width: 996px; border-right: 1px #666 solid;
	_width: expression( (document.body.clientWidth > 993)? "996px" : "auto" );  /* restrict layout width to 1024px */
} 
#content TABLE.columns TD.left { padding-bottom: 30px; } 
#content TABLE.columns TD.left .component { width: 138pt; } 

/* left menu */
	.linksMenu { margin-left: 8pt; padding-right: 0pt; }
	.linksMenu A:link, .linksMenu A:visited { text-decoration: none; }
	.linksMenu A:hover { text-decoration: underline; }
	.linksMenu A.activeLink { font-weight: bold; letter-spacing: -0.5pt; }
	.linksMenu IMG { vertical-align: middle; margin-right: 1pt; }
	.linksMenu DIV { min-height: 14pt; }
	* HTML .linksMenu DIV { height: 14pt; }		/* use fixed height for IE6 and earlier */
	.linksMenu A { 
		background-image: url(../images/page.gif); 
		background-repeat: no-repeat; background-position: 0px 2px;
		padding-top: 2px; padding-bottom: 2px; padding-left: 20px; 
	}
/* sub-menuing */
	.linksMenu DIV.sub { display: none; margin-left: 18pt; margin-top: 5pt; margin-bottom: 1pt; }
	* HTML DIV.sub { position: relative; }		/* fix peek-a-boo bug in IE6 and earlier (NOT YET VERIFIED) */
	.linksMenu DIV.sub DIV.sub { margin-top: 0pt; margin-bottom: 0pt; }
	/* give parent nodes a folder icon instead of page */
	.linksMenu DIV.parent A { background-image: url(../images/folder.gif); padding-left: 21px; position: relative; left: -1px; }
	/* make sub menu children default back to pages instead of folders */
	.linksMenu DIV.parent DIV A { background-image: url(../images/page.gif); padding-left: 20px; position: inherit; }
/* END sub-menuing */

#centercol { margin-top: 11pt; margin-right: 10pt; }
#centercol .categoryBreadcrumb { margin-bottom: -5pt; }

/* footer */
	#content TABLE.columns TD.footer { padding-bottom: 0px; }
	#content .footer .articleAuthor { clear: none; margin-bottom: 5pt; }
	.footer A:link, .footer A:visited { color: white; text-decoration: none; }
	.footer A:hover { color: white; text-decoration: underline; }
	.footer IMG.ehtLogo { 
		float: left; 
		position: relative; top: -31px; left: -13px;
		margin-bottom: -35px;		/* removes space occupied by image within footer */
	}
/* END footer */


/* IMAGES */
.rightFloat, .leftFloat { margin-top: 3pt; margin-bottom: 3pt; }
.midTextImg { margin: 10pt; margin-top: 15pt; margin-bottom: 10pt; }
.rightFloat { float: right; margin-left: 15pt; margin-right: 0pt; margin-bottom: 10pt; }
.leftFloat { float: left; margin-right: 15pt; margin-left: 0pt; margin-bottom: 10pt; }

.photoGallery {
	margin-left: auto; margin-right: auto; text-align: center;
}
.photoGallery IMG {
	margin: 10pt;
	vertical-align: top;
}
.photoGallery DIV.divImg {
	float: left;
	width: auto;
	vertical-align: top;
}
.photoGallery.thumbs IMG {
	margin-right: 5pt; 
	cursor: pointer;
}

DIV.imgCaption {
	text-align: center;
	font-style: italic;
	font-size: 0.85em;
	line-height: 1.2;
	margin-top: 2pt;
	/* OLD: margin-top: -10pt;*/
}
.photoGallery DIV.imgCaption {
	margin-top: -7pt;
}

.tooltip, .tooltipImgs IMG { 
	cursor: help; 
	behavior: url(javascripts/htc/tooltip.htc); 											/* IE behavior: rel to page */
	-moz-binding: url(../javascripts/htc/bindings.xml#tooltip.htc);		/* Moz behavior: relative to this CSS file */
}

/* END images */

/* irregular image floats
	- wrap para in "<div class='leftBgImg test' style='background-image: url(images/blah.jpg);'>..</div>" to show bg image
	- add several "<div class='imgPad' style='width: 110px'></div>" with varying widths to create irreg wrap
	- remove "test" from "leftBgImg" DIV when finished getting sizes of padding DIVs right
*/
	.leftBgImg, .rightBgImg  { background-repeat: no-repeat; }
	.rightBgImg  { background-position: top right; }
	.leftBgImg  { background-position: top left; }
	
	DIV.imgPad { height: 15px; font-size: 1px; }
	/* test mode - show padding DIVs with semi-transparent blue bg colour */
	.test DIV.imgPad { background-color: blue!important; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30); }
	/* needed so can see bg colour on EHT site, coz content body is relatively positioned */
	.article DIV.imgPad { position: relative; }
	
	.rightBgImg .imgPad, .leftBgImg .rightBgImg .imgPad { 
		float: right; margin-left: 15pt; margin-right: 0px; clear: right; 
	}
	.leftBgImg .imgPad, .rightBgImg .leftBgImg .imgPad { 
		float: left; margin-right: 15pt; margin-left: 0px; clear: left; 
	}
/* END irreg image floats */



.blogHeaderRight { 
	display: block; filter: Glow(color=#000000, strength=2); height: 10pt; vertical-align:top;
}

#content P.footnote { font-size: 0.8em; margin-top: 10pt; }