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

* {
margin:0;
padding:0;
}

a img,
fieldset {border:0;}

body {
background:#fff;
font: 12px Trebuchet MS, Arial, Tahoma;
color: #5F5353;
text-align:center;
padding: 0 0 100px 0;
}

.wrapper {
height:1px;
width:100%;
clear:both;
}

.dots {
background:url(images/dots.gif) repeat-x;
height:1px;
width:100%;
margin: 10px 0 0 0;
}
html>body .dots {margin: 10px 0 10px 0;}

/************************** fonts and headings */

h1 {
font-size: 12px;
font-weight:normal;
text-align:center;
margin: 20px 0 0 0;
width: 140px;
}

h2 {
font-weight:normal;
font-style:oblique;
color:#fff;
width: 350px;
font-size:15px;
float:right;
text-align:right;
margin: 85px 30px 0 0;
line-height:110%;
}
html>body h2 {margin: 65px 20px 0 0;}

h3 {
font-size: 20px;
font-weight:normal;
color:#547CAA;
letter-spacing:-1px;
margin: 10px 0 10px 0;
}

h4,
h4 a {
font-size: 16px;
font-weight:normal;
margin: 10px 0 10px 0;
color:#537caa;
background:#efefef;
border-bottom:1px solid #ccc;
padding: 0 0 0 10px;
}

h5,
h5 a {
margin: 10px 0 0 0;
font-size:11px;
color:#547caa;
text-decoration:none;
}
h5 a:hover {text-decoration:underline;}

p {
margin: 10px 0 0 0;
line-height:170%;
}

input {
font-size:11px;
color:#444;
}

small {
font-size:11px;
display:block;
}
small,small a{color:#547caa;text-decoration:none;}
small a:hover {text-decoration:underline;}

.article a,
.featured p a,
.people li a {color:#537caa;}
.article a:hover,
.featured p a:hover,
.people li a:hover {text-decoration:none;color:#000080;}

/************************** containers */

#wrap {
text-align:left;
background:#fff url(images/wrap.gif) repeat-y;
width:842px;
margin:auto;
height: 490px;
}
html>body #wrap {height:auto;min-height:490px;}

#footer {
height: 44px;
width:842px;
margin:auto;
text-align:right;
padding: 60px 0 0 0;
background:#fff url(images/footer.gif) no-repeat;
}

#inner {
width:810px;
margin: 0 0 0 21px;
}

#top {
width:100%;
height:270px;
}

#logo {
width:150px;
height:100%;
float:left;
}

#main,
#about,
#archive,
#contact,
#people,
#research,
#resources,
#search,
#single,
#training {
width:650px;
float:left;
height:100%;
}

#content.index {
margin: 15px 0 15px 0;
}

.featured {
margin: 0 20px 0 0;
width:480px;
float:left;
}

.article {
margin: 0 20px 0 0;
width:580px;
float:left;
}

.sidenav {
width:185px;
float:left;
text-align:right;
}

.notice {
width:300px;
float:left;
}

/************************** top */

#logo a img {
margin: 30px 0 0 20px;
}

#top.internal {height:175px;overflow:hidden;}

#top.internal .searchopacity {margin: 125px 0 0 0;}

#top.internal .search {margin: 140px 0 0 495px;}

/************************** page images */

#main {background: #fff url(images/home.jpg) no-repeat;}
#about {background: #fff url(images/about.jpg) no-repeat;}
#archive {background: #fff url(images/about.jpg) no-repeat;}
#contact {background: #fff url(images/contact.jpg) no-repeat;}
#people {background: #fff url(images/people.jpg) no-repeat;}
#research {background: #fff url(images/research.jpg) no-repeat;}
#resources {background: #fff url(images/resources.jpg) no-repeat;}
#search {background: #fff url(images/about.jpg) no-repeat;}
#single {background: #fff url(images/about.jpg) no-repeat;}
#training {background: #fff url(images/training.jpg) no-repeat;}

/************************** nav */

.navopacity {
position:absolute;
margin: 0 0 0 0;
height:50px;
width:650px;
}

.nav {
margin: 15px 0 0 0;
width:650px;
text-align:right;
position:absolute;
z-index:100;
}

.nav ul {margin: 0 10px 0 0;}

.nav li {
display:inline;
list-style:none;
}

.nav li a {
font-size:14px;
color:#fff;
text-decoration:none;
padding: 0 8px 0 8px;
}

