/*
    morimoto.css by	Douglas Kim <dk@northwestern.edu>
*/


/* ******	Main ******	*/

BODY {
	background-color: #FEFDEC;	
}

TD, TR, TABLE {
	font-size: 10px;
	font-family: Verdana, Arial, sans-serif;
}

IMG {
    border: none;
}

hr {
	border: 1px solid #EBE1ED;
	background-color: #EBE1ED;
}


/* ****** Styles ****** */

.bold {
	font-weight:bold;
}

.italic {
	font-style:italic;
}

.red {
	color:red;
}

.red-italic {
	color:red;
	font-style:italic;
}

.bold-red {
	font-weight:bold;
	color:red;
}

.bold-italic {
	font-weight:bold;
	font-style:italic;
}

.bold-red-italic {
	font-weight:bold;
	color:red;
	font-style:italic;
}


/* ****** Content ****** */

#content {
	color: #525252;
	font-size: 10px;
	font-style: Verdana, Arial, Helvetica;
	margin: 10px 20px 20px 20px;
}

#content h1 {
	color: #520063;
	font-size: 14px;
	font-style: Verdana, Arial, Helvetica;
	font-weight: bold;
	line-height: 18px;
}

#content h2 {
	color: #2A649E;
	font-size: 12px;
	font-style: Verdana, Arial, Helvetica;
	font-weight: bold;
	line-height: 14px;
}

#content li a,
#content li a:link,
#content li a:visited,
#content li a:active,
#content p a:link,
#content p a:visited,
#content p a:active {
	color: #A60000 ;
	line-height: 14px;
	text-decoration: none;
}

#content li a:hover,
#content p a:hover {
	color: #FFB24D ;
	text-decoration: none;
}


/* ****** Page titles ****** */

#title-section {
	width: 180px;
}

#title-section a:visited,
#title-section a:hover,
#title-section a:link {
	font-size:16px;
	font-weight: bold;
	color: #d6dfff;
	margin-left: 15px;
	text-decoration: none;
}

#title-page {
	width: 376px;
	font-size:16px;
	font-weight: bold;
	color: #ffffff;
	padding-left: 15px;
	text-decoration: none;
}

#title-research {
	width: 130px;
}

#title-research a:visited,
#title-research a:hover,
#title-research a:link {
	font-size:16px;
	font-weight: bold;
	color: #fec56b;
	margin-left: 15px;
	text-decoration: none;
}
	


/* ****** Colors ******* */

.bg-darkgray {
	background-color: #525252;
	color: #FFFFFF;
}

.bg-gray {
	background-color: #C4C4C4;
	color: #000000;
}

.bg-lightgray {
	background-color: #EAEAEA;
	color: #404040;
}

.bg-purple {
	background-color: #520063;
	color: #FFFFFF;
}

.bg-lightpurple {
	background-color: #D6DFFF;
	color: #404040;
}

.bg-orange {
	background-color: #FFB24D;
	color: #404040;
}

.bg-white {
	background-color: #FFFFFF;
	color: #404040;
}

.bg-beige {
	background-color: #FEFDEC;
	color: #404040;
}

.bg-border {
	background-color: #999999;
}

.grey-border {
	border: 1px solid #333333;
}

/* ******	Container IDs ****** */

#header {
	background-image: url(images/header.jpg);
}

#footer {
	background-color: #520063;
	font-size: 10px;
	color: #FFFFFF
}

#mainlink-title {
	color: #D6DFFF;
	font-size: 16px;
	font-style: Verdana, Arial, Helvetica;
	font-weight: bold;
	padding-left: 15px;
}

#movie-list {
	color: #FFFFFF;
	background-color: #520063;
	font-size: 10px;
	font-weight: bold;
	padding: 15px 0px 10px 13px;
	text-decoration: none;
}

#movie-list ul {
	margin: 0px;
	padding: 0px 0px 10px 0px;
}

#movie-list li {
	line-height: 14px;
	list-style-type: none;
	padding-left: 20px;
	text-decoration: none;
	text-indent: -20px;
}

#movie-list li a,
#movie-list li a:link,
#movie-list li a:visited,
#movie-list li a:active {
	color: #FFFFFF;
	text-decoration: none;
}

#movie-list li a:hover {
	color: #FFB24D;
}

#research-title {
	color: #FEC56B;
	font-size: 16px;
	font-style: Verdana, Arial, Helvetica;
	font-weight: bold;
	padding-left: 15px;
}


/* ****** Navigation ****** */

#navigation {
	background-image: url(/images/nav_bg.gif);
}

/* ****** Navigation: Main ****** */

#nav-list {
	background-color: #D6DFFF;
	color: #363840;
	font-size: 10px;
	font-weight: bold;
}

#nav-list ul {
	margin: 0px;
	padding: 10px 0px 10px 0px;
}

