/* reset.css and fonts.css by YUI: */


/*

Copyright (c) 2008, Yahoo! Inc. All rights reserved.

Code licensed under the BSD License:

http://developer.yahoo.net/yui/license.txt
version: 2.6.0

*/


html{color:#000;background:#ccc;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;}


/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.

Code licensed under the BSD License:

http://developer.yahoo.net/yui/license.txt
version: 2.6.0

*/


body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}


/* end YUI base */



*+html { overflow: auto; } /* IE7 only */



html, body {
	

	background-color: #fff;
	font-family: Verdana, Arial, sans-serif;
	
	margin: 0;

	padding: 0;
}




#wrap {
	
	background-color: #fff;

	margin-top: 1em;
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;

	width: 67em;
}



#wrap-inner {

	background-color: #fff;

	/* border: 1px solid #6A4FCF;
 */
	/* border-bottom-width: 0; */}



h1 {
	float: left;

	padding: 13px 0 0 13px;
}


h3 {
	padding: 2px 0 0 2px;
}

* html h1 {

	left: 1em;

	position: absolute;
}



h1 a.url {

	display: block;

	height: 100%;

	width: 100%;
}



h1 .org {

	display: block;

	height: 70px;

	margin-left: -1px;

	width: 280px;
}



.adr, .email {

	font-size: 0.8em;
	color: #797f66;

	line-height: 1.5;
}



a.email:link, a.email:visited { color: #868686; }


a.email:hover, a.email:active { color: #7D993D; }




#menu {
	float: right;

	padding: 1em;
}


* html #menu { margin-bottom: 1em; }



#menu ul.sf-menu {

	_display: inline; /* IE6 */
}





#content {

	clear: both;

	color: #868686;

	overflow: auto;

	padding: 1em;
}



#content-wrap {

	background-color: #fff;

	overflow: auto;
	width: 100%;
}

#content-pwrap {
	background-color: #F3F1E9;
	overflow:auto;
/*	width: 100%; */
	}

#content-left {
	float:left;
	width:17em;
	height:auto;
	margin-top:2em;
	margin-left:2em;
	z-index:1;}

#content-right {

	float:right;
	width:40em;
	height:auto;
	padding:1em;
	margin-right:1.5em;
	margin-top:1em;
	margin-bottom:2em;
	background-color:#F3F1E9;
	z-index:1;}

#bkgd-index {
	background-image:url('../images/generic.jpg');
	width:840px;height:330px;	
	background-repeat:no-repeat;
	z-index:-1;} 





#bkgd-approach {
	background-image:url('../images/JCM_working.jpg');
	width:840px;height:330px;	
	background-repeat:no-repeat;
	z-index:-1;} 


#bkgd-bio {
	background-image:url('../images/office1.jpg');
	width:840px;height:330px;	
	background-repeat:no-repeat;
	z-index:-1;} 

#bkgd-contact {
	background-image:url('../images/richmond_model.jpg');
	width:840px;height:330px;	
	background-repeat:no-repeat;
	z-index:-1;} 

#bkgd-pubs {
	background-image:url('../images/harris_iso.jpg');
	width:840px;height:330px;	
	background-repeat:no-repeat;
	z-index:-1;} 

#bkgd-boards {
	background-image:url('../images/glassman_iso.jpg');
	width:840px;height:330px;	
	background-repeat:no-repeat;
	z-index:-1;}

#bkgd-sketch {
	background-image:url('../images/sketchbook_bkgd.jpg');
	width:840px;height:330px;	
	background-repeat:no-repeat;
	z-index:-1;}

#bkgd-splash {
	background-image:url('../images/green_glasses.jpg');
	width:475px;height:285px;
	background-repeat:no-repeat;
	z-index:-1;
	margin-top:2em;}




#accent-bar {
	background-color: #C1CF18;
	float:left;	
	width: 840px;
	margin-top: 0;
	height: .75em;}

#accent-bar-projects {
	background-color: #C1CF18;
	float:left;	
	width: 100%;
	margin-top: 0;
	height: .75em;}

#accent-bar-projects2 {
	float:left;	
	width: 100%;
	margin-top: 0;
	height: .75em;}

