.twoColFixLt #container #mainContent #headerSection #headerNav {
	height: 30px;
	margin-top: 3px;
	border: thin solid #E9E9E9;
}

.twoColFixLt #container #mainContent #headerSection #headerNav img {
	margin-top:0px;
	margin-left:3px;
	margin-right:3px;
	display: inline;
}

h3 {
	/* Negative margins don't display properly in IE6
	margin-left:-20px; */
	text-transform: capitalize;
	font-size: 1.4em;
	color: #174167;
}

/* Define style for sub-menu items */
.twoColFixLt #container #sidebar1 #find ul li{
	padding: 0px;
	list-style: disc url("images/bulletCircle.gif") outside;
	font-size: 85%;
	font-weight: normal;
	font-family: Verdana, Geneva, sans-serif;
	margin: 0px 10px 10px 20px;
	width: 200px;
	background: none;
}

/* Set spacing around find buttons on leftNav bar */
.twoColFixLt #container #sidebar1 #find a img{
	display: inline;
	margin-left:1px;
	margin-top: 5px;
}

/* Set spacing and outline for spotlight sections */
.spotlight {
	border:outset;
	width:95%;
	margin:5px;
	padding:5px;
	font-size: 0.9em;	
}

/* Set heading for spotlight sections */
.twoColFixLt #container #mainContent .spotlight h1 {
	font-family: "Courier New", Courier, monospace;
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: underline;
	margin-top:5px;
	margin-bottom:0px;
}

/* Set image outline and height for spotlights */
.twoColFixLt #container #mainContent .spotlight img {
	float:left;
	border-style: double;
	border-color: #9c6433;
	height:128px;
	margin-right:7px;
}

/* Eliminate italics from <em> tag. Use bluish color instead */
.twoColFixLt #container #mainContent em {
	font-family: Verdana, Geneva, sans-serif;
	color: #174167;
	font-style: normal;
}

/* Add color to strong items in two-column classed layouts. Used for material donations and top10 lists */
.twoColFixLt #container #mainContent #contentNarrow .divForTwoColumnsLt ul li strong {
	color: #7B1111;
	text-transform: none;
}

/* Add color to strong items in two-column classed layouts. Used for material donations and top10 lists */
.twoColFixLt #container #mainContent #contentNarrow .divForTwoColumnsRt ul li strong {
	color: #7B1111;
}

.twoColFixLt #container #mainContent #contentNarrow h4 {
	font-size: 1.2em;
	font-weight: bold;
	color: #174167;
	/* Negative margins don't display properly in IE6 
	margin-left: -10px; */ 
}

.twoColFixLt #container #mainContent #contentNarrow .defHeader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	line-height: 1.5;
	text-transform: capitalize;
	font-weight: bolder;
	text-decoration: underline;
}
.twoColFixLt #container #mainContent #contentNarrow dl dt {
	margin-top: 3px;
	font-size: 1.1em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.twoColFixLt #container #mainContent #contentNarrow dl dd {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	margin-right: 10px;
	margin-top: 5px;
	margin-bottom: 15px;
}
.twoColFixLt #container #mainContent #contentNarrow table tr th {
	text-align: center;
}

.twoColFixLt #container #mainContent #contentNarrow #orientation {
	font-family: "Courier New", Courier, monospace;
	font-size: 1.3em;
	background: #E9E9E9;
	text-align: center;
	background-color: #F0F0F0;
	color: #006;
	font-weight: bold;
	margin: 10px 20px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.twoColFixLt #container #mainContent #contentNarrow #orientation p {
	vertical-align: middle;
	margin: 0px;
	padding: 0px;
}
.twoColFixLt #container #mainContent #contentNarrow dl {
	margin-top: 5px;
}
.twoColFixLt #container #mainContent #contentNarrow table caption {
	font-weight: bold;
	font-variant: small-caps;
	text-align: center;
}

.twoColFixLt #container #mainContent #contentWide .calendar {
	margin-bottom:20px;
}

.twoColFixLt #container #mainContent #contentWide .calendar caption {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	font-weight: bold;
	font-variant: small-caps;
	background-color: #E3E3E3;
}

