HTML, BODY 
{
	margin:	0;
	padding:0;
	border:	0;
	scrollbar-arrow-color		: #655;
	scrollbar-track-color		: #d4d0c8;
	scrollbar-face-color		: #d4d0c8;
	scrollbar-highlight-color	: #d4d0c8;
	scrollbar-3dlight-color		: #EAE8E8;	
	scrollbar-shadow-color		: #d4d0c8;
	scrollbar-darkshadow-color	: #655;
	/* Maximised heights breaks Mac IE, so apply the Mac hack here  \*/
	height: 100%; 			/* End of Mac hack */
}
BODY { FONT-SIZE: 82%; background: White url(steel.gif) repeat; }
TABLE{ FONT-SIZE: 100%}
BODY, TABLE, TD, FORM, INPUT { FONT-FAMILY: verdana,arial,helvetica,sans-serif; }
FORM { top: 0; left: 0; margin: 0; padding: 0}

/* Mozilla/Opera: remove default margins, padding, and table borders */
DIV, TD	{margin:0; padding:0}
TABLE	{border-style:none;}

H1, H2, H3, H4, H5 { padding: 0px; FONT-WEIGHT: bolder; FONT-SIZE: 110%; MARGIN: 15px 0px 8px; FONT-FAMILY: arial,tahoma,helvetica,sans-serif; }
.Head, H1 {
	font-family		: tahoma, arial, helvetica, sans-serif; 
	color			: #C00;
	letter-spacing  : 0.1em;
	line-height		: 3em; 
	font-size		: 1.1em;
	margin			: 0px;
	padding			: 0px;
}	
H2 {
	color: #C00;
	padding-bottom : 5px;
	border-bottom : solid 1px #404040;
}
.SubHead  {
	color: #C00;
}
H3 { color: #000099; }
P, BR { MARGIN: 0px 0px 10px; }
UL	  { MARGIN: 5px 0px 10px; }
LI	  { MARGIN: 5px 0px 5px 30px; }
IMG	  { border-style: none;}

EM {
	color: #C00;
	font-size:1em;
	font-style:normal;
}

SUP { 
	color: #C00;
	font-style: normal;
	font-weight: normal;
	margin-left: 5px;
}
	
A:active, A:link, A:visited, A { color: #C00; text-decoration: none; }
A:hover { color: #F70; text-decoration: none; }

OL, UL, LI {
	font-size: 1.0em;
	margin-top: 0.2em;
	margin-bottom: 0.1em; 
}
HTML>BODY LI {
	margin-left: 15px;
}

#container, #middle {
	position: relative;
}
#banner {
	position: relative;
	background: #C00 url(banner-right.gif) repeat-x;
	padding: 0;
	margin: 0;
	border-bottom: solid 1px gray;
}

#logo { 
	width: 750px; height: 73px;
	background: transparent url(ttcan.gif) no-repeat;
}

#graphic { 
	position: absolute;
	top: 30px; right: 10px;
	width: 275px; height: 14px;
	background: transparent url(automotive-research.gif) no-repeat;
}

#widgets {
	position: absolute; 
	z-index:100;
	right: 0px; 
	top: 59px; 
	white-space: nowrap; 
	font-size: 11px;
	font-weight: bolder;
	text-transform: lowercase;
	TEXT-ALIGN: right;
}
#widgetContainer {
	background: url(steel.gif) silver; 
	float: right; 
	height: 27px;
	border: solid 1px gray;
}
#widgets SPAN {
	float: left; display: block;
    BORDER-LEFT: white 1px solid;
    BORDER-BOTTOM: silver 1px solid;
    BORDER-RIGHT: silver 1px solid;
    BORDER-TOP: white 1px solid;
    VERTICAL-ALIGN: middle;     
	height: 25px;
	padding-left: 2px;
	overflow: hidden;
	background: transparent url(search.gif) no-repeat top right; 
}
#widgetClear {clear: both; height: 0px; line-height: 0px; overflow: hidden}
#widgetclear {float: right;}
#widgets A:active,
#widgets A:link,
#widgets A:visited,
#widgets A	{
	background: url(steel.gif) silver; 
	padding: 5px 10px; 
	display: block;    
	height: 15px;
	float: left;
    COLOR: #655; 
    text-decoration: none; 
    BORDER-RIGHT: silver 1px solid;
    BORDER-TOP: white 1px solid;
    VERTICAL-ALIGN: middle;
    BORDER-LEFT: white 1px solid;
    BORDER-BOTTOM: silver 1px solid;
}
#widgets A:hover {
	text-decoration: none; 
	COLOR: #322;
    BORDER-TOP: silver 1px solid;
    BACKGROUND: url(steel.gif) silver 1px 1px;
    BORDER-LEFT: #b0b0b0 1px solid;
    PADDING: 6px 10px 5px 11px;
    BORDER-RIGHT-STYLE: none;
    BORDER-BOTTOM-STYLE: none;	
}
#widgets A:active.dnnSEARCH,
#widgets A:link.dnnSEARCH,
#widgets A:visited.dnnSEARCH,
#widgets A.dnnSEARCH {
	float: none;
	display: inline;
    COLOR: #655; 
    BORDER-style: none;
    background: transparent;
    padding: 4px; 
}
#widgets A:hover.dnnSEARCH {
	padding: 4px; 
	BORDER-style: none;
    background: transparent;
}
#widgets INPUT {
	margin-top: 2px;
	margin-left: 2px;
	padding: 2px;
	background-color: #FFF; 
    BORDER: silver 1px solid;
    font-size: 11px;
}