#nav-list li,
#nav-list p {
	line-height: 22px;
	list-style-type: none;
	padding-left: 40px;
	color: #363840 ;
	text-decoration: none;
	text-indent: -20px;
}

#nav-list li a,
#nav-list li a:link,
#nav-list li a:visited,
#nav-list li a:active,
#nav-list p a:link,
#nav-list p a:visited,
#nav-list p a:active {
	color: #363840 ;
	text-decoration: none;
}

#nav-list li a:hover {
	color: #FFB24D ;
	text-decoration: none;
}

.research-btn td {
	background-image: url(images/research_btnbg.gif);
	margin: 0px 10px 0px 10px;
}

.research-btn td a,
.research-btn td a: link,
.research-btn td a: visited,
.research-btn td a: active {
	color: #666666;
	font-size: 9px;
	
	text-decoration: none;
}
	


/* ****** Navigation: Pulldown ****** */

.nav-pulldown {
	background-color: #520063;
	color: #FFFFFF;
	font-size: 10px;
	font-weight: bold;
	padding: 10px 0px 15px 15px;
}

.nav-pulldown ul {
	margin: 0px;
	padding: 0px 0px 0px 0px;
}

.nav-pulldown li,
.nav-pulldown p {
	line-height: 20px;
	list-style-type: none;
}
	
.nav-pulldown li a:link,
.nav-pulldown li a:visited,
.nav-pulldown li a:active,
.nav-pulldown p a:link,
.nav-pulldown p a:visited,
.nav-pulldown p a:active {
	color: #FFFFFF ;
	text-decoration: none;
}

.nav-pulldown li a:hover,
.nav-pulldown p a:hover {
	color: #FFB24D ;
	text-decoration: none;
}


#znavleftmorimotolab, 
#znavleftresearchtools, 
#znavleftresources, 
#znavleftoutreach {
	display: inline;
	position: absolute;
	z-index: 400;
	visibility: hidden;
}

#znavleftmorimotolab			{
	z-index: 401;
}

#znavleftresearchtools			{
	z-index: 402;
}

#znavleftresources			{
	z-index: 403;
}

#znavleftoutreach			{
	z-index: 404;
}


/* ****** Search ****** */
.search {
	color: #FFFFFF;
	font-size: 10px;
	font-weight: bold;
}


/* ****** Breadcrumb ****** */

#breadcrumb {
	font-weight: bold;
	text-align: right;
	padding: 5px 10px 20px 10px;
}

#breadcrumb b,
#breadcrumb strong {
	color: #FFB24D;
	font-style: italic;
}

#breadcrumb a, 
#breadcrumb a:link, 
#breadcrumb a:visited, 
#breadcrumb a:active { 
	color: #FFFFFF; 
	text-decoration: none;
}

#breadcrumb a:hover { 
	color: #FFB24D;
	text-decoration: none;
}


/* ****** Link Display, Highlighting ****** */

#navigation ul {
	margin: 0px;
	padding: 0px 0px 0px 0px;
}

#navigation li,
#navigation p {
	line-height: 22px;
	list-style-type: none;
	padding-left: 20px;
}


#navigation li a,
#navigation li a:link,
#navigation li a:visited,
#navigation li a:active,
#navigation p a,
#navigation p a:link,
#navigation p a:visited,
#navigation p a:active {
	display: block ;
	padding: 2px 5px 2px 33px;
	margin: 0px;
	
	color: #000000 ;
	
	font-size: 11px ;
	font-weight: normal ;
	text-decoration: none;
}

#navigation li a:hover,
#navigation p a:hover {
	background-color: #CD460A ;
	color: #FFFACC ;
}


/* ****** Nested <ul> ****** */

#navigation ul ul {
	background-image: none;
	padding: 0px 0px 0px 10px;
}

#navigation ul ul li {
	margin: 0px;
}



/* ****** Footer ****** */


#footer {
}

#footer a, 
#footer a:link, 
#footer a:visited, 
#footer a:active { 
	color: #FFB24D;
	text-decoration: none;
	white-space: nowrap;
}

#footer a:hover { 
	color: #FFFFFF;
	text-decoration: none;
}

#footer-links,
#footer-links p { 
	font-size: 10px; 
	line-height: 14px;
}

#footer-links {
	padding: 0px 5px 0px 31px;
}

#footer-links p {
	margin-top: 1px;
	margin-bottom: 1px;
}


/* ****** Quicktime Movie Objects ****** */

/* hides the second object from all versions of IE */
* html object.mov {
    display: none;
}

/* displays the second object in all versions of IE apart from 5 on PC */
* html object.mov/**/ {
    display: inline;
}

/* hides the second object from all versions of IE >= 5.5 */
* html object.mov {
    display/**/: none;
}