/* NOTE: this style sheet was designed using advice given in "Designing with Web Standards" by Jeffrey Zeldman (New Riders, 2003).  READ IT. */

/* GLOBAL STYLES */
html {overflow-y: scroll;}
body  {color: #000; background: #006; margin: 0; padding: 0;}
table#wrapper {margin: 0 auto; border: 0; padding: 0; width: 774px; }
h1, h2, h3, h4, h5, h6, a, p, ul, li, hr {font-family: verdana, arial, sans-serif; color: #000000;}
html p {font-size: 90%; margin-top: 5px;}
html ul {font-size: 90%;}
html hr {width: 100%;  text-align: left; color: #006; padding: 0; clear: both;}

/* SKELETAL STYLES */
table#wrapper {margin: 0 auto; border: 0; padding: 0; width: 774px; }
#header {width: 774px; background-color: #edf3f9; display: block; margin: 0 auto; text-align: left;}
#container {width: 774px; background-color: #fff;  margin: 0 auto; text-align: left;}
#containerpad {width: 734px; background-color: #fff; padding: 20px; margin: 0 auto;}
#footer {clear: both; background-color: #006; margin: 0 auto; text-align: center;}

/* 2. GLOBAL STYLES */
h1, h2, h3, h4, h5, h6, a, p, ul {font-family: arial, sans-serif; color: #000;}
html p	{font-size: 85%; line-height: 1.35; color: #666;}

/* 3.  ANCHOR PSEUDO-CLASSES (LVHA) */
a:link {text-decoration: underline; }
a:visited {text-decoration: underline; }
/*a:hover {text-decoration: none; color: #f00 !important;}*/
a:active {text-decoration : none !important;}
a:link.bluelink {text-decoration: none; color: #006 !important;}
a:visited.bluelink {text-decoration: none; color: #006 !important;}
a:hover.bluelink {text-decoration: underline; color: #f00 !important;}
a:active.bluelink {text-decoration : none !important;}
a:link.more {font: bold 75% verdana, arial, sans-serif; color: #000; text-decoration: none;}
a:visited.more {font: bold 75% verdana, arial, sans-serif; color: #000; text-decoration: none;}
/*a:hover.more {font: bold 75% verdana, arial, sans-serif; color: #f00; text-decoration: underline;}*/
a:active.more {font: bold 75% verdana, arial, sans-serif; color: #000; text-decoration: underline;}

/* 4. STRUCTURAL STYLES */
td#left {padding: 20px;}
td#right {border-left: 1px dotted #999;}
td#right img {display: block;}
#subheaders {margin: 0 auto; padding: 0; width: 774px; background: #fff;}

/* 5. TEXT FORMATTING STYLES */
ul {margin-left: 0px; margin-right: 25px; }
li {list-style: inside disc; color: #006;  padding: 10px; margin-left: 0px; margin-right: 25px;}
#ulhome {background-color: #d2def7; margin-bottom: 0px; padding: 10px;} 
#ulhome ul {background-color: #d2def7; margin-bottom: 0px;} 
#ulhome ul li {padding: 5px; background-color: #d2def7;}
ul#conference5 {font-size: 85%; margin-left: 0px; margin-right: 25px; background: #ccc;}
ul#conference5 li {list-style: inside disc; color: #006; background: #ccc; padding: 10px; margin-left: 0px; margin-right: 25px;}

/* biography page styles */
#bio img {margin: 5px;}
#bio h4 {margin-top: 20px; font-size: 120%; color: #999;}
#bio h5 {font-size: 105%; margin-top: 30px;}
#bio h6 {font-size: 90%; margin-top: 30px; margin-bottom: 5px;}
#credentials {margin: 0; padding: 0; border-top: solid #ccc 10px; border-bottom: solid #ccc 10px; width: 300px;}
#bio p {color: #666; font-size: 85%;}
#bio #credentials p {margin: 10px 5px; color: #000;}
#bio ul {margin: 0; padding: 0; display: inline;}
#bio li {margin: 0; padding: 0; color: #666; background: #fff; list-style: disc inside;}

/* facilities page styles */
#facilitycredit {margin: 0; padding: 0; border-top: solid #ccc 10px; border-bottom: solid #ccc 10px; width: 300px;}
#facilitycredit p {margin: 10px 5px; color: #000;}
#facilitytitle {margin: 0 0 15px 0;}

/* staff listing page styles */
#staff {margin-left: 275px;}
#staff h4 {margin: 0;}
#staff ul {margin: 0; padding: 0; display: inline;}
#staff ul li {margin: 5px 0; padding: 0; color: #666; background: #fff; list-style: none outside;}
.staffimage {float: left; padding: 0;}



/* research associates page styles */
/* #associatesleftcol ul, #associatesrightcol ul {display: inline; position: absolute; top: 130px; margin: 0; padding: 0;}
#associatesleftcol ul {left: 285px;}
#associatesrightcol ul {left: 430px;}
#associatesleftcol li, #associatesrightcol li {margin: 0; padding: 0; list-style: none outside; color: #666; background: #fff; line-height: 2em;} */

/* INLINE IMAGE STYLES */
a img {border: 0;}
.imageleft {float: left; padding: 5px;}
.imageright {float: right; padding: 5px;}
.imageleft img {margin: 5px 5px 5px 0px;}
.imageright img {margin: 5px 0px 5px 5px;}
.imageleft h5  {font-size: 80%; font-weight: bold; color: #000; margin: 5px 0 5px 10px;}
.imageright h5 {font-size: 80%; font-weight: bold; color: #000; margin: 5px 0 0 15px;}
.imageleft h6  {font-size: 75%; font-weight: normal; font-style: italic; color: #000; margin: 0 0 10px 10px;}
.imageright h6 {font-size: 75%; font-weight: normal; font-style: italic; color: #000; margin: 0 0 10px 15px;}


.header, .subheader {display: block; margin: 10px 0;}
.usubheader {display: block; margin: 0 0 0 -10px;}
h6.back {text-align: center; font-size: 65%;}

/* OBJECT OF THE WEEK */
.object {float: right; margin: 0 0 15px 25px; width: 125px;}
.object h4 {display: block; color: #999; font: bold 70% verdana, arial, sans-serif; margin: 0 0 5px 0;}
.object h5 {display: block; font: bold 90% verdana, arial, sans-serif; margin: 5px 0 0 0;}
.object h6 {display: block; font: bold italic 70% verdana, arial, sans-serif; margin: 0;}
.object img {display: block;}

/* NS4 UPGRADE MESSAGE */
p.hide {voice-family: "\"}\""; 
voice-family:inherit; height: 0; width: 0; overflow: hidden; position: absolute;}
/* 
Showing up in IE 6
/science/divisions/paleo/department.php
*/




