body {
	font-family: Verdana;
	
	color: #343434;
	font-size: 80%;
	background-color: #FFFFFF;
	padding: 0px;
	margin: 0px;
	
}

h1 {
	
	color: #C00B2A;
	margin: 0;
	font-size: 150%;
	font-weight: normal;
}

h2 { font-size: 120% }

a, a:visited { text-decoration: underline; color: #3653b1; }

#header {
	clear: left;
	background: white url(/images/header-back.jpg) no-repeat right;
	margin: 0px;
	padding: 10px;
}

#topnav {
	margin: 0px;
	margin-bottom: 10px;
	padding: 0px;
	float: left;
	width: 100%;
	background: #27386e url(/images/topnav-back.gif) repeat-x 0 0.8em;
	border-top: 1px solid #58689c;
	border-bottom: 1px solid #1f232f;
	border: 0px;
	border-top: 1px solid #59699d;
	border-bottom: 1px solid #191e32;
}

#topnav ul {
	list-style-type: none;
	width: 100%;
	margin: 0px;
	padding: 0px;
	display: block;
	background-color: #27386e;
}

#topnav li
{
	list-style-type: none;
	float: left;
	white-space: nowrap;
}

#topnav li a {
		padding: 0.75em 0.6em;
	border-left: 1px solid #58689c;
	border-right: 1px solid #1f232f;
	border-top: none;
	border-bottom: none;
	background: #27386e url(/images/topnav-back.gif) repeat-x 0 1em;
	color: #e2e6f2;	
	font-weight: bold;
	text-decoration: none;
	display: block;
	font-size: 85%;
}

#topnav li a:hover { background-color: #212844; color: white; }

#topnav li a.selected, #topnav li a.selected:hover {
background: #c20b2a;
border-left: 1px solid #c20b2a;
border-right: 1px solid #c20b2a;
color: white;
}

#main-body { margin-left: 225px; } 

#content {
	padding: 10px;
	margin-left: 220px;
	border-left: 1px solid #ccc;
	line-height: 1.5;
}

#sidebar {
	float: left;
	padding: 10px;
	width: 200px;
	margin: 0px;
	font-size: 90%;
}

#sidebar li {
	
	background-color: #D0E1F5;
	color: #26376D;
	list-style: none;
	border-bottom: 1px solid white;
}

#footer{
	height: 80px;
	margin-top: 10px;
	padding: 10px;
	padding-left: 230px;
	background-color: white;
	border-top: 1px solid #ccc;
	clear: left;
	background: white url(/images/footer-back.jpg) repeat-x top;
	position: relative;
}


#footerimg {
	position: absolute; right: 1em; top: 0;
	
}

.navlist-current li { background-color: #FFFFFF; }
#sidebar li a { text-decoration: none; display: block; padding: 0.6em 0.4em; color: #283772; }

#sidebar li a:link, #sidebar li a:visited { color: #283772; }
#sidebar li a:hover { background-color: #f0f6fc; }
#sidebar li a { text-decoration: none; display: block; padding: 8px; color: #283772; }
#sidebar li a:link, #sidebar li a:visited { color: #283772; }
#sidebar li a.selected, #sidebar li a.selected:visited { background: white; color: #c2092b }
#sidebar li a:hover { background-color: #f0f6fc; }
.breadcrumb { color: #999; font-size: 85%; line-height: 1.4 }
.breadcrumb a, a:visited { color: #3653b1; }
.breadcrumb { margin-left: 225px;  display: block; } 
.warning-message { background-color: red;color: white; padding: 10px; }

#footer .breadcrumb { color: pink}

/*  Ed Crewe for library search subnav */




#subnav ul {
	list-style-type: none;
	width: 100%;
	float: left;
	padding: 0; margin: 1em 0;
}


#subnav li                                                                                                 
{                                                                                                          
        float: left;                                                                                       
        text-decoration: none;                                                                             
        border: 1px solid #ccc;                                                                            
        padding: 0.5em 0.5em 0.5em 28px;                                                                   
        margin-right: 1em;                                                                                 
        color: #c00b2a;                                                                                    
        font-weight: bold;                                                                                 
        font-size: 110%;                                                                                           
        }              

#subnav li a {
	display: block;

}


#subnav-rights { background: url(/images/one.gif) no-repeat 0 4px; }
#subnav-search { background: url(/images/two.gif) no-repeat 0 4px;  }
#subnav-results {background: url(/images/three.gif) no-repeat 0 4px;  }
#subnav-details { background: url(/images/four.gif) no-repeat 0 4px; }

/* homepage */
#homepage-content { 
	padding: 0.5em 0 1em 1em;	
	margin-left: 0;
	border-left: 0;
	line-height: 1.5;
	clear: left; }
	
