body {
	background: white;   		/*FOR PRINT*/
	color: black;  				/*FOR PRINT*/
	font-family: Helvetica, Arial, sans-serif;
	margin: 0; padding: 0;
	/*opacity: 0.99999;*/  		/*FOR PRINT*/
	}
body#instantaneous, body#news, body#reviews {
	background: white;   		/*FOR PRINT*/
	}
	body#instantaneous div#page {
	background: white;   		/*FOR PRINT*/
		}
body#bio {
	background: white;   		/*FOR PRINT*/
}		
body#news div#page, body#reviews div#page {
	background: white;   		/*FOR PRINT*/
}		
body#publications {
	background: white;   		/*FOR PRINT*/
}
body#contact {
	background: white;   		/*FOR PRINT*/
}
		
img {
	border: none;
	}
a { text-decoration: none; }
a:link		{ color: black; text-decoration: underline; }
a:visited	{ color: black; text-decoration: underline; }
a:hover		{ color: black; text-decoration: underline; }
a:active	{ color: black; text-decoration: underline; }
a.current:link		{ color: black; text-decoration: underline; font-weight: bold;}
a.current:visited	{ color: black; text-decoration: underline; font-weight: bold;}
a.current:hover		{ color: black; text-decoration: underline; font-weight: bold;}
a.current:active	{ color: black; text-decoration: underline; font-weight: bold;}

div#page {
	width: 960px;
	margin: 0 auto;
	padding: 0 0 50px 0;
	}	

div#header {
	margin: 0;
	padding: 0;
	}
#headertitle {
	float: left;
	width: 400px;
	height: 60px;
	margin: 0 10px 0 46px;
	padding: 0;
	text-align: right;
 	/*background: url(../images/shimmer_top.jpg) left top no-repeat;*/ 	/* Seeing flicker on load and scale. Remove background image? */
}
	#headertitle h1 {
	margin: 10px 0;
	padding: 0;
	text-transform: uppercase;
	font-size: 20pt;
	text-align: right;
		}
div#infoNav {
	font-size: 10pt;
	}
	#infoNav a {
	padding: 0 4pt 0 0;
	color: black;
	}
	div#infoNav .left {
	padding: 13px 0;
	float: left;
	}	
	div#infoNav .right {
		padding: 6px 0;
		float: right;
/*		background: url(../images/grid2.gif) left center no-repeat;
		padding-left: 38px;*/
	}	
	div#infoNav .right a {
		padding: 0 0 0 4pt ;
	}	
	div#infoNav .right img {
	vertical-align: middle;
	}


div#returnPhotoNav {
	float: right;
	padding: 13px 0 13px 42px;
	font-size: 10pt;
	background: url(../images/grid.jpg) left center no-repeat;
	}
	#returnPhotoNav a {
		padding: 0 4pt 0 0;
		}

div#main {
	margin: 0;
	padding: 0;
	}
div#leftCol {
	float: left;
	width: 357px;
	margin: 0;
	padding: 9px 0 0 0;
	}
	div#leftCol #pubcaption {
	padding: 5px 10px;
	}
	div#leftCol #pubcaption p {
	font-size: 10pt;
	line-height: 14pt;
	margin:  0;
	padding: 0;
	color: black;
	}
	div#leftCol #pubcaption p.title {
	font-weight: bold;
	text-align: center;
	margin-bottom: 3px;
	}
	div#leftCol #pubcaption a {
	margin-right: 10px;
	}

	
	
div#rightCol {
	float: right;
	width: 583px;
	margin: 0;
	padding: 0;
	position: relative;
	/*opacity: 0.9999;*/   		/*FOR PRINT*/
	}

	div#rightCol p {
	margin: 8px 0;
	}
	
	
div.clear {
	clear: both;
	margin: 0; padding: 0;
	line-height: 0;
	}
	

	
div#catNav {
	float: right;
	width: 107px;
	margin: 0; padding: 3px 0;
	line-height: 1.5;
	font-size: 11pt;
	}
	#catNav a {
		display: block;
		}
		
div#imgPreview {
	height: 365px;
	margin: 0;
	padding; 0;
	overflow: hidden;
	text-align: center;
	}

	#imgPreview img {
	margin: 0;
	padding: 0;
	}		


div#slideshowNav-wrapper {
	margin: 0;
	padding: 0;
	}
div#slideshowNav {
	margin: 0;
	text-align: center;
	padding: 5px;
	font-size: 10pt;
	}
	#slideshowNav #leftArrow {
		float: left;
		}
	#slideshowNav #rightArrow {
		float: right;
		}
	a.viewslideshow {
		color: white;
		position: relative;
		top: 4px;
		}		


		
