/**** Global Layout & Component Divs *************************/

/* Section: Breadcrumb Layout -----------------------------------------*/
/*BREADCRUMB TEXT COLOR SET IN FILE STYLE-SECTIONNAME.CSS IN A P (PARAGRAPH) TAG */
 /* dashed line above breadcrumb. THIS WAS REMOVED IN OCT 2010 AND REPLACED WITH A DOTTED BORDER 
#breadcrumb-dashedline { 
	float:right;
	width:635px;
	background-image:url(/images/dashedline.jpg);
	background-repeat:repeat-x;
	margin:0;
	padding:0;
	line-height:7px;
}
 */
 
#breadcrumb { 
	float:right;
	width:626px; /*THIS WAS SET TO 626 INSTEAD OF 635 TO INDENT IT AND TO MATCH THE WIDTH OF THE BANNERS */
	/*width:100%; BECAUSE THE BREADCRUMB COMES BEFORE THE "CONTENT" DIV WHICH SETS THE NARROWER WIDTH, 100% MAKES THE BREADCRUMB DROP DOWN TO THE FOOTER */
	margin:0;
	padding:0;
	border-style:none none dotted none;
	border-width:2px;
	border-color:#cccccc;
}
/* End Section: Breadcrumb Layout -------------------------------------*/

#container { /* centers the page; determines page width */
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width:840px;
	text-align:left;
	background-color:#ffffff;

}

#content{ /* area for main content */
	clear:right;
   float:right;
	width:626px;	/*THIS IS THE WIDTH OF THE BANNER IMAGES*/
	padding:5px 0 20px 0;
	margin:0;
	display:inline;
	/*border:solid 1px;*/
}

/* Section: Header Layout -------------------------------------------------*/
#header-background { /*displays gradient background at 100% of width */
	position:absolute;
	width:100%;
	height:176px;
	top:0px;
	left:0px;
	background-image:url(../images/header-ext.jpg);
	background-repeat:repeat-x;
}

#header {
	margin:0px;
	padding:0px;
	width: 100%;
	height:176px;
	background-image:url(../images/header-ext.jpg);
	background-repeat:repeat-x;
}

#header-clplogo {
	float:left;
	margin-top:5px;
	width:123px;
	height:75px;
}

#header-notice {
	position:absolute;
	left:127px;
	top:62px;	
	width:650px;
	height:20px;
	font-weight:bold;
	text-align:center;
}

#header-title { /*used to display mini site names in the header*/
	float:left;
	margin-left:30px;
	margin-top:35px;
	height:30px;
}

#header-title h1 {
	color:#333333;
	margin:0;
	font-size:36px;
	font-family:Arial, Helvetica, sans-serif;
}

/*div settigns for the new search utility */

#utilities-new {
	float:right;
	margin:0;
	padding:0;
	height:77px;
	width:465px;
	z-index:1;
}

#utilities-new-search-ask { 
	background-image:url(/images/header-searchbar-bg.jpg);
	background-repeat:repeat-x;
	margin:0;
	padding:0;
	width:465px;
	height:53px;
	vertical-align:top;
}

#utilities-new-search { /*Search Utilities*/
	float:left;
	margin:0;
	padding:0;
	width:240px;
	height:53px;	
}

#utilities-new-search-form { 
	float:right;
	text-align:right;
	margin-top:5px;
	margin-right:0px;
	z-index:1;
}

#utilities-new-search-form label { /*set the "Search" label to display vertically centered*/
	vertical-align:middle;
	padding-bottom:6px;
}

#utilities-new-search-options { 
	float:right;
	display:inline;
	z-index:1;
	margin-right:19px;
	vertical-align:text-top;
	font-size:12px;
}

#utilities-new-search-google-logo{
	vertical-align:bottom;
}


#utilities-new-askalibrarian { /*Ask a Librarian*/
	float:right;
	width:215px;
	margin-top:10px;
}

#utilities-new-askalibrarian-icon { 
	float:left;
	width:81px;
	height:35px;
}

