.details1 		{	        
						color:#B8B8B8;
						background-color: #FFFFFF;
						font-size: 8pt;
						font-family: Lucida Grande;
						line-height: 140%
				}
				
				

.tiny 			{	   	color:#B8B8B8;
						font-size: 6.2pt;
						font-family: verdana;
						letter-spacing:.5px;
						line-height: 140%
				}
				
				
.detailsp 		{	        
						
						color: #000; 		
						font-size: 8pt;
						font-family: Lucida Grande;
						line-height: 150%
						
				}
								
span.back 		{	        
						background-color: #FFFFFF;
							
					
				}
span.blue 		{	        
						color: #000;
						
							
					
				}	
span.bluetext 		{	        
						color: #5FEAFF;
						
							
					
				}				
				




a.nav:link {color: #B8B8B8; text-decoration: none; font-family: verdana; }
a.nav:visited {color: #B8B8B8; text-decoration: none; font-family: verdana; }
a.nav:hover {color: #5FEAFF; text-decoration: none; font-family: verdana; }
a.nav:active {color:#B8B8B8; } 

.class2 A:link {color: #000; text-decoration: none; font-family: verdana; background-color: #5FEAFF}
.class2 A:visited {color: #000; text-decoration: none; font-family: verdana; background-color: #5FEAFF }
.class2 A:active {color: #5FEAFF; text-decoration: none; font-family: verdana; background-color: #5FEAFF}
.class2 A:hover {color: #5FEAFF; text-decoration: none; font-family: verdana; background-color: #FFF}


body {
position: absolute;
overflow-x: auto;
overflow-y: hidden;

}

#outerTable {
padding-left: 10px;

}
.scrollArea {
width: 100%; /* this sets the width of the scrolling area*/
height: 600px;
background-color: #FFFFFF;
padding-left: 500px;
padding-right: 5px;
border-color: #FFFFFF;
border-width: 0px;
border-style: solid;
float: left;
overflow: hidden;

}

#leftbar {

float: left;
position: absolute;
overflow: hidden;
background-color: #ffffff;
padding-left: 15px;
 
}



#profile {

background-image: url(jm_tile1.jpg);
width: 500px;
height: 500px;
padding: 15px;


}

div.profile div.text {
	float: left;
	height: 500px;/* this sets the pop-up width */
	width: 400px;
	padding: 10px 25px 10px 10px;
	background-color: #ffffff;	
	background-image: url(jm_tile1.jpg);
	position: absolute;
	top: 50px;/* this sets how far from the top of the image the pop-up shows */
	z-index: 2;
		

}



#table_div {
border: 1px solid blue;
height: 800px;
width: 600px;
overflow: auto;

}



/* Portfolio */
table#project-list {
	table-layout: fixed;
  float: left;
  margin: -100px;
  position: absolute;
  top: 0px;
border: 1px solid green;
}
table#project-list td {
	vertical-align: top;
}


/* Seperating Line */

div.sep {
	height: 470px !important;
	height: 500px;
	padding:15px;
}


/* Project */
div.block {
	height: 470px !important;
	height: 500px;
	padding: 15px;
}

/* Project - Information */
div.block div.information {
	float: right;
	display: none;
	height: 260px;/* this sets the pop-up width */
	width: 250px;
	padding: 10px 25px 10px 10px;
	/*background-color: #ffffff;*/
	background-color: #ffffff;/* this sets the background color of the pop-up text */
	position: absolute;
	top: 100px;/* this sets how far from the top of the image the pop-up shows */
	z-index: 2;
}
div.block:hover div.information {

	display: block;}


/* Project - Image */
div.block div.image img {
	max-height: 600px;
	
}

/* Project - Extras */
div.block ul.extras {
	position: relative;
	top: 10px;
}
div.block ul.extras li {
	float: left;
	margin-right: 10px;
}