* {margin: 0px;padding: 0px;} 
body {
	font-family: 'Open Sans', sans-serif;
	font-size: 1em;
	/*text-align:left;*/
}
.clear{ clear:both;}
/*
.align-right { float:right; margin: 0 0px 10px 10px ; }
.align-left { float:left; margin: 0 10px 10px 0; }

.frame { padding: 5px; border: 1px solid #aaa; }
*/
img.top {vertical-align:text-top}
img.bottom {vertical-align:text-bottom}

img {
	vertical-align:top;
	margin: 0px;
	border: 0px ;
	}
a img {
	border:0 ;
	}	
img a:hover{
	border:0px ;
}
a {
	text-decoration: none;
	color: #000066;
	text-decoration:none;
	}	
a:hover{
	text-decoration: underline;
	color:#9b243e;
	}
a:visited hover{
	text-decoration: underline;
	color:#9b243e;
	}	
a:visited {
	color: #663366;
	}
ul.disc {list-style-type:disc;}
ul.disc li {
	line-height:17px;
	color:#797a86;
	font-size:.8em;
	margin:2px 0 3px 20px;
}
ul.circle {list-style-type:circle}
ul.square {list-style-type:square}
ul.none {list-style-type:none}
ul.gensci {font-size:.85em;}
ul.gensci li {line-height:12px;}
ol.gen_sci {margin-left: 20px;}
ul {list-style:none}
li { 
	line-height:18px;
	color:#6f6f82;
	font-size:.9em;
	margin:5px 0 5px 0;
	}
li a {
	color:#797a86;	
	line-height:18px;
	}
dl{ 
	border: 0px;
	}
dt {
	margin:15px 0 0 10px;
	color: #666699;
	font-size:.85em;
	font-weight:bold;
	line-height:18px;	
	}
dd {
	margin-left:20px;
	margin-top:3px;
	color:#797a86;
	font-size:.8em;
	line-height:18px;
}
/* definition list table display*/
dl.table-display { 
	border-bottom: 1px solid #999; 
	}

.table-display dt {
	width: 180px;
	padding: 8px;
	float: left;
	margin: 0;
	border-top: 1px solid #999999;
	font-weight: bold;
	}

.table-display dd {
	margin-left: 200px;
	padding: 8px;
	}

/* Table */
table {
	color: #797a86;
	font-size:.8em;
	line-height:20px;
	margin-left:1em;
	}	
td {
	padding:3px 0px 0px 5px;
	}

.table-display dd.first { 
	border-top: 1px solid #999999; 
	}
	
.translation {
	font-size: 1em;
	margin-left: 0;
	line-height:16px;
	padding: 0px;
}

.translation td {
	padding: 0;
}
.translation p {
	margin-bottom: 5px;
}

	
/* Basic Formatting */
h1, h2, h3, h4 {
	background-color:transparent;
}
h1 {

	margin-top:10px;
	margin-bottom:10px;
	color: #333366;
	font-size:1.1em;
	font-weight:bold;
	}
h2 {

	margin-top:8px;
	margin-bottom:10px;
	color:#666699;
	font-size: .95em;
	font-weight:bold;
	}

h3 {
	color:#666699;
	font-size: .8em;
	margin-bottom:15px;
	margin-top:20px;
	font-weight:bold;
	}
h4 {
	color:#333366;
	font-size: .7em;
	margin-bottom:5px;
	margin-top:25px;
	}
h5 {

	color:#9b243e;
	font-size: .75em;
	margin:10px 0px 2px 7px;

	}
p {	
	color: #333366;
	font-size:.8em;
	margin-bottom:15px;
	margin-top:5px;
	line-height:18px;
	}	
p.intro {	
	color: #30345A;
	font-size:.85em;
	margin:10px 20px 10px 0;
	line-height:20px;
	}	
p.footnote {
	font-size:.7em;
	margin-right:30px;
	margin-top:10px;
	line-height:15px;
	}
.scroll{
	background-color:#fff;
	width:640px;
	height:300px;
	overflow:auto;
	}
.smallp {	
	color:#6f6f82;
	font-size:.7em;
	margin-bottom:0px;
	line-height:18px;
	}
.cabp {	
	color:#6f6f82;
	margin-bottom:0px;
	line-height:18px;
	}	
