/* CSS Document */
/*////////////basic layout//////////*/


div.interactPage{
	
}

.backPanel{
	/*background: url(spots.gif);
	background-repeat: no-repeat;
	background-position: top;*/
	background-color: White;
	width: 700px;
	/*width: 100%;*/
}
	.logoPanel{
	vertical-align: top;
	border-bottom-style: dotted;
	border-bottom-width: thin;
	border-bottom-color: #e7332c;
	height: 70px;
	/*background: url(../../wwwinteract15/style/peopleStrip.jpg) no-repeat bottom;*/
}
.interactLogo{
	vertical-align: top;
	/*width: 157px;*/
}
.usLogo{
	vertical-align: top;
	/*width: 185px;*/
	font: 12px;
}
.footer{
	/*background: url(designCredit.gif) no-repeat right;*/
	width: 100%;
	border-top-style: dotted;
	border-top-width: thin;
	border-top-color: #e7332c;
}
.pageTitle{
	width: 100%; /*343px;*/
	border: 0px;
	font-size: 1.3em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: center;
	font-weight: bold;
	color: Black;
}

/*
tr{
	padding: 0px;
}
td{
	padding: 0px;
}*/
.contentPanel{
	width: 455px;
 /*  width: 70%;*/
	text-align: justify;
	vertical-align: top; 
	font-size: 0.8em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/*padding: 5px;*/
}
.contentPanel p{
	margin: 5px;
}
.contentPanel h3{
	margin: 0px;
}
/*
.homeContentPanel{

	text-align: justify;
	vertical-align: top;

	font-size: 0.8em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 10px;
}*/
	.contentPanel a:link {
	text-decoration: underline; 
	/*	color: #4b3633;*/
}
	.contentPanel a:visited {
	text-decoration: underline; 
	/*	color: #4b3633;*/
}
	.contentPanel a:hover {
	text-decoration: underline;
	color: #FF0000;
	}
	.contentPanel a:active {
	text-decoration: underline;
	/*color: #FF0000;*/
}


.pageContent{

}

div.headerPanel{
	
}

.headingPanel{
		width: 100%;
	text-align: left;
	vertical-align: top;
	height: 15px;
}
.headingPanel h1{
	margin: 0px 0px 0px 0px;
line-height: 1.1em;
	/*padding:  0px 0px 0px 0px;*/
}
.archivesPanel{
 vertical-align: top;
 padding-left: 5px;
}
.archiveHeading{
	text-align: right;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	padding: 2px 5px 0px 0px;
/*	margin: 10px 5px 0px 0px;*/
}

/*This section manages the right hand panel*/
.rightPanel{
	width: 130px;
	padding-left: 5px;
	/*padding-right: 5px;*/
	padding-top: 5px;
	padding-bottom: 5px;
	border-left-style: dotted;
	border-left-width: thin;
	border-left-color: #e7332c; /*width: 156px;*/

	font-family: Tahoma;
	font-size: 0.8em; /*line-height: 12px;*/
	text-align: left;
	vertical-align: top;
}
.rightPanel h5 {
	margin: 5px 0px 10px 5px;
	line-height: 1.2em;
}
.rightPanel h2{
	font-size: 1.5em;
	margin: 0px 0px 9px 0px;
	text-align: center;
}
	.rightPanel a:link {
color: #4b3633;
	text-decoration: none;
}
	.rightPanel a:visited {
	text-decoration: none;
	color: #4b3633;
}
	.rightPanel a:hover {
	text-decoration: underline;
	color: #FF0000;
	}
	.rightPanel a:active {
	text-decoration: none;
	color: #4b3633;
	}
.rightTitle{
color: #4b3633;
text-align: center;
margin: 0px;
}

	.subMenuRight{
	margin: 7px 0px 7px 10px; /*padding-left: 5px;
		padding-right: 0px;*/
		/*font-size: 95%;*/
}

img{
	border: White;
	
	/*outline: #F1644C outset thick;*/
}

