@charset "utf-8";
body  { font: 12px Verdana, Arial, Helvetica, sans-serif; background: #dd4750 url(images/background.jpg) repeat-x; margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */ padding: 0; text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */ color: #000000; }

#container { width: 954px /* 1007- (right padding + left padding) */; padding:5px 33px 0px 20px; background: #FFFFFF url(images/containertop.jpg) no-repeat; margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */ border: 0px solid #5a252b; border-top:0px; text-align: justify; /* this overrides the text-align: center on the body element. */  } 

#header { padding: 0px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */ } 

#sidebar1 { float: left; width: 220px; /* since this element is floated, a width must be given */ background: #FFFFFF; /* the background color will be displayed for the length of the content in the column, but no further */ padding: 0px 0px 15px 0px; /* top and bottom padding create visual space within this div  */ font-size:11px;}
#sidebar1 h1, #sidebar1 h3, #sidebar1 p { margin-left: 10px; /* the left and right margin should be given to every element that will be placed in the side columns */ margin-right: 10px; }

#mainContent { margin: 0px 0px 0px 220px;  padding:0px 10px 10px 10px; /* the right margin can be given in percentages or pixels. It creates the space down the right side of the page. */ } 
#mainContenthome { margin: 0px; padding:10px 5px 0px 5px; /* the right margin can be given in percentages or pixels. It creates the space down the right side of the page. */ } 
a {text-decoration:none;}

#footer { padding: 10px 0px; text-align:center; font-size:10px; background: #FFFFFF url(images/containerbottom.jpg) no-repeat bottom; margin:0px auto 10px auto;  width:1007px;} 
#footer p { margin: 0px; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */ padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */ }
#footer a {text-decoration:none;font-size:10px; color:#000000; }
#footer.ftlink a {padding:5px ; }

#breadcrumb { padding:15px 10px 15px 10px; font-size:10px; text-decoration:none} 
#breadcrumb2 { padding:15px 10px 5px 10px; font-size:10px; text-decoration:none} 
#breadcrumb a, breadcrumb2 a {font-size:10px; text-decoration:none; color:#000000;} 
#breadcrumb1 { padding:5px 0px 5px 10px; border-bottom:dotted #000000 1px;} 

/* Miscellaneous classes for reuse */
.fltrt {float: right; margin-left: 8px; } /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */ 
.fltlft { float: left; margin-right: 8px; }/* this class can be used to float an element left in your page */ 
.clearfloat { clear:both; height:0px; font-size: 1px; line-height: 0px; }/* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */ 

h1{ font-size:19px; font-weight:bold; color:#000000; margin-top:0px; padding-top:0px;}
h2{ font-size:13px; font-weight:bold; color:#000000; margin-top:0px;}
h3{ font-size:13px; font-weight:bold; color:#000000; margin-top:0px; font-style:italic}
.smtext { font-size:10px;}
.leftpic {border: 1px solid #5a252b; margin:0px 0px 10px 0px;}
.text11 { font-size:11px;}

td {font: 12px Verdana, Arial, Helvetica, sans-serif;}

.homethumb {padding:0px 10px 5px 0px;}
.arrow {color:#c48d00; font-weight:bold; font-size:14px;}

/* Form */
form {padding: 0px; margin: 0px; border:0px; z-index:-1; }
input {width:350px;height:20px;padding:0px;margin:0px;margin-top:5px; font-size:12px; border: 1px solid #979797;background-color:#FFFFFF; }
input.smbox {width:50px;height:20px;padding:0px;margin:0px;margin-top:5px; font-size:12px; border: 1px solid #979797;background-color:#FFFFFF; }
textarea {width:350px;height:150px; padding:0px;margin:0px;margin-top:5px; border: 1px solid #979797;background-color:#FFFFFF; }
input.radio {width:15px; height:15px;padding:0px;margin:0px;margin-top:5px; border:0px; }
select{background: #FFFFFF; border: 1px #979797 outset; color: #000000; padding:0px;margin:0px;margin-top:5px; height:20px; z-index:-1; }
.submit {background:#979797; border:1px #979797 solid;font-weight:bold; color:#FFFFFF; margin:0px; height:24px;width:100px;padding:2px 0px 5px 0px; }


/* Nav */
#nav, #nav ul { /* all lists */ padding: 0; margin: 0; list-style: none; line-height: 1; }
#nav a {display: block; width: 87px; padding:5px 0px; height:20px; text-decoration:none; font-weight:bold; color:#FFFFFF; background:#5a252b }
#nav a:hover { color:#5a252b;  background:#cbcbcb;}
#nav li { /* all list items */ float: left; width: 97px; padding:0px; height:30px;/* width needed or else Opera goes nuts */; text-align:center; }
#nav li ul { /* second-level lists */ position: absolute; background: #5a252b; width: 97px; height:30px;  left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */ }

#nav li ul a { width: 230px;  }
#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */ left: auto; }

#nav li#n1, #nav li#n1 a {width:80px;} 	
#nav li#n1 ul a { width: 230px; padding:5px;height:20px; }

#nav li#n2, #nav li#n2 a {width:85px;}
#nav li#n2 ul a { width: 230px; padding:5px;height:20px; }

#nav li#n3, #nav li#n3 a {width:85px;}
#nav li#n3 ul a { width: 230px; padding:5px;height:20px; }

#nav li#n4, #nav li#n4 a {width:95px; }
#nav li#n4 ul a { width: 230px; padding:5px;height:20px; }

#nav li#n5, #nav li#n5 a {width:75px; }
#nav li#n5 ul a { width: 200px; padding:5px;height:20px; }

#nav li#n6, #nav li#n6 a {width:112px; }
#nav li#n6 ul a { width: 230px; padding:5px;height:20px; }

#nav li#n7, #nav li#n7 a {width:110px; }
#nav li#n7 ul a { width: 230px; padding:5px;height:20px; }

#nav li#n8, #nav li#n8 a {width:115px; }
#nav li#n8 ul a { width: 230px; padding:5px;height:20px; }

#nav li#n9, #nav li#n9 a {width:105px; }
#nav li#n9 ul a { width: 230px; padding:5px;height:20px; }

#nav li#n10, #nav li#n10 a {width:60px;}
#nav li#n10 ul a { width: 230px; padding:5px;height:20px; }

#nav li#n11, #nav li#n11 a {width:50px;}
#nav li#n11 ul a { width: 230px; padding:5px;height:20px; }

#tabs6 {
/*
	float:left;
	margin-left: 27px;
*/
	width:954px;
	background:#cacaca;
	font-size:100%;
	line-height:1px;
	border-bottom:0px solid #666;
      }
    #tabs6 ul {
	  margin:0;
	  padding:0px 0px 0 0px;
	  list-style:none;
      }
    #tabs6 li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabs6 a {
	float:left;
	background:url("/images/tableft6.gif") no-repeat left top;
	margin:0;
	padding:0 0 0 4px;
	text-decoration:none;
      }
    #tabs6 a span {
	float:none;
	display:block;
	background:url("/images/tabright6.gif") no-repeat right top;
	padding:14px 10px 14px 2px;
	color:#FFFFFF;
	margin-right: 0px;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs6 a span {float:none;}
    /* End IE5-Mac hack */
    #tabs6 a:hover span {
      color:#D4D4D4;
      }
	body#home li#homenav a, body#minibiography li#minibiographynav a, body#positions li#positionsnav a, body#research li#researchnav a, body#publications li#publicationsnav a,
	body#grants li#grantsnav a, body#collaborations li#collaborationsnav a  
	  {
    background-position:0% -42px; 
	  }  
	body#labmembers li#labmembersnav a, body#additionalinfo li#additionalinfonav a, body#inthenews li#inthenewsnav a,
	body#links li#linksnav a
	  { 
	background-position:0% -42px; 
	  } 	     	  	  
	body#home li#homenav a span, body#minibiography li#minibiographynav a span, body#positions li#positionsnav a span, body#research li#researchnav a span, 
	body#publications li#publicationsnav a span, body#grants li#grantsnav a span, body#collaborations li#collaborationsnav a span 
	  { 
	background-position:100% -42px; 
	color:#A60000; 
	  }	
    body#labmembers li#labmembersnav a span, body#additionalinfo li#additionalinfonav a span, 
	body#inthenews li#inthenewsnav a span, body#links li#linksnav a span
	  {	
	background-position:100% -42px;
	  color:#A60000; 
	  } 	  

    body#contactus li#contactusnav a span
	  {	
	background-position:100% -42px;
	  color:#A60000; 
	  } 	  

.style58 {font-size: 11px}
.style59 {font-weight: bold; color: #710000;}
.style60 {font-weight: bold; color: #A60000;}
.style61 {font-weight: bold; color: #4A4AFF;}
.style63 {font-size: 19px}