.twoColFixLt #container #mainContent #contentWide .calendar tr td{
	margin: 1px;
	padding: 1px;
	width: 14%;
	height: 8em;
	text-align: left;
	vertical-align: top;
	font-size:.7em;
}

.twoColFixLt #container #mainContent #back {
	background: url("images/navigation/previous.gif") no-repeat left center;
	width: 45%;
	padding-left: 25px;
	font-weight: lighter;
	float: left;
	text-align: left;
}
.twoColFixLt #container #mainContent #next {
	background: url("images/navigation/next.gif") no-repeat right center;
	font-weight: lighter;
	text-align: right;
	padding-right: 25px;
	width: 45%;
	float: right;
}
.twoColFixLt #container #sidebar1 #find #hours {
	margin-top: 10px;
	border: 5px double #CCC;
	font-size: .8em;
}
.twoColFixLt #container #sidebar1 #find #hours table tr td em {
	color: #02335F;
	background-color: #DDD;
	font-weight: bold;
	font-size: 0.8em;
}
.twoColFixLt #container #sidebar1 #find #hours table {
	padding: 0px;
	width: 99%;
}
.twoColFixLt #container #sidebar1 #find #hours table tr td {
	text-align: left;
	padding: 3px;
}

.twoColFixLt #container #sidebar1 #find ul li ul li {
	margin: 2px;
	list-style: square;
}

.twoColFixLt #container #mainContent .footnote {
	font-size: 0.7em;
}

/* Formatting rules for homepage promotions and their parts (picture, link/header, text) */
/* Promotion div formatting */
.twoColFixLt #container #mainContent #contentNarrow .promotion {
	margin-left: auto;
	margin-right: auto;
	width: 448px;
	/* border-style: inset;
	border-color: #174167; */
	text-align: center;
	/* margin-bottom: 15px; 
	min-height:140px; */
}
/* Promotion text formatting */
.twoColFixLt #container #mainContent #contentNarrow .promotion p {
	margin-right: 20px;
	/* margin-bottom: 10px; */
	margin-left: 20px;
	line-height: 1;
	text-decoration: none;
	color: #000;
	text-align: center;
}
/* Promotion internal links */
.twoColFixLt #container #mainContent #contentNarrow .promotion p a {
	margin:0px;
	display:inline;
	font-size:85%;
	color:#0024bb;
	font-weight:normal;
}
/* Promotion left-aligned picture */
.twoColFixLt #container #mainContent #contentNarrow .promotion .picLeft {
	float: left;
	margin: 5px;
}
/* Promotion right-aligned picture */
.twoColFixLt #container #mainContent #contentNarrow .promotion .picRight {
	margin: 5px;
	float: right;
}
/* Promotion link-enabled header */
.twoColFixLt #container #mainContent #contentNarrow .promotion a {
	font-size: 1.3em;
	font-weight: bold;
	color: #174167;
	text-decoration: underline;
	display: block;
	margin: 10px;
}
/* Promotion non-link-enabled header */
.twoColFixLt #container #mainContent #contentNarrow .promotion .promoHeader {
	font-size: 1.3em;
	font-weight: bold;
	color: #174167;
	text-decoration: underline;
	display: block;
	margin: 10px;
}

.twoColFixLt #container #mainContent .menuRight {
	float: right;
	font-size: 1em;
	color: #174167;
	font-weight: bold;
	width:100px;
	margin-left: 1em;
	margin-bottom: 10px;
	background: #EEE;
	/*font-variant: small-caps;*/
	text-align: center;
	border: thin outset #174167;
}

.twoColFixLt #container #mainContent #contentNarrow .menuRight a {
	/*font-variant: small-caps;*/
	border: thin outset #666;
	padding: 3px;
	width: 80px;
	display: block;
	margin:5px;
}

.twoColFixLt #container #mainContent .event {
	padding: 10px;

}

.twoColFixLt #container #mainContent .event .setting{
	margin:0px 0px 5px;
	font-family: Arial, Helvetica, sans-serif;
	border: thin solid #D6D6D6;
	padding:10px;
	font-weight:bold;
}

.twoColFixLt #container #mainContent .event .eventTitle{
	font-size:1.3em;
	text-decoration:underline;
	display:block;
	margin-bottom:10px;
	font-weight:bolder;
}

