@charset "UTF-8";
/* CSS Document */

body {
	font-size:70%;
	font-family:Arial, sans-serif;
	font-weight:normal;
	color:#666666;
	float:left;
	margin-top:10px;
	z-index:0;
}
p {
	margin: 0px 0px 5px 0px;
	float:none;
}
h1 {
	font-size:100%;
	font-family:Arial, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	color:#666666;
	margin: 0px;
}
h2 {
	font-size:100%;
	font-family:Arial, sans-serif;
	font-weight:bold;
	text-transform:none;
	color:#666666;
	margin: 0px;
}
a:link,
a:visited,
a img {
	border:none;
	text-decoration:none;
	color:#666666;
}
a:hover,
a:active {
	color:#000000;
}
.ON {
	color:#000000;
}
.grey,
.grey a:link,
.grey a:visited,
.grey a img {
	border:none;
	text-decoration:none;
	color:#333333;
}
.grey a:hover,
.grey a:active {
	color:#666666;
}
.ON {
	color:#000000;
}
a.thumb img {
	filter: alpha(opacity=85);   
	-moz-opacity: .85;   
	opacity: .85;
	-khtml-opacity: .85
}
a.thumb:hover img {
	filter: alpha(opacity=99.99);   
	-moz-opacity: .9999;   
	opacity: .9999;
	-khtml-opacity: .9999;
}
#container {
	position:absolute;
	left:50%;
	margin-left:-460px;
	height:715px;
	width:920px;
	border:none;
	overflow:hidden;
}
@media print
{
#container {top:0%; margin-top:0px;}
}

/* ------------------------------ header ------------------------------ */
#header {
	position:relative;
	display:block;
	height:60px;
	width:920px;
	z-index:5;
}
#logo {
	display:block;
	height:55px;
	width:225px;
	margin:3px 20px 2px 10px;
	float:left;
}

/* ------------------------------ content layout ------------------------------ */
#contentBox {
	position:relative;
	display:block;
	height:625px;
	width:920px;
	line-height:15px;
	border-top:#CCCCCC 1px solid;
	border-bottom:#CCCCCC 1px solid;
	z-index:1;
}
#sideNav {
	position:relative;
	display:block;
	height:485px;
	width:235px;
	padding:0px 20px 0px 10px;
	margin-top:-5px;
	float:left;
}
#sideNavThumbs {
	position:relative;
	display:block;
	height:485px;
	width:345px;
	padding:0px 20px 0px 10px;
	float:left;
}
#info {
	position:relative;
	display:block;
	height:14px;
	width:100px;
	padding:5px 0px 7px 0px;
	float:left;
}
#imgBox {
	position:absolute;
	top:90px;
	Left:265px;
	display:block;
	height:535px;
	width:655px;
	float:left;
}
#bioBox1 {
	position:relative;
	display:block;
	height:535px;
	width:655px;
	float:left;
}
#bioBox2 {
	position:relative;
	display:block;
	height:535px;
	width:545px;
	float:left;
}
#scrollBoxBioText { /*TEXT*/
	display:block;
	height:355px;
	width:280px;
	overflow:auto;
	padding-right:10px;
	margin-right:10px;
	z-index:0;
	float:left;
}
.bioImg {
	position:absolute;
	top:0px;
	Left:300px;
	display:block;
}
.bioImg2 {
	position:absolute;
	top:0px;
	Left:300px;
	display:block;
}
.bioThumb {
	display:block;
	width:105px;
	float:left;
}
.bioText2 {
	display:block;
	height:240px;
	width:270px;
	padding-right:30px;
	float:left;
}
/* #textBox {
	position:absolute;
	display:block;
	height:400px;
	width:215px;
	top:40px;
	left:10px;
	overflow:hidden;
	z-index:0;
} */
#scrollBoxProjText { /*TEXT*/
	position:absolute;
	top:40px;
	display:block;
	height:315px;
	width:235px;
	overflow:auto;
	padding-right:10px;
	z-index:0;
	clear:both;
}
#pane { /*TEXT*/
	position:absolute;
	top:40px;
	display:block;
	height:315px;
	width:235px;
	overflow:auto;
	padding-right:10px;
	z-index:0;
	clear:both;
}
#toggleMe {
	position:absolute;
	top:30px;
	left:10px;
	z-index:10;
	display:block;
	height:460px;
	width:235px;
	padding-right:10px;
	z-index:0;
	clear:both;
}
#thumbContainer {
	position:relative;
	display:block;
	height:14px;
	width:115px;
	padding:5px 0px 7px 0px;
	float:left;
}
#thumbBox {
	background-color:#CCCCCC;
	position:relative;
	top:0px;
	left:0px;
	display:block;
	height:10px;
	width:10px;
	margin-right:4px;
	float:left;
	height:10px;
	width:10px;
}
#thumbBox a:link,
#thumbBox a:visited,
#thumbBox a img {
	background-color:#CCCCCC;
}
#thumbBox a:hover,
#thumbBox a:active {
	background-color:#666666;
}
#thumb1 {
	visibility:visible;
}
#thumb2 {
	visibility:hidden;
}
#thumb3 {
	visibility:hidden;
}
#thumb4 {
	visibility:hidden;
}
#thumb5 {
	visibility:hidden;
}
#thumb6 {
	visibility:hidden;
}
#thumb7 {
	visibility:hidden;
}
#thumb8 {
	visibility:hidden;
}
#img1 {
	position:absolute;
	visibility:visible;
}
#img2 {
	position:absolute;
	visibility:hidden;
}
#img3 {
	position:absolute;
	visibility:hidden;
}
#img4 {
	position:absolute;
	visibility:hidden;
}
#img5 {
	position:absolute;
	visibility:hidden;
}
#img6 {
	position:absolute;
	visibility:hidden;
}
#img7 {
	position:absolute;
	visibility:hidden;
}
#img8 {
	position:absolute;
	visibility:hidden;
}

