@charset "UTF-8";

* {margin:0; padding:0; }
html, body { margin:0; padding:0; border:0; height:100%; }
body  {
	font:100% Arial, Helvetica, Verdana, sans-serif;
	background:#fff url(../images/template/bg.jpg) repeat-x 0 0;
	text-align:center;
	color:#000;
}
img { border:none; }

#wrapper { position:relative; width:850px; min-height:100%; margin:0 auto; text-align:left; }

#header { position:relative; height:150px; background:#075472 url(../images/template/header.jpg) no-repeat center center; } 
#header img { float:left; margin-top:47px; }
#header div.toplinks { float:right; text-align:left; color:#fff; font-size:11px; margin-top:15px; }
#header div.toplinks span { margin:0 3px; font-size:12px; }
#header div.toplinks a { color:#fff; text-decoration:none; }
#header div.toplinks a:hover { text-decoration:underline; }

#mainContent { position:relative; float:left; font-size:14px; line-height:18px; margin-top:50px; }
#mainContent hr { margin:10px 0 20px; }
#mainContent ul li { list-style-type:none; margin-left:86px; text-indent:-80px; margin-bottom:3px; }
#mainContent ul li ul li { width:340px; margin-left:74px; text-indent:-77px; }
#topics #mainContent ul li { list-style-type:none; margin-left:46px; text-indent:-40px; margin-bottom:3px; }
#mainContent p.introtext { width:770px; }
#mainContent p.browse { font-size:18px; font-weight:bold; margin-top:50px; margin-left:100px; width:610px; }
#mainContent hr.topicbar { margin-right:300px; margin-top:20px; color:#aaafb3; background-color:#aaafb3; border:none 0; height:1px; }
#mainContent p.topicintro { margin-right:300px; }
#mainContent span.share { position:absolute; top:5px; right:5px; color:#000; font-size:12px; }

div#corrections, div#omissions, div#photographs, div#furtherinfo { margin-bottom:10px; }

#sidebar { float:left; width:200px; margin-top:50px; /*background:#ebebeb; padding:50px 0; */font-size:12px; } 
/* since this element is floated, a width must be given. the background color will be displayed for the length of the content in the column, but no further. top and bottom padding create visual space within this div  */

#sidebar h3 { margin:30px 0 10px; font-size:15px; padding:2px 3px 1px; width:194px; color:#055370; background-color:#e3e7ea; border-top:1px solid #055370; border-bottom:1px solid #aaafb3; }
#sidebar p { margin-bottom:15px; }
#sidebar p.caption { font-size:10px; line-height:12px; margin:5px 0 -10px 2px; }

#bio #mainContent, #inst #mainContent, #topics #mainContent { width:550px; margin-right:100px; } 
#bio #mainContent h1, #inst #mainContent h1, #topics #mainContent h1 { padding: 4px 100px 3px 6px; margin-top:0; color:#055370; background-color:#e3e7ea; border-top:1px solid #055370; border-bottom:1px solid #aaafb3; font-size:19px; letter-spacing:1px; }
#bio #mainContent h2, #inst #mainContent h2, #topics #mainContent h2 { font-size:18px; color:#055370; margin:30px 0 7px; padding-left:6px; }
#bio #mainContent p, #inst #mainContent p, #topics #mainContent p { margin-bottom:10px; padding-left:6px; }

#homeicons { width:750px; margin:0 auto; text-align:center; }

#homebio, #homeinst, #hometopic { width:240px; height:240px; float:left; text-align:center; margin:0 5px; }
#homeicons a.iconlabel { display:block; width:100px; font-weight:bold; margin:-25px auto 0; z-index:50; }

#sectionlist h2 { font-size:18px; color:#000; }

p { margin-bottom:20px; }
p.collapse { margin-bottom:0; }

