@charset "utf-8";
/* CSS Document */
@import url(screen.css);
@import url(navigation.css);


		#app {
			
			
		}
		a {
			color: #21759B;
		}
		h1 {
			line-height: 1.2em;
			border-bottom: 3px solid #323232;
		}
		h3 {
			margin: 1em 0em 0.2em 0em;
		}
		p {
			margin: 0em 0em 0.2em 0em;
			padding: 0px;
		}
		code {
			background-color: #FFFBDF;
			padding: 8px 5px;
			border: 1px solid #A99862;
			display: block;
			overflow: auto;
			white-space:pre;
			margin: 0em 0em 1em 0em;
		}
		.faded, .faded a {
			color: #B2B2B2 !important;
		}
		.slideShow ul, .slideShow li {
			list-style-type: none;
			margin: 0px;
			padding: 0px;
		}


		
		/* slideshow styles */
		.slideShow {
			padding: 0px 0px 0px 0px; 
			border: 0px solid #B3B3B3; display: table;
			clear: both;
			margin-bottom: 0px;
		}
		
		
		.slideShow .navigation {
			margin-top: 10px;
			clear:both;
			
		}
		.slideShow .navigation a {
			background-color: #ffffff;
			margin: 0px 0px 0px 0px;
			padding: 3px 80px;
			color: #232323;
			text-decoration: none;
			float: left;
			font-size: 0.8em;
		}
		.slideShow ul.topNavigation {
			margin: 0px 0px 40px 0px;
		}
		.slideShow .navigation a:hover, .slideShow .navigation a.selected {
			background-color: #929292;
			color: #000000;
		}
		
		/** slides with more than an image in it **/
		.slide img {
			position: absolute;
			width:680px;
			height:458px;
		}
		
	
		
		.slide h1 {
			position: absolute;
			background-color: #ffffff;
			left: 0px;
			top: 0px;
			
		}
		


		.project10 #navStyle {
		background:#FFF url(../image/jtc/info.png) no-repeat;
		}
		
				/** slideshow with images in navigation **/
		#navStyle{
	
		width:680px;
		height:85px;
		padding: 5px 0px 0px 0px;
		text-align:right;
		background:#FFFFFF;
		}
			
		.navigation.white{
		border: 1px solid #ffffff;
		float:right;
			padding: 0 10px 0 0;
			color:#ff0000;
		
		}

		
	
		.navigation.white li {
			display:inline;
		border: 1px solid #ffffff;
			
			/* background-color: #ffffff; */
		}
		.navigation.white a {
			text-align:right;
			background-color:#777777;
			padding: 0px;
			line-height: 0.8em;
		}
		
	
		.navigation.white a:hover, .navigation.white a.selected {
			text-align:right;
			background-color:#0066cc;
			
			z-index:1;
		}
	
		
	
		/*
		.navigation.white #nolink a:hover, .navigation.white a.selected {
			
			border: 1px solid #666666;
			background-color:#ff0000;
		}
		*/
		/* .navigation.white #pg1 a{
			background:#ffffff url(img/np1_white.png) no-repeat 0 0;
			border: 0px solid #ff0000;
			}
		
	.navigation.white #pg1 a:hover , .navigation.white #pg1 a.selected {
			background:#ffffff url(img/np1_black.png) no-repeat 0 0;
			border: 0px solid #ff0000;
			z-index:10;
		}
		
		.navigation.white #pg2 a:hover , .navigation.white #pg2 a.selected {
			background:#ffffff url(img/np2_black.png) no-repeat 0 0;
			border: 0px solid #ff0000;
			z-index:10;
		}
		*/