/* styles for CLER site */
body{margin: 0; padding: 0;}
		
#banner{float: left; width: 760px;}
#bannerleft{float: left; width: 75px;}
#bannerright{float: right; width: 685px; background: #000;}
#hbslogo{float: right; width: 324px;}
#hbsbannernav{float: left; width: 345px;  background: #000;}
#hbsbannernav a{display: block; float: left; 
	margin: 0 5px 0 12px; 
	padding: 7px 1px 5px 1px; background: #000; color: #adaead;
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size: 11px; 
	letter-spacing: 0.07em;
	line-height: 10px; 
	text-decoration: none;}
#hbsbannernav a.first{margin: 0 5px 0 8px;}
#hbsbannernav a:hover{color: #fff;}

.bannertext{border-bottom: 1px solid #aaa;}

h1{color: #920605; font-weight: normal; font-size: 150%;}

#menu{
	float: left; width: 150px;
	margin: 0; padding: 61px 0 0 0;
	}
	
#pagetext {
	float: right;
	width: 550px;
	margin: 0; padding: 20px;
	clear: right;
	}

/* Email Problems Page */	
.singlecol #pagetext{float: none;}	
#pagetext li{margin: 1.0em;}
	
#footer{clear: both; border-top: 1px solid #84865a; border-bottom: 3px solid #84865a; margin: 0; padding: 5px;}
#copyright{color: #888; font-size: 80%; margin: 0 0 0 185px;}
	
	
#pagetext p {line-height: 150%;}
h1, h2{margin: 10px 0 1px 0;}
h3, h4{margin: 0 0 1px 0;}

#printbanner{
	display: none;
	}
	
#menu ul{list-style: none; 
	margin: 5px 0 0 15px; 
	padding: 0 0 5px 0;
	}
#menu li{
	margin: 0; 
	padding: 0;
	display: inline;
	}	
#menu li a{display: block;
background-image: url(/cler/css/bg/menulibg.gif);
background-repeat: no-repeat; 
background-position: 5px 5px; 
margin: 10px 0 10px 0; 
padding: 3px 10px 3px 25px;
background-color: #FFFFFF; 
}
#menu a{color: #09078c;}
#menu li a:hover{
background-repeat: no-repeat;
background-position: 4px 4px; 
border: 1px solid #888; 
padding: 2px 9px 2px 24px;}
#menu #email a{
background-image: url(/cler/css/bg/menu-emailbg.gif); 
background-repeat: no-repeat;
background-position: 5px 5px;}
#menu #email a:hover{
background-repeat: no-repeat;
background-position: 4px 4px;}
#menu #participant a{
background-image: url(/cler/css/bg/menu-participantbg.gif);
background-repeat: no-repeat;
background-position: 5px 5px;}
#menu #participant a:hover{
background-repeat: no-repeat;
background-position: 4px 4px;}
/* second menu with email and contact */
#menu .clersecondmenu{
background-image: url(/cler/css/bg/dottedredrule.gif);
background-repeat: repeat-x;
background-position: 0 0;
padding: 10px 0 0 0;
}

#menu ul {width: 150px;}
#menu li {width: 112px;}
#menu li a{width: 110px;}

/* POPUPS, privacy, moressinfo pages */
.popup #container{width: 350px;}		
.popup #pagetext{float: none; width: 300px;}
.popup #copyright{margin: 0;}		
.researcherform #pagetext{float: left; width: 700px; clear: left; padding: 20px;}

/* ON STATES */
.clerhome #bannerright a{cursor: default;}
/* on states MAIN */
.clerhome #home a, .clerhome #home a:hover,
.home #home a, .home #home a:hover,
.current #current a, .current #current a:hover,
.directions #directions a, .directions #directions a:hover,
.register #register a, .register #register a:hover, 
.update #update a, .update #update a:hover, 
.faq #faq a, .faq #faq a:hover,
.cler-fellow #cler-fellow a, .cler-fellow #cler-fellow a:hover  
{color: #000; text-decoration: none; border: 1px solid #8b1410; background-image: url(/cler/css/bg/menu-selectedbg.gif); 
background-repeat: no-repeat; 
background-position: 5px 5px;
padding: 3px 10px 3px 25px;
}
/* on states  RESEARCHERS */
.contactus #contactus a, .contactus #contactus a:hover,
.facilities #facilities a, .facilities #facilities a:hover,
.hbssubjectpool #hbssubjectpool a,.hbssubjectpool #hbssubjectpool a:hover,
.importantforms #importantforms a, .importantforms #importantforms a:hover,
.procedures #procedures a, .procedures #procedures a:hover,
.researcherresponsib #researcherresponsib a, .researcherresponsib #researcherresponsib a:hover
{color: #000; text-decoration: none; border: 1px solid #8b1410; background-image: url(/cler/css/bg/menu-selectedbg.gif); 
background-repeat: no-repeat; 
background-position: 5px 5px;
padding: 3px 10px 3px 25px;}