/* COOLMENUS4 CLASSES */
/* default styles, do not edit */
.clCMAbs{position:absolute; visibility:hidden; left:0; top:0}
/* end default styles */
  
/* style for background-bar if being used*/
.clBar{position:absolute; width:10px; height:10px; background-color:#808080; layer-background-color:#808080; visibility:hidden}

/* styles for level 0 menu */
.clLevel0,.clLevel0over{position:absolute; padding:2px; font-family:"helvetica", "arial", sans-serif; font-size:12px; font-weight:bold; text-align:center;}
.clLevel0{color:#C0C0C0; background-color:#000000; layer-background-color:#000000;}
.clLevel0over{color:#000000; background-color:#C0C0C0; layer-background-color:#C0C0C0; cursor:pointer; cursor:hand; }
.clLevel0border{position:absolute; visibility:hidden; color:#808080; background-color:#808080; layer-background-color:#808080}

/* styles for level 1 menu */
.clLevel1, .clLevel1over{position:absolute; padding:2px; font-family:"helvetica", "arial", sans-serif; font-size:11px; font-weight:bold}
.clLevel1{color:#000000; background-color:#808080; layer-background-color:#808080;}
.clLevel1over{color:#000000; background-color:#C0C0C0; layer-background-color:#C0C0C0; cursor:pointer; cursor:hand; }
.clLevel1border{position:absolute; visibility:hidden; color:#000000; background-color:#000000; layer-background-color:#000000}

/* styles for level 2 menu */
.clLevel2, .clLevel2over{position:absolute; padding:2px; font-family:"helvetica", "arial", sans-serif; font-size:11px; font-weight:bold}
.clLevel2{color:#000000; background-color:#808080; layer-background-color:#808080; }
.clLevel2over{color:#000000; background-color:#C0C0C0; layer-background-color:#C0C0C0; cursor:pointer; cursor:hand; }
.clLevel2border{position:absolute; visibility:hidden; color:#000000; background-color:#000000; layer-background-color:#000000}
/* browns #9A6335 #8D5A2F #734923 */
/* blues #336699 #0099cc */
/* green #669900 */
/* end COOLMENUS4 */

/* GENERAL ELEMENTS */
body {
	height: auto;
	left: 25%;
	width: 100%;
	color: #000000;
	background-color: #FFFFFF;
	font-size: 13px;
	line-height: 15px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	margin: 0px 0px 0px 0px;
	padding: 10px;
}

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 15px;
	margin: 0px;
	padding: 6px 0px 6px 0px;
}

.h1, h1 {
	color: #9A6335;
	background-color:transparent;
	font-size: 22px;
	line-height: 24px;
	font-weight: normal;
	font-family: Helvetica, Arial, sans-serif;
	margin: 12px 0px 12px 0px; /* space between headings */
	padding: 0px 0px 0px 0px;
}

.h2, h2 {
	color: #669900;
	background-color: #EEEEEE;
	font-size: 16px;
	line-height: 18px;
	border-left: 10px solid #C0C0C0;
	font-weight: bold;
	margin: 9px 0px 9px 0px;
	padding: 0px 0px 0px 5px;
}

.h3, h3 {
	color: #000000;
	background-color: #ffffff;
	font-size: 14px;
	line-height: 16px;
	font-weight: bold;
	margin: 8px 0px 8px 0px;
	padding: 0px 0px 0px 0px;
}

.h4, h4 {
	color: #000000;
	background-color: #ffffff;
	font-size: 14px;
	line-height: 16px;
	font-weight: bold;
	font-style: italic;
	margin: 8px 0px 8px 0px; 
	padding: 0px 0px 0px 0px;
}

/* lists */
ul { 
	list-style-image: url(../graphics/squareblue1.gif);
	padding: 0px 0px 4px 0px;
	margin-left:20px;
	}
		
li { 
	padding: 0px 0px 4px 0px;
	}

/* links */
a:link {
	font-weight: normal;
	text-decoration: none;
	/*color: #336699;*/
	background-color: transparent;
	}
	
a:visited	{ 
	font-weight: normal; 
	text-decoration: none; 
	/*color: #336699;*/
	background-color: transparent;
	}
	 
a:visited:hover { 
	font-weight: normal; 
	text-decoration: underline; 
	/*color: #336699;*/
	background-color: transparent;
	}
	
a:hover {
	font-weight: normal; 
	text-decoration: underline; 
	/*color: #336699;*/
	background-color: transparent;
	}
	
a:active { 
	font-weight: normal; 
	text-decoration: none; 
	/*color: #336699;*/
	background-color: transparent;
	}

a:active:hover {
	font-weight: normal; 
	text-decoration: underline;
	/*color: #336699;*/
	background-color: transparent;
	}


/* GENERAL IDs - should only occur once per page */
#header {
	margin: 0px 0px 0px 50px;
	padding: 0px 0px 0px 0px;
	left: 60px;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: none;
	color: #000000;
	background-color: #FFFFFF;
	/* IE5win hack begins */
	height: 133px; 
	width: 900px;
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 103px;		
	width: 900px;

/*	background-image: url(../graphics/imagebar.jpg);
	background-position: top;
	background-repeat: no-repeat;
*/
}
html>body #header {
	height: 103px; 
	width: 900px;
	/* IE5win hack ends */
	}
	
#leftcol		{
	position: absolute;
	top: 133px;
	left: 60px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	color: #000000;
	background-color: #FFFFFF;
	text-align: center;
	/* IE5win hack begins */
	width: 90px; 
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 90px; /* 60px */
}
html>body #leftcol {
	width: 90px; /* 60px */
	/* IE5win hack ends */
	}
	
#rightcol	{
	position: absolute;
	top: 133px; /**/
	left: 150px; /* leftcol is 90px wide & 60px from left  */
	right: 0px; /* Opera5.02 will show a space at right when there is no scroll bar */
	margin: 0px;
	padding: 30px 0px 50px 10px;
	color: #000000;
	background-color: #ffffff;
	/* IE5win hack begins */
	width: 800px; /* 900px header - 90px leftcol -10px padding to make static text */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 800px; /* this widtha affects IE */
	padding: 30px 0px 50px 10px; /* 30px 9% 50px 10px */
	}
	
html>body #rightcol {
	width: 800px;  /*this width affects mozilla */
	padding: 30px 0px 50px 10px;  /* 30px 9% 50px 10px */
	/* IE5win hack ends */
}


/* GENERAL CLASSES */
.smalltext		{	font-size: 80%; text-align: bottom; line-height: normal; }
.dontprint		{ 	display: inherit; }
.printheader	{	display: none; }

.goodh1		{	font-size: 36px; line-height: 38px; padding: 10px 0px 10px 0px; font-family: "Century Gothic", Helvetica, Arial, sans-serif; }
.good		{	padding-left: 20px; padding-right: 20px; background: #9A6335; /*#ffaa33;*/ color: #ffffff; /*#000000;*/ line-height: 16px; font-family: "Century Gothic", Helvetica, Aria, sans-serif; }
.betterh1	{	font-size: 36px; line-height: 38px; padding: 10px 0px 10px 0px; font-family: "Century Gothic", Helvetica, Arial, sans-serif; }
.better		{	padding-left: 20px; padding-right: 20px; background: #669900; /*#336699;*/ color: #ffffff; line-height: 16px; font-family: "Century Gothic", Helvetica, Arial, sans-serif; }
.besth1		{ 	font-size: 36px; line-height: 38px; padding: 10px 0px 10px 0px; font-family: "Century Gothic", Helvetica, Arial, sans-serif; }
.best		{ 	padding-left: 20px; padding-right: 20px; background: #336699; /*#C0C0C0;*/ color: #ffffff; /*#505050;*/ line-height: 16px; font-family: "Century Gothic", Helvetica, Arial, sans-serif; }
.whatsnew	{	padding: 10px 20px 0px 20px; background: transparent; color: #000000; line-height: 16px; 
				background-image:url(../graphics/proc110pc.jpg); background-position:center; background-repeat: no-repeat;}
.lightgrey	{	color:#808080; background-color: #ffffff; }

/* ========== about csrp pages ========== */
.aboutcsrp{
	color: #000000;
	background-color: #ffffff;
	width: auto;
	height: auto;
	}
	
/* =========== participants pages ========== */
.participants {
	color: #000000;
	background-color: #ffffff;
	width: auto;
	height: auto;
	}

.participants h1 {
	color: #808080;
	background-color: #EEEEEE;
	border-left: 10px solid #808080;
	border-bottom: 1px dashed #808080;
	padding-left: 5px;
	padding-right: 9%;
	}

/* ========== education pages ========== */
.education {
	color: #000000;
	background-color: #ffffff;
	width: auto;
	height: auto;
	}

.education h2 {
	color: #808080;
	background-color: #FFFFFF;
	border-left: 10px solid #C0C0C0;
	font-weight: normal;
	padding-left: 5px;
	}

.education h3 {
	color: #669900;
	background-color: #EEEEEE;
	border-left: 10px solid #808080;
	border-bottom: 1px dashed #808080;
	padding-left: 5px;
	/*
	color: #669900;
	background-color: #FFFFFF;
	border-left: 10px solid #C0C0C0;
	padding: 10px 0px 0px 5px;
	*/
	}

.education h4 {
	color: #808080;
	background-color: #EEEEEE;
	border-left: 5px solid #C0C0C0;
	font-style: normal;
	padding-left: 5px; 
	}

.education h5 { 	
	color: #ffffff;
	background-color: #336699;
	font-size: 14px;
	line-height: 16px;
	font-style: normal;
	padding-left:5px;
	padding-right: 9%;
	}
	
.education ul { list-style-image: url(../graphics/squaregrey2.gif); }

.education li { padding-bottom: 4px; }

/*.education td { border-bottom:1px dashed #808080; }*/



/* ========== technology transfer pages ========== */
.techtransfer{
	width: auto;
	height: auto;
	color: #000000;
	background-color: #ffffff;
	}

	
/* ========== project pages ========== */
.projects{
	width: auto;
	height: auto;
	color: #000000;
	background-color: #ffffff;
	}

.projects h1 {
	border-left: 10px solid #669900;
	/*border-bottom: 1px dashed #808080;*/
	padding-left: 5px;
	}

.projects h2 {
	color: #808080;
	background-color: #FFFFFF;
	border-left: 10px solid #C0C0C0;
	font-weight: normal;
	padding-left: 5px;
	}

.projects h3 {
	color: #669900;
	background-color: #FFFFFF;
	border-left: 10px solid #C0C0C0;
	padding-left: 5px;
	}

.projects h4 {
	color: #808080;
	background-color: #EEEEEE;
	border-left: 5px solid #C0C0C0;
	font-style: normal;
	padding-left: 5px;
	}

.projects ul { list-style-image: url(../graphics/squaregreen1.gif); }

.projects li { padding-bottom: 4px; }

/* ========== publications pages ========== */
.publications{
	width: auto;
	height: auto;
	color: #000000;
	background-color: #ffffff;
	}

.publications h1 {
	border-left: 35px solid #669900;
	padding-left: 5px;
	margin-bottom: 10px;
	/*border-bottom: 1px dashed #669900;*/
	}

.publications h2 {
	color: #808080;
	background-color: #FFFFFF;
	border-left: 10px solid #C0C0C0;
	font-weight: normal;
	padding-left: 5px;
	}

.publications h3 {
	color: #669900;
	background-color: #EEEEEE;
	border-left: 10px solid #808080;
	border-bottom: 1px dashed #808080;
	padding-left: 5px; 
	}

.publications h4 {
	color: #669900; /* #9A6335; */
	background-color: #FFFFFF;
	font-style: normal;
	}

.publications ul { list-style-image: url(../graphics/squaregrey2.gif); }

.publications li { padding-bottom: 4px; }

.hangingindent {
    padding-left: 25px ;
    text-indent: -25px ;
}

/* ========== research program pages ========== */
.research{
	width: auto;
	height: auto;
	color: #000000;
	background-color: #ffffff;
	}

.research h1 {
	/*border-left: 10px solid #336699; */
	/*border-bottom: 1px dashed #808080;*/
	/*padding-left: 5px;*/
	}

.research h2 {
	color: #808080;
	background-color: #FFFFFF;
	border-left: 10px solid #C0C0C0;
	font-weight: normal;
	padding-left: 5px;
	}

.research h3 {
	color: #669900;
	background-color: #FFFFFF;
	border-left: 10px solid #C0C0C0;
	padding-left: 5px;
	}

.research h4 {
	color: #808080;
	background-color: #EEEEEE;
	border-left: 5px solid #C0C0C0;
	font-style: normal;
	padding-left: 5px;
	}

.research ul { list-style-image: url(../graphics/squarebrown1.gif); }

.research li { padding-bottom: 4px; }

/* ========== program 3 synergy database pages ========== */
.database {
	width: auto;
	height: auto;
	color: #000000;
	background-color: #ffffff;
	}

.database h1 {
	color: #9A6335;
	background-color: #ffffff;
	border-left: 20px solid #336699;
	border-bottom: 1px dashed #808080;
	font-weight: normal;
	text-align: left;
	padding-left: 5px;
	}	

.database h2 {
	color: #336699;
	background-color: #ffffff;
	font-weight: normal;
	text-align: left;
	border-left: none;
	}	

.database h3 {
	color: #000000;
	background-color: #ffffff;
	border-left: 5px solid #C0C0C0;
	font-weight: normal;
	font-style: normal;
	padding-left: 5px;
	}

.database h4 {
	color: #808080;
	background-color: #EEEEEE;
	border-left: 5px solid #C0C0C0;
	font-style: normal;
	padding-left: 5px;
	}

.database h5 {
	color: #000000;
	background-color: #ffffff;
	border-left: 5px solid #669900;
	font-size: 80%; /* same as .smalltext */
	text-align: baseline; 
	line-height: normal;
	padding-left: 5px;
	}

.database ul { list-style-image: url(../graphics/squaregrey2.gif); }
.database li { padding-bottom: 4px; }