.small_subhead {
	font-size:.7em;
	font-weight:bold;
	color:#797a86;
	line-height:20px;
	text-align:right;
	margin-right: 20px;
	}
p.menusubhead {
	
	margin-top:0px;
	margin-bottom:5px;
	color: #800000;
	font-size: 1.0em;
	font-weight:normal;
	font-style:italic;
	text-align:center;
	}
.linethrough {
	text-decoration:line-through;
	}
.redtext {
	color: #9b243e;
	}

.redtextstrong {
	color: #9b243e;
	font-weight:bold;
	}
.bluetextstrong {
	color: #483D8B;
	font-weight:bold;
	}
.bluetext {
	color: #483D8B;
	}
.greentext {
	color:#548B54;
	font-weight:bold;
	}
.quote {

	color: #9b243e;
	padding:8px 50px ;
	font-size: .9em;
	font-style: italic;
	font-weight:bold;
	}
.quotebig {

	color: #723D4D;
	padding:15px;
	font-size: 1.35em;
	font-style: italic;
	font-weight: normal;
	}
.browntext {
	color:#cc9999;
	font-weight:normal;
	}

.linkp {	
	color: #990000;
	font-size:.70em;
	margin:0px;
	line-height:12px;
	}
.sequence_text {
	width: 680px;
	max-height:270px;
	font-family:"Courier New", Courier, monospace;
	font-size:.90em;
	overflow:auto;
	float:left;
	padding: 5px;
	margin:5px;
	border: 1px solid #cccccc;
	}	

.floatLeft-0 { 
	width:auto;
    float: left; 
	margin: 0;
	padding:0;
}
.floatLeft { 
	width:auto;
    float: left; 
	margin: 5px 10px 5px 0px;
}
.floatRight { 
	width:auto;
    float: right; 
    margin: 5px 0px 5px 10px;	
}
.floatRightClear { 
	width: auto;
    float: right; 
    clear: right; 
    margin: 5px 0px 5px 5px;

	text-align: center;	
	font-size:1.0em;
	font-weight: bold;
}
.floatRightClear0 { 
	width:auto;
    float: right; 
    clear: right; 
	margin: 0px 0px 0px 5px;
	
	/*text-align: left;	*/
	font-size:1.3em;
	font-weight: bold;
}
.floatRightClear-sm { 
	width: auto;
    float: right; 
    clear: right; 
    margin: 5px 0px 5px 5px;
	text-align: center;	
	font-size:.9em;
}
.floatLeftClear { 
	width:auto;
    float: left; 
    clear: both;
    margin: 5px 10px 5px 0px;

	text-align:center;	
	font-size:1.3em;
	font-weight: bold;
}
.margin_tb { 
	width: auto;
    float: left; 
    margin-top: 5px; 
	margin-bottom: 5px; 
}
.header { 
	width: auto;
    float: left;     
}
#container {
	margin: auto;
	text-align: left;
	width: 1010px;
}
#header{
	background-image:url(/images/header_new_top.jpg);
	background-repeat:no-repeat;
	height:97px;
	margin-left: 20px ;
	margin-right: 20px;
	padding:0;
}

#dnalc {
font-size:3.5em; 
color: #9B243E;
font-family:Garamond, Georgia, Times, serif; 
font-weight:bold; 
float:right; 
margin:10px 30px 0 0; 
text-shadow: #666666 3px 3px 7px;
}

#dnalc a {
	text-decoration: none;
	}	
#dnalc a:hover{
	text-decoration: underline;
	}
#dnalc a:visited hover{
	text-decoration: underline;
	color: #9B243E;
	}	
#dnalc a:visited {
	color: #9B243E;
	}



#cshl {
height:36px; 
width: 965px;
background-color:#ffffff; 
margin:0 20px 0 20px; 
padding:1px 0 0 5px;
top: 0px;
position: absolute;
}

#cshl a {
color: #555555; 
font-size: 0.7em;
padding:21px 20px 0 0;
}

#cshl a:hover {
color:#990000;
}

#header-menu {
	width: 970px;
	list-style: none;
}
#header-menu li { display: inline; }
	
#header-menu li a {
	width: auto;
	height: 97px;
	display: block; 
	float: left;
	text-indent: -9999px;	
}

