#breadcrumb { /*set breadcrumb background color*/
	background-color:#809C54;
}
.toptablebar { /*set top table row background color from page indicator top*/
	background-color:#CCDEAE;
	font-weight: bold;
}

/* this is to position the camera on Bridging the urban landscape */
#camera {
	position:relative;
	left:460px;
	top:2px;		
}
		
/* Section: Right Sidebar Layout --------------------------------------------*/
/* the side bar is 146 pixels wide */

.sidebar ul { /*list with > bullets used for lists of links*/
	list-style-image:url(/images/arrows/arrow-bullet-research.gif);
}

div.sidebar-top { /* top part of sidebar header with curved edge*/
	background-image:url(/images/sidebar-top-research.jpg);
	background-repeat:no-repeat;
	/* font-size:9px; */
	line-height:9px
}

div.sidebar-header { /* sidebar header text area*/
	background-image:url(/images/sidebar-header-research.jpg);
	background-repeat:repeat-y;
}

h3.sidebar	{	/* an h3 heading for subsections in the sidebar */
	font-size:100%;
	color:#000000;
	font-weight:bold;
	padding-left:10px;
	padding-bottom:-10px;
	}

div.sidebar-links { /* sidebar links tinted text area 146px width*/
	background-image:url(/images/sidebar-tint-research.jpg);
	background-repeat:repeat-y;
}

div.sidebar-text { /* sidebar text tinted text area*/
	background-image:url(/images/sidebar-tint-research.jpg);
	background-repeat:repeat-y;
}

.sidebar-text	{
		font-family : Verdana, Arial, Helvetica, sans-serif;
		font-size:	90%;
		line-height:12px;
		padding:8px;
		}
			
/* slate blue*/
a.sidebar-text:link	{
		font-family : Verdana, Arial, Helvetica, sans-serif;
		color:#336699;
		text-decoration:none;
		font-size:	90%;
		}
		
/* green */
a.sidebar-text:visited	{
		font-family : Verdana, Arial, Helvetica, sans-serif;
		color: 	#809C54;
		text-decoration:none;
		font-size:	90%;
		}
		
a.sidebar-text:hover	{
		font-family : Verdana, Arial, Helvetica, sans-serif;
		color: 	#DC4D00;
		text-decoration:underline;
		font-size:	90%;
		}
		
a.sidebar-text:active	{
		font-family : Verdana, Arial, Helvetica, sans-serif;
		color: 	#DC4D00;
		text-decoration:underline;
		font-size:	90%;
		}

div.sidebar-btm { /* bottom part of sidebar links tinted text area with curved edge*/
	background-image:url(/images/sidebar-btm-research.jpg);
	background-repeat:no-repeat;
	margin-bottom:10px;
}
/* End Section: Sidebar Layout ----------------------------------------*/

/* Section: RSS Feed styles and layout--------------------------------------------*/
/* sidebar links tinted text area*/


/* This makes the header text white */
h2.RSSfeed	{
	font-weight: normal;
	color: #ffffff;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size:10pt;
	border:none;
	padding:0in 0in 1.0pt 0in;
	margin-bottom:5.0pt;
	}

/* white for the feed link*/
a.RSSfeed:link	{
		font-family : Verdana, Arial, Helvetica, sans-serif;
		color: 	#ffffff; 
		text-decoration:none;
		font-weight: normal;
		}
		
/* raspberry */
a.RSSfeed:visited	{
		font-family : Verdana, Arial, Helvetica, sans-serif;
		color: 	#ffffff;
		text-decoration:none;
		font-weight: normal;
		}
		
/* orange and underlined for the hover */
a.RSSfeed:hover	{
		font-family : Verdana, Arial, Helvetica, sans-serif;
		color: 	#DC4D00;
		text-decoration:underline;
		font-weight: normal;
		}
		
/* research green and underlined for the active */
a.RSSfeed:active	{
		font-family : Verdana, Arial, Helvetica, sans-serif;
		color: 	#DC4D00;
		text-decoration:underline;
		font-weight: normal;
		}
		