#utilities-new-askalibrarian-links { 
	float:left;
	width:120px;
	text-align:center;
	margin-top:2px;
	margin-left:2px;
	font-size:12px;
}

#utilities-new-search-internet {
	float:right;
	display:inline;
	margin-top:2px;
	margin-right:125px;
	width:275px;
	z-index:2;
	margin-top:-20px;
	text-align:right;
}

#utilities-new-howdoi { /*How Do I? Dropdown*/
	background-image:url(/images/header-howdoi-bg.jpg);
	background-repeat:no-repeat;
	background-position:right;
	float:right;
	margin:0;
	padding:0;
	width:175px;
	height:24px;
	z-index:1;	
}

/* End divs for new search utilities*/

/* divs for original search utility--*/
#utilities {
	float:right;
	margin:0;
	padding:0;
	height:60px;
	width:405px;
	z-index:1;
}

#utilities-search { /*Search Utilities*/
	background-image:url(/images/header-search-bg.jpg);
	background-repeat:repeat-x;
	margin:0;
	padding:0;
	width:405px;
	height:34px;	
}

#utilities-search-form { 
	float:left;
	margin-top:5px;
	z-index:1;
}

#utilities-search-internet { 
	float:right;
	margin-top:10px;
	width:140px;
	z-index:1;
}

#utilities-askalibrarian { /*Ask a Librarian*/
	float:left;
	z-index:2;
	width:280px;
	margin-top:-22px;
}

#utilities-howdoi { /*How Do I? Dropdown*/
	background-image:url(/images/header-howdoi-bg.jpg);
	background-repeat:no-repeat;
	background-position:right;
	float:right;
	margin:0;
	padding:0;
	width:175px;
	height:24px;
	z-index:1;	
}
/*End divs for original search utility------*/

#mainnav {
	margin:0px;
	padding:0px;
	width:100%;
}

#mainnav-home { /*Main Navigation - Home*/
	position:absolute;
	left:0px;
	top:88px;
	width:57px;
	height:40px;
	/*background-image:url(/images/header_08.jpg);*/
}

#mainnav-using { /*Main Navigation - Using the Library*/
	position:absolute;
	left:57px;
	top:88px;
	width:131px;
	height:40px;
	/*background-image:url(../images/header_09.jpg);*/
}

#mainnav-books {  /*Main Navigation - Books, Downloads & More*/
	position:absolute;
	left:188px;
	top:88px;
	width:189px;
	height:40px;
	/*background-image:url(../images/header_10.jpg);*/
}

#mainnav-research {  /*Main Navigation - Tools & Research*/
	position:absolute;
	left:377px;
	top:88px;
	width:136px;
	height:40px;
	/*background-image:url(../images/header_11.jpg);*/
}

#mainnav-events {  /*Main Navigation - Events*/
	position:absolute;
	left:513px;
	top:88px;
	width:65px;
	height:40px;
	/*background-image:url(../images/header_12.jpg);*/
}

#mainnav-locations {  /*Main Navigation - Locations & Departments*/
	position:absolute;
	left:578px;
	top:88px;
	width:178px;
	height:40px;
	/*background-image:url(../images/header_13.jpg);*/
}

#mainnav-about {  /*Main Navigation - About CLP*/
	position:absolute;
	left:756px;
	top:88px;
	width:84px;
	height:40px;
	/*background-image:url(../images/header_14.jpg);*/
}

#header-catalog {  /*Catalog, Find It & My Account*/
	position:absolute;
	left:0px;
	top:128px;
	width:840px;
	height:47px;
}

/*THIS CONTAINS THE SEARCH FORM BOXES (INPUT TEXT AND TYPE SELECT) AND SUBMIT GRAPHIC*/
#header-catalog-form {  
	position:absolute;
	left:175px;
	top:10px;
	width:277px;
	height:30px;
	/*border:solid black 1px;*/
}


