/* CSS Document */

body
{
	background-color:#aabfce;
	background-image:url(gif/background.gif);
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	top:0px;
}
a
{
	margin:0;
	padding:0;
	color:#00aeff;/*blue*/
	text-decoration:none;
}
p
{

	font-size:12px;
	line-height:140%;
	text-align:justify;

}

.names
{
	font-size:11px;
	line-height:160%;

}
a:hover
{
	color:#33cc00;/*green*/
}
/*a:visited
{
	color:#005e42;
}*/

/*here we go...*/
/*outercontainer surrounds the entire page*/
/*this style allows us to have a transparent footer at the bottom*/
#outercontainer
{
	position:relative;
	width:760px;/*this makes the elements non-sizable*/
	top:0;
	margin:0 auto;/*I think auto is what makes it center*/
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}
/*this goes inside and at the top of outercontainer*/
/*everything but the footer is in here*/
#container
{
	/*width:100%;*/
	width:760px;/*this makes the elements non-sizable*/
	background-color:white;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	/*this border doesn't work in Fox*/
	border-color:#073588;
	border-style:solid;
	border-width:1px;	
}
#bluebar
{
	background-image:url(gif/toptile.gif);
	width:760px;
	height:18px;
}

#header
{
	float:left;
	width:100%;
	height:94px;
	margin:0;
	padding:0;
	background-color:white;/*for FOX*/
}
#headerleft
{
	float:left;
	width:193px;
	height:94px;
	background-repeat:no-repeat;
}
#headerright
{
	float:right;
	padding:78px 30px 0px 0px;	
	margin:0;
	text-align:right;
}
#headerright a
{
	width:100%;
	clear:left;
	margin:0px 7px 0px 7px;
	color:#073588;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:right;/*make embedded tags align to the right*/
	text-decoration:none;
}
#headerright a:hover
{
	color:#e98001;
}

#topnav
{
	float:left;
	width:760px;
	height:52px;
	margin:0;
	padding:0;
	color:#5c5c5c;
	background-color:white;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}
#banner
{
	float:left;
/*	left:0;*/
	width:760px;
	height:180px;
	margin:0;
	padding:0;
	background-image:url(banners/home2.jpg);
}
#bannernormal
{
	float:left;
/*	left:0;*/
	width:760px;
	height:81px;
	margin:0;
	padding:0;
	background-image:url(banners/tech.jpg);
}
#bannerabout
{
	float:left;
/*	left:0;*/
	width:760px;
	height:81px;
	margin:0;
	padding:0;
	background-image:url(banners/about.jpg);
}
#bannerprograms
{
	float:left;
/*	left:0;*/
	width:760px;
	height:81px;
	margin:0;
	padding:0;
	background-image:url(banners/programs.jpg);
}
#bannertechnology
{
	float:left;
/*	left:0;*/
	width:760px;
	height:81px;
	margin:0;
	padding:0;
	background-image:url(banners/technology.jpg);
}
#bannerpartners
{
	float:left;
/*	left:0;*/
	width:760px;
	height:81px;
	margin:0;
	padding:0;
	background-image:url(banners/partners.jpg);
}
#bannerinvestors
{
	float:left;
/*	left:0;*/
	width:760px;
	height:81px;
	margin:0;
	padding:0;
	background-image:url(banners/investors.jpg);
}
#bannerresearch
{
	float:left;
/*	left:0;*/
	width:760px;
	height:81px;
	margin:0;
	padding:0;
	background-image:url(banners/research.jpg);
}
#secondpart
{
	float:left;
	width:760px;
	margin:0;
	padding:0;
	/*background-color: transparent;*/
	background-color:white;/*for Fox*/
}
/*the main parts of the page*/
#mainbody,
#leftbody,
#rightbody
{
	float:inherit;
	width:auto;
	margin:0;
	padding:0;
	color:#5c5c5c;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	
}
/*specific overrides depending on layout*/
#mainbody
{
	float:right;
	width:563px;
	padding:10px 10px 10px 10px;
}
#leftbody
{
	float:left;
	width:300;
	padding:2em 38px 1em 38px;
}
#leftbody P
{
		margin-top: 0px;
		    PADDING-top: -2px;

}
#rightbody
{
	float:right;
	width:422px;
	padding:2em 38px 10px 0px;
}

