/* CSS Document 
Core Styles for Haskins Laboratories web site
CSS styles by Yvonne Manning-Jones <manning@haskins.yale.edu>
YUI Library components used under a BSD license.
6/15/07
--------------------------------------------------------------- */
@charset "UTF-8";

body {
	color: #000000;
	margin: 10px;
	padding: 8px;
	font-family: sans-serif;
	font-size: 11px;
	line-height: 20px;
	text-align: left;
	width: 320px;
 }



body {
	text-align : left;
}
#ft {
clear : both;
}
#doc3 {
margin : auto 10px;
width : auto;
}
.yui-b {
position : relative;
}
#yui-main .yui-b {
position : static;
}
#yui-main {
width : 100%;
}
.yui-t1 #yui-main, .yui-t2 #yui-main, .yui-t3 #yui-main {
float : right;
margin-left : -25em;
}
.yui-t4 #yui-main, .yui-t5 #yui-main, .yui-t6 #yui-main {
float : left;
margin-right : -25em;
}
.yui-t7 #yui-main .yui-b {
display : block;
margin : 0 0 1em 0;
}
#yui-main .yui-b {
float : none;
width : auto;
}
.yui-g .yui-u, .yui-g .yui-g, .yui-gc .yui-u, .yui-gc .yui-g .yui-u, .yui-ge .yui-u, .yui-gf .yui-u {
float : right;
display : inline;
}
.yui-g div.first, .yui-gc div.first, .yui-gc div.first div.first, .yui-gd div.first, .yui-ge div.first, .yui-gf div.first {
float : left;
}
.yui-g .yui-u, .yui-g .yui-g {
width : 50.1%;/*49.1*/
}
.yui-g .yui-g .yui-u, .yui-gc .yui-g .yui-u {
width : 48.1%;
}
.yui-gc div.first, .yui-gd .yui-u {
width : 66%;
}
.yui-gd div.first {
width : 32%;
}
.yui-ge .yui-u {
width : 24%;
}
.yui-ge div.first, .yui-gf .yui-u {
width : 74.2%;
}
.yui-gf div.first {
width : 24%;
}
.yui-ge div.first {
width : 74.2%;
}


#bd:after, .yui-g:after, .yui-gb:after, .yui-gc:after, .yui-gd:after, .yui-ge:after, .yui-gf:after {
content : ".";
display : block;
height : 0;
clear : both;
visibility : hidden;
} 


#container {
	margin-left: 100px;
	padding: 0px;
	border-style: solid;
border-width: 1px;
border-color: #cccccc;
width: 760px; /* width of the layout -- can be set to any value including percentages */
	overflow: hidden;
	}
	
	
	
	
		
#header{
	padding : 0px;
	margin: 0px;
	width: 100%;
	overflow: hidden;
}

#navigation
{
	margin: 0px;
	padding: 8px;
	width: 100%;
	overflow: hidden;
}

#mainContent {
	float: right;
	width: 456px; /* width of the right sidebar -- can be set to any value including percentages */
	margin: 0px;
	padding: 8px;
	overflow: hidden;
}

#logo {
background: #fff url("images/logo.gif"[smilestopper]) top left no-repeat;
vertical-align: top;
border: 0px;
width: 18px;
height: 18px;
}


#introContent {
	float: right;
	width: 456px; /* width of the right sidebar -- can be set to any value including percentages */
	margin: 0px;
	padding-bottom: 16px;
	overflow: hidden;
	background: #7d0d00;
}

.indexphoto{
	float: right;
	width: 456px; /* width of the right sidebar -- can be set to any value including percentages */
	margin: 0px;
	padding-bottom: 16px;
	overflow: hidden;
	background: #7d0d00;
	} 

.intro {
	float: left;
	width: 456px; /* width of the right sidebar -- can be set to any value including percentages */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #ffffff;
	margin-left: 8px;
	
	font-weight: normal;
	padding-bottom: 8px;
	overflow: hidden;
	background: #7d0d00;
}


#introFeature {
	float: right;
	width: 456px; /* width of the right sidebar -- can be set to any value including percentages */
	margin: 0px;
	padding-bottom: 16px;
	overflow: hidden;
	background: #ffffff;
}

