/*TOPLEVEL FORMATTING*/html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,  
pre, form, fieldset, table, th, td { margin: 0; padding: 0; }  


a {text-decoration:none;}
a:hover {text-decoration:underline;}
a:visited {text-decoration:none;}
a:visited:hover {text-decoration:underline;}

html{height:0}

body{font:1em Lucida Grande, Calibri, Helvetica, Arial, Sans Serif;}




img{border-style:none}


/*SUB ACCORDIAN MENU*/
#slider{width:148px}
.header h1{font-size:1em; font-weight:normal}

.header{width:144px; padding:5px 4px 5px 0; border-top:2px solid #fff; cursor:pointer; text-align:right; background:url(images/rightarrow.png) #dedbd1 no-repeat left center}

.header:hover{background:url(images/downarrow.png) #dedbd1 no-repeat left center}
.content{background:#f4f2ed; overflow:auto; overflow-y:hidden}
.text{width:143px; border-top:none; padding:0 5px 3px 0; text-align:right}

/*STRUCTURE*/
#wrapper{min-width:1010px;width:100%;}

#googlewrapper{background:#FFF; width:100%; border:1px solid #000;padding-left:10px; background-position:center}

#banner{display:none;}

#googleform{text-align:right;float:right;width:220px;}

#flashbanner{float:left; height:143px; width:750px; background-color:#000; background-repeat:no-repeat; background-image:url(images/flashbackground.jpg); display:none;}

#menu{display:none;}

#news{width:20%;float:left;}

#centerbar{width:40%;float:left; text-align:center;}

#highlights{width:40%; float:right; }

#footer{display:none;}


/*INTRANET STRUCTURE*/
#intranet-calendar{width:230px; height:500px; margin:0 auto; float:right; background-color:#eeebde; background-image:url(images/IntranetHighlights.gif); background-repeat:no-repeat}

#intranet-news{width:230px; height:500px; margin:0 auto; float:left; background-color:#eeebde; background-repeat:no-repeat}

#intranet-centerbar{width:290px; height:500px; margin:0 auto; float:left}

/*CONTENT FORMATTING*/
#news h1{font-size:1.5em; padding:2px 0px 6px 5px; color:#000; font-weight:500; border-bottom:thin solid gray;margin-bottom:8px;}
#highlights h1{font-size:1.5em; padding:2px 5px 6px 0px; color:#000; font-weight:500; border-bottom:thin solid gray;margin-bottom:8px;text-align:right;}
#centerbar h1{font-size:1.5em; padding:2px 0px 6px 0px; color:#000; font-weight:500; border-bottom:thin solid gray;margin-bottom:8px;}

#intranet-news h1{background:#964c39; font-family:Tahoma,Geneva,sans-serif; font-size:1em; padding:2px 0px 3px 5px; color:#000; font-weight:500}

#centerbar p{padding:5px 18px 6px 0; text-align:center;}

#intranet-centerbar h1{background:#964c39; font-family:Verdana,Verdana,Geneva,sans-serif; font-size:1em; padding:2px 0px 3px 14px; color:#FFF; font-weight:500}
#intranet-centerbar p{border-bottom:1px solid #d28f8e ; margin:0 25px 0 25px;}
#intranet-centerbar img{padding:4px 0 4px;}

#intranet-calendar h1{background:#964c39; font-family:Verdana,Verdana,Geneva,sans-serif; font-size:1em; padding:2px 0px 3px 14px; color:#FFF; font-weight:500}


#news A:link{text-decoration:none; font-weight:900; color:#000; }
#news p{padding-top:5px}

#news A:visited{text-decoration:none; font-weight:700; color:#000}

#news A:active{text-decoration:none; font-weight:700; color:#000;}

#news A:hover{text-decoration:none; color:#690}

#news li{font-size:1em; list-style:none; text-align:left; padding:0 0 10px 25px;max-width:400px;}
#footer a{font-weight:400; text-decoration:none; text-align:center; color:#FFF; z-index:100;}

#footer a:hover{font-weight:400; text-decoration:none; text-align:center; color:#690;}

#highlights p{font-size:1em; padding:7px 15px 7px 15px; float:left; width:90%;background: #f6f6f6;border-bottom:4px solid white;}
.flashbox {font-size:1em; padding:7px 15px 7px 15px; float:left; width:90%;border-bottom:4px solid white;background:#FFF;}


#highlights h2{font-size:1em; font-weight:700; padding-top:3px;}

#highlights A:link{text-decoration:none; font-weight:700; color:#000}

#highlights A:visited{text-decoration:none; font-weight:700; color:#000}

#highlights A:active{text-decoration:none; font-weight:700; color:#000}

#highlights A:hover{text-decoration:none; color:#690}

#highlights img{float:right; height:60px; width:60px; padding:2px 7px 0px 8px;}

#banner a{text-decoration:none; border:none}

/*SUBPAGE FORMATTING*/
#breadcrumb{font-size:0.85em; text-decoration:none; padding-bottom:15px; max-width:410px}
#breadcrumb a{color:black; text-decoration:none}
#breadcrumb a:hover{color:#690; text-decoration:underline}
.alphalist{}
.alphalist a:hover{color:black; text-decoration:underline}
.alphalist a{color:#690; text-decoration:none}

.rightimg {float:right; padding:10px 0 10px 10px;}
.leftimg {float:left; padding:10px 10px 10px 0;}

#searchcenter{width:80%; height:auto; min-height:727px; float:left; padding:8px 15px 15px 15px}

#subcenter{width:70%;height:100%; min-height:727px; float:left; padding:8px 5px 15px 15px; padding-top:10px;}

#subcenter h1{font-size:1.7em; padding:2px 10px 5px 0px;font-weight:normal;margin-bottom:0px;}
#subcenter h2{font-size:1.4em; padding:2px 10px 7px 0px;font-weight:normal;}
#subcenter h3{font-size:1.2em; padding:0 10px 5px 15px;font-weight:bold;}
#subcenter h4{font-size:1em; padding:0 10px 5px 15px;font-weight:bold;}
#subcenter h5{font-size:1em; padding:0 10px 5px 15px;font-weight:bold;}
#subcenter h6{font-size:1em;}

#subcenter label.Alphabet{font-size:1.2em;font-weight:normal;padding:0 2px 0 4px;cursor:pointer; border-left:solid 1px #999999}


#subcenter p{padding:0px 10px 10px 15px}
#subcenter p.Indent{padding:0px 10px 10px 38px}

#subcenter li{list-style-position:outside; padding:0 10px 10px 8px; margin-left:30px }

#subcenter table.Table01 {margin-left:13px; margin-bottom:10px; margin-right:10px;}
#subcenter table.Table01 td {padding:5px;}

#subcenter A.IntranetLinks {text-decoration:none;color:#000;font-weight:400;}
#subcenter A.IntranetLinks:hover {text-decoration:underline;color:#964c39;}

.SubCPanel01 {position:relative;visibility: hidden;overflow: auto;border:solid 1px #AAAAAA;}
.SubCTab01 {position:relative;width:100px;padding:3px 0 5px 0;text-align: center;}
.SubCTab02 {position:relative;width:30px;padding:3px 0 5px 0;text-align: center;}

#subleft{clear:left; width:148px; float:left; margin-left:10px;padding-top:10px;}
#subleft a{text-decoration:none; text-align:center; color:#000}
#subleft a:hover{text-decoration:underline; color:#690}

#subright{clear:both;
text-align:right; 
width:180px; 
height:auto; 
float:right; 
background-color:#EBE8DF; 
background-image:url(images/gradient.gif);
background-repeat:repeat-x; 
background-position:top; 
margin:66px 10px 5px 30px}

#subrightppl{text-align:right; margin:34px 0 5px 10px; width:160px; height:auto; float:right}

#subright A:link{text-decoration:none; font-weight:400; color:#000}

#subright A:visited{text-decoration:none; }

#subright A:active{text-decoration:none; }

#subright A:hover{text-decoration:underline; color:#690}

#subright h1{padding:2px 0 3px 3px; font-size:1em; text-align:left;color:#000;font-weight:bold;}
#subright h4{background-color:#EBE8DF; font-size:1em; text-align:left; padding:0px 0 3px 5px}
#subright h5{background-color:#fff; background-image:url(images/gradient.gif); background-repeat:repeat-x; background-position:bottom; padding:17px 0 3px 3px; font-size:1em; text-align:left;line-height:11px; }

#subright li{text-align:left; background-color:#EBE8DF; padding-left:6px; list-style:none}
#subright ul{background-color:#EBE8DF; padding-right:7px; list-style:none}
#subright p{text-align:left; background-color:#EBE8DF; padding:0px 0px 4px 6px}

#subrightmap{padding-bottom:4px; border:solid 1px #C0CD9D; margin:0 auto; width:160px; background:#EBE8DF; float:right; margin-right:10px; margin-top:10px;}
#subrightmap h1{padding:2px 0 5px 2px; font-size:1em; text-align:left; background:url(images/gradient.gif) repeat-x}
#subrightmap A:link{text-decoration:none; color:#000}

#subrightmap A:visited{text-decoration:none; color:#000}

#subrightmap A:active{text-decoration:none; color:#000}

#subrightmap A:hover{text-decoration:underline; color:#690}

/*
Sitemap Styler  
*/
#sitemap, #sitemap ul, #sitemap li{margin:0; padding:0; list-style:none}
#sitemap li{line-height:20px; margin-top:1px; position:relative; width:100%}
/* IE leaves a blank space where span is added so this is to avoid that */
* html #sitemap li{float:left; display:inline}

#sitemap li a{padding-left:28px}
#sitemap li span{float:left; position:absolute; top:5px; left:5px; width:13px; height:13px; cursor:auto; font-size:0}
#sitemap li span, #sitemap li span.collapsed{background:url(images/collapsed.gif) no-repeat 0 0}

#sitemap li span.expanded{background:url(images/expanded.gif) no-repeat 0 0}

/* sub levels */
#sitemap li ul{margin-left:28px; background:url(images/line1.gif) repeat-y}
#sitemap li li{background:url(images/line2.gif) no-repeat 0 0}

/* etc. */
/* float fix */
#sitemap:after, #sitemap ul:after{ content:".";  display:block;  height:0;  clear:both;  visibility:hidden}
#sitemap, #sitemap ul{display:block}
/*  \*/
#sitemap, #sitemap ul{min-height:1%}
* html #sitemap, * html #sitemap ul{height:1%}
 /*  */
#sitemap ul{display:none}
/* Kate created this div inside editable content area in #divsubcenter for researcher profile pages e.g. research/people/strelein.html */
#researcher{width:200px; height:auto; float:right; padding-left:6px}
/* Kate created this div inside editable content area in #divsubcenter for Annual Report cover */
#cover{width:auto; height:auto; float:left; padding:4px 10px 6px 0px}
/* Kate created this div inside editable content area in #divsubcenter for staff group photo */
#staff{width:auto; height:auto; padding:4px 6px 6px 6px}
/* Kate created this div inside editable content area in #divsubcenter for horizontal pic e.g. corporate/contacts.html */
#widepic{width:300px; height:auto; float:right; padding-left:6px}


/*drop down*/

#nav,
#nav ul			{ list-style: none; margin: 0; padding: 0; }
#nav			{ background:0 0 repeat-x url(images/nav.png); font-family: Arial, Helvetica, sans-serif; font-size: 0.875em; /* 14px / 16px */ font-weight: bold; height: 2.286em; /* 32px / 14px */ line-height: 1.5em; /* 21px / 14px */ z-index:100; }

#nav .toplevel {color: #c7d0d9;text-align:center;padding: 0.3em 30px 0.5em;height: 2.286em;line-height:2em;}
#nav .toplevel:hover, focus {color:#fff}
#nav li			{ background: #16314b url(images/li.png) right top no-repeat; float: left; height: 2.286em; /* 32px / 14px */ margin: 0; padding: 0; position: relative; }
#nav a			{ background: url(images/a.gif) left top no-repeat; color: #c7d0d9; display: block; padding: 0.286em 30px 0.5em; /* 4px 30px 7px */ text-decoration: none; }

#nav a:hover,
#nav a:focus		{ color: #fff }

#nav ul			{ background: #20456a; left: 0; font-size: 0.857em; /* 12px / 14px */ line-height: 1.5em; /* 18px / 12px */ position: absolute; top: 14px; /* 32px / 12px */ width: 180px; }
#nav ul li		{ background: none; float: none; height: auto; width: 180px; }
#nav ul a		{ background: none; padding: 0.083em 30px 0.25em; /* 1px 30px 3px */ width: 120px; }
#nav ul ul		{ font-size: 1em; }

#nav ul a:hover,
#nav ul a:focus		{ background: #16314b; }
#nav ul .hover>a	{ background: #16314b; }

#nav ul ul		{ left: 180px; top: 0.5em; /* 6px / 12px */ }

#nav ul,
#nav :hover ul ul,
#nav .hover ul ul	{ margin-left: -9999px; }

#nav li:hover>ul,
#nav li.hover>ul,
#nav a:focus+ul,
#nav ul ul,
#nav .hover a:focus	{ margin-left: 0; }
#nav ul a:focus		{ margin-left: 9999px; }
#nav form {padding:3px 10px 0 0;}
#nav body	{ font-family: Arial, Helvetica, sans-serif; font-size: 100%; line-height: 1.5em; }
#nav p,
#nav ul	{ margin-bottom: 1.5em; margin-top: 1.5em; }