#hp-left-col { float: left; width: 66%; margin: 0; padding: 0; }
#hp-right-col {padding-left: 1em; float: left; width: 30.5% }
#hp-intro { background: #283b7c; color: white;   min-height: 219px; height: auto; border: 2px solid #ccc }
/* for Internet Explorer */
/*\*/
* html #hp-intro {
height: 219px;
}
/**/
#hp-intro a { color: white; }
#hp-intro div { background: url(/images/intro-pic.jpg) center top ; height: 219px; width: 50%; float: left; margin-right: 1.1em }
#hp-intro p, #hp-intro h1 { margin-left: 50%; padding-right: 1em } 
#hp-intro h1 { padding-top: 0.5em }
#hp-intro h1 { color: white; font-weight: normal; font-size: 170%; height: 1%; margin-bottom: 0; padding-bottom: 0 }
#hp-intro p { margin: 0; padding: 0 1em 0.7em 0 }
#hp-intro p.tagline { margin-top: -3px; padding-top: 0; color: #fcc972; font-weight: bold }
#hp-right-col .hp-grey-box { border: 2px solid #ccc;  margin: 0 0 1em 0; padding: 0.75em 85px 0.75em 0.75em; }
.hp-grey-box h3 { font-family: Helvetica; font-size: 135%; padding: 0; margin: 0; font-weight: normal; line-height: 1.1  }
.hp-grey-box h3 a, .hp-grey-box h3 a:visited { color: #c00324; text-decoration: none; }
.hp-grey-box h3 a:hover { text-decoration: underline }
.hp-grey-box p { padding: 0; margin: 0.5em 0 0 0   }
#hp-right-col #hp-contacts { background: #eeeeee url(/images/contacts-back.jpg) no-repeat right top; }
#hp-right-col #hp-where { height: 1%;}
#hp-right-col #hp-feedback { background: #eeeeee url(/images/feedback-back.jpg) no-repeat right top; }
#hp-using, #hp-where { font-size: 95%; margin: 0 0 2em 0 }
#hp-using { float: left; width: 50%;  }
#hp-where { margin-left: 50%; padding-left: 1em; }
#hp-using h2, #hp-where h2 { padding: 0; margin: 0.75em 0 0 0 ; font-weight: normal; font-family: Helvetica; line-height: 1.1; font-size: 150%; border-bottom: 1px dashed #ccc; padding-bottom: 0.25em}
#hp-staff {  background: #eeeeee url(/images/staff-back.jpg) no-repeat right top;  }
#hp-using h2 a, #hp-where h2 a { color: #c00324; text-decoration: none; }
#hp-using h2 a:hover, #hp-where h2 a:hover { text-decoration: underline }
#hp-using img, #hp-where img { float: right; margin: 0.75em 0 0.5em 0.5em; padding: 2px; border: 1px solid #ccc; }
#hp-using p, #hp-where p { adding: 0; margin: 0.5em 0 0 0  }

#homepage-footer{                                                                                          
        height: 80px;                                                                                      
        margin-top: 10px;                                                                                  
        padding: 10px;                                                                                     
        padding-left: 1.3em;                                                                               
        background-color: white;                                                                           
        border-top: 1px solid #ccc;                                                                        
        clear: left;                                                                                       
        background: white url(/images/footer-back.jpg) repeat-x top;                                       
        position: relative;                                                                                
        font-size: 85%;                                                                                    
}