.feature {
	float: left;
	width: 456px; /* width of the right sidebar -- can be set to any value including percentages */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #ffffff;
	margin-left: 8px;
	
	font-weight: normal;
	padding-bottom: 8px;
	overflow: hidden;
	background: #ffffff;
}




.welcome {
	font-family: Gotham-medium, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	
	padding-top: 12px;
	padding-bottom: 8px;
	line-height: 16px;
	color: #FF5C00;
	font-weight: normal;
	left: auto;
}

#listContent {
	float: right;
	width: 456px; /* width of the right sidebar -- can be set to any value including percentages */
	margin: 0px;
	padding-top: 16px;
	overflow: hidden;
}

.ul {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
line-height: 16px;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #000000;
text-decoration: none;
background-color: #ffffff;
text-indent: 5px;
list-style-position: outside;
}





#sidebar-left {
	float: left;
	width: 64px; /* witdh of the left sidebar -- can be set to any value including percentages */
	margin: 0px;
	padding: 8px;
	overflow: hidden;
}


#bottommenu{
	width: 276px; /* witdh of the left sidebar -- can be set to any value including percentages */
	margin: 0px;
	padding: 8px;
	overflow: visible;
}


#content {
	margin: 0px;
	padding: 0px;
	height: 1%; /* IE6 hack... it's very minor, though */
	overflow: hidden;
}

#content-inner
{
	float: left;
	width: 200px;
	padding-top: 6px; 
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	overflow: hidden;
}

#content-bottom
{
	float: left;
	width: 270px;
	overflow: hidden;
}


#bodywrapper {
	margin: 0px auto;
	padding: 0px;
    width: 456px; /* width of the layout -- can be set to any value including percentages */
	overflow: hidden;
	}
	
	
#columntext-left{
	width: 200px;
	margin: 0px;
	padding: 0px;
	height: 1%; /* IE6 hack... it's very minor, though */
	overflow: hidden;
}	
	
#columntext-right{
	width: 200px;
	margin: 0px;
	padding: 0px;
	height: 1%; /* IE6 hack... it's very minor, though */
	overflow: hidden;
}	
	
	
	

a:link {
	font-weight: normal;
	text-decoration: none;
	color: #666666;
	font-size: 11px;
}