/* this section is for the individual article titles - background is light green, padding around text */
div.RSSsidebar-links { 
	background-image:url(/images/sidebar-tint-research.jpg);
	background-repeat:repeat-y;
	padding:8px;
}

.RSSlink	{
		font-family : Verdana, Arial, Helvetica, sans-serif;
		color: 	#330099;
		font-weight: normal;
		font-size:	90%;
		}
		
/* slate blue*/
a.RSSlink:link	{
		font-family : Verdana, Arial, Helvetica, sans-serif;
		color: 	#336699;
		text-decoration:none;
		font-size:	90%;
		}
		
/* green */
a.RSSlink:visited	{
		font-family : Verdana, Arial, Helvetica, sans-serif;
		color: 	#809C54;
		text-decoration:none;
		font-size:	90%;
		}
		
a.RSSlink:hover	{
		font-family : Verdana, Arial, Helvetica, sans-serif;
		color: 	#DC4D00;
		text-decoration:underline;
		font-size:	90%;
		}
		
a.RSSlink:active	{
		font-family : Verdana, Arial, Helvetica, sans-serif;
		color: 	#DC4D00;
		text-decoration:underline;
		font-size:	90%;
		}

/* to make the pubDate more subtle */
.pubDate	{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: normal;
		font-size:	90%;
		color: 	#666666;
		}
		
.RSSdoc_description {
	margin-top:0pt;
	margin-bottom:2pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size:	80%;
	color:#666666;
	}


.RSSitemtitle	{
	margin-top:5pt;
	margin-bottom:2pt;
	}
		
.RSSitemdescription {
	margin-top:0pt;
	margin-bottom:5.0pt;
	font-size:	80%;
	color:#666666;
	}

/* Begin full half column RSS Layout */
/* THIS IS NECESSARY FOR FIREFOX TO UNDERSTAND THAT THERE ARE TWO COLUMNS */
#RSS-columns {
	float:left;
	margin-left:10px;
	padding:0;
	width:100%;
} 

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

#rightcolumnRSS { /*right column for RSS Display with white backgroun*/
   width:250px;
   float:right;
	 padding: 0px 0px 0px 10px;
/*	 border: solid thin; */
}

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

/* rounded dark green top for title pane */
div.RSS-column-top {
	background-image:url(/research/images/RSS-top-research.jpg);
	background-repeat:no-repeat;
	float:right;
	width:240px;
	height:12px;
	margin:0;
	padding:0;
}

/*this is the dark green background for the title */
div.RSS-column-header	{
	background-image:url(/research/images/RSS-header.jpg);
	background-repeat:repeat-y;
	float:right;
	width:240px;
	margin:0;
	padding:0;
}

.RSS-column-header h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#ffffff;
	margin:0 0 0 10px;
	padding:0 0 10px 0;
}

div.RSS-column-background { /*light green background for RSS display*/
	background-image:url(/research/images/RSS-mid.jpg);
	background-repeat:repeat-y;
	list-style-image:url(/images/arrows/arrow-bullet-research.gif);
	float:right;
	width:220px;
	margin:0;
	padding:10px;
}
div.RSS-column-btm { /* bottom part of sidebar tinted text area with curved edge*/
	background-image:url(/research/images/RSS-btm.jpg);
	background-repeat:no-repeat;
	float:right;
	width:240px;
	height:12px;
	margin-bottom:15px;
	padding:0;
}

.RRSEventList	{
	margin-top:5.0pt;
	margin-bottom:2pt;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	color: 	#000000;
	text-decoration:none;
	font-size:	90%;
}

.RSSEventlink	{
		font-family : Verdana, Arial, Helvetica, sans-serif;
		font-weight: normal;
		font-size:	90%;
		}
		
/* slate blue*/
a.RSSEventLink:link, a.RSSEventLink:visited	{
		font-family : Verdana, Arial, Helvetica, sans-serif;
		color: 	#336699;
		text-decoration:none;
		font-size:	90%;
		}
		
	