#projects-text
  {
  color: #868686;

  line-height: 1.5;

  font-size: 0.85em;
  margin-bottom: 1em;
  padding: 1em;
  background-color:#fff;  }

#blog-text
  {
  color: #868686;

  line-height: 1.5;

  font-size: 0.85em;
  margin-bottom: 1em;
  }

div.transbox
  {
  float:left;
  width:15em;
  height:auto;
  padding:1em;
  margin-top:2em;
  margin-left:2em;
  background-color:#fff;
  /* for IE */
  filter:alpha(opacity=90);
  /* CSS3 standard */
  opacity:0.9;
  z-index:1;}

div.transbox p
  {
  font-size: 0.85em;
  color: #555555;

  line-height: 1.5;

  }

.bold
  {

  font-weight:bold;
  margin-left: -.1em;
  
}

div.pubsbox
  {
  float:left;
  width:25em;
  height:auto;
  padding:1em;
  margin-top:3.25em;
  margin-left:3.25em;
  background-color:#fff;
  /* for IE */
  filter:alpha(opacity=90);
  /* CSS3 standard */
  opacity:0.90;
  z-index:1;}

div.pubsbox h2
  {
  font-size: 0.85em;
  color: #555555;

  line-height: 1.5;

  margin-bottom: .25em;
  }


div.pubsbox p
  {
  font-size: 0.85em;
  color: #555555;

  line-height: 1.5;

  margin-left: 1em;
  margin-bottom: .5em;
  }


a.pubsbox:link, a.email:visited { color: #868686; }


a.pubsbox:hover, a.email:active { color: #7D993D; }



div.boardsbox
  {
  float:left;
  width:20em;
  height:auto;
  padding:1em;
  margin-top:2em;
  margin-left:2em;
  background-color:#fff;
  /* for IE */
  filter:alpha(opacity=90);
  /* CSS3 standard */
  opacity:0.9;
  z-index:1;}

div.boardsbox h2
  {
  font-size: 0.85em;
  color: #555555;

  line-height: 1.5;

  margin-bottom: .25em;
  }

div.boardsbox p
  {
  font-size: 0.85em;
  color: #555555;

  line-height: 1.5;

  margin-left: 1em;
  margin-bottom: .5em;
  }

#footer {

	clear: both;

	padding: 0 1.5em;

	margin-bottom:2em;
	text-align: right;
}

div#splashLink{
	clear:both;
	margin:10px auto;
	padding:4px;
	width:200px;
	cursor: pointer;
	}

/* SUPERFISH */


/*** ESSENTIAL STYLES ***/


.sf-menu, .sf-menu * {

	margin:			0;

	padding:		0;

	list-style:		none;

}


.sf-menu {

	line-height:	1.0;

}


.sf-menu ul {

	position:		absolute;

	top:			-999em;

	width:			10em;
 /* left offset of submenus need to match (see below) */


}


.sf-menu ul li {

	width:			100%;

}


.sf-menu li:hover {

	visibility:		inherit;

 /* fixes IE7 'sticky bug' */


}


.sf-menu li {

	float:			left;

	position:		relative;

}


.sf-menu a {

	display:		block;

	position:		relative;

}


.sf-menu li:hover ul,
.sf-menu li.sfHover ul {

	left:			0;

	top:			2.5em;
 /* match top ul list item height */

	z-index:		99;

}


ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {

	top:			-999em;

}


ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {

	left:			10em;
 /* match ul width */

	top:			0;

}


ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {

	top:			-999em;

}


ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {

	left:			10em;
 /* match ul width */

	top:			0;

}



/*** DEMO SKIN ***/


.sf-menu {

	float:			left;

	margin-bottom:	1em;

}


.sf-menu a {

	border-left:		1px solid #fff;

	border-top:		1px solid #BDD2FF;

	padding: 		.75em 1em;

	text-decoration:none;

}


.sf-menu a, .sf-menu a:visited  {
 /* visited pseudo selector so IE6 applies text colour*/

	color:			#13a;

}


.sf-menu li {

	background:		#BDD2FF;

}


.sf-menu li li {

	background:		#BDD2FF;

}

.sf-menu li li li {

	background:		#BDD2FF;

}

.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {

	background:		#BDD2FF;

	outline:		0;
}



/*** arrows **/


.sf-menu a.sf-with-ul {

	padding-right: 	2.25em;

	min-width:		1px;
 /* trigger IE7 hasLayout so spans position accurately */

}


.sf-sub-indicator {

	position:		absolute;

	display:		block;

	right:			.75em;

	top:			1.05em;
 /* IE6 only */
	width:			10px;

	height:			10px;

	text-indent: 	-999em;

	overflow:		hidden;

	background:		url('../images/arrows-ffffff.png') no-repeat -10px -100px;
 /* 8-bit indexed alpha png. IE6 gets solid image only */

}


a > .sf-sub-indicator {
  /* give all except IE6 the correct values */

	top:			.8em;

	background-position: 0 -100px;
 /* use translucent arrow for modern browsers*/

}

/* apply hovers to modern browsers */


a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {

	background-position: -10px -100px;
 /* arrow hovers for modern browsers*/

}



/* point right for anchors in subs */


.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }


.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }


/* apply hovers to modern browsers */


.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {

	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('../images/shadow.png') no-repeat bottom right;

	padding: 0 8px 9px 0;

	-moz-border-radius-bottomleft: 17px;

	-moz-border-radius-topright: 17px;

	-webkit-border-top-right-radius: 17px;

	-webkit-border-bottom-left-radius: 17px;

}


.sf-shadow ul.sf-shadow-off {
	background: transparent;
}



/*** adding the class sf-navbar in addition to sf-menu creates an all-horizontal nav-bar menu ***/


.sf-navbar {

	background:		#fff;

	height:			2.5em;

	padding-bottom:		2.5em;

	position:		relative;

}


.sf-navbar li {

	background:		#BDD2FF;

	position:		static;

}


.sf-navbar a {

	border-top:		none;

}


.sf-navbar li ul {

	width:			44em;
 /*IE6 soils itself without this*/

}


.sf-navbar li li {

	background:		#BDD2FF;

	position:		relative;

}


.sf-navbar li li ul {

	width:			13em;

}


.sf-navbar li li li {

	width:			100%;

}


.sf-navbar ul li {

	width:			auto;

	float:			left;

}


.sf-navbar a, .sf-navbar a:visited {

	border:			none;

}


.sf-navbar li.current {

	background:		#F3F1E9;

}


.sf-navbar li:hover,
.sf-navbar li.sfHover,
.sf-navbar li li.current,
.sf-navbar a:focus, .sf-navbar a:hover, .sf-navbar a:active {

	background:		#F3F1E9;

}


.sf-navbar ul li:hover,
.sf-navbar ul li.sfHover,
ul.sf-navbar ul li:hover li,
ul.sf-navbar ul li.sfHover li,
.sf-navbar ul a:focus, .sf-navbar ul a:hover, .sf-navbar ul a:active {
	background:		#F3F1E9;

}


ul.sf-navbar li li li:hover,
ul.sf-navbar li li li.sfHover,
.sf-navbar li li.current li.current,
.sf-navbar ul li li a:focus, .sf-navbar ul li li a:hover, .sf-navbar ul li li a:active {

	background:		#F3F1E9;

}


ul.sf-navbar .current ul,
ul.sf-navbar ul li:hover ul,
ul.sf-navbar ul li.sfHover ul {

	left:			0;

	top:			2.5em;
 /* match top ul list item height */

}


ul.sf-navbar .current ul ul {

	top: 			-999em;

}



.sf-navbar li li.current > a {

	font-weight:	bold;

}



/*** point all arrows down ***/

/* point right for anchors in subs */


.sf-navbar ul .sf-sub-indicator { background-position: -10px -100px; }


.sf-navbar ul a > .sf-sub-indicator { background-position: 0 -100px; }


/* apply hovers to modern browsers */


.sf-navbar ul a:focus > .sf-sub-indicator,
.sf-navbar ul a:hover > .sf-sub-indicator,
.sf-navbar ul a:active > .sf-sub-indicator,
.sf-navbar ul li:hover > a > .sf-sub-indicator,
.sf-navbar ul li.sfHover > a > .sf-sub-indicator {

	background-position: -10px -100px;

/* arrow hovers for modern browsers*/


}



/*** remove shadow on first submenu ***/


.sf-navbar > li > ul {

	background: transparent;

	padding: 0;

	-moz-border-radius-bottomleft: 0;

	-moz-border-radius-topright: 0;

	-webkit-border-top-right-radius: 0;

	-webkit-border-bottom-left-radius: 0;
}

/* end SUPERFISH */

/* BEGIN Superfish CSS override */


.sf-sub-indicator { background-image: url(../images/menu-arrows.png); }


.sf-menu li { background-color: #fff; }


.sf-menu a, .sf-menu a:visited { border: 0 none; color: #868686; margin-right: -1px; }


.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {

	background-color: #F3F1E9;

	color: #A2B527;

}


.sf-menu li li { background-color: #F3F1E9; }

.sf-menu li li li { background-color: #F3F1E9; }


.sf-menu li li a, .sf-menu li li a:visited { border: 1px solid #eee; }


.sf-menu li.current a { /*background-color: #eee;*/ /* border-bottom-width: 0; */ }


.sf-menu li.current  li a { background-color: #F3F1E9; color: #868686; }


/* END superfish override */