.twoColFixLt #container #mainContent .event p{
	margin:0px 0px 5px 10px;
}

.twoColFixLt #container #mainContent .event ul{
	margin-top:5px;
	margin-bottom:5px;
	margin-left:30px;
}
.twoColFixLt #container #mainContent .event ul li{
	margin:0px;
	padding-left:15px;
}
/* This subsection includes the spry styles for an accordion widget */
		@charset "UTF-8";
		
		/* SpryAccordion.css - version 0.4 - Spry Pre-Release 1.6.1 */
		
		/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
		
		/* This is the selector for the main Accordion container. For our default style,
		 * we draw borders on the left, right, and bottom. The top border of the Accordion
		 * will be rendered by the first AccordionPanelTab which never moves.
		 *
		 * If you want to constrain the width of the Accordion widget, set a width on
		 * the Accordion container. By default, our accordion expands horizontally to fill
		 * up available space.
		 *
		 * The name of the class ("Accordion") used in this selector is not necessary
		 * to make the widget function. You can use any class name you want to style the
		 * Accordion container.
		 */
		.Accordion {
			border-left: solid 1px gray;
			border-right: solid 1px black;
			border-bottom: solid 1px gray;
			overflow: hidden;
		}
		
		/* This is the selector for the AccordionPanel container which houses the
		 * panel tab and a panel content area. It doesn't render visually, but we
		 * make sure that it has zero margin and padding.
		 *
		 * The name of the class ("AccordionPanel") used in this selector is not necessary
		 * to make the widget function. You can use any class name you want to style an
		 * accordion panel container.
		*/
		.AccordionPanel {
			margin: 0px;
			padding: 0px;
		}
		
		/* This is the selector for the AccordionPanelTab. This container houses
		 * the title for the panel. This is also the container that the user clicks
		 * on to open a specific panel.
		 *
		 * The name of the class ("AccordionPanelTab") used in this selector is not necessary
		 * to make the widget function. You can use any class name you want to style an
		 * accordion panel tab container.
		 *
		 * NOTE:
		 * This rule uses -moz-user-select and -khtml-user-select properties to prevent the
		 * user from selecting the text in the AccordionPanelTab. These are proprietary browser
		 * properties that only work in Mozilla based browsers (like FireFox) and KHTML based
		 * browsers (like Safari), so they will not pass W3C validation. If you want your documents to
		 * validate, and don't care if the user can select the text within an AccordionPanelTab,
		 * you can safely remove those properties without affecting the functionality of the widget.
		 */
		.AccordionPanelTab {
			background-color: #CCCCCC;
			border-top: solid 1px black;
			border-bottom: solid 1px gray;
			margin: 0px;
			/*padding: 2px;*/
			cursor: pointer;
			-moz-user-select: none;
			-khtml-user-select: none;
		}
				
		/* This is the selector for a Panel's Content area. It's important to note that
		 * you should never put any padding on the panel's content area if you plan to
		 * use the Accordions panel animations. Placing a non-zero padding on the content
		 * area can cause the accordion to abruptly grow in height while the panels animate.
		 *
		 * Anyone who styles an Accordion *MUST* specify a height on the Accordion Panel
		 * Content container.
		 *
		 * The name of the class ("AccordionPanelContent") used in this selector is not necessary
		 * to make the widget function. You can use any class name you want to style an
		 * accordion panel content container.
		 */
		.AccordionPanelContent {
			overflow: auto;
			margin: 0px;
			padding: 0px;
			height: 415px;
		}
		
		/* This is an example of how to change the appearance of the panel tab that is
		 * currently open. The class "AccordionPanelOpen" is programatically added and removed
		 * from panels as the user clicks on the tabs within the Accordion.
		 */
		.AccordionPanelOpen .AccordionPanelTab {
			background-color: #EEEEEE;
		}
		
		/* This is an example of how to change the appearance of the panel tab as the
		 * mouse hovers over it. The class "AccordionPanelTabHover" is programatically added
		 * and removed from panel tab containers as the mouse enters and exits the tab container.
		 */
		.AccordionPanelTabHover {
			color: #555555;
		}
		.AccordionPanelOpen .AccordionPanelTabHover {
			color: #555555;
		}
		
		/* This is an example of how to change the appearance of all the panel tabs when the
		 * Accordion has focus. The "AccordionFocused" class is programatically added and removed
		 * whenever the Accordion gains or loses keyboard focus.
		 */
		.AccordionFocused .AccordionPanelTab {
			background-color: #CCCCCC;
		}
		
		/* This is an example of how to change the appearance of the panel tab that is
		 * currently open when the Accordion has focus.
		 */
		.AccordionFocused .AccordionPanelOpen .AccordionPanelTab {
			background-color: #EEEEEE;
		}