a:visited {
	font-weight:  normal;
	text-decoration: none;
	color: #666666;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}


a:hover {
	cursor: default;
	color: #FF6600;
	background-color: white;
	text-decoration: none;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}


a:active  {
	color: #FF6600;
	text-decoration: none;
	font-size: 11px;
	width: 320px;
}




.cls a:link {
	font-weight: normal;
	text-decoration: none;
	font-weight: bold;
	color: #ff0f0f;
	font-size: 11px;
}

.cls a:visited {
	font-weight:  normal;
	text-decoration: none;
	color: #666666;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}


.cls a:hover {
	cursor: default;
	color: #FF6600;
	background-color: white;
	text-decoration: none;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}


.cls a:active  {
	color: #FF6600;
	text-decoration: none;
	font-size: 11px;
}


.uppermenu a:link {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 16px;
	color: #000000;
     text-decoration: none;
     }

.uppermenu a:visited {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 16px;
	color: #000000;
     text-decoration: none;
     }

.uppermenu a:hover {
     
	font-weight: bold;
	color: #FF6600; 
}

.uppermenu a:active {
     font-weight: bold;
	text-decoration: none;
	color: #FF6600;
 }



.staffmenu a:link {
    font-family: Gotham-medium, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 16px;
	color: #000000;
     text-decoration: none;
     }

.staffmenu a:visited {
    font-family: Gotham-medium, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 16px;
	color: #000000;
     text-decoration: none;
     }

.staffmenu a:hover {
    font-family: Gotham-medium, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 16px;
	color: #FF6600; 
}

.staffmenu a:active {
    font-family: Gotham-medium, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 16px;
	text-decoration: none;
	color: #FF6600;

 }


.srmenu a:link {
    font-family: Gotham-medium, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 16px;
	color: #000000;
     text-decoration: none;
     }

.srmenu a:visited {
    font-family: Gotham-medium, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 16px;
	color: #000000;
     text-decoration: none;
     }

.srmenu a:hover {
    font-family: Gotham-medium, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 16px;
	color: #FF6600; 
}

.srmenu a:active {
    font-family: Gotham-medium, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 16px;
	text-decoration: none;
	color: #FF6600;

 }


.nameheading {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 12px;
	color: #990000;
	font-weight: normal;
	left: auto;
}


.nameheading a:link {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	line-height: 12px;
	color: #FF6600;
     text-decoration: none;
     }

.nameheading a:visited {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	line-height: 12px;
	color: #666666;
     text-decoration: none;
     }

.nameheading a:hover {
    font-size: 9px;
	font-weight: normal;
	color: #FF6600; 
}

.nameheading a:active {
     font-size: 9px;
	font-weight: normal;
	text-decoration: none;
	color: #FF6600;

 }








.subheading {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #990000;
	font-weight: bold;
	left: auto;
}



.subtitle {
	font-family: Gotham-medium, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #999999;
	font-weight: normal;
	left: auto;
}









.knowledgemenu a:link {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	line-height: 16px;
	color: #666666;
     text-decoration: none;
     }

.knowledgemenu a:visited {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	line-height: 16px;
	color: #666666;
     text-decoration: none;
     }

.knowledgemenu a:hover {
    font-size: 10px;
	font-weight: normal;
	color: #FF6600; 
}

.knowledgemenu a:active {
     font-size: 10px;
	font-weight: normal;
	text-decoration: none;
	color: #FF6600;

 }



.sidemenu a:link {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	line-height: 16px;
	color: #666666;
     text-decoration: none;
     }

.sidemenu a:visited {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	line-height: 16px;
	color: #666666;
     text-decoration: none;
     }

.sidemenu a:hover {
    font-size: 10px;
	font-weight: normal;
	color: #FF6600; 
}

.sidemenu a:active {
     font-size: 10px;
	font-weight: normal;
	text-decoration: none;
	color: #FF6600;

 }




.featuremenu a:link {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 16px;
	color: #666666;
     text-decoration: none;
     }

.featuremenu a:visited {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 16px;
	color: #666666;
     text-decoration: none;
     }

.featuremenu a:hover {
    font-size: 12px;
	font-weight: normal;
	color: #FF6600; 
}

.featuremenu a:active {
     font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	color: #FF6600;

 }



.h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 21px;
	line-height: 48px;
	color: #333333;
	font-weight: normal;
	left: auto;
 }

.h1 a:link{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 21px;
	line-height: 48px;
	color: #666666;
	font-weight: normal;
	left: auto;
 }


.h1wrap {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 21px;
	line-height: 14px;
	color: #333333;
	font-weight: normal;
	left: auto;
	padding-bottom: 18px;

}

.h2wrap {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	color: #333333;
	font-weight: normal;
	left: auto;
	padding-top: 10px;

}

.h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 28px;
	color: #333333;
	font-weight: normal;
	left: auto;
	padding-top: 10px;

}

.h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 28px;
	color: #333333;
	font-weight: normal;
	text-align: center;
	padding-top: 10px;

}


.h1red {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #990000;
	font-weight: bold;
	left: auto;
}


.heading {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 12px;
	padding-top: 8px;
	padding-bottom: 2px;
	color: #666666;
	font-weight: normal;
	text-transform: uppercase;left: auto;
}

.srmaintext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #000000;
	padding-bottom: 10px;
}







.headline {
	font-size: 11px;
	font-family: Verdana, Bold;
	line-height: 16px;
}


.bigheadline {
	font-size: 16px;
	font-family: Verdana, Bold;
	line-height: 24px;
}


.bbigheadline:link {
    font-family: Verdana, Bold;
	line-height: 24px;
	color: #666666;
	font-size: 16px;
}

.bbigheadline:visited {
	font-family: Verdana, Bold;
	line-height: 24px;
	color: #666666;
	font-size: 16px;
}


.bbigheadline:hover {
	font-family: Verdana, Bold;
	line-height: 24px;
	color: #666666;
	font-size: 16px;
}


.bbigheadline:active  {
	font-family: Verdana, Bold;
	line-height: 24px;
	color: #666666;
	font-size: 16px;
}





