/***  CSS FOR TEMPLATE t2  ***/
#top, #footer, #subnavbar_background {background-color:#4a6273;}
#top {height: 220px;}
#sectionheader {height:140px; background-image:url(Special_New/images/banners/rotate.php); background-color:#4a6273;}
#breadcrumb {position:absolute;left:19px;top:-18px;}
* html #breadcrumb {position:absolute;left:19px;top:-18px;}
h1, h2, h3 { padding: 0; margin: 5px 0 0 0;font-family:"Goudy Old Style",Garamond,Georgia;font-weight:normal;}
h4,h5 {font-family:"Lucida Grande","Trebuchet MS",sans-serif;font-weight:bold;}
.footer_tall_transition {height: 125px;}


/**************SUBNAV*************/
#subnavbar, #subnavbar_background {overflow:hidden; height: 20px;}

#subnavbar .navtab, #tab_index, #tab_about, #tab_collections, #tab_findingaids, #tab_research, #tab_services, #tab_exhibitions, #tab_gestfellowship, #tab_blog {position:relative;display:inline;white-space:nowrap;line-height:20px; padding: 5px 0px 15px 0px; height: 20px; border: 0px; margin: 0px;}
#subnavbar .navtab a {color:#ffc;font-size:12px;margin:0 10px;}

#subnavbar .navtab.active {background-image:url(/images/tab_bk.png);background-repeat:repeat-x;background-color:#fccf48;  }
#subnavbar .navtab.active a {color:#000;font-weight:bold;}


/*** Todays Hours ***/
#speccollhours {
	font-family:"Lucida Grande","Verdana",sans-serif;
	font-weight:bold;
	color:#112637;
		font-size:1.25em; 
}

/*** Column Borders ***/


/** To force a set of columns (e.g. threecolumns on index) to have a top border, give it id="topBorder" **/
#topBorder {
border-top: 1px dotted #ccc; 
margin-top: 20px;
}

.threecolumns .column {padding-top: 10px;} /* Note: the min-height was removed; if this is desired, please code it in the HTML,
not into .threecolumns .column */
#eventcol, #blognewscol  {border-right: 1px dotted #ccc;}


/*** Bottom Div for Exhibitions Page ***/
#fullwidthbottom {
	position:relative;
	display:block;
	clear:both;
	margin: 1% 1% 1% 1%;
	padding:2% 0 2% 0;
}

/*** Div for image captions ***/
#caption {
	font-family:"Lucida Grande","Verdana",sans-serif;
	font-size:10px;
}

/*** Columns for About Page ***/
.threecolumnsabout {width:98%;clear:left;}
.threecolumnsabout .column1 {width:25%;height:98%;float:left;margin:0 3% 0 0;}
.threecolumnsabout .column2 {width:35%;height:98%;float:left;margin:0 3% 0 0;}
.threecolumnsabout .column3 {width:30%;height:98%;float:left;margin:0 3% 0 0;}

/*** Columns for Bindery Page ***/
.threecolumnsbindery {width:98%;clear:left;}
.threecolumnsbindery .column1 {width:30%;height:98%;float:left;margin:0 3% 0 0;}
.threecolumnsbindery .column2 {width:30%;height:98%;float:left;margin:0 3% 0 0;}
.threecolumnsbindery .column3 {width:30%;height:98%;float:left;margin:0 3% 0 0;}

/*** So the two columns do not overlap each other ***/
.twocolumns .column1 {position:relative;width:47%;height:98%;float:left;margin:0 2% 0 0;}
	/* note: maximum image width for images in column 1 is 350 px. Larger images will cause text-wrapping problems when the 
	browser window is resized. */
.twocolumns .column2 {position:relative;width:47%;height:98%;float:right;margin:0 2% 0 0;}


/*-------------------- Marquee News -----------------------------*/
div#marquee-box {height: 275px; width: 400px;  overflow: hidden; padding: 0; margin: 0; background: transparent;}
div.news_item_image {width: 725px; height: 100px; padding: 10px;}
div#marquee-box div.glidecontent {width: 400px; padding: 10px;}
#nav-marquee {position: absolute; left: 300px; margin-top: -50px; z-index: 50;}
#nav-marquee a { border: 1px solid #999; background: #000 url(/HHC/images/button-bg.png) bottom center; text-decoration: none; color: #fff; font-weight: bold; font-size: 12px; margin: 0; padding: 5px 5px;}
#nav-marquee a.activeSlide{ background: #800000 }
#nav-marquee a:focus { outline: none; }
#mainStory1 {width: 400px;}
.mainStoryImg {width: 210px; height: 250px; text-align: center; overflow: hidden;}
.mainStoryImage {width: 200px;}
.mainStoryCopy {margin-left: 220px; position: absolute; top: 20px;}
.mainStoryCopy  p {width: 170px;}
.mainStoryCopy h2 {padding-bottom: 10px; width: 170px; font-size:1.7em;}
.afterMarquee {margin-top: 25px;}
.featureHeader {background:#000000 url(/HHC/images/button-bg.png) no-repeat center top; border: 1px solid #999999; border-bottom: none; color:#FFFFFF; display:block; font-family: "Lucida Grande","Trebuchet MS",sans-serif; font-size:1.3em; font-weight:bold; padding:5px; width: 125px; margin-bottom: -1px;}