a.RSSEventLink:hover	{
		font-family : Verdana, Arial, Helvetica, sans-serif;
		color: 	#809C54;
		text-decoration:underline;
		font-size:	90%;
		}
		
a.RSSEventLink:active	{
		font-family : Verdana, Arial, Helvetica, sans-serif;
		color: 	#809C54;
		text-decoration:underline;
		font-size:	90%;
		}

/* to make the Event Date more subtle */
.RSSEventDate	{
	margin-top:2.0pt;
	margin-bottom:15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size:	80%;
	color: 	#666666;
}

/* End Section: RSS Layout and styles ----------------------------------------*/


/* Section: Tools and Research Menus ----------------------------------------*/
/* annotated list that needs a larger bottom margin */
/*list with> bullets used for lists of links*/
.menulist {
	float:left;
	width:100%;
}

/* Section: Sidebar RSS Feed Layout --------------------------------------------*/
/*sidebar colors defined in file style-sectionname.css*/
div.sidebarRSS {
	margin:0;
	padding:0;
}

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

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

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

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

/* Section: Topics & Collection Template Styles -----------------------*/

p.topics-see-also { /* style for See Also text at the top of the page*/
	margin:10px;
	font-size:90%;
	font-style:italic;
	font-weight:bold;
}

#topics-aboutcollection h2 { /* White header for the About the Collection box*/
	color:#ffffff;
	/*margin:5px 20px 10px 20px;*/
	margin:0 0 0 20px;
}

#topics-aboutcollection p { /* White text for the About the Collection box*/
	color:#ffffff;
	margin:10px 20px 0 20px;
	padding-bottom:5px;
}

#topics-aboutcollection { /* container for green About the Collection box at the top of page*/
	float:left;
	width:619px;
	padding:0;
	margin:0;
}

#topics-aboutcollection-top {
	clear:both;
	width:619px;
	height:12px;
	background-image:url(/research/images/topics-aboutcollection-top.jpg);
	background-repeat:no-repeat;
	padding:0;
	margin:0;
	font-size:1px;
}

#topics-aboutcollection-text {
	clear:both;
	width:619px;
	background-image:url(/research/images/topics-aboutcollection-mid.jpg);
	background-repeat:repeat-y;
	padding:0;
	margin:0;
}

#topics-aboutcollection-btm {
	clear:both;
	width:619px;
	height:11px;
	background-image:url(/research/images/topics-aboutcollection-btm.jpg);
	background-repeat:no-repeat;
	padding:0;
	margin:0;
} 

#topics-resourcelist { /*section at top of page where lists of resources are listed*/
	float:left;
	margin-left:10px;
	width:95%;
}

#topics-resourcelist-left { 
	float:left;
	margin-left:10px;
	width:45%;
}

#topics-resourcelist-right { 
	float:left;
	margin-left:20px;
	width:45%;
}

/* These are the two columns separated by a vertical dashed line in the health topics section.  The vertical line is centered*/
#topics-columns {
	float:left;
	margin-left:10px;
	padding:0;
	width:95%;
	background-image:url(/research/images/topics-dashedline-vert.jpg);
	background-position:center;
	background-repeat:repeat-y;	
} 
  
#topics-leftcolumn { 
	float:left;
	width:45%;
}

#topics-rightcolumn {
	float:right;
	width:45%;
}

.topics-resource { /*container class for each resource item on a topics page*/
	clear:both;
}

.topics-resource ul { 
	list-style-image:url(/images/arrows/arrow-bullet.gif);
	line-height:130%;
	margin:0 0 15px 0;
}

.topics-resource-img { /*container class for images of selected resources*/
	float:left;
	padding:0 10px 10px 0;
	text-align:center;
}

.topics-resource-txt { /*container class for author, title, annotation of selected resources*/
	line-height:16px;
	margin-bottom:15px;
}

.topics-hr { /*green horizontal rule that separates types of topics resources*/
	background-image:url(/research/images/topics-hr.jpg);
	background-repeat:repeat-x;
	background-position:top;
	width:100%;
	margin:5px 10px 0 0;
	height:15px;
	clear:both;
}