#header-menu li a.header-logo{
	width: 580px;
	/*background: url(/images/header_logo.jpg) no-repeat;*/
	}
#header-menu li a.header-title{
	width: 580px;
	/*background: url(/images/header_logo.jpg) no-repeat;*/
	}

#header-menu li a.header-logo-title{
	width: 580px;
	/*background: url(/images/header_logo.jpg) no-repeat;*/
	}
/*
#header-menu li .header-logo span{
	width: 175px;
	height: 40px;
	background: url(/images/menu_programs_over.png) no-repeat;
	left: 0px;
	top: 0px;
	}
*/
#header-menu li a.dolan {
	width: 70px; 
	background-position: 0 0;
	background-image: url(/images/header-dolan-harlem-west.jpg) ;
	}
#header-menu li a.harlem {
	width: 70px; 
	background-position: -70px 0;	
	background-image: url(/images/header-dolan-harlem-west.jpg) ;
	}
#header-menu li a.west {
	width: 115px; 
	background-position: -140px 0;
	background-image: url(/images/header-dolan-harlem-west.jpg) ;
	}
#header-menu li a.mission{
	width: 135px;
	background: url(/images/header_mission.png) no-repeat;
	}	
#header-menu li a.dolan:hover, ul#header-menu li a.dolan:focus {
	background-position: 0 -291px;	
	}
#header-menu li a.harlem:hover, ul#header-menu li a.harlem:focus {
	background-position: -70px -97px;	
	}
#header-menu li a.west:hover, ul#header-menu li a.west:focus {
	background-position: -140px -194px;	
	}	
/*feature */	
#feature{
	width:970px;
	min-height: 210px;
	margin: 0 0 15px 20px;
	}
/*content container */
#contentcontainer{
	width:970px;
	margin: 0 0 0 20px;

	}
/*middle content*/
#middlecontentcontainer{
	width:740px;
	float:left;
	}
#middlecontent_inner{
	/*margin: 0px ;
	padding: 0 ;*/
}
/*middle content: left-right even*/
#middlecontentcontainer .columnleftwebsite { 
	width: 340px; 
	padding-right: 5px;
	float: left;
	}
#middlecontentcontainer .columnrightwebsite { 
	width: 340px; 
	padding-left: 10px;
	padding-right: 5px;
	float: left;
	}
/*middle content: left major-right */	
#middlecontentcontainer .columnmiddle {
	width:534px;
	border-right:1px solid #ccccff;
	float: left;
	padding: 10px 5px 10px 0;
	}	
#middlecontentcontainer .columnright {
	width:165px;
	float: left;
	padding: 10px 5px 10px 10px;
	}

/* top_menu*/
	
#top_menu1 {
	background-image:url(/images/header_new_bottom.jpg);
	background-repeat:no-repeat;
	
	list-style: none;
	margin-left: 20px;
	margin-top: 0;
	padding:0;
	width: 970px;
	height: 45px;
	position: relative;
}

#top_menu1 li {
	float: left;
}

#top_menu1 span {
	display: none;
	position: relative;
}
#top_menu1 a {
	display: block;
	text-indent: -900%; 
	outline: none;
}
#top_menu1 a:hover {
	background-position: left bottom;
}
#top_menu1 a:hover span{
	display: block;
}
#top_menu1 a.selected {
	background-position: left bottom;
}
#top_menu1 .programs {
	width: 175px;
	height: 40px;
	background: url(/images/menu_programs.png) no-repeat;
	left: 0px;
	top: 0px;
}
#top_menu1 .programs span {
	width: 175px;
	height: 40px;
	background: url(/images/menu_programs_over.png) no-repeat;
	left: 8px;
	top: -6px;
}
#top_menu1 .websites {
	width: 175px;
	height: 40px;
	background: url(/images/menu_websites.png) no-repeat;
	left: 175px;
	top: 0px;
}
#top_menu1 .websites span {
	width: 185px;
	height: 60px;
	background: url(/images/menu_websites_over.png) no-repeat;
	left: 15px;
	top: -15px;
}
#top_menu1 .resources {
	width: 175px;
	height: 40px;
	background: url(/images/menu_resources.png) no-repeat;
	left: 350px;
	top: 0px;
}
#top_menu1 .resources span {
	width: 190px;
	height: 60px;
	background: url(/images/menu_resources_over.png) no-repeat;
	left: -5px;
	top: -20px;
}
#top_menu1 .about {
	width: 175px;
	height: 40px;
	background: url(/images/menu_about.png) no-repeat;
	left: 525px;
	top: 0px;
}
#top_menu1 .about span {
	width: 175px;
	height: 60px;
	background: url(/images/menu_about_over.png) no-repeat;
	left: 10px;
	top: -6px;
}
#top_menu1 .search {
	width: 270px;
	/*background: url(/images/menu_search.png) no-repeat;
	left: 700px;*/
	top: 0px;
}

