/*RESET AND CLEARFIX
----------------------------*/

:link,:visited {text-decoration:none}
ul,ol {list-style:none}
h1,h2,h3,h4,h5,h6,pre,code {font-size:1em;}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {margin:0; padding:0}
a img,:link img,:visited img {border:none}
address {font-style:normal}
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;} 
.clearfix {display:inline-block;}
.clearfix {display:block;}
 
html,body {height:100%;}


/* BODY
-----------------------------------*/
html, body {height:100%}

body {background:#7c9a9a; font: 62.5%/1.4em "Verdana", Arial, sans-serif; color:#333;}

/* TYPOGRAPHY
-----------------------------------*/ 

p, ul, ol {font-size:1.2em; line-height:1.4em; margin-bottom: 1.2em;} 
p {margin-bottom:1em;}

a:link {color:#557375; outline:none; text-decoration:underline; }   
a:visited {color:#557375; text-decoration:underline;}
a:hover {color:#557375}

h1, h2, h3, h4, h5, h6 {font-family: "Verdana", Arial, sans-serif; font-weight:normal; margin-bottom:0.3em; color:#557375; line-height:1.2em;}

h1 {font-size:2.8em;}
h2 {font-size:2em;}
h3 {font-size:1.6em;}
h4 {font-size:1.4em;}

/*BACKGROUND POSITIONS KEPT IN ONE PLACE FOR MAINTENANCE
---------------------------------------------------------*/

/*headers - header image controlled by body class*/
#header {height:119px; background: url(Images/online-header_small.jpg) no-repeat}
#header-home {height:270px; background: url(Images/online-header.jpg) no-repeat}

/* STRUCTURE - OUTER
-----------------------------------*/
#container {padding-top:20px; width:820px; margin:0px auto; background:url(Images/container-shadow.jpg);}
#wrap {margin:0px 30px 10px 30px; background:white;}
#wrap2 {background-color:white;}

#header h1 {margin-left:-1000px; height:1px; font-size:2px;}

/* STRUCTURE - INNER - GENERAL
-------------------------------- */
#content {padding:0px 10px;}


/*MAIN GENERAL 
------------------*/
#main {width:720px; float:left; padding-right:10px;}
#main-inner {padding:10px;}

#main h1 {color:#392D75}


#main h1 a, #main h2 a, #main h3 a, #main h4 a {text-decoration:none;} /* all content heading links do not have underlines*/
#main h1 a:hover, #main h2 a:hover, #main h3 a:hover {text-decoration:underline;}

.head-fancy {font-size:1.6em; margin-bottom:20px; border-bottom:1px dashed; padding:2px;}

#main ul {list-style-type:disc; margin-left:1.6em;}
#main ol {list-style-type:decimal; margin-left:1.6em;}
#main li {margin-bottom:0.7em;}
#main li li {font-size:90.9%;}
#main li li li {font-size:82.6%;}

/*FOOTER
----------*/
#footer {clear:both; background-color:#7C9A9A; color:white; padding:2px;}
#footer p {font-size:1em; text-align:center;}
#footer a {color:white;}

/* NAVIGATION - PRIMARY
------------------------------*/
#nav ul {background-color:#392D75; padding:5px; padding-left:10px;}
#nav ul li {float:left; font-size:1em; margin-right:10px;}
#nav ul li a {color:white; text-decoration:none; background: url(Images/arrows.jpg) no-repeat; padding-left:15px;}
#nav ul li.current a {color:#FFB20C !important;}
#nav ul li a:hover {color:#FFB20C;}

/* NAVIGATION - SECONDARY
------------------------------*/
#secondarynav ul {background-color: transparent; padding:5px; padding-left:0px;height:15px; list-style:none;}
#secondarynav ul li {float:left; font-size:1em; margin-right:10px;}
#secondarynav ul li a {color:#000; text-decoration:none; padding-left:15px;text-decoration:underline;}
#secondarynav ul li.current a {color:#392D75 !important; }
#secondarynav ul li a:hover {color:#392D75;}


/*PHOTO
-------------*/

/* photos */
.photo p {font-weight:bold; font-size:x-small !important;}

/*div widths and floats */

.full {width:500px; margin-bottom:10px;}
.half {width:255px; margin-bottom:10px;}

.floatright {float:right; margin-left:13px;}
.floatleft {float:left; margin-right:13px;}


/* ONLINE SERVICES 
------------------------------*/
#onlineserv-btn {margin-bottom:20px;}
#onlineserv-btn a {color:#fff;}
.online-searchbtn {text-align:center; font-size:2.0em;color:#fff; background-color:#392D75; border:#000 solid 3px; padding:25px; float:left; margin-right:25px; margin-bottom:100px; margin-top:25px; width:250px; line-height:1.3em;}
#onlineserv-btn a:hover {color:#392D75;background-color:#CEDCDD;}

#people #main {background:none;}
#people #sidebar h2 {background-color:#4f6b6b; font-size:1.2em; color:white; border:0; padding:2px; }

table#tpeople {background-color:#e0e6e9; width:700px;}
.people-headers {font-weight:normal; background-color:#CCC; font-size:1.3em; color:white; background-color:#516060;}

#tpeople td {padding:2px; border-bottom:2px solid white; border-right:2px solid white;}
#tpeople td p {font-size:1.2em;}

#people-image {width:160px;}
#people-name {width:220px; background-color:#768989;}
#people-contact {}

.people-row-image dl {}
.people-row-image dt {float:left;}
.people-row-image dd {margin-left:70px;}
.people-row-image img {border:2px solid #516060;}
.people-row-image dd.bio-name {font-size:1.1em; font-weight:bold;}
.people-row-image dd.bio-profession {font-size:1em;}

.people-row-name {}
#tpeople td.people-row-name ul {margin:0;}
#tpeople td.people-row-name li {margin:0; margin-bottom:0.2em; padding:0; list-style-type:none; font-size:0.95em;}

.people-row-contact {}

#sidebar-people-search {padding:4px; margin-bottom:4px;}
.people-pages {float:right; clear:both}

#people-search {background-color:#EFEFEF; margin-bottom:10px; padding:2px;}
#library-search {background-color:#EFEFEF; margin-bottom:10px; padding:2px;}

.onlineserv-header {color:#3F3F3F;}

/*PEOPLE - BIO */

#people-bio h1 {font-size:2.6em; color:#392D75; font-weight:normal; margin-bottom:20px;}
#people-bio h2 {font-size:1.9em; padding-left:10px;}
#people-bio p {padding-left:10px;}

#bio-summary {}
#bio-summary dt {float:left;}
#bio-summary dt img {border:1px solid #CCC; padding:4px;}
#bio-summary dd {margin-left:150px; font-size:1.2em; margin-bottom:1em;}

/*bio sidebar */

/*#sidebar-bio {padding-bottom:187px; background: url(/Images/bio-gradient.jpg) repeat-x bottom;}*/
#bio-contact {}
#bio-contact h2 {background-color:#e7ecec; border:none; margin:5px; color:#373f3f;}
#bio-contact ul {font-size:1em; margin-left:5px; margin-right:5px; background-color:#c0cece; padding:2px;}
#bio-contact li {margin-bottom:5px;}

#bio-related h2 {background-color:#e7ecec; border:none; margin:5px; color:#373f3f;}
#bio-related ul {font-size:1em; margin-left:5px; margin-right:5px; background-color:#c0cece; padding:2px;}
#bio-related li {margin-bottom:5px;}


table.online_services
{text-align: left;
font-weight: normal;
font-size:12px;
color: #404040;
width: 100%;
background-color: white;
border-spacing: 0px;
padding:5px;
border-collapse:collapse;

} 

table.online_services td {padding:3px; border:1px solid gray; }

#column1width {width:150px;}