/* for explanatory notes at the top of research leaf pages */
#topics-note { /* container for green About the Collection box at the top of page*/
	width:100%;
	padding:0;
	margin-bottom:10px;
}

#topics-note h2 { /* black header on light green box*/
	color:#666666;
	margin:0 0 0 20px;
}

#topics-note p { /* black text for notes box*/
	color: #333333;
	margin:0px 20px 0 20px;
	padding-bottom:5px;
}

#topics-note-top {
	clear:both;
	width:100%;
	height:12px;
	background-image:url(/research/images/topics-note-top.jpg);
	background-repeat:no-repeat;
	padding:0;
	margin:0;
	font-size:1px;
}

#topics-note-text {
	clear:both;
	width:100%;
	background-image:url(/research/images/topics-note-mid.jpg);
	background-repeat:repeat-y;
	padding:0;
	margin:0;
}

#topics-note-btm {
	clear:both;
	width:100%;
	height:11px;
	background-image:url(/research/images/topics-note-btm.jpg);
	background-repeat:no-repeat;
	padding:0;
	margin:0;
} 

/* End Section: Topics & Collection Template Styles -------------------*/

/* this is to make the databases display narrower that 100% but not the left column width */
.databases	{
	width:90%;
	}

/* this is for the email reference form on the ask a librarian page */
#research-askbox {
}
#research-askbox-top {
	clear:both;
	width:100%;
	height:16px;
	background-image:url(/research/ask/images/research-askbox-top.gif);
	background-repeat:no-repeat;
	padding:0;
	margin:0;
}

#research-askbox-text {
	clear:both;
	width:100%;
	background-image:url(/research/ask/images/research-askbox-middle.gif);
	background-repeat:repeat-y;
	padding:10px;
	margin:0;
}


#research-askbox-btm {
	clear:both;
	width:100%;
	height:20px;
	background-image:url(/research/ask/images/research-askbox-btm.gif);
	background-repeat:no-repeat;
	padding:0;
	margin:0;
} 

/* Section: Engineering Standards Table Layout ------------------------*/
#bsi-standards {
	float:left;
	width:550px;
	height:100%;
	padding:5px;
	margin-left:15px;
	margin-bottom:10px;
	border:1px solid #999;
}

#bsi-search-form {
	float:left;
	margin-bottom:15px;
}

#bsi-standards-reflinks {
	float:left;
	margin:0 0 0 15px;
	width:220px;
}

.bsi-index-nav{
	clear:both;
	float:left;
	width:100%;
	margin:0 0 10px 20px;
}

.bsi-index-list{
   	float:left;
	margin-left:7px;
	line-height:130%;
	padding-right:0px;
}

#list1{
	width:230px;
	background-image:url(../research/images/topics-dashedline-vert.jpg);
	background-repeat:repeat-y;
	background-position:right;
}

#list2{
	width:225px;
	background-image:url(../research/images/topics-dashedline-vert.jpg);
	background-repeat:repeat-y;
	background-position:right;
}

#list3 {
	width:140px;
}

.bsi-index-list ul {
	margin:0 0 0 .25em;
	line-height:130%;	
}

#bsi-standards .header, #bsi-standards .row1, #bsi-standards .row2  {
	clear:both;
	float:left;
	width:540px;
	margin-bottom:1px;
	padding:5px;
}

#bsi-standards .header {
	font-weight:bold;
	font-size:14px;
	padding:10px 5px;
	background-color:#ccdeae;
}

#bsi-standards .header .std-title{
	text-align:center;
}

#bsi-standards .row2 {
	background-color:#ffffff;
}

#bsi-standards .row2 {
	background-color:#eeeeee;
}

.std-num {
	float:left;
	width:125px;
}

.std-year {
	float:left;
	width:40px;
	margin-left:10px;
}

.std-title {
	float:left;
	width:345px;
	margin-left:10px;
}
/* End Section: Engineering Standards Table Layout -------------------*/