.fieldHolder1{
	background: url(/images/menu_search.png) no-repeat;
	padding-left:10px;
	/*padding-top: 18px;*/
	line-height: 50px;
	height: 40px;
	width: 100%;
	}
.fieldHolder1 img {
	vertical-align: middle;
}
#q {
	width:220px;
	height: 18px;
	margin-top: 0px;
	margin-left: 0px;
	border: 1px solid #999999;
	color: #666666;
	font-size: .9em;
}

/*left menu;*/
#leftmenucontainer {
	font-size: .9em;
	width:200px;
	min-height:100%;
	height:auto;
	float:left;
	margin: 0px 10px 10px 20px; 
	font-weight:bold;
	}
#leftmenulist{
	border-bottom: 1px solid #ccccff;
	}
#leftmenulist li{
	margin:0px;
	padding: 4px 2px 4px 10px;
	list-style:none; 
	border-top: 1px solid #ccccff;
	}	
#leftmenulist li a {
	color:#333366;
	text-decoration: none;
	font-weight:bold;
	}	
#leftmenulist li a:hover {
	color: #9b243e;
	text-decoration: none;
	}	
#leftmenulist li.active {
	border-top: 2px solid #9b243e;
	border-bottom:2px solid #9b243e;
	}	
#leftmenulistlev2{
	margin-left:0px;
	padding-left:0px;
	border:0px;
	}	
#leftmenulistlev2 li{
	margin:0px;
	padding: 5px 0px 5px 10px;
	list-style:none; 
	border-top:0px;
	}	
#leftmenulistlev2 li a {
	color: #666699;
	text-decoration: none;
	font-weight:bold;
	}
#leftmenulistlev2 li a:hover {
	color: #9b243e;
	text-decoration: none;
	}
#leftmenulistlev2 li.active {
	border:0px;
	} 	
/*
#leftmenulistlev2 li a:hover#current {color:#9b243e;}
*/

/*---    ---*/
.programs_menu_rollover a {
	display:block;
	width: 210px;
	height:55px;
	background: url("/images/hands_on_programs_menu.png") 0 0 no-repeat;
	margin-bottom:10px;
	margin-top:10px;
	}
.programs_menu_rollover a:hover { 
	background-position: 0 -55px;
	}
	
.resources_menu_rollover a {
	display:block;
	width: 200px;
	height:30px;
	background: url("/images/resources_menu.png") 0 0 no-repeat;
	margin-top:10px;
	margin-bottom:10px
	}
.resources_menu_rollover a:hover { 
	background-position: 0 -30px;
	}

.websites_menu_rollover a {
	display:block;
	width: 200px;
	height:55px;
	background: url("/images/online_education_menu.png") 0 0 no-repeat;
	margin-top:10px;
	margin-bottom:10px
	}
.websites_menu_rollover a:hover { 
	background-position: 0 -55px;
	}
	
.about_menu_rollover a {
	display:block;
	width: 200px;
	height:30px;
	background: url("/images/about_menu.png") 0 0 no-repeat;
	margin-top:10px;
	margin-bottom:10px
	}
.about_menu_rollover a:hover { 
	background-position: 0 -30px;
	}
	
/*--- quicklinks ---*/

#bgquicklinks{ }

#quicklinks { 
	background-image:url(/images/bg_middle.png);
	background-repeat:repeat-y;
	float: left; 
	width:100%;
	}
#quicklinks_inner {
	background-color: #f3f4f8;
	border-top: 1px solid #e5e5e5; 
	float: left; 
	width: 970px;
	margin: 0 0 0 20px;	
}
#quicklinks_inner .columnfirst { 
	width: 166px;
	margin: 0 0 0 20px;
	padding: 10px;
	float: left;
	}