#pageTitle {
	margin: 0;
	padding: 0;
	}
	#pageTitle h1 {
	margin: 6px 0 25px 0;
	padding: 0;
	text-transform: uppercase;
	font-size: 50px;
		}

/*div.download {
	float: right;
	font-size: 9pt;
	padding: 5px 0 5px 18px;
	background: url(../images/download.gif) left center no-repeat;
	z-index: 10;
	position: absolute;
	top: 25px;
	right: 0px;
		}*/
div.download {
	float: right;
	font-size: 9pt;
	padding: 5px 0;
	z-index: 10;
	position: absolute;
	top: 25px;
	right: 0px;
	color: black;
		}		
	div.download img {
	vertical-align: middle;
	margin-right: 5px;
	}
		
		
	
	

	
div#thumbnails {
	margin: 0 5px;
	width: 460px;
	padding: 0;
	font-size: 0;
	line-height: 0;
	letter-spacing: 0;
	position: relative;
	}
div#thumbnails a {
	outline:none;
	display:block;
	float:left;
	}
div.thumbrow {
	margin: 0; padding: 0;
	}
#thumbnails img.thumbnail {
	width: 102px;
	height: 102px;
	margin: 0 12px 12px 0;
	}



div#currentThumb {
	position: absolute;
	z-index: 100;
	width: 102px;
	height: 102px;
	margin: 0;
	padding: 0;
/*	background-image: url(../images/thumb_selected2.png);*/	
	background-position: center center;
	background-repeat: repeat;
	border: black 1px dotted;
	}

/*row 1*/
div.tc1 { top:0; left:0; }
div.tc2 { top:0; left:114px; }
div.tc3 { top:0; left:228px; }
div.tc4 { top:0; left:342px; }

/*row 2*/
div.tc5 { top:114px; left:0; }
div.tc6 { top:114px; left:114px; }
div.tc7 { top:114px; left:228px; }
div.tc8 { top:114px; left:342px; }

/*row 3*/
div.tc9 { top:228px; left:0; }
div.tc10 { top:228px; left:114px; }
div.tc11 { top:228px; left:228px; }
div.tc12 { top:228px; left:342px; }

/*row 4*/
div.tc13 { top:342px; left:0; }
div.tc14 { top:342px; left:114px; }
div.tc15 { top:342px; left:228px; }
div.tc16 { top:342px; left:342px; }

.hide {visibility:hidden;}
.show {visibility:visible;}


div.description {
	font-size: 10pt;
	line-height: 1.2;
	width: 460px;
	margin: 10px 0;
	padding: 0;
	color: #cccccc;
	}
	.description div.padding {
		padding: 20px;
		margin: 0;
		}
.description h2 {
	font-weight: normal;
	font-size: 14pt;
	margin: 0;
	padding: 0;
	}
	
div.alert {
	width: 960px;
	border: 1px #4d4d4d dashed;
	margin: 5px auto 0 auto;
	font-size: 10pt;
	}
	.alert .padding {
		padding: 5px 10px;
		margin: 0;
		}
	.alert p {
		padding: 0;
		margin: 5px 0;
		}
	.alert a {
		text-decoration: underline;
		color: white;
		}
		
/*Invisible credit for every page - DOES NOT PRINT*/
p.credit {
display: none;
}		

/*Visible credit for Contact page*/
body#contact p.credit {
display: block;
left: 0;
font-size: 9pt;
color: black;
line-height: 1.25em;
}			
		
/* PUBLICATIONS */
table#publications {
	width: 100%;
	position: relative;
	}
	#publications td {
	text-align: center;
	padding-bottom: 20px;
	color: black;
		}
	table#publications img {
		border: 2px #2c2c2c solid;
		}
	table#publications img:hover {
		border: 2px white solid !important;
		}		
		
	img#bigpub {
		border: 2px #2c2c2c solid;
		margin: 0 auto;
	}	
	#pubcaption {
		margin: 5px 0 0 0;
		padding: 0;
		font-size: 10pt;
		color: #7e7e7e;
		}
	div#currentPubThumb {
		position: absolute;
		top: 0;
		z-index: 100;
		width: 102px;
		height: 102px;
		margin: 0;
		padding: 0;
		background-image: url(../images/thumb_selected2.png);
		background-position: center center;
		background-repeat: repeat;
	}
	table#publications div.tc1 { left: 0; }
	table#publications div.tc2 { left: 92px; }
	table#publications div.tc3 { left: 184px; }
	table#publications div.tc4 { left: 276px; }
	table#publications div.tc5 { left: 368px; }

	div#pubnails {
	margin: 0;
	width: auto;
	padding: 0 5px;
	font-size: 0;
	line-height: 0;
	letter-spacing: 0;
		}
	#pubnails div.thumbrow {
		position: relative;
		margin: 0; padding: 0;
		}
	#pubnails img.thumbnail {
	margin: 0 12px 9px 12px;
		}	
	.pipe {
	font-size: 8pt;
	position: relative;
	top: -1px;
	}	
	table#publications a:hover img, div.post a:hover img {
		border: 2px white solid !important;
		}
	
		
		