/* ------------------------------ scroll ------------------------------ */

#titleBox {
	position:relative;
	display:block;
	height:30px;
	width:890px;
	padding:40px 20px 20px 10px;
	float:left;
}
#titleBox2 {
	position:relative;
	display:block;
	height:30px;
	width:890px;
	padding:40px 20px 10px 10px;
	float:left;
}
#sideNav2 {
	position:relative;
	display:block;
	height:488px;
	width:235px;
	padding:0px 20px 0px 10px;
	float:left;
}
#scrollBox {
	position:relative;
	top:0px;
	display:block;
	height:488px;
	width:920px;
	overflow:auto;
	padding:12px 0px 0px 0px;
	background-color:#f2f2f2;
	float:left;
}
.fixedwidthTimeline { /*important*/
	position:relative;
	display:block;
	width:10804px; /* exact width of all images + text box + padding */
	padding:0px 0px 0px 12px;
	overflow:hidden;
	float:left;
}
.fixedwidthProfile { /*important*/	
	position:relative;
	display:block;
	width:11481px; /* exact width of all images + text box + padding */
	padding:0px 0px 0px 12px;
	overflow:hidden;
	float:left;

}
.fixedwidthTimeline img,
.fixedwidthProfile img {
	display:block;
	padding:0px 12px 7px 0px;
}
p.fixedwidthTimeline,
p.fixedwidthProfile {
	display:block;
}
div.captionImg {
	float:left;
	display:block;
	width:auto;
}
p.captionImg {
	display:block;
	width:290px;
}

/* ------------------------------ footer ------------------------------ */
#footer {
	position:relative;
	display:block;
	height:10px;
	width:900px;
	padding:5px 10px 4px 10px;
	font-size:90%;
	float:left;
	z-index:10;
}
.footerLeft {
	position:relative;
	display:block;
	height:10px;
	width:450px;
	text-align:left;
	float:left;
	z-index:10;	
}
.footerRight {
	position:relative;
	display:block;
	height:10px;
	width:450px;
	text-align:right;
	float:left;
	z-index:10;
}