/*#header-catalog-form-search-type {
	float:left;
	width:270px;
	border:solid black 1px;
	text-align:top;
}*/

/*THIS IS FOR THE CATALOG SEARCH TYPE DROPDOWN*/
#header-catalog-form-type {  /*Catalog, Find It & My Account*/
	float:left;
	margin-top:3px;
	margin-right:5px;	
}

/*THIS IS FOR THE CATALOG SEARCH TEXT BOX*/
#header-catalog-form-search { 
	float:left;
	margin-top:3px;
	margin-right:3px;
}

/*THIS POSITIONS THE GO BUTTON FOR THE CATALOG SEARCH*/
#header-catalog-form-submit {  /*Catalog, Find It & My Account*/
	float:left;
	margin-right:0;
	margin-bottom:0px;
	width: 10%;
	position: relative;
	right: 2px;
}
/* End Section: Header Layout -----------------------------------------*/

/*Section: Announcement area ------------------------------------------*/
#announcement {
	float:left;
	width:825px;
	text-align:center;
	margin:5px 0 5px 5px;
	padding:0;	
	z-index:3;
}

#emergency-announcement {
	clear:both;
	position:relative;
	/*left:0px;
	top:501px;*/
	float:left;
	/*width:825px;*/
	width:99%;
	background-color:#EF3125;
	color:white;
	font-weight:bold;
	padding:5px;
	margin-top:5px;
	margin-bottom:5px;
}

#enable-js {
	float:left;
	font-weight:bold;
	text-align:center;
	background-color:#f7c1c8;
	width:100%;
} #enable-js p {
	margin:5px;
}
/* End Section: Announcement area -------------------------------------*/



/* Section: left Side Menu Layout ------------------------------------------
THIS WAS CHANGED IN 2010 TO #EED6BB FOR THE SECTION HEADERS AND #F9EFE6 FOR THE BACKGROUND.
*/
#sidemenu{
	padding:0px;
	clear:left;
	float:left;
	width:195px;	
	background-color:#F9EFE6;
}

.sidemenu-header{
	display:block;
	background-color:#EED6BB;
	width:195px;
	padding:0;
	margin:0;
}


/*WHERE IS THIS STYLE USED?*/
.sidemenu-links{
	margin:0px;
	padding:5px 10px 15px 3px;
}

/* End Section: Side Menu Layout --------------------------------------*/

/* Section: Font Resize Toolbar Layout --------------------------------*/
#fontresize { /*font resizing utility*/ 
	float:right;
	width:165px;
	height:21px;
	margin:0;
	padding:0 5px 0 0;
	text-align:right;
	line-height:0px;
	background-color:#ffffff;
}

/*
#fontresize-small {
	width:23px;
	height:21px;
}

#fontresize-medium {
	width:22px;
	height:21px;
}

#fontresize-large {
	width:22px;
	height:21px;
}
*/
/* End Section: Font Resize Toolbar Layout ----------------------------*/

/* Section: Page Content & Columns Layout -----------------------------*/

#leftcolumn { /*left column for main text content*/
   width:440px;
   float:left;
}

#rightcolumn { /*right column for callouts & sidebars*/
   width:150px;
   float:right;
}

.singlecolumn { /*single column for main text content with no right callouts or sidebars*/
   width:550px;
   float:left;
}

.leftcolumn { /*left column for main text content*/
   width:440px;
   float:left;
}

.rightcolumn { /*right column for callouts & sidebars*/
   width:150px;
   float:right;
}

#leftlinklist { /*left column of links in two-column-links template*/
	width:200px;
	/*width:50%;*/
   float:left;
}

#rightlinklist { /*right column of links in two-column-links template*/
	width:200px;
	/*width:50%;*/
   float:right;
}

.linklist { /*column for list of links*/
	width:200px;
   	float:left;
	margin-left:5px;
	line-height:100%;
}

#twocolumns { /* THIS IS NECESSARY FOR FIREFOX TO UNDERSTAND THAT THERE ARE TWO COLUMNS */
	float:left;
	padding:0;
	width:100%;
} 