/*/////////////Logo Bar//////////////*/
	.logo{
	font-size: 1.3em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: center;
	font-weight: bold;
}
.picPanel{
	text-align: center;
	padding: 1px 1px 1px 1px;
}
.picPanel img{
	border: 0px;
}
.picPanel tr{
	border: 0px;
	padding: 0px;
	margin: 0px;
	
}
/*///////////Navigation Panel////////////*/	
	.subMenu{
		font-size: 90%;
	}
	.navPanel{
	border-right: thin dotted #e7332c;
	width: 90px;

	text-align: left;
	padding-right: 5px;
	padding-right: 5px;
	vertical-align: top;
}
	.navCurrent{
	color: #FF0033;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	padding-left: 0px;
	}	
	
	div.navLinks{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 30px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	color: #000000;
	}
	div.navLinks img {
	margin: 8px 0px 5px 0px; /*width: 100%;*/
}

	div.navLinks a:link {
color: #4b3633;
	text-decoration: none;
}
	div.navLinks a:visited {
	text-decoration: none;
	color: #4b3633;
}
	div.navLinks a:hover {
	text-decoration: underline;
	color: #FF0000;
	}
	div.navLinks a:active {
	text-decoration: none;
	color: #4b3633;
	}
	
/*///////////End Navigation Panel////////////*/	

/* This section manages the content panel for the main interact people page*/
	.peoplePanel{
	/*width: 100%;*/
}
div.peopleBar{

/*text-align: center;*/
width: 100%;
}
div.peopleBar img{
	border: 0px;
	padding: 0px;
	 float: none;
	margin: 0px;
}
.peoplePanes{
padding: 3px;
vertical-align: top;
text-align: left; 

width: 50%;
}
div.peopleLayout{
 

}

div.peopleLayout img{
	/*float: left;*/
	padding-top: 0px;
	padding-right: 0.3em;
	padding-bottom: 5px;
	vertical-align:  top;
}
div.peopleLayout h3{
	padding: 0px 0px 10px 0px;
	margin: 0px;
	text-align: center;
	font-size: 0.9em;
	
}
div.peopleLayout h4{
padding: 0px 0px 0px 0px; 
	margin: 0px 0px 7px 0px; 
	/*width: 100%;  */
}
div.peopleLayout p{
	padding: 0px 0px 15px 0px;
	margin: 0px;
/*width: 100%;  */
}
/* This section manages the content panel for interact people home pages*/

div.peoplePage {
   padding: 5px;
	
	/*text-align: justify;*/
}
div.peoplePage h2{
    width: 100%;
}
div.peoplePage h4{
    width: 100%;
	 margin: 0px;
}
div.peoplePage img{
	float: left;
	padding-top: 0px;
	padding-right: 1em;
	padding-bottom: 1px;

}

	/*
	.peopleLayout a:link {
	color: #4b3633;
	text-decoration: none;
}
	.peopleLayout a:visited {
	text-decoration: none;
	color: #4b3633;
}
	.peopleLayout a:hover {
	text-decoration: underline;
	color: #FF0000;
	}
	.peopleLayout a:active {
	text-decoration: none;
	color: #FF0000;
	}*/
div.newsPage{
	
}	
div.newsPage h3{
	padding: 0px 0px 0px 5px; /*margin: 5px 0px 0px 5px;*/
}	
div.newsPage p{
	margin: 2px 5px 8px 5px;
}
/* This section manages interact partner page*/	
div.partnerContent{
	
}
div.partnerContent img{
	float: left;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 5px;
	vertical-align: top;
	padding-left: 0px;
}	
/* This section manages interact research pages*/
div.researchPage{
 

}

div.researchPage img{
	float: left;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 5px;
	vertical-align: top;
	padding-left: 10px;
}
div.researchPageTable{
	vertical-align: top;
}

div.researchPage p{
	margin: 3px 5px 7px 5px;
	text-align: justify;
	vertical-align: top;

}
div.researchPage h3{
	font-size: 1.3em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #4b3633;
	text-align: left;
	vertical-align: top;
	margin: 10px 5px 7px 5px; /*width: 100%;*/
}
div.researchPage h4{

	margin: 3px 5px 7px 5px;
}


/*//////////devices layout//////////////*/
div.devicePage{
	
}
div.devicePage h3{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #4b3633;
	text-align: left;

	padding: 0px 0px 0px 0px; 
	margin: 0px 5px 7px 5px; 
}
div.devicePage p{
		margin: 0px 10px 0px 5px; 
	

}	
div.devicePage img{
	padding: 3px 0px 20px 0px; 

	vertical-align: top;
	text-decoration: none;
	color: #FFFFFF;
	float: none;
	border: 0px;
}
.deviceText{
	
	
	vertical-align: top; 
}
/*
.deviceText h3{
	font-size: 1.7em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #4b3633;
	text-align: left;
	vertical-align: top;
	margin: 0px 5px 7px 5px; 
	
}*/
/*
.devicePics{

	padding: 0px 0px 20px 0px; 

	text-decoration: none;
	color: #FFFFFF;
	float: none;
	border: 0px;
}*/
/*////////Projects page setting//////////*/
.projectPanes{
	vertical-align: top;
	padding: 10px;

}
.projectPanel{
	width: 100%;
}
div.projectPageContent{

}
div.projectPageContent p{
 text-align: left;
}

div.projectPageContent img{
		float:   right;
		border:  0px;
	padding-top: 0px;
	padding-right: 0.3em;
	padding-bottom: 5px;
	vertical-align:  top;
}
div.projectPageContent h3{
font-size: 1.2em; 
/*padding-right: 100%;*/
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #4b3633;	
	text-align: left;
	font-weight: bolder;
	margin: 3px 5px 7px 5px;
}

div.projectPageContent li{
	text-align: left;
	margin: 0px 5px 2px 0px;
}	
div.title              {
	font-size: 1.5em;
	margin: 0px 5px 0px 5px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #4b3633;
	text-align: center;
	font-weight: bold;
}
	div.pubicationsPage{
		
	}
	div.publicationsPage h3{
	margin: 5px 5px 5px 5px;
	
}
	div.publicationsPage p{
	margin: 10px 5px 10px 5px;
	/*padding: 10px 0px 10px 0px;*/
}
div.contactPage{
	margin: 5px 5px 5px 5px;
}
div.contactPage h1{
	margin: 0px 5px 0px 0px; 
}
div.contactPage h3{
	margin: 5px 5px 5px 0px; 
}
.data{
 font-size: small;
}
	
	ADDRESS,
BLOCKQUOTE,
BODY, DD, DIV,
DL, DT,
FIELDSET, FORM,
FRAME, FRAMESET,
H1, H2, H3, H4,
H5, H6, IFRAME,
NOFRAMES,
OBJECT, OL, P,
UL, APPLET,
CENTER, DIR,
HR, MENU, PRE   { display: block }
LI              { display: list-item }
HEAD            { display: none }
TABLE           { display: table }
TR              { display: table-row }
THEAD           { display: table-header-group }
TBODY           { display: table-row-group }
TFOOT           { display: table-footer-group }
COL             { display: table-column }
COLGROUP        { display: table-column-group }
TD, TH          { display: table-cell }
CAPTION         { display: table-caption }
TH              { font-weight: bolder; text-align: center }
CAPTION         { text-align: center }
BODY            { padding: 0px; line-height: 1.33 }
H1   {
	font-size: 2em;
	margin: 0px 5px 5px 5px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #4b3633;
	text-align: left; /*margin: 5px;*/
}
H2              {
	font-size: 1.5em;
	margin: 0px 5px 0px 5px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #4b3633;
	text-align: left;
}
H3 {
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 3px 0px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: small;
	text-align: left;
}

h4{
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	line-height: 12px;
	padding-bottom: 2px;
	padding-top: 0px;
}