/*========================================================*/
/*  8. Main Menu and Module Menus                         */
/*========================================================*/
.MainMenu_MenuContainer A:active, 
.MainMenu_MenuContainer A:link, 
.MainMenu_MenuContainer A:visited, 
.MainMenu_MenuContainer A, 
.MainMenu_MenuContainer A:hover {
	font-size: 87%; 
	font-weight: bold;
} 
.MainMenu_MenuContainer * {border-style: none; background: transparent} 
.MainMenu_MenuBar, .MainMenu_SubMenu
{
	font-weight: bolder;
    white-space: nowrap;
    cursor: pointer;  
    cursor: hand;
}
.MainMenu_SubMenu {
	background: url(steel.gif) white;
    width: 200px;
    margin-left: 1px; 
    border-top: solid 1px silver;
    border-left: solid 1px silver;
    border-bottom: solid 1px #666;
    border-right: solid 1px #666;
}
.MainMenu_MenuItem, .MainMenu_Idle
{
    COLOR: #655;
    cursor: pointer;  
    cursor: hand;
	font-weight: bold;
    line-height: 1.2em;
    border-style: none;
    background: transparent;
    white-space: nowrap;
    height: 20px;
    padding: 2px 10px;
    border: solid 1px #DDD;
    border-width: 1px 0px;
}
.MainMenu_MenuIcon {display: none}
.MainMenu_MenuBreak, .MainMenu_MenuArrow {display: none}
.MainMenu_Hover
{
	font-weight: bold;
    COLOR: #c00;
    background: transparent;
    white-space: nowrap;
    width: 198px;
    padding: 2px 10px;
    border-width: 1px 0px;
}


#dnn_LeftPane { text-align: left; }

#dnn_LeftPane DIV IMG
{
    BORDER-RIGHT: white 1px solid;
    BORDER-TOP: gray 1px solid;
    MARGIN: 10px 8px;
    BORDER-LEFT: gray 1px solid;
    BORDER-BOTTOM: white 1px solid;
}
#dnn_LeftPane DIV TABLE IMG
{
    BORDER-Style: none;
    MARGIN: 0;
}
#dnn_RightPane DIV DIV
{
    MARGIN-left: 0px;
}
#left {padding-right: 5px}
#centre .tableContainer {
	text-align: center;
}	
#centre .tableContainer TABLE, #centre .tableContainer TH, #centre .tableContainer TD {
	border: solid 1px #666;
	border-collapse:collapse;
}
#centre .tableContainer TABLE	{ margin: 10px;	}
#centre .tableContainer TH	{ padding: 5px; font-weight: bolder; 
	color: #C00;
	background-image: url(steel.gif)}
#centre .tableContainer TD	{ padding: 5px; }
	
.Literature A:active, .Links A:active	{ color: gray;	}
.Literature A:link, .Links A:link 		{ color: #C00; }
.Literature A:visited, .Links A:visited	{ color: #C00; }
.Literature A, .Links A			{ 
	font-size:1em; 
	color: #C00;
	display: block; 		
	padding-bottom:3px;
}
.Literature A:hover, .Links A:hover	{ color:  #ff7b00;}


.Equation {
	background-color:#EAE8E8;
	border: solid 1px #DDD;
	color: #C00;
	margin: 10px 0px 10px 0px ;
	text-align:center;
}

.litAuthor {
	color:#000080;
}

.litDetail {
	font-size: 0.85em;
	color:Black;
}

.researchLabel
{
	color: #C00;
	background-image: url(steel.gif);
}
.researchHeader
{
	color: #000099;
	background-image: url(steel.gif);
}

.footnote, .reference {
	color:#000080;
	padding: 1px 10px 3px;
	background-color: #EAE8E8; 
	border: solid 1px #DDD;
	margin-top: 10px;
}

TABLE.project 
{
	width:100%;
	border: solid 1px gray;
	border-collapse: collapse;
	margin-bottom: 20px;
}
TABLE.project TD
{
	border: solid 1px gray;
	padding: 5px;	
	vertical-align: top;
}

.centerImage
{
	text-align:center;
}
HTML>BODY .centerImage 
{
	text-align:left;
	display:block;
	position:relative;
	left:50%;
	margin-left:-175px;
	
} 

/* ----------------------------------------------- *\
)   FOOTER ELEMENTS                                 (
\* ----------------------------------------------- */

	#footer	{ 
		border-style: none;
		color: #877; 
		background-color:transparent;
		position: relative;
		font-size: 11px;
	}
	#footer A#peiLogo {display: block; float: left; background: transparent url(pei-logo.gif) no-repeat 2px 2px; width: 32px; height: 40px; }
	#footer A:active, 
	#footer A:link, 
	#footer A:visited, 
	#footer A { 
		color: #877; 
		white-space: nowrap;
	}
	#footer A:hover { 
		color: #433;
		text-decoration: none;
	}
	#footer .floatRight { float: right; white-space: nowrap; text-align: right; padding: 6px;}		
	#footer .floatLeft { float: left; padding: 4px;}