#lefttwocolumns-line { /*left column for 1 column of links with a vertical line. Based on topics-columns in style-research.css */
  width:330px;
  float:left;
	background-image:url(/research/images/topics-dashedline-vert.jpg);
	background-position:right;
	background-repeat:repeat-y;	
	padding:0px 10px 0px 0px;
	margin:0px;
}

#lefttwocolumns { /*left column for 1 column of links. with no vertical line */
  width:320px;
  float:left;
	padding:0px 0px 0px 0px;
}

#righttwocolumns { /*right column for RSS Display with white background*/
   width:250px;
   float:right;
	 padding: 0px 0px 0px 10px;
}

#righttwocolumns-line { /*right column for RSS Display with white background*/
  width:250px;
  float:right;
	background-image:url(/research/images/topics-dashedline-vert.jpg);
	background-position:left;
	background-repeat:repeat-y;	
	padding: 0px 0px 0px 30px;
}
/* End Section: Page Content Layout -----------------------------------*/


/* TWO COLUMN LAYOUT WHERE RIGHT COLUMN IS 1/3 OF WIDTH */
.columnsthirds	{
	float:left;
	padding:0;
	width:98%;
	/*border:solid;
	border-width:1px;*/
} 
.columnsthirds-left	{
	float:left;
	width:60%;
	/*border:solid;
	border-width:1px;*/
	margin:0 10px 0 0;
}
.columnsthirds-right	{
	float:right;
	width:33%;
	/*border:solid;
	border-width:1px;*/
}

/* END TWO COLUMN LAYOUT IN THIRDS */

/* 3 column layout that takes up the entire page (without left side navigation).  This is used for the /about/future/communityupdate/ page */
.threecolumns{
	float:left;
	padding:0;
	width:100%;
	border:solid;
	border-width:1px;
} 
.threecolumns-left	{
	float:left;
	width:32%;
	border:solid;
	border-width:1px;
	margin:0 10px 0 0;
}
.threecolumns-center	{
	float:left;
	width:32%;
	border:solid;
	border-width:1px;
	margin:0 10px 0 0;
}
.threecolumns-right	{
	float:left;
	width:32%;
	margin:0;
	border:solid;
	border-width:1px;
}

/* Section: Sidebar Layout --------------------------------------------*/
/*sidebar colors are defined in file style-sectionname.css*/
div.sidebar {
	margin:0;
	margin-bottom:5px;
	padding:0;
	float:right;
	width:146px;
}

div.sidebar-top { /* top part of sidebar header with curved edge*/
	float:left;
	width:146px;
	height:12px;
	margin:0;
	padding:0;
}

div.sidebar-header { /* sidebar header text area*/
	float:left;
	width:146px;
	margin:0;
	padding:0;
}

div.sidebar-links { /* sidebar links tinted text area*/
	float:left;
	width:146px;
	margin:0;
	padding:0;
}

div.sidebar-btm { /* bottom part of sidebar tinted text area with curved edge*/
	float:left;
	width:146px;
	height:12px;
	margin:0;
	padding:0;
}
/* End Section: Sidebar Layout ----------------------------------------*/

/* Section: Search Results --------------------------------------------*/
#search_go{ /*This is for the search box go button above results- raise number to move to the right*/
	float:left;
}

#search-google-results-next {
	float:left;
	display:inline;
}

#search-google-results-previous {
	float:left;
	display:inline;
}

.search-google-results-item-url {
	color:#009900;
}

#search-google-results-sort {
	text-align:center;
}

.search-google-nav {
	text-align:center;
}

.search-verity-nav {
	text-align:center;
}

.search-verity-score {
	font-style:italic;
}

#searchresults { /* This is where the top results begins the display */
	float:left;
	width:428px;
}

#searchresults-site {
	float:left;
	width:428px;
}

#searchresults-events {
	float:left;
	width:440px;
}
/* End Section: Search Results ----------------------------------------*/