H4, P,
BLOCKQUOTE, UL,
FIELDSET, FORM,
OL, DL, DIR,
MENU            { margin: 1.33em 0 }
H5              { font-size: .83em; line-height: 1em; margin: 0.67em 0 }
H6              { font-size: .67em; margin: 2.33em 0 }
H1, H2, H3, H4,
H5, H6, B,
STRONG          { font-weight: bolder }
BLOCKQUOTE      { margin-left: 40px; margin-right: 40px }
I, CITE, EM,
VAR, ADDRESS    { font-style: italic }
PRE, TT, CODE,
KBD, SAMP       { font-family: monospace }
PRE             { white-space: pre }
BIG             { font-size: 1.17em }
SMALL, SUB, SUP { font-size: .83em }
SUB             { vertical-align: sub }
SUP             { vertical-align: super }
S, STRIKE, DEL  { text-decoration: line-through }
HR              { border: 1px inset }
OL, UL, DIR,
MENU, DD        { margin-left: 40px }
OL              { list-style-type: decimal }
OL UL, UL OL,
UL UL, OL OL    { margin-top: 0; margin-bottom: 0 }
U, INS          { text-decoration: underline }
CENTER          {   	/*text-align: center*/ }
BR:before       { content: "\A" }

/* An example of style for HTML 4.0's ABBR/ACRONYM elements */

ABBR, ACRONYM   { font-variant: small-caps; letter-spacing: 0.1em }

A[href]         { text-decoration: underline }
:focus          { outline: thin dotted invert }


/* Begin bidirectionality settings (do not change) */
BDO[DIR="ltr"]  { direction: ltr; unicode-bidi: bidi-override }
BDO[DIR="rtl"]  { direction: rtl; unicode-bidi: bidi-override }

*[DIR="ltr"]    { direction: ltr; unicode-bidi: embed }
*[DIR="rtl"]    { direction: rtl; unicode-bidi: embed }

/* Elements that are block-level in HTML4 */
ADDRESS, BLOCKQUOTE, BODY, DD, DIV, DL, DT, FIELDSET,
FORM, FRAME, FRAMESET, H1, H2, H3, H4, H5, H6, IFRAME,
NOSCRIPT, NOFRAMES, OBJECT, OL, P, UL, APPLET, CENTER,
DIR, HR, MENU, PRE, LI, TABLE, TR, THEAD, TBODY, TFOOT,
COL, COLGROUP, TD, TH, CAPTION
                { unicode-bidi: embed }
/* End bidi settings */


@media print {
  @page         { margin: 10% }
  H1, H2, H3,
  H4, H5, H6    { page-break-after: avoid; page-break-inside: avoid }
  BLOCKQUOTE,
  PRE           { page-break-inside: avoid }
  UL, OL, DL    { page-break-before: avoid }
}

@media speech {
  H1, H2, H3,
  H4, H5, H6    { voice-family: paul, male; stress: 20; richness: 90 }
  H1            { pitch: x-low; pitch-range: 90 }
  H2            { pitch: x-low; pitch-range: 80 }
  H3            { pitch: low; pitch-range: 70 }
  H4            { pitch: medium; pitch-range: 60 }
  H5            { pitch: medium; pitch-range: 50 }
  H6            { pitch: medium; pitch-range: 40 }
  LI, DT, DD    { pitch: medium; richness: 60 }
  DT            { stress: 80 }
  PRE, CODE, TT { pitch: medium; pitch-range: 0; stress: 0; richness: 80 }
  EM            { pitch: medium; pitch-range: 60; stress: 60; richness: 50 }
  STRONG        { pitch: medium; pitch-range: 60; stress: 90; richness: 90 }
  DFN           { pitch: high; pitch-range: 60; stress: 60 }
  S, STRIKE     { richness: 0 }
  I             { pitch: medium; pitch-range: 60; stress: 60; richness: 50 }
  B             { pitch: medium; pitch-range: 60; stress: 90; richness: 90 }
  U             { richness: 0 }
  A:link        { voice-family: harry, male }
  A:visited     { voice-family: betty, female }
  A:active      { voice-family: betty, female; pitch-range: 80; pitch: x-high }
}