#mainbody p
{

	font-size:12px;
	line-height:140%;
	text-align:justify;

}
#leftbody p
{

	text-align:left;
		font-size:11px;
	line-height:140%;

}
#mainbody h1,
#leftbody h1,
#rightbody h1
{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	color:#00aeff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}
#mainbody h2,
#leftbody h2,
#rightbody h2
{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	color:#00aeff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10.5px;
}


#leftbody h2,
#rightbody h2
{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	color:#e98001;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}
#leftbody p,
#rightbody p
{
	margin:0;
	padding:0;
	color:#5c5c5c;
}
.homepage
{
	font-size:12px;
	line-height:140%;
}
/*custom tweak the size for the left body*/
#leftbody p
{
/*parent width - parent padding - local padding*/
	width:224px;
}
#leftbody p a
{
	margin:0;
	padding:0;
	color:#5c5c5c;
}
#footer
{
	float:left;
	width:760px;
	padding:.25em 0 0 0;
	color: white;	
	background-color:transparent;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	text-align:center;
}
#footer p
{
	margin:0;
	color:white;
	font-size:9px;
}
#footer a
{
	margin:0px 4px 0px 4px;
	padding:0 0 0 0;
	color:white;
	font-size:9px;
	text-decoration:none;
}

/*************************************/
/*the top level of the navigation list*/
#nav 
{
	position:relative; 
	margin:0;
	padding:10px 0 10px 38px;
	list-style-type:none;
}
#nav ul 
{
	padding:0; 
	margin:0; 
	list-style-type:none;/* for Firefox */
}

/*the first level of items in the list*/
/*inside the list item is an anchor element (I believe mainly to support the :hover stuff)*/
#nav li,
#nav li a
{
	float:left;
/*	display:block; */
	position:relative;/*or else be left justified at edge of container*/
}

/*the second declarations are for IE6*/
#nav li.about,
#nav li.about a
{
	background:url(nav/about.gif);
	background-repeat:no-repeat;
	width:114px;
	height:31px;	
}
/*programs is now pipeline*/
#nav li.programs,
#nav li.programs a
{
	background:url(nav/pipeline.gif);
	background-repeat:no-repeat;
	width:85px;
	height:31px;	
}
#nav li.tlrtech,
#nav li.tlrtech a
{
	background:url(nav/technology.gif);
	background-repeat:no-repeat;
	width:139px;
	height:31px;
}
#nav li.partners,
#nav li.partners a
{
	background:url(nav/partners.gif);
	background-repeat:no-repeat;
	width:128px;
	height:31px;
}
#nav li.investors,
#nav li.investors a
{
	background:url(nav/investors.gif);
	background-repeat:no-repeat;
	width:94px;
	height:31px;	
}
/*researchers is now collaborators*/
#nav li.researchers,
#nav li.researchers a
{
	background:url(nav/collaborators.gif);
	background-repeat:no-repeat;
	width:133px;
	height:31px;	
}


/*not sure why we need this one, but we seem to...*/
#nav li:hover a,
#nav li a:hover 
{
	border:0;
}

/*when we hover over the list item,
set the rollover image on the anchor element*/
/*IE6 needs us to handle the second event*/
#nav li.about:hover,
#nav li.about a:hover
{
	width:114px;
	background-image:url(nav/aboutro.gif);
	background-repeat:no-repeat;
}
/*programs is now pipeline*/
#nav li.programs:hover,
#nav li.programs a:hover
{
	width:85px;
	background-image:url(nav/pipelinero.gif);
	background-repeat:no-repeat;
}
#nav li.tlrtech:hover,
#nav li.tlrtech a:hover
{
	width:139px;
	background-image:url(nav/technologyro.gif);
	background-repeat:no-repeat;
}
#nav li.partners:hover,
#nav li.partners a:hover
{
	width:128px;
	background-image:url(nav/partnersro.gif);
	background-repeat:no-repeat;
}
#nav li.investors:hover,
#nav li.investors a:hover
{
	width:94px;
	background-image:url(nav/investorsro.gif);
	background-repeat:no-repeat;
}
/*researchers is now collaborators*/
#nav li.researchers:hover,
#nav li.researchers a:hover
{
	width:133px;
	background-image:url(nav/collaboratorsro.gif);
	background-repeat:no-repeat;
}

/*this is the part that drops down*/
/*initially hidden*/
#nav li ul 
{
	visibility:hidden;
/*display:none; */
	position:absolute; 
	top:31px;
	left:0; 
	height:auto;
	width:15em;/*set the width for the whole dropdown*/
	margin:0;
	padding:0;
	overflow:hidden;
/*	border:none;*/
	border-bottom:#dde8e9 2px solid;
	border-right:#dde8e9 2px solid;
	border-left:#dde8e9 2px solid;
	background-color:white;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	list-style-type:none;
	vertical-align:middle;
}

#mainbody ul
{list-style:square;
font-size:12px;
line-height:140%;
}

/*when the mouse is over the top level items
we set the visibility of inner ul elements*/
/*required  or else no drop down happens*/
#nav li:hover ul,
#nav li a:hover ul
{
z-index:1000;
/*display:block;*/
	visibility:visible; 
}

/*each inner ul has it's own inner li and a elements*/
#nav li ul li a,
#nav li.about ul li a,
#nav li.programs ul li a,
#nav li.tlrtech ul li a,
/*#nav li.partners ul li a special case for this one below */
#nav li.investors ul li a,
#nav li.researchers ul li a
{
	height:1.5em; 
	width:15em;
	padding:.25em 0 0 1em;
	vertical-align:middle;
	text-align:left;
	text-decoration:none;
/*	background-color:red;*/
	color:#33cc00;
/*	border-bottom:green 1px solid;*//*causes a bump in IE6 when hovered*/
	background-image:none;
}
/* special case because the lawyers want a really long title for Novarits */
#nav li.partners ul li a

{
	height:3em; 
	width:15em;
	padding:.25em 0 0 1em;
	vertical-align:middle;
	text-align:left;
	text-decoration:none;
/*	background-color:red;*/
	color:#33cc00;
/*	border-bottom:green 1px solid;*//*causes a bump in IE6 when hovered*/
	background-image:none;
}

/*when the mouse is over a dropped down item*/
/*needed or else we get no rollover in IE7*/
/*needed or else we get an image rollover in IE6*/
#nav li ul li a:hover,
#nav li.about ul li a:hover,
#nav li.programs ul li a:hover,
#nav li.tlrtech ul li a:hover,
/*#nav li.partners ul li a:hover, */
#nav li.investors ul li a:hover,
#nav li.researchers ul li a:hover
{
	height:1.5em; 
	width:15em;
	background-color:#cbdfe6;	
	background-image:none;/*gots to have this for IE6*/
}


#nav li.partners ul li a:hover

{
	height:3em; 
	width:15em;
	background-color:#cbdfe6;	
	background-image:none;/*gots to have this for IE6*/
}
/*when the mouse is over the top list item,
set the background for the dropped down a elements
unfortunately, they will use the parent li background image*/
/*required for IE7, but not IE6*/
#nav li:hover ul li a,
#nav li.about:hover ul li a,
#nav li.programs:hover ul li a,
#nav li.tlrtech:hover ul li a,
*#nav li.partners:hover ul li a,
#nav li.investors:hover ul li a,
#nav li.researchers:hover ul li a
{

	vertical-align:middle;
	text-align:left;
	background-image:none;/*because we have an image up the stack*/
}


/*******************************/

#breadcrumb
{
	FONT-SIZE:9px; 
	MARGIN-BOTTOM:7px; 
	COLOR: #666;
}


/**** sub classes ****/
#sidenav
{
/*	position:relative;*/
	float:left;
	margin:0;
	margin-top: 75px;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	background-color: transparent;
}
#sidenav ul
{
	margin:20px 0px 0px 40px;
	padding:0;
	font-size:12px;
	color:#33cc00;
	font-weight:600;
	text-align:left;
	line-height:1.2em;	
	list-style-type:none;	
}
#sidenav ul a
{
	font-size:11px;
	color:#e98001;
}

#sidenav ul li
{
	margin:0;
	padding:0;
	font-size:10px;
	font-weight:normal;
	color:#33cc00;
	line-height:2.0em;
}
#sidenav ul li a
{
	font-size:10px;
	color:#073588;	
}
#sidenav ul li a:hover
{
	color:#e98001;	
}
#sidenav ul li ul
{
	position:relative;
	left:10px;
	margin:0;
	padding:0;
}

.orangetext
{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	color:#e98001;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:600;
}