/*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,font,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,dl,dt,dd,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {border:0;font-family:inherit;font-style:normal;font-weight:400;margin:0;padding:0;text-align:left;}
:focus { outline:0;}
body {
background:#fff url(/i/template/bodybg.gif) 0 0 repeat;
color:#333;
font: 10px Helvetica, Arial, sans-serif;
height:100%;
voice-family:inherit;
}
cite {font-style:italic;}

code, tt {font-family: Monaco, "Courier New", Courier, monospace;}
ul { list-style:none;}
table {border-collapse:collapse;border-spacing:0; width:100%;}
caption,th,td {font-weight:400;text-align:left;vertical-align:top;}
th {font-weight:700;}
blockquote:before,blockquote:after,q:before,q:after { content:"";}
.clr {clear:both;}
.hide {display:none; visibility:hidden;}

hr {
background:transparent;
border-color:transparent;
border-style:solid none none;
border-width:1px 0 0;
clear:both;
height:0px;
margin:0;
width:100%;
}

a {
color:#b81237;
outline:none;
text-decoration:none;
}

a:hover {color:#81122b;text-decoration:underline;}

/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 – 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
  /* Example:
  .sIFR-active h1 {
    font-family: Verdana;
    visibility: hidden;
  }
  */
}

/* masthead */

.hide, label#search, div#wordmark {display:none; visibility:hidden;}

#masthead p {position: absolute; left: -1000em; width: 20em;}

#masthead {background:#fff; height:146px; border-top: 8px solid #73a1cf;}

#mastheadwrap {width:900px; margin:0 auto;}

#masthead h1 {
text-indent:-9999px;
margin-top:20px;
}

#masthead h1 a {
background:transparent url(/i/template/masthead.gif) no-repeat scroll 0 0;
display:block;
height:89px;
text-decoration:none;
width:594px;
}


ul#utility {
left:594px;
width:310px;
list-style-type:none;
margin-top:-109px;
position:relative;
}

ul#utility li {
list-style:none;
background:#73a1cf;
float:left;
padding:0 3px 3px 3px;
height:10px;
}

ul#utility li.contact {padding: 1px 5px 6px 10px;}
ul#utility li.news, ul#utility li.proj {padding:1px 5px 6px 5px; }
ul#utility li.pubs {padding: 1px 10px 6px 5px;}

ul#utility li a {
color:#fff;
text-transform:uppercase;
display:block;
}

ul#utility li.contact a, ul#utility li.news a, ul#utility li.proj a {padding-right:9px; border-right:1px solid #fff;}

/* wrapper */
#wrappertop {height:20px; width:908px; margin: -20px auto 0 auto; background: #f8f7f7 url(/i/template/wrappertop_bg.png) 0 0 no-repeat;}

#wrapper {width:908px; margin:0 auto; background:transparent url(/i/template/content_shadow_bg.png) repeat-y scroll 0 0; padding-top:28px; line-height:1.65em;}

/* nav menu */

#subnav {
background: transparent url(/i/template/leftnav_bg.gif) repeat-y scroll 0 0;
float:left;
width:176px;
margin:0 32px 16px 4px;
padding:0 16px 0 16px;
}

#subnav h2 {font-size:1.1em;}

#subnav h2 a {
display:block;
border-bottom:1px solid #DBDFE1;
font-weight:400;
color: #3f4141;
margin-left:-16px;
padding:10px 16px;
text-transform:uppercase;
width:176px;
}

#subnav h2 a:hover {background: #EBECEC; text-decoration:none;}

#subnav ul {
background:#E9F0F5 none repeat scroll 0 0;
margin-left:-16px;
padding:8px 8px 8px 32px;
width:168px;
border-bottom:1px solid #DBDFE1;
list-style-image:url(/i/template/bullet.gif);
}

#subnav ul li a {color: #4c4d4d; font-size:1.1em;}

/* site search */
#subnav form {width:176px; margin:16px 0; color:#666;}

input#searchtext {
border:4px solid #ebecec;
color:#999;
font-size:1.2em;
padding:2px;
width:136px;
}

#subnav form br {display:block; margin-top:8px;}
#subnav form label {font-size:1.1em;}
label#thissite {padding-right:16px;}
input#submit {width:29px; height:24px;}

#subnavbottom {width: 210px; height:20px; background: transparent url(/i/template/leftnav_bottom_bg.gif) left bottom no-repeat; margin-left:-16px; padding-top:300px;}

/* homepage main content */
#content {width:608px; float:left;}

div#feature {width:608px; height:189px; background: #bcd0dd; padding:16px 16px 0 0; color:#333;}
div#feature img {float:left; width:373px; height:205px; margin:-16px 16px 0 0;}
div#feature h2 {font-size:18px; height:24px;}
div#feature p {font-size:1.2em; line-height:1.55em; height:130px; overflow:hidden;}

