/*	New York Heritage	
/*  created by Tony Oravet*/




/* Notes for Design - 

Blue - #243361
Dark Blue - #11225a
Gold - #fee84a

*/


/* Base elements
***********************************************************/
html {color: #11225a; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 19px;}
h1, h2, h5, h6 {color: #11225a;}
h3 {padding:0px;}
h5, h6 {font-size: 13px; line-height: 18px; padding: 0 0 2px 0;}
em {font-style: italic;}
strong {font-weight: bold;}
form {padding:0;}



body {	padding: 0px;margin:0px;	background: #dfdfdf url(../images/gif/pagebg.gif) top left repeat-x;		font-size: 12px;	font-family: Lucida Grande, Arial, Helvetica, sans-serif;	color:#11225a;}
	

img {border-style:none;}
.gold {color:#fee84a;}
.lightblue {color:#2B547E;}


#formbox {padding:0; margin: 0;}

a.simple{	border: 0px;	color: #fff;}
a.simple:hover{	background-color: #fff;}

/*Container Area and top of page
*******************************/
#pagecontainer {width: 869px;	margin-left:auto; margin-right:auto;	padding: 0px;	text-align:right; background-color:#FFF;}
#banner {width: auto; margin:auto;	padding-top:40px;color:#333;	text-align:right; height:91px;	}
#banner a{color:#333; margin:0;}
#banner a:hover{color:#333;	text-decoration:none;}



#header {width:869px; margin:auto; background: url(../images/gif/nyhlogo.gif) top left no-repeat;height:91px; }


/*Navigation Container
*****************************************************/
#navcontainer {width: 869px;font: 13px Arial, Tahoma, Verdana bold; background:#243361; padding-bottom:10px; margin:auto; height:44px;}
#navcontainer ul {margin:0;padding: 0px; height:44px;}
#navcontainer ul li {display:inline;}
#navcontainer ul li a {	padding: 12px 2px 12px 14px; background:#243361; color: #fee84a; text-decoration: none;	text-align:left; float: left; border-right:1px solid #11225a;	width:128px;}
#navcontainer ul li a:active {	padding: 12px 2px 12px 14px;color: #fee84a;	text-decoration: none;	float: left;	font-weight: normal;}
#navcontainer ul li a:hover {background: #11225a;}
#navcontainer ul li ul {	display: none;	height: auto;	width: 100px;	position: absolute;	z-index: 200;	padding-bottom: 6px;	}
#navcontainer ul li.hover ul,#navcontainer ul li:hover ul {	display: block;	}
#navcontainer ul li ul li {	float: none;	width: 97px;	margin: 0;	padding: 0; 	font-size: 0.91em; 	}
#navcontainer ul li ul li.last-child {	background-image: none; 	}
#navcontainer ul li ul li a {	position: relative;	left: 0;	height: auto;	text-indent: 0;		padding: 6px; 	color: #fee84a; 	}
#navcontainer ul li ul li a.hover, #navcontainer ul li ul li a:hover {	color: #43536D; 	}

/*------------------END Navigation Container----------------*/


/*Submenu A - this displays the links to the pages of results
************************************************************/
#submenua  {	color:#000000;	width: 839px; margin:auto;	text-align:right;	border-bottom: 1px solid #c8c8c8;	padding: 2px 10px 2px 10px;	font-size:10px;	}
#submenub  {	color:#000000;	width: 839px;	text-align:right;	border-top: 1px solid #c8c8c8;	padding: 2px 10px 2px 10px;	font-size:10px;	}

#globalmenu {padding:10px; width:849px; text-align:right;}
#searchagain {padding:10px; width:849px; text-align:left;}

/*Slideshow Area
*********************/

#slideshow {float:left; width:550px; height:400px}

/*Content - this is the main content part of the site
******************************************************/
#content {	line-height:20px; width: 849px; min-height:320px;	height:100%;padding: 10px;	text-align: left; 	background:#FFF;color:#11225a;}

#content a{	color:#11225a;	text-decoration:none; font-size:13px;}
#content a:hover{text-decoration:underline;}
#content h3 {padding:0px 0px 0px 0px; font-size: 16px; width:849px; /*border-bottom:1px solid #c8c8c8;*/}
#rightcontent {float:right; width:288px; text-align:left;}
#rightcontent h3 {font-size: 16px;padding:0px;width:288px; text-align:left;}
p{padding-top:2px; text-align:left;}

#content h4 {padding:0px 0 4px 0; font-size:13px; text-decoration:underline; color: #11225a; }

.sectionheader{padding-top:10px; padding-bottom:0px; font-size: 13px; width:849px; color: #11225a;}

/* Area
**********************************/

#footer {clear: both;color: #FFF;margin:0;padding:10px 12px;	font-size: 10px;height:50px;background: #243361;}
#footer a {color:#fff; text-decoration:none;}
#footer a:hover {color:#fff; text-decoration:underline;}
.footerleft{float:left; width:400px; text-align:left;}
.footerright {float:right; width:400px;text-align:right}

/************************************/
		

#searchpane {margin: 0;	padding:10px 0 10px 0;	font-weight: bold;	text-align: left;	width: auto;}
#aboutsearch {padding: 10px 0 10px 0; margin: 0 0 10px 0;	border-bottom: 1px solid #a67c59;	text-align: left;	width: 420px;	font-weight: bold;}
input.textboxup {margin:0; padding:0; background-color: #eee;}
input.searchbtn {font-size: 12px;}


#queryboxtop{padding:0;margin:0;}

a img{ text-decoration:none; border-width: 0;}
a:hover img{ background-color: #fff; }
#pagecontainer #content h3 {font: normal 16px Geneva, Arial, Helvetica, sans-serif;	color: #11225a;}


.offstatus {color: #000000;}

.clearfix {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

/* SpryCollapsiblePanel.css - Revision: Spry Preview Release 1.4 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/* This is the selector for the main CollapsiblePanel container. For our
 * default style, the CollapsiblePanel is responsible for drawing the borders
 * around the widget.
 *
 * If you want to constrain the width of the CollapsiblePanel widget, set a width on
 * the CollapsiblePanel container. By default, our CollapsiblePanel expands horizontally to fill
 * up available space.
 *
 * The name of the class ("CollapsiblePanel") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style the
 * CollapsiblePanel container.
 */
 
 
ul {
list-style: none;

}

.CollapsiblePanel {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	background-color: #FFFFFF;
	
}



/* This is the selector for the CollapsiblePanelTab. This container houses
 * the title for the panel. This is also the container that the user clicks
 * on to open or close the panel.
 *
 * The name of the class ("CollapsiblePanelTab") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * CollapsiblePanel panel tab container.
 */
.CollapsiblePanelTab {
	margin: 0px;
	padding: 0px;
	font-size:13px;
	background-color: #FFFFFF;
	cursor:hand;

	
}



/* This is the selector for a CollapsiblePanel's Content area. It's important to note that
 * you should never put any padding on the content area element if you plan to
 * use the CollapsiblePanel's open/close animations. Placing a non-zero padding on the content
 * element can cause the CollapsiblePanel to abruptly grow in height while the panels animate.
 *
 * The name of the class ("CollapsiblePanelContent") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style a
 * CollapsiblePanel content container.
 */
.CollapsiblePanelContent {
	margin: 0px;
	padding: 2px;
	background: #f1f1f1;
}


/* An anchor tag can be used inside of a CollapsiblePanelTab so that the
 * keyboard focus ring appears *inside* the tab instead of around the tab.
 * This is an example of how to make the text within the anchor tag look
 * like non-anchor (normal) text.
 */
.CollapsiblePanelTab a {
	
	text-decoration: none;
	
}

/* This is an example of how to change the appearance of the panel tab that is
 * currently open. The class "CollapsiblePanelOpen" is programatically added and removed
 * from panels as the user clicks on the tabs within the CollapsiblePanel.
 */
.CollapsiblePanelOpen .CollapsiblePanelTab {
background-image:url(../images/jpg/arrow_up.jpg);
background-repeat:no-repeat; 
background-position:center;

}
.CollapsiblePanelClosed .CollapsiblePanelTab {
background-image:url(../images/jpg/arrow_down.jpg);
background-repeat:no-repeat;
background-position:center;
}

/* This is an example of how to change the appearance of the panel tab as the
 * mouse hovers over it. The class "CollapsiblePanelTabHover" is programatically added
 * and removed from panel tab containers as the mouse enters and exits the tab container.
 */
.CollapsiblePanelTabHover,  .CollapsiblePanelOpen .CollapsiblePanelTabHover {
	background-color: #FFFFFF;
}

/* This is an example of how to change the appearance of all the panel tabs when the
 * CollapsiblePanel has focus. The "CollapsiblePanelFocused" class is programatically added and removed
 * whenever the CollapsiblePanel gains or loses keyboard focus.
 */
.CollapsiblePanelFocused .CollapsiblePanelTab {
	background-color: #FFFFFF;
}
.red {color:#F00;}

/*Search New York Heritage Plugin
**************************************/
.nyplugin {padding-left:14px; }

.codecontainer {
	font-family: "Courier New", Courier, monospace;
	font-size:12px;
	height: 200px;
	width: 100%;
	border: 1px solid #666666;
	overflow: scroll;
}
.codehighlight {
	color: #003366;
	background: #FFFFCC;
}

#recaptcha_image {width:300px; height:57px;}

/*Content DM specific styles for multi_search page */
.maintext
	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#03244d;
	font-weight:normal;
	}
	
	input
	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#03244d;
	font-weight:normal;
	}
	
input.buttons
	{	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#03244d;
	font-weight:normal;
	border-top-style:none;
	border-right-style:none;
	border-left-style:none;
	border-bottom-style:none;
	
	}
	
input.searchbutton
	{	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#03244d;
	font-weight:normal;
	border-top-style:none;
	border-right-style:none;
	border-left-style:none;
	border-bottom-style:none;
	
	}

input.norm
	{	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#03244d;
	font-weight:normal;
	border-top-style:none;
	border-right-style:none;
	border-left-style:none;
	border-bottom-style:none;
	
	}

input.checkbox
	{	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#03244d;
	font-weight:normal;
	border-top-style:none;
	border-right-style:none;
	border-left-style:none;
	border-bottom-style:none;
	
	}
	
select
	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#03244d;
	font-weight:normal;
	}
	
#AllFields {background:#FFF;}
#SelectedFields {background:#fff;}
#ProximityFields {Background:#FFF;}