@charset "UTF-8";
/* CSS Document */


/* reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;	padding: 0;	border: 0;	outline: 0;	font-size: 100%; vertical-align: baseline; background: transparent;}
html {overflow-y:scroll;}
body {background:url(../graphics/body/dotted-background.gif); background-color: #fff; font-size: small; font-family: Verdana, Geneva, "Arial MT", sans-serif; color:#333; line-height: 150%;}
ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
/* remember to define focus styles! */
:focus {outline: 0;}
/* reset END */




/* main styles */
#container {position: relative; margin: 0 auto; width: 960px; text-align:center; background-color: #FFF;box-shadow:0px 4px 4px rgba(0,0,0,.30); margin-bottom:35px;}
#header-container {width: 960px; height: 100px; background-color: #222;}
#seal {width: 74px; height: 74px; float:left; margin-top: 14px; margin-left:35px;}
#header {width: 293px; height: 69px; float:left; margin-top: 20px; margin-left:30px;}
#navigation {width: 960px; height: 40px; background-color: #000;}
#container-slideshow {position: relative; margin: 0 auto; width: 960px;  text-align:center; }
#content-main {text-align:left; width: 470px; float: left; margin-left: 30px; margin-bottom:30px;}
#sidebar-main {text-align:left; width: 390px; float:right; margin-left: 15px; margin-bottom:25px; padding-right: 30px;}
#sidebar-main p {line-height: 150%;}
#sidebar-main a:link, #sidebar-main a:visited, #sidebar-main a:active {line-height: 150%; color: #0098fe; text-decoration:none;}
#sidebar-main h1 a:link, #sidebar-main h1 a:visited, #sidebar-main h1 a:active {line-height: 150%; color: #000; text-decoration:none;}
#sidebar-main a:hover {text-decoration:underline;}

/* subpage styles */
#background-container {background: url(../graphics/body/bgcolumns-interior.gif); width: 960px;}
#leftcolumn {float:left; width: 210px; margin: 0; }
#content-subpage {float: right;text-align:left; width: 650px; margin-left: 10px; margin-bottom:30px; margin-right:50px;}

/*submenu*/
#sidecontent {margin: 20px 0px 35px 0px;}
#sidecontent h2 {color: #333; font-size:1em; letter-spacing: .05em;  margin: 20px 0 0px 0px; padding: 0 10px 10px 12px; text-transform:uppercase; }
#sidecontent ul {margin: 0 0 0 0;}
#sidecontent li {text-align: left; border-bottom: 1px solid #CCCCCC; padding: 10px 10px 10px 12px; width: 182px;}
#sidecontent li:first-child {border-top: 0px solid #CCCCCC;}
#sidecontent li a:link {text-decoration:none; color:#666;}
#sidecontent li a:visited {text-decoration:none; color:#666;}
#sidecontent li a:hover {text-decoration:none; color: #0098fe;}
#sidecontent li a:active {text-decoration:none; color:#666;}
#link1 #sidecontent li.link1, #link2 #sidecontent li.link2, #link3 #sidecontent li.link3, #link4 #sidecontent li.link4, #link5 #sidecontent li.link5, #link6 #sidecontent li.link6, #link7 #sidecontent li.link7, #link8 #sidecontent li.link8, #link9 #sidecontent li.link9, #link10 #sidecontent li.link10 {background-image:url('../graphics/body/nav-arrow.jpg'); background-repeat:no-repeat; background-position: 0% 0%; border: none; padding-bottom: 11px; width: 272px;}

/* type styles */
h1 {font-family: 'lucida grande', geneva, sans-serif;  font-size: 22px; color:#333; margin-bottom:10px;}
h2 {font-family: 'lucida grande', geneva, sans-serif;  font-size: 22px; color:#333; margin-bottom:10px; margin-top:20px;}
h3 {font-family: 'lucida grande', geneva, sans-serif;  font-size: 17px; color:#999; margin-bottom:5px; margin-top:20px;}
h4 {font-family: 'lucida grande', geneva, sans-serif;  font-size: 13px; color:#999; margin-bottom:10px;}
p {margin-bottom: 12px;}
.highlight { font-size: 12px;color:#818181}
.date {font-size:x-small; font-family: Verdana, Geneva, "Arial MT", sans-serif; color: #999;}

/*float styles*/
.fltrt {float: right; margin-left: 8px;}
.fltlft {float: left; margin-right: 8px;}
.clearfloat {clear: both; font-size: 1px; height: 0; line-height: 0;}

/*footer*/
#footer-container {color:#fff; background-color:#333; font-family: Verdana, Geneva, sans-serif; }
#footer-copyright {margin-left: 90px; margin-top: 10px; margin-bottom: 10px; width: 800px; float:left; text-align:left;}
#footer-copyright a:link, #footer-copyright a:active, #footer-copyright a:visited {color:#fff; font-style: font-size: 8px; text-decoration: none;}
#footer-copyright a:hover {text-decoration: underline;}

/* navigation */
div#nav-bar {background-color:#000;text-align: left; height: 38px;}
#nav-main {font-size: 15px; padding: 9px 0 0 20px; font-family: 'lucida grande', geneva, sans-serif;}
#nav-main li {position:inherit; display: inline; color: #fff;}
#nav-main a:link, #nav-main a:visited, #nav-main a:active {color: #fff; text-decoration: none; margin-left:8px; padding: 7px;}
#nav-main a:hover {color: #99ccff; background-color:#3a3a3a; padding: 9px 7px 11px 7px;}

/*link styles*/
a:link, a:visited, a:hover, a:active {color: #0098fe; text-decoration:none;}
a:hover, a:active {color: #0098fe; text-decoration:underline;}

/* list*/
#content-subpage li {line-height: 1.4em; margin-left: 2em;}

/* table */
th, td {font-size: .8em; padding: .3em; background:#EAEEF1;border: 1px solid #FFFFFF; line-height:19px;}
th {font-weight:bold;}
th p, td p {padding-bottom: 0;}
th p {font-weight:bold;}

/* people */
div.people {clear:both;}
#content-subpage .people {margin-top:20px;}
#content-subpage .people p {margin-left:110px;}
#content-subpage .people img {float: left; margin: 5px 10px 4px 0px;}
#content-subpage .people h3 {font-family: Arial, Helvetica, sans-serif; font-size: 16px; color:#356F98; }
#content-subpage .people .nofloat {float:none;}

/* research */
div.research {clear:both;}
div.research h3 {margin-left:110px;}
#content-subpage .research {margin-top:20px;}
#content-subpage .research p {margin-left:110px;}
#content-subpage .research img {float: left; margin: 5px 10px 4px 0px; border: solid 1px;}
#content-subpage .research h3 {font-family: Arial, Helvetica, sans-serif; font-size: 16px;}


/*resources*/
#col {width: 195px; padding-right: 15px; float:left;}