div#feature ul {
background:#99B8CD;
height:18px;
margin:7px 0 0 373px;
padding:5px 0;
width:251px;
}
div#feature ul li {padding-right:10px;}

div#feature ul a {
background:transparent url(/i/template/learn_more_arrow.gif) no-repeat scroll right top;
color:#FFFFFF;
padding: 0 20px 0 30px;
text-transform:uppercase;}

div#newsmodule {width:310px; float:left; background: transparent url(/i/template/newsbg.png) 0 0 no-repeat; padding:24px; margin: -16px 0 0 5px;}

div#newsmodule img {display:block; width:60px; height:60px; border:1px solid #97a3ac; float:left; margin-bottom:24px;}

div#newsmodule h3, div#newsmodule p {margin-left:80px;display:block; width:228px;}

div#newsmodule p {color:#666; margin-bottom:24px; }

div#pubsmodule {width:212px; float:left; padding:16px; color:#0f364e;}

div#pubsmodule p {margin-bottom:16px; font-style:italic;}

div#pubsmodule ul li {font-size:1.2em;}
 
div#newsmodule h2, div#pubsmodule h2 {color:#2277dd; font-size:18px; height:24px; margin-bottom:16px;}

div#newsmodule h3, div#pubsmodule h3 {font-size:1.1em; font-weight:700;}


/* Interior page main content */

div.maincontent h3, div.maincontent h4 {clear:both;}

div.maincontent h2 {color: #B81237; font-size:24px; margin-bottom:16px;}

div.maincontent h3 {color: #2277dd; font-size:1.6em; margin-bottom:8px;}

div.maincontent h4 {color: #333; font-weight:700; font-size:1.2em; margin-bottom:8px;}

div.maincontent p, div.maincontent ul, div.maincontent ol  {font-size:1.2em; line-height:1.7em; margin-bottom:16px;}

.maincontent table ul, .maincontent table ol  {font-size:1em; line-height:1.7em; margin-bottom:16px;}

div.maincontent ul, div.maincontent ol {width:90%;}

div.maincontent ul {margin-left:16px;}

div.maincontent table ul {margin-left:0;}

div.maincontent ul li {list-style-image:url(/i/template/greybullet.gif); margin-left:24px;}

div.maincontent li {margin-bottom:8px;}

div.maincontent blockquote
{
	border-top: 3px double #dbdfe1;
	border-bottom: 3px double #dbdfe1;
	padding-top: 13px;
	margin: 6px 0 16px 24px;
	width: 210px;
	float: right;
}


div.maincontent blockquote p
{
	font-weight:700;
	text-align:center;
}

.maincontent table {
width:100%;
font-size:1.2em;
border-top:1px solid #EBECEC;
border-bottom:1px solid #EBECEC;
margin-bottom:16px;
padding-bottom:16px;
}

.maincontent table thead th {color:#2277DD; vertical-align:bottom; border-bottom: 1px solid #EBECEC;}

.maincontent table td, .maincontent table th {padding:4px 16px;}

.maincontent table tr.even { background:#EBECEC;}

/* image caption styling */
body.missionmain div.maincontent div.caption {margin:0; float:none;}
div.maincontent div.caption {float:right; margin: 0 0 16px 24px; }

div.maincontent div.caption img {border: 5px solid #dde0e1;}

div.maincontent div.caption p {color: #666; font-size:1em; padding: 8px 5px 4px 5px; border-bottom:1px solid #ebecec;}

/* footer */

#footer { background: #eee url(/i/template/footerbg.gif) 0 0 repeat-x; padding: 16px; margin-left:4px; width: 868px; color:#6a6868; clear:both;}
#footer p a {color: #6a6868;}
#footer p a:hover {color: #4c4c4e;}

#footer a#copylink:hover {color: #6a6868; text-decoration:none; cursor:text;}

#footer ul li {float:left; padding-right:8px;}
#footer ul li.contact a, #footer ul li.news a, #footer ul li.proj a {padding-right:10px; border-right:1px solid #d0cccc;}
#footer p.vcard, #footer p#uofc {float:left;}

#footer p.vcard {border-top:1px solid #d0cccc; width:510px; padding-top:10px; margin-top: 10px; margin-right:154px;}

#footer p#uofc {margin-top:-8px;}

#footer p#uofc a {display:block; width:204px; height:46px; background: transparent url(/i/template/ucwordmark.gif) 0 0 no-repeat; text-indent:-9999px;}

#footer p#uofc a:hover {background-position: 0 -46px;}

#footerbottom {width:908px; height:12px; margin:0 auto 16px auto; background:transparent url(/i/template/footerbottom_bg.png) 0 0 no-repeat;}