/*	CDLC Digtial Collections	
/*  created by Tony Oravet*/







/* Base elements
***********************************************************/
html {color: #154f2c; font-family:  Lucida Grande, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 19px;}
h1, h2, h3, h4, h5, h6 {color:#154f2c; padding-top:4px;}
h3 {padding:0px;}
h5, h6 {font-size: 14px; padding: 0 0 2px 0;}
em {font-style: italic;}
strong {font-weight: bold;}
form {padding:0;}

.credits {font-size:10px; line-height: 10px;}

body {	padding: 0px;margin:0px;	background: /*#030*/ #154f2c;		font-size: 12px;	font-family: Lucida Grande, Arial, Helvetica, sans-serif;	color:#154f2c;}
img {border-style:none;}

.green {color:#154f2c;}




#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;  }
#search {padding-right:0px;margin:auto;	padding-top:40px;color:#333; height:91px; text-align:right;	}
#search a{color:#333; margin:0;}
#search a:hover{color:#333;	text-decoration:none;}



/*Testing Alternate View for Search Area */
#search_new2 {background: url(../images/bg/search_new2.jpg) no-repeat; width:330px; height:82px; margin:4px 2px auto auto;color:#FFF; }
#search_new2 a{color:#fff; margin:0;text-decoration:none; text-align:right; font: Lucida Grande, Arial, Helvetica, sans-serif; font-style:normal; }
#search_new2 a:hover{color:#fff;	border-bottom:1px solid #fff; }

.searches {color:#FFF;padding:10px;font-size: 10px; text-align:center;}

/*Header Section 
*/
#headercontainer {width:100%; border-top:8px solid #154f2c; background:#fff; border-bottom:8px solid #154f2c;}
/*#header {width:869px; margin:auto; background:url(../images/jpg/logo.jpg) top left no-repeat;height:91px; }*/
#header {width:869px; margin:auto; background:url(../images/logos/new/cdlc_md.png) top left no-repeat;height:91px; }



/*Navigation Container
*****************************************************/
#navcontainer {width: 869px;font: 13px Arial, Tahoma, Verdana bold; background:#1d6a3b; 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: url(../images/bg/nav_off.jpg) repeat-x; color: #fff; text-decoration: none;	text-align:left; float: left; border-right:1px solid #154f2c;	width:128px;}
#navcontainer ul li a:active {	padding: 12px 2px 12px 14px;color: #FFF;	text-decoration: none;	float: left;	font-weight: normal;}
#navcontainer ul li a:hover {background: url(../images/bg/nav_on.jpg);}
#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----------------*/

/*Current Page Navigation
*/
#home #homeNav, #browse #browseNav, 
#about #aboutNav, #contact #contactNav,
#help #helpNav, #participating #participatingNav {background:url(../images/bg/nav_on.jpg);}


/*Submenu A - this displays the links to the pages of results
************************************************************/
.submenu {font-size:10px; padding-right:4px;text-transform:uppercase;}
.submenu a {font-weight:normal;}
.submenu a:visited {text-decoration:none;}



#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: 829px;	height:100%;padding: 20px 20px 20px 20px;	text-align: left; 	background:#FFF; border-top:8px solid #b0aa73; font-weight:500;}
.Top_padd {padding-top:20px;}

#content_medium {width:589px; line-height:20px;	height:100%;padding: 0px 20px 20px 20px;	text-align: left; 	background:#FFF; float:left; font-weight:500;border-top:8px solid #b0aa73;}
#sidebar {width:200px; float:right; text-align:left; padding:20px; border-top:8px solid #b0aa73;}
#content a{	color: #4d8bc3;
  	text-decoration: none;
  	}
#content a:hover{color: #666666;
  	border-bottom: 1px solid #666666;}
#content a:visited
  {
  	color: #4d8bc3;
  	text-decoration: none;
  	/*border-bottom: 1px solid #4d8bc3;*/
  }
  
  #content.green a {color:#154f2c;
  	text-decoration: none;
  	}
#content.green a:hover{color: #666666;
  	border-bottom: 1px solid #666666;}
#content.green a:visited
  {
  	color: #4d8bc3;
  	text-decoration: none;
  	/*border-bottom: 1px solid #4d8bc3;*/
  }

#content_medium a:link
  {
  	color: #4d8bc3;
  	text-decoration: none;
  }
#content_medium a 
  {
  	outline: none;
  	cursor: pointer;
  }


#content_medium a:visited
  {
  	color: #4d8bc3;
  	text-decoration: none;
  	border-bottom: 1px solid #4d8bc3;
  }

#content_medium a:hover,
  a:focus
  {
  	color: #666666;
  	border-bottom: 1px solid #666666;
  }

.picture { background-color: #F9F9F9;
border: 1px solid #CCCCCC; padding: 3px;
font: 11px/1.4em Arial, sans-serif; }
.picture img { border: 1px solid #CCCCCC;
vertical-align:middle; margin-bottom: 3px; }
.right { margin: 0.5em 0pt 0.5em 0.8em; float:right; }
.left { margin: 0.5em 0.8em 0.5em 0; float:left; } 

#sidebar a{	color:#030;	text-decoration:none; font-size:12px;}
#sidebar a:hover{text-decoration:underline;color:#154f2c;}

#content h3 {padding:0px 0px 0px 0px; font-size: 16px; font-weight:300; /*border-bottom:1px solid #c8c8c8;*/}
#mainpage {float:right; width:288px; text-align:left;}
#mainpage h3 {font-size: 16px;padding:0px; text-align:left;}
#mainpage_left {float:left; width:400px; 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: #ccc;margin:0;padding:10px 0px;	font-size: 10px;height:100px;background: #154f2c;}
#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; }


.offstatus {color: #4d8bc3;font-weight:normal;}

.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;}


/*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;}