.researchheadline {
	font-size: 16px;
	padding-top: 10px;
	font-family: Verdana, Bold;
	line-height: 24px;
}




.description {
	font-size: 11px;
	font-family: Verdana;
	line-height: 16px;
}

.fronttext {
	margin-left: 10ptfont-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #000000;
    padding-bottom: 10px;
}


.storylink {	font-family: Gotham-Book, Gotham-Medium;
	font-size: 12px;
	line-height: 16px;
	color: #cccccc;
	font-style: normal;
	font-weight: bold;
}
.storytitle {	font-family: Gotham-Medium, Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px;
	font-style: normal;
	line-height: 16px;
	font-variant: normal;
	color: #FF5C00;
}	

.maintext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 20px;
	color: #000000;
	padding-bottom: 10px;
	width: 446px;
}


.maintextred {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 20px;
	color: #990000;
	padding-bottom: 10px;
	width: 446px;
}


/* index.html page only */

.introtext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #ffffff;
	padding-bottom: 10px;
}


maintexta:link {
	font-weight: normal;
	text-decoration: none;
	color: #666666;
	font-size: 11px;
}

maintexta:visited {
	font-weight:  normal;
	text-decoration: none;
	color: #666666;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}


maintexta:hover {
	cursor: default;
	color: #FF6600;
	background-color: white;
	text-decoration: none;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}


maintexta:active  {
	color: #FF6600;
	text-decoration: none;
	font-size: 11px;
}




.story {
	font-family: Verdana;
	font-size: 11px;
}
.style4 {color: #666666;
}
.event {
	font-family: Verdana;
	font-size: 11px;
	color: #666666;
	line-height: 16px;
	background: top;
}

.staffname {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	padding-top: 10px;
	line-height: 16px;
	font-weight: bold;
	text-transform: uppercase;
	color: #666666;
}
.bioheading {
	font-family: Gotham-Book, Gotham-Bold;
	font-size: 11px;
	line-height: 15px;
	font-weight: bold;
	text-transform: uppercase;
	color: #000000;
	font-style: normal;
}

.hanging { 
	text-indent: -25px; 
  	margin-left: 25px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #000000;
} 



.projtitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 18px;
	color: #000000;
	}

	
.storylink {	
	font-family: Gotham-Book, Gotham-Medium;
	font-size: 12px;
	line-height: 16px;
	color: #cccccc;
	font-style: normal;
	font-weight: bold;
}
.storytext {	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #FFFFFF;
}
.storytitle {	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 8px;
	font-variant: normal;
	color: #FF5C00;
}
.event {
	font-family: Verdana;
	font-size: 11px;
	color: #666666;
	line-height: 16px;
	background: top;
}



#address {
	clear: both;
	margin: 0px auto;
	padding: 0px;
	width: 456px;
	overflow: hidden;
}

#address .photo {
	float: left;
	padding-top: 8px;
	height: 179px;
	width: 135px;
}



#address .staffcontact {
	float: left;
	text-align: left;
	padding: 8px;
	width: 280px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 16px;
	font-weight: normal;
	color: #000000;
}
.biotitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 16px;
	font-weight: normal;
	color: #000000;
}
.bio {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 16px;
	font-weight: normal;
	color: #000000;
}

.reference {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 16px;
	font-weight: normal;
	color: #000000;
}


.noindentreference {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 16px;
	
	font-weight: normal;
	color: #000000;
}



.negindent {
 
padding-left: 33px;
  text-indent: -33px;
}  




#footer{
	clear: both;
	margin-left: 100px;
	padding: 0px;
	width: 760px;
	overflow: hidden;
}
	
#footer .contact{
	float: left;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif, Bullet;
	font-size: 10px;
	line-height: 16px;
	color: #666666;
	font-weight: normal;

	margin: 0px;
	padding: 0px;
	height: 1%; /* IE6 hack... it's very minor, though */
	overflow: hidden;
}	
	
	
	
#footer .copyright{
	float: right;
	text-align: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: 16px;
	color: #999999;
	
	margin-left: 42px;
	padding: 0px;
	height: 1%; /* IE6 hack... it's very minor, though */
	overflow: hidden;
}	
	
#digital_library {
	color: #009900;
}