.nav li a:hover {
color:#fffea7;
text-decoration:underline;
}

.nav ul ul,
#footer ul ul {display:none;}

/************************** sidenav */

.sidenav ul {margin:10px 0 10px 0;}
.sidenav ul ul {margin: 5px 0 5px 0;}

.sidenav li {
list-style:none;
margin-bottom: 5px;
}
.sidenav li li a {background:none;}

.sidenav li a {
padding:0 15px 0 0;
color:#3a4d63;
font-size:13px;
text-decoration:none;
background: url(images/li.gif) no-repeat right;
}

.sidenav li a:hover {color:#547CAA;}

.sidenav li li a {
color:#83a5cb;
font-size:11px;
}

.sidenav ul ul ul {
border-right: 4px solid #537caa;
margin: 5px 15px 5px 0;
}

.sidenav li li li a {color:#537CAA;padding: 0 10px 0 0;}
.sidenav li li li a:hover {color:#83a5cb;}

/************************** search */

.searchopacity {
margin: 220px 0 0 0;
height:50px;
width:650px;
position:absolute;
}

.search {
position:absolute;
margin: 235px 0 0 495px;
z-index:100;
}

.search input {
background:#bbc0d4;
border:1px solid #fff;
padding:2px;
}

p strong.search-excerpt {
font-weight:normal;
background:#FFFEA7;
padding:1px;
}

/************************** archive */

.archive,
.searchpost {
border-left: 5px solid #efefef;
border-bottom: 1px solid #efefef;
margin: 20px 0 20px 0;
padding: 0 0 5px 15px;
}

.archive span.date {
font-size:11px;
color:#9f9f9f;
}

/************************** featured and notice */

.featured p {
text-indent:20px;
}

.notice p {
margin:0;
color:#787878;
line-height:160%;
font-size:11px;
}

.uwc {
width:70px;
float:right;
margin: 20px 0 0 0;
}
html>body .uwc {margin: 20px 20px 0 0;}
.uwc img {margin: 0 20px 0 0;}

.extras {
width:100%;
height:110px;
}

.threelinks {
width:180px;
margin: 20px 0 0 0;
float:left;
text-align:left;
}
.threelinks p strong {color:#547CAA;margin-bottom: 3px;display:block;}
.threelinks li {list-style:none;font-size: 11px;margin-bottom: 3px;}

/************************** general */

.article p img {
background:#ccc;
padding:4px;
border:1px solid #537caa;
margin: 10px;
}

.article ul {margin: 15px 0 15px 30px;}
.article ul ul {margin: 0 0 0 30px;}
.article strong,
.threelinks li a {color:#537caa;}
.threelinks li a:hover {text-decoration:none;color:#000080;}
.people .article li {list-style:none;}

.people .article blockquote ul {margin-left: 20px;}

.people .article blockquote {
margin: 10px 0 10px 0;
background:#efefef;
border-left: 10px solid #537caa;
}

.peoplemain ul {
width: 210px;
height:220px;
float:left;
margin: 10px 0 0 30px;
display:block;
}
html>body .peoplemain ul {margin: 10px 0 0 55px;}

.peoplemain li {list-style:none;}
.peoplemain li img {
background:#ccc;
padding:4px;
border:1px solid #537caa;
margin: 0 10px 0 0;
}

.peoplemain h4 {clear:both;}

.article ol {margin: 10px 0 10px 20px;}

.people .article ul li {list-style:circle;}

.article p em a {
font-style:normal;
padding: 0 0 0 13px;
background:url(images/extlink.gif) no-repeat center left;
}

p.breadcrumb {
display:block;
background:#efefef;
padding: 1px 1px 1px 10px;
font-size:11px;
}

ul#four li {
list-style:none;
padding: 3px 0 3px 0;
}

/************************** outputs */

ul.outputs {margin: 0 0 0 0;}

ul.outputs li {
list-style:none;
padding: 5px 0 5px 10px;
border-top: 1px solid #ccc;
}

ul.outputs li a {
font-weight:bold;
}

/************************** footer */

#footer ul {
margin: 0 20px 0 0;
}

#footer ul li {
list-style:none;
display:inline;
}

#footer li a,
#footer li {
font-size: 11px;
color:#cecece;
text-decoration:none;
}

#footer li a:hover {
color:#999;
}

#footer li:after {content: ' | '}
#footer li.none:after {content:'';}