#quicklinks_inner .column { 
	width: 166px; 
	padding: 10px 10px 10px 10px;
	float: left;
	}
#quicklinks .column li{
	font-size:.7em;
	padding-left:5px;
	margin:0px 0 6px 0;  
	list-style: none; 
}
#quicklinks .columnfirst li{
	font-size:.7em;
	padding-left:5px;
	margin:0px 0 10px 0; 
	list-style: none; 
} 

#quicklinks h3 { 
	color: #666666;
	margin: 10px 0px 10px 0px;
	font-size: .75em;
	}
#quicklinks a { 
	color: #888888; 
	text-decoration: none; 
	display: block;
	line-height:100%;
	}
#quicklinks a:hover { 
	color: #9b243e; 
	text-decoration: none ; 
	}
#quicklinks .capbottom { 
	clear: both; 
	height: 5px; 
 }


/*--- footer ---*/


#footer {
	font-size:.75em;
}

#footer li{
	display:inline;
}
#footer ul{
	color: #B0C4DE;
	padding:  10px 0 10px 0;
	margin: 0 20px 0 20px;
	text-align:right;	
}
#footer a{
	color: #ADD8E6;
}
#footer a:hover{
	color: #B0C4DE;	
}
#copyright{
	width: auto;
	text-align:center;
	color: #B0C4DE;
	margin: 0 20px 0 20px;
	padding: 2px 0 2px 0;
	float:right;
}
#copyright a{
	color: #ADD8E6;
}
#copyright a:hover{
	color: #B0C4DE;	
}
#logos{
	margin: -25px 0px 20px 20px;
	height: auto;
	width: auto;
	float:left;
	}
	
#spotlight {
	width: auto;
	margin: 0px;

	}
#spotlight li{
	width:166px;
	height:250px;
	padding:2px;
	text-align:center;
	position:relative;
	float:left;
	display:inline;

}
#spotlight li img{
	margin: 0px;
	clear:both;
}

#annualreports {
	width: auto;
	margin: 20px;
	float: none;
	text-align: center;
}
#annualreports li{
	width:165px;
	position:relative;
	display:inline;
	margin:7px; 
}
#annualreports img {
  display: inline;
  margin: 5px;
  border: 0px;
}
#animationlib {
	width: auto;
	margin: 10px;
	text-align: center;
	}
#animationlib li{
	width:200px;
	height:180px;
	border: 1px solid #cccccc;
	border-width: 1px;
	background-color:#f0f1fa;
	padding:0px;
	text-align:center;
	position:relative;
	float:left;
	display:inline;
	margin:7px;
}
#animationlib li img{
	background-color:#f0f1fa;
	padding: 10px 20px;
	margin: 0px;
	clear:both;
}




#threedee {
	width: auto;
	margin: 3px;
	text-align: center;
	font-size:.85em;
	}
#threedee li{
	width:210px;
	height:140px;
	border: 1px solid #cccccc;
	border-width: 1px;
	background-color:#f0f1fa;
	padding:0px;
	text-align:center;
	position:relative;
	float:left;
	display:inline;
	margin:7px;
}
#threedee li img{
	background-color:#f0f1fa;
	padding: 10px 20px;
	margin: 0px;
	clear:both;
}


#threedee-empty ul li img{
	width:210px;
	height:140px;
	border: 1px solid #fff;
	background-color:#fff;
	position:relative;
	float:left;
	display:inline;
	margin:7px;
}


#nobel li{
	width:100px;
	height:120px;
	border:solid #cccccc;
	border-width: 1px;
	margin:7px;
	padding:10px;
	text-align:center;
	position:relative;
	float:left;
	display:inline;
	background-color:#f0f1fa;
	}
#nobel li img{
	background-color:#f0f1fa;
	padding: 5px 15px 5px 15px;
}
#nobel li span{	
	line-height: 110%;
}

#nobeltopleft{
	width: auto;
	margin: 20px;
	float: left;
	}
#nobeltopright{
	width: auto;
	margin: 20px;
	float: left;

	color:#333366;
	font-size: 1.2em;
	font-weight:bold;
	line-height:30px;
	}