/* ------------------------------ top nav ------------------------------ */
#topNav1 {
	position:relative;
	display:block;
	height:10px;
	width:60px;
	margin:46px 0px 3px 0px;
	padding:0px 30px 2px 20px;
	text-transform:uppercase;
	float:left;
	z-index:10;
}
#topNav1 p {
	vertical-align:baseline;
}
#topNav2 {
	position:relative;
	display:block;
	height:10px;
	width:30px;
	margin:46px 0px 3px 0px;
	padding:0px 30px 2px 20px;
	text-transform:uppercase;
	float:left;
	z-index:10;
}
#topNav2 p {
	vertical-align:baseline;
}
#topNav3 {
	position:relative;
	display:block;
	height:10px;
	width:50px;
	margin:46px 0px 3px 0px;
	padding:0px 30px 2px 20px;
	text-transform:uppercase;
	float:left;
	z-index:10;
}
#topNav3 p {
	vertical-align:baseline;
}
#navLayer1a {
	position:absolute;
	top:0px;
	left:264px;
	display:block;
	height:15px;
	width:655px;
	padding:0px 0px 0px 0px;
	margin:45px 0px 0px 0px;
	background-color:#FFFFFF;
	border-left:#CCCCCC 1px solid;
	float:left;
	visibility:hidden;
	z-index:8;
}
#navLayer1b {
	position:absolute;
	top:15px;
	left:264px;
	display:block;
	height:19px;
	width:655px;
	padding:0px 0px 2px 0px;
	margin:45px 0px 0px 0px;
	background-color:#f2f2f2;
	border-left:#CCCCCC 1px solid;
	float:left;
	visibility:hidden;
	z-index:12;
}
#navLayer2a {
	position:absolute;
	top:0px;
	left:374px;
	display:block;
	height:15px;
	width:545px;
	padding:0px 0px 0px 0px;
	margin:45px 0px 0px 0px;
	background-color:#FFFFFF;
	border-left:#CCCCCC 1px solid;
	float:left;
	visibility:hidden;
	z-index:8;
}
#navLayer2b {
	position:absolute;
	top:15px;
	left:374px;
	display:block;
	height:19px;
	width:545px;
	padding:0px 0px 2px 0px;
	margin:45px 0px 0px 0px;
	background-color:#f2f2f2;
	border-left:#CCCCCC 1px solid;
	float:left;
	visibility:hidden;
	z-index:14;
}
#navLayer3a {
	position:absolute;
	top:0px;
	left:454px;
	display:block;
	height:15px;
	width:465px;
	padding:0px 0px 0px 0px;
	margin:45px 0px 0px 0px;
	background-color:#FFFFFF;
	border-left:#CCCCCC 1px solid;
	float:left;
	visibility:hidden;
	z-index:8;
}
#navLayer3b {
	position:absolute;
	top:15px;
	left:454px;
	display:block;
	height:19px;
	width:465px;
	padding:0px 0px 2px 0px;
	margin:45px 0px 0px 0px;
	background-color:#f2f2f2;
	border-left:#CCCCCC 1px solid;
	float:left;
	visibility:hidden;
	z-index:16;
}
#1b1 {
	z-index:26;
}
#1b2 {
	z-index:25;
}
#1b3 {
	z-index:24;
}
#1b4 {
	z-index:23;
}
#1b5 {
	z-index:22;
}
#1b6 {
	z-index:21;
}

/* ------------------------------ dropdown nav ------------------------------ */

/* Fix IE6 */
* html #navLayer1b,
* html #navLayer2b,
* html #navLayer3b { position:absolute; top:17px; height:17px; padding:0px 0px 0px 0px; }
* html #navLayer1a,
* html #navLayer2a,
* html #navLayer3a { position:absolute; top:2px; }
* html ul li { float: left; }
* html ul li a { height: 1%; }
* html #navMenus { height:15px; }
* html #topNav1 { padding-left:30px; }
* html li ul { margin:17px 0px 0px 0px; position: absolute; top:2px; left:-1px; }
* html li > ul { top:18px; left:0px; } 
* html li ul li {
}  
* html .thumbBox { padding-right:4px; } 
* html .thumbBox a:hover, 
* html .thumbBox a:active { padding-right:4px; } 
* html .thumbBoxON { padding-right:4px; }		
* html #navMenus :hover,
* html #navMenus :over { visibility:visible;	}
* html .thumbBox,
* html .thumbBox a:link,
* html .thumbBox a:visited,
* html .thumbBox a img,
* html .thumbBox a:hover,
* html .thumbBox a:active { width:6px; }
* html #titleBox { padding:65px 20px 0px 10px; }
* html #scrollBox {  }
* html #logo { margin:3px 0px 2px 10px; }
/* End */


#nav {
	visibility:inherit;
}
#navMenus {
	display:block;
	position:relative;
	height:50px;
	visibility:inherit;
}
#nav li:hover ul,
#nav li.over ul {
	visibility:visible;
}
#navMenus :hover,
#navMenus :over {
	visibility:visible;	
}

ul {
	display:block;
	position:relative;
	padding:0px;
	margin:0px;
	list-style:none;
	visibility:hidden;
} 
li {
	display:block;
	position:relative;
	padding:5px 10px 0px 10px;
	float:left;
	z-index:10;
	visibility:inherit;
}
  
li ul {
	display:block;
	position:absolute;
	width:165px;
	padding:5px 0px 3px 10px;
	margin:0px 0px 0px -11px;
	background-color:#f2f2f2;
	border-left:#CCCCCC 1px solid;
}
li ul li {
	display:block;
	width:150px;
	margin-left:0;
	text-indent:0;
	padding:0px 0px 5px 0px;
	float:none;
}  
li > ul {
	top:20px;
	left:10px;
}