/* End of Accordion */

/* Style social networking section of ltNav */
.twoColFixLt #container #sidebar1 #find #hours .socialNetworking p{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1em;
	text-align: center;
	line-height: 1.1em;
	font-variant: small-caps;
	padding-left: 20px;
}
.twoColFixLt #container #sidebar1 #find #hours .socialNetworking img{
	display:inline; 
	margin: 0px 0px 10px 5px;
}

/* Format for updates on stories or events. */
.twoColFixLt #container #mainContent .update {
	border:medium; 
	margin-left:20px; 
	margin-right:20px; 
	border-color: #DDD; 
	border-style:groove;
	padding: 10px;
}

.twoColFixLt #container #mainContent hr {
	margin-bottom: 1em;
	margin-top: 1em;
}

.twoColFixLt #container #mainContent .emphasisBlock {
	margin-left:15px; 
	margin-right:15px; 
	margin-top:0px; 
	border:groove; 
	border-color:#900; 
	padding:5px; 
	font-size:10pt; 
	color:#000; 
	text-align:center; 
	margin:0px;
}

/* Enable shorter lists in update boxes (which also function as employment boxes */ 
.twoColFixLt #container #mainContent #contentNarrow .update ul li {
	margin-bottom: 5px;
	margin-left: -5px;
	font-size:0.9em;
	list-style: url(none) none;
	background: none;
	padding-left:0px;
	text-indent:0px;
}

/* Formatting for the news links and articles */
.twoColFixLt #container #mainContent #contentNarrow .news h3 {
	text-align:center;
	padding:5px;
	margin-bottom:10px;
	border-style:outset;
	border-color:#174167;
	font-variant:small-caps;
}
.twoColFixLt #container #mainContent #contentNarrow .news h4 {
	margin-top:5px;
	font-weight: normal;
	font-size: 1em;
	text-indent:-84px;
	padding-left:84px;
}
.twoColFixLt #container #mainContent #contentNarrow .news a {
	color:#174167;
}
.twoColFixLt #container #mainContent #contentNarrow .news .footnote {
	padding-left:84px;
	font-size: .9em;
}
.twoColFixLt #container #mainContent #contentNarrow .news .date {
	font-size:.9em;
	font-weight:bold;	
}
.twoColFixLt #container #mainContent #contentNarrow .news img {
	margin: 10px 10px 0px;
	border: thin groove #999;
}
.twoColFixLt #container #mainContent #contentNarrow .news .source {
	text-align:right;
	color:#123452;
	margin-top:-5px;
	padding-top:0px;
	padding-bottom:5px;
	font-size:.9em;
	margin-bottom:10px;
	border-bottom:dotted;
	border-width:thin;
}

.twoColFixLt #container #mainContent #contentNarrow .news .moreOrLess {
	cursor:pointer;
	width:80%;
	font-size:1.3em;
	line-height:5px;
	margin-left:auto;
	margin-right:auto;
	border-width:thin;
}
.twoColFixLt #container #mainContent #contentNarrow .news .moreOrLess .picLeft {
	float:left;
	border:0px;
	margin-top:0px;
}

.twoColFixLt #container #mainContent #contentNarrow .news .moreOrLess .picRight {
	float:right;
	margin-top:0px;
	border:0px;
}

/* Formatting rules for collapsing lists. If all goes well, you should just be able to wrap any
   list in a .collapsingList div and the formatting should handle itself. Note that you still have 
   to add the Javascript method calls and anchors for the system to work. */
.twoColFixLt #container #mainContent #contentNarrow .collapsingList div {
	margin-top: 10px;
	display:none;
}
.twoColFixLt #container #mainContent #contentNarrow .collapsingList a {
	color:#174167;
	font-size:1em;
}