/* Section: Sharebar ---------------------------------------------------*/
#sharebar {
	margin-left:200px;
	padding-bottom:20px;
}

#sharebar-container {
	float:left;
	color:#505050; 
	font-size:10px; 
	width:622px; 
	height:37px; 
	background-image:url(/images/sharebar.jpg); 
	background-repeat:no-repeat;
	padding-bottom:20px;
}

#sharebar-email {
	float:left;
	display:inline;
	cursor:pointer;
	padding-left:29px;
	padding-top:8px;
	margin-left:2px;
	margin-top:5px; 
	width:33px;
	height:17px;
	background-image:url(/images/icons/email-icon-25x25.gif); 
	background-repeat:no-repeat;
}

#sharebar-print {
	float:left;
	display:inline;
	cursor:pointer;
	padding-left:28px;
	padding-top:7px;
	margin-top:6px; 
	width:28px;
	height:18px;
	background-image:url(/images/icons/print-icon-25x25.gif); 
	background-repeat:no-repeat;
}

#sharebar-delicious {
	float:left;
	display:inline;
	cursor:pointer;
	padding-left:23px;
	padding-top:3px;
	margin-top:10px; 
	width:58px;
	height:19px;
	background-image:url(/images/icons/delicious-icon-19x19.gif); 
	background-repeat:no-repeat;
}

#sharebar-digg {
	float:left;
	display:inline;
	cursor:pointer;
	padding-left:27px;
	padding-top:7px;
	margin-top:6px; 
	width:26px;
	height:18px;
	background-image:url(/images/icons/digg-icon-24x24.gif); 
	background-repeat:no-repeat;
}

#sharebar-rss {
	float:left;
	display:inline;
	cursor:pointer;
	padding-left:20px;
	padding-top:1px;
	margin-top:12px; 
	width:18px;
	height:16px;
	background-image:url(/images/icons/rss-feed-icon-16x16.gif); 
	background-repeat:no-repeat;
}

#sharebar-google-bookmarks {
	float:left;
	display:inline;
	cursor:pointer;
	padding-left:23px;
	padding-top:8px;
	margin-top:5px;
	margin-left:-3px;
	width:107px;
	height:18px;
	background-image:url(/images/icons/google-bookmarks-icon-16x16.gif); 
	background-repeat:no-repeat;
}

.sharebar-separator {
	float:left;
	display:inline;
	padding-left:14px;
	padding-right:14px;
	margin-top:7px;
	width:2px;
	height:24px;
	background-image:url(/images/sharebar-separator.gif); 
	background-repeat:no-repeat;
	background-position:center;
}

#sharebar-text {
	float:left;
	padding-left:10px; 
	padding-top:13px; 
	width:100px;
	color:white;
}
/* End Section: Sharebar ----------------------------------------------*/

/* Section: Footer Positioning ----------------------------------------*/
#footer {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width:840px;
	text-align:left;
	background-color:#ffffff;
	margin-top:10px;
}

#footer-spacer {
	clear:both;
	height:2em;
}

.footer-spacer {
	clear:both;
	height:1.5em;
}

#footer-txt {
	float:left;
	display:inline;
}

#footer-navlinks, .footer-navlinks {
	position:relative;
	top:0px;
	left:0px;
	width:610px;
	z-index:1;
	/*color:#FFFFFF;  WHY WAS THIS SET TO WHITE??? */
}

#footer-toolslinks, .footer-toolslinks {
	position:relative;
	top:0px;
	left:0px;
	width:610px;
	z-index:1;
}

#footer-contact {
	position:relative;
	top:0px;
	left:0px;
	width:610px;
	z-index:1;
}

/*CURRENTLY THE RAD LOGO - WIDTH OF 191, EXCEPT ON HOME PAGE WHERE THERE ARE TWO BANNERS 104PX AND 75 */
#footer-banner {
	float:right;
	width:215px;
}

#footer img {
	float:right;
}
/* End Section: Footer Positioning ------------------------------------*/