#rightCol #container {
	font-size: 10pt;
	line-height: 14pt;
	padding: 0 0 0 5px;
	}
	#rightCol #container .firstchild {
		margin: 0px;
	}
	
blockquote {
	font-size: 14pt;
	line-height: 24px;
	float: right;
	width: 225px;
	margin: 0 0 15px 20px;
	text-indent: -6px !important;
}
p.byline {
	font-size: 8pt;
	line-height: 11pt;
	color: #666666;
	margin: 5px 0 0 0;
	padding: 0 0 0 15px;
	/*background: url(../images/dash.gif) 0px 7px no-repeat;*/
	text-indent: -14px;
}



/* NEWS & REVIEWS */
#rightCol #container .post {
	margin: 0 0 30px 0;
}
#rightCol #container .post .headline {
	height: auto;
	position: relative;
	padding: 0 0 2px 0;
	margin: 0;
	border: white 1px solid;
}
/*#rightCol #container .post .headline h2 {*/ 
h2 {
	width: 100%;
	height: auto;
	float: left;
	margin: 0;
	padding: 0;
	font-size: 18px;
	line-height: 20px;
	font-weight: normal;
}
#rightCol #container .post .headline p {
	/*position: absolute;
	bottom: 5px;
	right: 0px;*/
	float: right;
	width: 100px;
	height: auto;
	text-align: right;
	margin: 0;
	padding: 3px 0 0 0;
	color: #7e7e7e;
	font-size: 12px;
}
.post .news, .post .reviews {
	border-top: 1px solid black;
	padding: 0 0 0 0;
}

h2.underline {
	border-bottom: 1px solid #292929;
	margin-bottom: 15px !important;
	padding-bottom: 5px;
}

.post .reviews {
	padding-left: 15px;
	padding-right: 15px;
}
#rightCol #container .post .reviews .quote {
	text-indent: -5px;
	margin: 10px 0 0 0;
	font-weight: normal;
	font-size: 16px;
	line-height: 1.25em;
}
#rightCol #container .post .reviews .byline {
	margin: 10px 0 0 0;
}
#rightCol #container .post .reviews p.read {
	margin:0;
}
/*.post a:link {
	color: #fff;
	font-weight: bold;
	text-decoration: underline;
}*/
.post img {
	float: right;
	border: 2px solid #272727;
	margin: 15px 0 5px 10px;
}

.post span.pagenumber {
	font-size: 9pt;
	color: black;
}


#leftNav {
	position: relative;
	top: 65px;
	width: 350px;
	margin: 0 0 .5em 0;
	padding: 3px 0;
	line-height: 1;
	font-size: 11pt;
	text-align: right;
}
	#leftNav a {
		display: block;
		margin: 0 0 .5em 0;
		}


.contact-left {
	border-right: 1px solid #292929;
	margin-bottom: 25px;
	width: 250px;
	float: left;
	width: 270px;
	height: auto;
}
.contact-right {
	text-align: left;
	width: 250px;
	float: left;
	padding-left: 20px;
}
.contact-left p, .contact-right p {
	margin: 0;
	font-weight: normal;
	font-size: 16px;
	line-height: 1.25em;
}



.awards {
width: 50%;
margin-top: 30px;
padding: 20px;
border-top: #333333 1px solid;
}
ul {
margin: 0;
padding: 0;
}

li {
	list-style: none;
	margin-bottom: 10px;
	padding-left: 35px;
	text-indent: -35px;
}

h3 {
	margin: 0;
	padding: 0;
	font-size: 10point;
}



.note, a.note {
	color: #FF00FF !important;
	text-indent: 0px;
}

img.note {
border: #FF00FF 2px solid;
}
.post img.extraphoto {
margin-top: 0;
}

/*This is a Fix for IE. Clear is taking up vertical space (above H1).. UNLESS there is a border??*/
div.fix {
/*border-top: #000000 1px solid;*/
}