/* Formatting rules for foster profiles page */

.twoColFixLt #container #mainContent #contentNarrow .fosters h5 {
	margin-top: 5px;
	margin-bottom: 15px;
	text-align:center;
}
.twoColFixLt #container #mainContent #contentNarrow .fosters img {
	display:block;
	float:left;
	margin:5px 10px 5px 0px;
	border:outset;
	border-width:medium;
	border-color:#333;
}

.twoColFixLt #container #mainContent #contentNarrow .fosters p img {
	float:right;
	margin-right:0px;
	margin-left:10px;	
}

.twoColFixLt #container #mainContent #contentNarrow .fosters h4 {
	margin-top:10px;
	text-align:center;
	padding:2px;
	margin-bottom:10px;
	border-width:medium;
	border-style:outset;
	border-color:#174167;
	font-variant:small-caps;
	cursor:pointer;
}

/*This is a work in progress... I can't seem to get it to behave as I'd like it to*/
.twoColFixLt #container #mainContent #contentNarrow div .button {
	display:block;
	padding:3px;
	border:medium outset #0024bb;
	cursor:pointer;
	float:left;
	text-align:center;
	width:140px;
	margin-top:5px;
	margin-left:5px;
	font-size:1.1em;
	font-weight:bold;
	background:#ECECEC;
	color:#023358
}
.twoColFixLt #container #mainContent #contentNarrow div div.button:hover {
	background:#FFF; 
	border:medium inset #000;
}

.twoColFixLt #container #mainContent #contentNarrow div div.depressed {
	background:#023358;
	color:#FFF;
	border:medium inset #009
}

.twoColFixLt #container #mainContent #contentNarrow .title {
	font-size:24px;
	text-align:center;
	border:medium groove #900;
	margin-bottom:10px;
	background-color:#F2C8CB;
}



.twoColFixLt #container #mainContent #contentNarrow .imageBlock {
	display:block;
}

.twoColFixLt #container #mainContent #contentNarrow .imageBlock .credit{
	display:block;
	width:100%;
	text-align:center;
	font-size:.8em;
}

/* JShowOff styles */
/* Enclosure styles */
#features {
	padding:10px;
	height:280px;
	border:medium solid #999;
	margin-bottom:0px;
	position: relative;
	overflow: hidden;
	background: #EEE;
	width: 450px;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	}
#features .slide a {
	color:#104375;
	font-weight:bold;
	} 
/* End of Enclosure Styles */

/* Remaining JShowOff Styles */
.jshowoff {
	width: 476px;
	margin: 10px 0;
	}
.jshowoff div {	
	width: 450px;
	height: 305px;
	}
.jshowoff div, .jshowoff img, .jshowoff {
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	}
.jshowoff h2, .jshowoff p {
	font-size: 18px;
	padding: 10px;
	margin: 0;
	}
.jshowoff p {
	font-size: 13px;
	line-height: 15px;
	}
.eddie {
	float: right;
	padding: 15px 20px 15px 20px;
	}
.jshowoff p.jshowoff-slidelinks {
	position: absolute;
	bottom: 7px;
	right: 5px;
	margin: 0;
	padding: 0;
	}
.jshowoff-slidelinks a, .jshowoff-controls a {
	display: block;
	background-color: #000;
	color: #fff;
	padding: 5px 7px 5px;
	margin: 5px 0 0 5px;
	float: left;
	text-decoration: none;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	outline: none;
	font-size: 11px;
	line-height: 14px;
	}
.jshowoff-slidelinks a:hover, .jshowoff-controls a:hover {
	color: #fff;
	}
.jshowoff-slidelinks a.jshowoff-active, .jshowoff-slidelinks a.jshowoff-active:hover {
	background-color: #fff;
	color: #000;
	}
p.jshowoff-controls {
	border:medium solid #999;
	border-top:none;
	background: #aaa;
	overflow: auto;
	height: 1%;
	padding: 0 0 5px 5px;
	margin: 0;
	-moz-border-radius-bottomleft: 6px;
	-moz-border-radius-bottomright: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	}
/* End of remaining JShowOff styles */