/*Elements*/

body {	font-family : Verdana, sans-serif, Helvetica;
		color: black;
		background: url(art/hb-bg-nlm.gif) no-repeat;
		margin-bottom: 10px; 
		margin-right: 25px;
		margin-top: -10px;
		margin-left: -10px;
		width: 995px;
}

h1 {	color : #069; 
		font-weight : bold;
		font-variant: small-caps; 
		font-size: 120%;
}


h2 {	color : #069; 
		font-weight : bold;
		font-variant: small-caps; 
		font-size: 110%;
}

h3 {	color : #069; 
		font-weight : bold; 
		font-variant: small-caps;
		font-size: 95%;
}

a:link { color: #036; text-decoration: none; font-weight: bold; }
a:visited { color: #060; text-decoration: none; font-weight: bold; }
a:hover { 	color: #036; font-weight: bold; text-decoration: underline; }

ul {	line-height : 130%; list-style: circle; }

li {	line-height : 130%; padding: 3px; list-style: circle;}

ol {  	line-height : 130%; margin-left: 3px; padding: 5px; }

/*columns*/

#left {	position: absolute;
		top: 250px;
		left: 10px;
		width: 200px;
}

#center {position: absolute;
		top: 250px;
		left: 230px;
		width: 500px;
}

#right {
		position: absolute;
		top: 230px;
		left: 745px;
		width: 250px;
		padding: 5px;
		border: 2px solid #066;
}

#title{	color : #069; 
		font-weight : bold;
		font-variant: small-caps; 
		font-size: 125%;
		text-align: center;
}

#skip {
	position: absolute;
	top: 15px;
	left: 20px;
	color: #6cc; 
	font-weight: bold;
	font-size: 9px;
	font-style: italic; 
}

#skip a:link { 
	color: #6cc;
	text-decoration: none;  
	font-weight: bold;  
}

#skip a:visited { 
	color: #6cc;
	text-decoration: none;  
	font-weight: bold;  
}

#skip a:hover {
	color: #6cc;
	font-weight: bold;  
	text-decoration: underline;
}

#pagetitle {position: absolute;
			left: 270px;
			top: 7px;
			color: #039; 
			font-weight: bold;
			font-size: 21px;
			font-style: italic; 
			border-bottom: 1px solid #036;
}

#sectiontitle {	position: absolute;
				left: 420px;
				top: 100px;
				color: #069; 
				font-weight: bold;
				font-size: 23px;
				font-style: italic; 
}

#headimg1 {	position: absolute;
			left: 300px; 
			top: 60px;
}

#headimg2 {	position: absolute;
			left: 440px; 
			top: 60px;
}

#headimg3 {	position: absolute;
			left: 580px; 
			top: 60px;
}

#headimg4 {	position: absolute;
			left: 720px; 
			top: 60px;
}

#slogan {	
			color: #930; 
			font-family: Verdana, sans-serif, Helvetica;
			font-weight: bolder;
			font-style: italic; 
			font-size: 22px;
}

#address {	color : #333; 
			font-weight : bold;
			font-size: 12px;
			text-align: center;
}
	/*  Vertical nav */
	
#menu {	margin: 0;
		padding: 0;
}

#menu p {	width: 190px;
			border-top: 2px solid #036;
			border-right: 1px dashed #ccc;
			border-bottom: 1px dashed #ccc;
			border-left: 2px solid #036;
			padding: 0 0 0 5px;
			color: black;
			text-decoration: none;
			display: block;
			text-align: left;
			font-weight: bold;
			font-size: 16px;
			line-height: 40px;
}

#menu p a:link, #menu p a:visited { color: black; }
#menu ul li a:hover { color: #000; background: #ccc; }
#menu a:active	{ background: #09c; color: #fff; }

.yellow { background: #ffc; }
.lilac { background: #ccf; }
.pink { background: #fcc; }
.orange { background: #fc6; }
.green { background: #cfc; }
.red { background: #f99; }
.ltblue { background: #cff; }
.drblue { background: #6cc; }

#resources a:link, #resources a:visited { border-right: 1px solid #ccc; }

/*class selectors - background color specifications*/

.bg-blue { background-color: #09C; }
.bg-lt-blue { background-color: #CFF; }
.bg-lt-gr { background-color: #6C6; font-family : Arial, Helvetica, sans-serif; font-weight : bold; }

/*class selectors - font specifications*/

.bi  {	font-style: italic; font-weight: bold; }
.smaller {	font-size: 90%; }
.em { font-style: italic; font-size: 90%; }
.em a {text-decoration: underline; color: black;}

/*class selectors - other*/

div.footercontainer { clear: left; }
#valid { font-size: smaller; text-align: center;}
#footer { font-size : smaller; margin-left: 140px; }
#funder { font-size: smaller; font-style: italic; padding-top: 2px; }