#nobel_dnaftb{
	margin: 5px 20px;
	background-image:url(/images/dnaftbcompanion.gif );
	background-repeat: no-repeat;
	padding-left:155px;
	float: left;
	width: 620px;

	line-height:30px;
	color:#333366;
	font-size: 1.1em;
	font-weight:bold;	
	}	
#nobelswf{
	width: auto;
	margin: 10px 20px 5px 20px;
	padding: 20px;
	float: left;
	border:solid #cccccc;
	border-width: 1px;
	}
#staffleft{
	float: left; 
	width: 200px;
}
#staffright{
	float: left; 
	width: 490px;
}
#border{
	border-bottom:1px solid #ccccff;
	margin: 5px 10px ;
	}
#border_full{
	border-bottom:1px solid #ccccff;
	margin: 3px 0px 3px 0px;
	}	
#borderTop{
	border-top:1px solid #ccccff;
	margin-top: 10px;
	}
/* Stickie note */
#stickie {	
	background-repeat:no-repeat;
	width:131px;
	height:100px;
	float:right;
	text-align:center;
	margin:0px 5px 5px 5px;
	}
#stickie {
	background-image:url(/images/stickie.png);
	}
#stickie.green {
	background-image:url(/images/stickie_green.png);
	}
#stickie.pink {
	background-image:url(/images/stickie_pink.png);
	}	
#stickie.blue {
	background-image:url(/images/stickie_blue.png);
	}
#stickie.teal {
	background-image:url(/images/stickie_teal.png);
	}
#stickie p {
	margin: 10px 8px 0px 8px;
	color: #333333;
	font-family: "Courier New", Courier, mono;
	font-size:.9em;
	}


/* more */
.more {
	text-align:Left;
	font-size:.80em;
	}
.more a{
	padding-right:15px; 
	font-weight:bold;
	font-style:italic;
	}
	

/* download */
.download {
	text-align:right;
	margin-top:10px;
	margin-right:35px;
	background:url(/images/download_bg.jpg) right no-repeat;
	}
.download a{
	padding-right:100px; 
	margin-right:20px;
	font-size:.85em;
	
	font-weight:bold;
	color:#797a86;
	
	}
	
#dnatoday_archive{
	width:200px;
	height:auto;
	min-height:500px;
	background-color:#d2dde4;
	padding-left: 10px;
	float:right;
	}
#wraper{
	margin:10px;
	}
#wraper ul {
  width: 700px;
}
#wraper li {
  float: left;
  width: 325px;
}

#wraper2{
	margin:7px;
	}
#wraper2 ul {
  width: 700px;
}
#wraper2 li {
	float: left;
	width: 335px;
	margin-right: 7px;
	font-size:.85em;
	}

#addthis{
	width: auto;
	margin-right:30px;
	margin-top: -5px;
	margin-bottom:10px;
	float:right;
	}
	
#addthis_home{
	width: auto;
	margin-bottom:10px;
	text-align:center	
	}
#staff { 
	padding: 0 5px;
	margin:0;
	}

#staff ul{
	width: 100%;
	margin: 10px 0 0 0;
	padding: 0;
	float:left;
	
	
	color:#666699;
	font-size: 1.05em;
	font-weight:bold;
	
	}
#staff ul li{
	display: inline;
	margin: 0 5px 5px 0;
	padding:0 0 3px 0;
	text-align:left;
	float:left;
	width: 130px;
	border-bottom: 1px solid #797a86;
	
	
	}
 
ul.stafflist {
	width:100%;
	width: 160px;
	float:left;
	list-style:disc; 
	margin-right:5px;
	list-style-position:inside;
	text-indent: -12px;
	}
ul.stafflist li {
	width: 160px;
	padding-left:20px;
	color:#797a86;
	font-size:.8em;
	text-align:left;
	
	
}
.clearfloat { 
	clear:both;
    margin: 0;
	padding: 0;
	height: 0;
	font-size: 1px;
	line-height: 0px;
}

#newsletters{
	width:100%;
	margin: 0;
	padding: 0;
	font-size: .9em;
	}
#newsletters ul{
	padding: 0 10px;
	}
#newsletters li{
	display: inline;
	list-style: none;
	padding: 0 25px 0 0;
	}