/* Section: Google search results -------------------------------*/
#search-google-results {
	float:left;
	width:600px;
	margin-left:0px;
}

#search-google-results div {/*border:1px solid #999;*/}

.search-google-nav {
	text-align:left;
	float:left;
	margin:0 30px 20px 0;
	width:90%;
}

.search-google-results-previous {
	float:left;
}

.search-google-results-next {
	float:right;
}


.search-google-results-item {
	line-height:130%;
	clear:both;
	float:left;
	width:100%;
}

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

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

.search-google-nav {
	text-align:center;
}
/* End Section: Google search results -----------------------------*/

/* for video icon box that links to videos on the media server */

div.videobox	{
	background-image:url(/images/tint-research.jpg);
	background-repeat:repeat;
	height:70px;
	margin-top:10px;
	}

div.video-icon	{
	float:left;
	margin-left:10px;
	margin-top:7px;
	margin-bottom:7px;
}

div.video-text	{
	margin-left:65px;
	padding-top:7px;	/* margin-top doesn't work with firefox */
	margin-bottom:7px;
	margin-right:7px;
	font-size:90%;
}

/* END VIDEO BOX Section, video icon box that links to videos on the media server */

/* this is the green box that encloses searches class rather than an ID since it is used multiple times within the page */
.research-box {
	width:252px;
	height:70px;
	background-image:url(/research/images/research-calloutbox.jpg);
	background-repeat:no-repeat;
	margin-bottom:5px;
}

.research-box-text  { 
	list-style-image:url(/images/arrows/arrow-bullet.gif);
	font-size:90%;
	padding-top:10px;
	margin-left:20px;
}

h2.research-tools  { /*Header for tools textboxes*/
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	font-weight:bold;
	color:#737373;
	margin:1em 0 0.3em 1em;	
}

/* ASK A LIBRARIAN CHAT WIDGET */
#qpchatwidget	{
	width:190px;
	height:275px;
	margin-top:10px;
	margin-bottom:10px;
	margin-left:25px;
}

/* SEARCH BOX FOR THE SIDE MENU */

DIV.sidebarsearch-top {
	clear:both;
	background-image:url(/research/images/sidebarsearch-top.jpg);
	background-repeat:no-repeat;
	width:151px;
	height:13px;
}

DIV.sidebarsearch-middle {
	background-image:url(/research/images/sidebarsearch-middle.jpg);
	background-repeat:y;
	width:151px;
}

DIV.sidebarsearch-text	{
	padding-left:10px;
	font-family:arial;
	font-size:90%;
	font-weight:bold;
}

h2.sidebarsearch{
	font-size:110%;
	font-weight:bold;
	margin-top:0px;
	margin-left:10px;
	color:#778A54;
}

DIV.sidebarsearch-bottom {
	background-image:url(/research/images/sidebarsearch-bottom.jpg);
	width:151px;
	height:11px;
	margin-bottom:10px;
}

/*END SIDEBARSEARCH STYLES */

/* WHITE RSS FEED BOX */
div.whiteRSS {
	margin:0;
	margin-bottom:10px;
	padding:0;
	/*float:right; */
	width:146px;
}

DIV.whiteRSS-top {
	clear:both;
	background-image:url(/research/images/sidebarsearch-top.jpg);
	background-repeat:no-repeat;
	width:151px;
	height:13px;
}

DIV.whiteRSS-middle {
	background-image:url(/research/images/sidebarsearch-middle.jpg);
	background-repeat:y;
	width:151px;
}

DIV.whiteRSS-text	{
	padding-left:10px;
	padding-right:10px;
	/*font-family:arial;
	font-size:90%;
	font-weight:bold;*/
}

h2.whiteRSS {
	font-size:100%;
	font-weight:bold;
	margin-top:0px;
	margin-left:10px;
	margin-right:5px;
	color:#778A54;
}

DIV.whiteRSS-bottom {
	background-image:url(/research/images/sidebarsearch-bottom.jpg);
	width:151px;
	height:11px;
}