a { color:#055370; text-decoration:none; }
a:hover { text-decoration:underline; }

h1 { margin-bottom:10px; color:#055370; font-size:21px; letter-spacing:1px; }
h2 { font-size:18px; color:#055370; margin:30px 0 7px; }

.alphalist { width:580px; border-top:1px solid #aaafb3; border-bottom:1px solid #aaafb3; margin:20px 0 30px; font-size:18px; line-height:32px; font-weight:bold; letter-spacing:2px; }
.instlist { width:750px; border-top:1px solid #aaafb3; border-bottom:1px solid #aaafb3; margin:20px 0 30px; font-size:18px; line-height:32px; font-weight:bold; }
.instlist span { margin:0 3px; }
.inset { margin:10px 20px 10px 15px; padding:10px; }
.inset p { margin-bottom:0; }
.crumbs { float:left; width:100%; font-family:Arial, Helvetica, Verdana, sans-serif; height:20px; position:relative; font-size:10px; margin-top:30px; }
.clear { width:100%; clear:both; }


/********** HORIZONTAL NAV ***********/
/* common styling */
#hnav { float:left; width:100%; font-family:Arial, Helvetica, Verdana, sans-serif; position:relative; z-index:100; padding-top:7px; margin:0; }
#hnav ul li a, #hnav ul li a:visited { font-size:12px; font-weight:bold; text-decoration:none; width:85px; height:25px; text-align:left; color:#8e9397; letter-spacing:1px; line-height:25px; overflow:hidden; }
#hnav ul { padding:0; margin:0; list-style: none; }
#hnav ul li { float:left; position:relative; }
#hnav ul li ul { display: none; }
#hnav ul li span { font-size:11px; vertical-align:1px; color:#666; margin:0 12px; }

/* specific to non-IE browsers */
#hnav ul li:hover a { color:#065371; font-weight:bold; width:85px; }
#hnav ul li:hover ul { display:block; position:absolute; top:24px; left:-13px; width:105px; }
#hnav ul li:hover ul li a.hide { background:#6a3; color:#fff; }
#hnav ul li:hover ul li:hover a.hide { background:#6fc; color:#000; }
#hnav ul li:hover ul li ul { display:none; }
#hnav ul li:hover ul li a { display:block; background:#e3e7ea; color:#000; padding-left:12px; padding-right:8px; }
#hnav ul li:hover ul li a:hover { background:#075472; color:#fff; }
#hnav ul li:hover ul li:hover ul { display:block; position:absolute; left:105px; top:0; }
#hnav ul li:hover ul li:hover ul.left { left:-105px; }


/********** FORMS ***********/
#home form { margin:12% auto 15%; position:relative; background:transparent url(../images/searchbg.gif) no-repeat center bottom; padding: 0 30px 0 35px; width:485px; height:120px; }
#home form input.homesearch { margin:0; width:390px; border:1px solid #585858; color:#666; font:normal normal 15px "Courier New", Courier, monospace; padding:6px 5px 6px; }
#home form input.button { margin:0; width:78px; height:31px; background:url(../images/searchbutton.jpg) no-repeat center center; border:none; }
#home form input.lspace { margin-left:20px; }
#home form div.selection { margin-bottom:20px; color:#075472; font:bold normal 12px/12px Arial, Helvetica, sans-serif; }
#home form div.searchbox { margin-bottom:15px; height:33px; line-height:33px; }
#home form div.advsearch { width:485px; text-align:right; }
#home form div.advsearch a { font:bold normal 12px/12px Arial, Helvetica, sans-serif; }

form#contact { margin-top:20px; width:550px; padding-top:20px; border-top:1px solid #aeb3b7; }
form#contact label { display:block; font-weight:bold; }
form#contact input { height:18px; }
form#contact input, textarea { font-size:11px; color:#333; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; border:1px solid #aeb3b7; overflow:auto; width:290px; margin-bottom:15px; }
form#contact textarea.message { height:100px; }
form#contact input:focus, textarea:focus { background-color:#f7f8f9; }
form#contact input:focus.sendbutton, form#contact input:focus.resetbutton { background-color:#aeb3b7; }
form#contact .security { font-weight:bold; }
form#contact .securitycode { border:1px solid #aeb3b7; margin-bottom:15px; width:290px; }
form#contact .sendbutton { width:55px; height:25px; border:1px solid #94989c; font-size:12px; background-color:#055370; color:#fff; margin-right:10px; margin-top:15px; font-family: Arial, Helvetica, Verdana, sans-serif; padding:2px 0 3px; }
form#contact .resetbutton { width:55px; height:25px; border:1px solid #94989c; font-size:12px; background-color:#aeb3b7; color:#fff; margin-right:10px; margin-top:15px; font-family: Arial, Helvetica, Verdana, sans-serif; padding:2px 0 3px; }


/********** FOOTER ***********/
#clearfooter { clear:both; height:100px; }

#footer { position:relative; background:#e3e7ea/*#d6dbdf url(../images/template/footer_bg.jpg) repeat-x 0 0*/; border-top:1px solid #aeb3b7; margin-top:-60px; /* negative value of footer height */ height:59px; clear:both; color:#9a9fa3; text-align:center; font-size:11px; }
#footer div#footercontent { width:850px; text-align:left; margin:0 auto; padding-top:14px; }
#footer a { color:#9a9fa3; text-decoration:none; }
#footer a:hover { color:#000; text-decoration:underline; }
#footer p { margin:0; }
#footer p span { margin:0 3px; }
#footer p.copyright { margin-top:5px; font-size:10px; }

#footertext { padding:0 10px; } /* the padding matches the left alignment of the elements in the divs that appear above it. */
#footertext p { margin:0; padding:10px 0; } /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */