body      {
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 11px;
	font-style: normal;
	line-height: 14px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #D6C7B4;
	border-bottom-width: thin;
	border-bottom-style: none;
	background-color: #746F6D;
	top: 0px;
}

body 
{	margin:0;
	padding:0;
}

p         {
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 11px;
	padding: 0;
	margin-top: 0px;
	margin-bottom: 10px;
}
h6        {  font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 11px; font-weight: bold; font-style: normal; line-height: normal; font-variant: normal; text-transform: none}
h5        {  font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 12px; font-weight: bold; font-style: normal; line-height: normal; font-variant: normal; text-transform: none}
h4        {  font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 13px; font-weight: bold; font-style: normal; line-height: normal; font-variant: normal; text-transform: none}
h3        {
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	margin-top: 4px;
	margin-bottom: 10px;
}
h2        {
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 16px;
	font-weight: bold;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	margin-top: 24px;
	margin-bottom: 12px;
}
h1        {
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 18px;
	font-weight: bold;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	margin-top: 0px;
	margin-bottom: 10px;
}
hr        {
	color: #D6C7B4;
	line-height: 1px;
	background-color: #0099CC;
}
a         {  font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; color: #FFFFFF; text-decoration: none}
a:link    {  font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; color: #FFFFFF; text-decoration: none}
a:visited {  font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; color: #FFFFFF; text-decoration: none}
a:hover   {  font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; color: #FFFFFF; text-decoration: underline}
a:active  {  font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; color: #FFFFFF; text-decoration: underline}
img       {
	border-color: #FFFFFF;
	border: 0;
	border-top-style: none;
}

/*
.content_base {margin-top: 9px; margin-left: 30px; margin-right: 30px;}
*/

/* document major parts */



#main  
{
	width:860px;
}

#sidebar_border_f  {
	width:279px;
	height:603px;
	float: left;
	position: relative;
	background-image: url(../images/common/side_bkg_top.gif);
	background: url(../images/common/side_bkg_top.gif);
	background-repeat: no-repeat;
	z-index: 0;
}

#content_f  {
	width: 531px;
/*	height:700px; */
	z-index:0;
	padding-left: 25px;
	padding-right: 20px;
	position:relative;
	float: left;
	background-image: url(../images/common/content_bkg.gif);
	background: url(../images/common/content_bkg.gif);
	background-repeat: repeat-y;
}


/* this is right border on the page */
#leftborder {
	position:absolute;
	width:22px;
	height:848px;
	z-index:3;
	left: 841px;
	top: -152px;
	background-image: url(../images/common/spacer_right_border.gif);
	layer-background-image: url(images/nav/spacer1.gif);
	border: 1px none #000000;
	background: url(../images/common/spacer_right_border.gif);
}

#navbar_f  {
	width:855px;
	height:46px;
	background-image: url(../images/nav/bkg.gif);
	top: 0;
	left: 0; 
	float: left;
	position: relative;
}

#findbar_f 
{
	height:37px;
	float:right;
	top: 45px;
	background-image: url(../IL/jump/images/jump_bkg.gif);
	left: 0px;
	text-align: right;
	padding-right: -20px;
	margin-right: -5px;
}


#bottombar_f	 
{
	width:855px;
	height:46px;	
	background-image: url(../images/common/bottom_bkg.gif);
	background-color: #524D4B;
	position: relative;
	float: left;
}


/* reference style for publications */
p.reference {
	margin-left: 30px;
	text-indent:-30px;
	padding-left: 40px;
}

p.datelist {
	margin-left: 70px;
	text-indent:-70px;
	padding-left: 0px;
}

p.indented {
	padding-left: 40px;
}

/* style for spacer at the navigation  bar*/		
.novbarspacer  { position:absolute; left: 265px; top: 0px;  }

/* link classes for the navigation bar ---------------------- these are used only once */

a.csllink {
	position:absolute;
	width:130px;
	height:40px;
	z-index:1;
	background-image: url(../images/nav/on_tabs/sony_csl.gif);
	left: 0;
	top: 0;
		 	}
a.illink    {
	position:absolute;
	width:115px;
	height:40px;
	z-index:1;
	top: 0px;
	left: 148px;
	background-image: url(../images/nav/on_tabs/ilab.gif);
	visibility: visible;
			}

a.aboutlink	{
	position:absolute;
	width:36px;
	height:40px;
	z-index:4;
	top: 0px;
	left: 296px;
	background-image: url(../images/nav/off_tabs/about.gif);
			}
			
a.aboutlink:hover
			{
				background-image: url(../images/nav/off_tabs/about_R.gif);
			}

a.memberslink   {
	position:absolute; width:49px; height:40px; z-index:5; top: 0px; left: 367px;
	background-image: url(../images/nav/off_tabs/members.gif);
				}

a.memberslink:hover
			{
				background-image: url(../images/nav/off_tabs/members_R.gif);
			}
				
a.projectslink   {
	position:absolute; width:47px; height:40px; z-index:6; left: 451px; top: 0px;
	background-image: url(../images/nav/off_tabs/projects.gif); 
				}

a.projectslink:hover
			{
				background-image: url(../images/nav/off_tabs/projects_R.gif);
			}
				
a.publicationslink {
	position:absolute; width:66px; height:40px; z-index:7; left: 530px; top: 0px;
	background-image: url(../images/nav/off_tabs/publications.gif); 
					}
					
a.publicationslink:hover
			{
				background-image: url(../images/nav/off_tabs/publications_R.gif);
			}
.book_caption {
	font-size: 9px;
	line-height: 12px;
}

/* --------------------- this are styles for the project pages -----------------
*/
div.thumbn {
	float:right;
	position:relative;
	padding-left: 5px;
	padding-bottom: 5px;
			}

/* this is awesome thing */
a.linkopacity img 
{
 filter:alpha(opacity=75);
 -moz-opacity:.75; 
 opacity: 0.75;
 border:1px solid ghostwhite;
}

a.linkopacity:hover img 
{
 filter:alpha(opacity=100);
 -moz-opacity:1.0;    
 opacity: 1.0;
 border:1px solid seashell;
}

div.projimage {
	float:right;
	position:relative;
	padding-left: 5px;
	padding-bottom: 5px;
			}
/* image for project */			
#pjimage {
	padding-left: 40px;
	width: 450px;
	font-size: 9px;
	text-align: right;
	padding-top: 12px;
	padding-bottom: 10px;
}

#pjimagecap {
	padding-left: 40px;
	width: 450px;
	font-size: 9px;
	text-align: right;
	padding-top: 0px;
	padding-bottom: 18px;
	line-height: 12px;
}

#block_line  {
	position:relative;
	margin-top: 25px;
	
	margin-left: -23px;
	margin-right: -17px;

	padding-left: 25px;
	padding-right: 25px;
	padding-top: 1px;
	background-image: url(../images/common/spacer_dot.gif);
	background: url(../images/common/spacer_dot.gif);
	background-repeat: repeat-x;
/*	
	border-top-color: #CCFF00;
	border-width: 1px;
	border-style: solid;
*/
}

#block_line_n  {

	position:relative;
	
	margin-left: -21px;
	padding-left: 25px;
	margin-right: -12px;
    padding-right: 15px;

	
	margin-top: 25px;
	padding-top: 1px;
	
	background-image: url(../images/common/spacer_dot.gif);
	background: url(../images/common/spacer_dot.gif);
	background-repeat: repeat-x;

/*	
	border-top-color: #CCFF00;
	border-width: 1px;
	border-style: solid;
*/
}