/* 
* Astor Services For Children And Families - main stylesheet
* webdesign by Paul Solomon, www.insitewebsite.com
* 
* Stylesheet sections to be found below:
* 
* - layout
*   - layout element contents (when site-wide)
* - HTML elements
* - typography (site-wide typography and element-layout classes)
* - section styles
*   - page styles (for specific pages)
* - menu styles
*
* Pallete:
* astor blue: #0b2e7b
* 	 almost-black blue (body text): #051a43
*   blue rule: #cddbe6
*   light blue (rule): #bdced8
* orange: #ea942a
* 	 med orange (text): #eb9629
*   lt orange: #ffe7b4
*   pale orange: #fff8eb
* green: #83c628
*   medium green (highlight text): #62962E
*   dark green #62962E
* aqua: #4ab5b0
*   link-hover: #00b4c7
*   darker: #009eaf
*   dark (menu-link-hover): #0097a7
* purple: #837bb1
*/


/* LAYOUT ------------------------------------------------------------------- */
/* html { height: 100%; } */

body {
	margin: 0;
	padding: 0;
	border: 0px none;
	background: /* #99b9d5 */ #E6EEF5 url(../bg/bkgrd-slice-1000x392.jpg) 50% 0px repeat-y;
	font-family: Futura, "Tw Cen MT", "Microsoft Sans Serif", Helvetica, "Gill Sans", "Bitstream Vera Sans", Arial, sans-serif; 
             /* "Arial Unicode MS", "Gill Sans MT", "trebuchet ms", */
   font-size: 100%;
	}

#wrapper {
	width: 960px;
	position: relative;
	margin: 0 auto;
	overflow: hidden;	
	}

#page {
	width: 960px;
	position: relative;
	margin: 0 auto;
	/* height: 100%; */
	padding: 158px 0 0 0;
	}
	
#page-inner {
	position: relative;
	}
	
#content {
	float: left;
	width: 766px;
   margin-left: 194px; /* The width of #sidebar-left. */
   margin-right: -960px; /* Negative value of #content's width + left margin. */
   padding: 0; /* DO NOT CHANGE. Add padding or margin to #content-inner. */
   display: inline; /* corrects IE6 double-margin bug */
	position: relative;
	}
	
	body.no-sidebars #content {		
		width: 948px;
   	margin-left: 6px; 
   	margin-right: 6px; 
		}
	
	body.sidebar-left #content {		
		width: 760px;
   	margin-left: 194px; 
   	/* margin-right: 6px;  */
		}
	
	body.with-library #content {		
		width: 794px;
   	margin-left: 0px; 
   	margin-right: 0px; 
		}

#content-inner {
	padding: 0 200px 30px 20px;
	position: relative;
	width: 546px;
	overflow: visible;
	}
	
	body.no-sidebars #content-inner { 
		padding: 0 30px 30px 40px;
		width: auto;
		}
	body.sidebar-left #content-inner { 
		padding: 0 12px 30px 20px;
		width: auto;
		}
	
	body.with-library #content-inner { 
		padding: 0 0px 30px 0px;
		}
	body#page-donate-now #content-inner {
		overflow: hidden;
		/* fix for unexplained problem in IE6 on this page */
		}
	
#header-bkgrd { /* the header background; loads before the actual header content */
	position: absolute;
	height: 106px;
	width: 960px;
	top: 0px;
	left: 50%;
	margin-left: -480px;	
	background: transparent url(../bg/header-bg-948x106.jpg) 50% 0px no-repeat;
	z-index: 2;
	}
	
#header-area { /* the actual contents of the header */
	position: absolute;
	height: 106px;
	width: 960px;
	top: 0px;
	left: 50%;
	margin-left: -480px;	
	background: transparent;
	z-index: 2;
	}
	
#menus-bkgrd { /* the menus background; loads before the actual menus content */
	position: absolute;
	height: 52px;
	width: 960px;
	top: 106px;
	left: 50%;
	margin-left: -480px;	
	background: transparent url(../bg/menus-bg-948x52.gif) 50% 0px no-repeat;
	z-index: 2;
	}
	body.no-sidebars #menus-bkgrd,
	body.sidebar-left #menus-bkgrd {	
		background: transparent url(../bg/menus-bg-blank-948x52.gif) 50% 0px no-repeat;		
		}

/* see MENU STYLES section [far bottom] for details */
#menus-area { /* container for the actual contents of the menus */
	position: absolute;
	height: 56px;
	width: 960px;
	top: 102px;
	left: 50%;
	margin-left: -480px;
	margin-top: 4px;
	background: transparent;
	z-index: 2;
	}
	
#sidebar-images {
	position: absolute;
	height: 200px;
	width: 162px;
	top: 158px;
	left: 50%;
	margin-left: 312px;
	background-color: #ffe7b4;
	background-position: 1px 0px;
	background-repeat: repeat-y;
	background-image: url(../bg/cover-rght-imgs.jpg);
	z-index: 1;
	}

#sidebar-left {
	/* float:left;
	width: 184px;
	background-color: #ffffcc;
	margin: 0 auto 0 6px; */ 	
	float: left;
   width: 194px;
   margin-left: 0;
   margin-right: -194px; /* Negative value of #sidebar-left's width + left margin. */
   padding: 0 0 20px 0; /* DO NOT CHANGE. Add padding or margin to #sidebar-left-inner. */
   display: inline; /* corrects IE6 double-margin bug */
   background: transparent url(../logos/catholic-charities-148x94.gif) no-repeat 16px 10px;
	position: relative;
	font-family: arial, sans-serif;
	}	

#sidebar-left-inner {
	background-color: transparent;
	padding: 0 0 60px 0;
	margin: 115px 10px 0 6px; 
	height: auto;
	position: relative;
	}
	
	#sidebar-left #changing-content {
		padding: 25px 0 0 0;
		}

#floatclear {
	clear: both;
	width: 960px;
	height: 1px;
	margin: 0;
	padding: 0;
	}

#footer {
	height: 127px;
	width: 960px;
	position: relative;
	background: transparent url(../bg/footer-bg-960x127.jpg) no-repeat 0px 0px;
	margin: -2px auto 0 auto;
	z-index: 2;
	font-size: .8em;
	color: gray;
	font-family: arial, sans-serif;
	}

/* END LAYOUT --------------------------------------------------------------- */


/* LAYOUT ELEMENTS ---------------------------------------------------------- */
/* within sidebar-left... */
		
	#jc-logo-div {
		text-align: center;
		width: 160px;
		height: 111px;
		margin: 20px auto;
		position: relative;
		z-index: 50;
		}
		
    	#jc-logo-div a {
    		display: block;
    		width: 160px;
    		height: 111px;
    		overflow: hidden;
    		position: absolute;
    		left: 0px;
    		top: 0px;
    		z-index: 50;
    		}
    		
    	#jc-logo-div a:hover {
    		overflow: visible;
    		}
    		
    	#jc-logo-div img {
    		z-index: 50;
    		display: block;
    		width: 160px;
    		}

	a.facebook-button, a.facebook-button:link, a.facebook-button:visited {
		position: relative;
		background: transparent url(../logos/facebook-follow-132x141.gif) no-repeat 0px 0px;
		width: 132px;
		height: 47px;
		overflow: hidden;
		display: block;
		margin: 0 auto 10px 23px;
		text-indent: -9999px;
		padding: 0 !important;
		}
		a.facebook-button:hover {
			background-position: 0px -47px;
			outline: 0px solid transparent;
			}
		a.facebook-button:focus {
			background-position: 0px -94px;
			outline: 0px solid transparent;
			}
		a.facebook-button:active {
			background-position: 0px -94px;
			outline: 0px solid transparent;
			}
	
	#donate-box {
		background: transparent url(../bg/donate-box-top.gif) no-repeat 50% 0px;
		padding: 10px 0 0 0;
		position: relative;
		margin: 1px 0 0 0;
		}
		body.no-donate #donate-box { display: none; }
	
	#donate-box-inner {
		background: transparent url(../bg/donate-box-bottom.gif) no-repeat 50% 100%;
		padding: 0 0 10px 0;
		margin: 0px 0 0 0;
		position: relative;
		}
		
		#donate-box p {
			text-align: center !important;
			font-size: 1.05em;
			font-style: italic;
			font-weight: 700;
			color: #83c628;
			padding: 1px 20px;
			z-index: 1;
			margin-top: -1px;
			}
		div.donate-button {
			width: 152px;
			margin: 0px auto;
			padding: 10px 0 9px 0;
			text-align: center;
			text-indent: -9999PX;
			background-color: transparent;
			}
	/* the donate buttons */
			.donate-button a {
				display: block;
				}
				
				a.click-here-to-donate-button {
					width: 152px;
					height: 60px;
					overflow: hidden;
					background: transparent url(../buttons/clickheretodonate-button-152x120.jpg) no-repeat 0px top;
					}
				a.click-here-to-donate-button:hover { background-position: 0px bottom; }
				
				a.please-give-generously-button {
					width: 152px;
					height: 60px;
					overflow: hidden;
					background: transparent url(../buttons/pleasegivegenerously-button-152x120.jpg) no-repeat 0px top;
					}				
				a.please-give-generously-button:hover { background-position: 0px bottom; }
				
				a.donate-now-button {
					width: 152px;
					height: 37px;
					overflow: hidden;
					background: transparent url(../buttons/donatenow-button-152x74.jpg) no-repeat 0px top;
					}				
				a.donate-now-button:hover { background-position: 0px bottom; }
				
				a.make-a-donation-button {
					width: 152px;
					height: 72px;
					overflow: hidden;
					background: transparent url(../buttons/makeadonation-button-152x144.gif) no-repeat 0px top;
					}				
				a.make-a-donation-button:hover { background-position: 0px bottom; }
				
				a.donate-today-button {
					width: 152px;
					height: 72px;
					overflow: hidden;
					background: transparent url(../buttons/donate-button-152x144.gif) no-repeat 0px top;
					}				
				a.donate-today-button:hover { background-position: 0px bottom; }
				
		div.donate-image {
			left: 7px; 
			top: -5px;
			position: relative;
			}
		div.mailinglist-button-div {
			width: 126px;
			height: 51px;
			overflow: hidden;
			margin: 0px auto 0px auto;
			padding: 10px 0 10px 0;
			}
    		div.mailinglist-button-div a {
    			width: 126px;
    			height: 51px;
    			overflow: hidden;
    			display: block;
    			background: transparent url(../buttons/mailinglist-button-126x102.gif) no-repeat 0px 0%;
    			text-indent: -9999px;
    			}    			
    		div.mailinglist-button-div a:hover {
    			background-position: 0px 100%;
    			}
		
	#pull-quote {
		position: relative;
		}
		
	#pull-quote p {
		margin: 20px 0px 20px 0px;
		padding: 15px 6px 0px 10px;
		font-size: 1.4em;
		color: #83c628;
		line-height: 1.3em;
	  	/* font-style: italic; */
		font-weight: 700;
		font-family: arial, sans-serif;
		word-spacing: -2px;
		position: relative;
		left: 0px;
		top: 0px;
		background: transparent url(../quotes/icon-24x48.gif) no-repeat 2px 0px;
		}
	/* span included for adding styling to prevent IE italic bug */
	#pull-quote p span {
		font-style: italic;
		padding: 0px 15px 0 15px;
		}

/* within HEADER: */
	#header-link-div,
	#header-home-link {
		height: 75px;
		width: 335px;
		}
	#header-link-div {
		position: absolute;
		left: 45px;
		top: 9px;
		}
	#header-link-div a {
		position: absolute;
		left: 0px;
		top: 0px;
		display: block;
		text-indent: -9999px;
		}

/* within FOOTER: */
	#footer p {
		text-align: center;
		color: gray;
		margin: .2ex 0;
		padding: .2ex 0;
		font-size: .9em;
		}
	#footer p#websiteinfo, #footer p#photocopyright {
		font-size: .85em;
		}
	#footer p#footeraddress {
		padding-top: .6ex;
		}
	p#botnav {
		text-align: center;
		color: gray;
		margin: .2ex 0;
		padding: 1em 0 .8em 0;
		font-size: .95em;
		line-height: .8em;
		}
		#botnav a, #botnav a:link, #botnav a:active, #botnav a:visited {
			color: #0b2e7b;
			text-decoration: none;
			padding: 0 .5em .6ex .5em;
			border-right: 1px solid gray;
			}
		#botnav a:hover  {
			color: #d37700/* #009eaf */;
			text-decoration: underline;
			}
		#botnav a.last-link {
			border-right: 0px solid gray;
			}
		#footeraddress a, #footeraddress a:link, #footeraddress a:active, #footeraddress a:visited {
			color: #0b2e7b;
			text-decoration: none;
			}
		#footeraddress a:hover  {
			color: #d37700/* #009eaf */;
			text-decoration: underline;
			}
		
	#stoneheadboy {
		position: absolute;
		left: 25px;
		top: 15px;
		}
	#stoneheadgirl {
		position: absolute;
		right: 25px;
		top: 15px;
		}
	#xhtml-seal-div {
		position: absolute;
		left: 135px;
		bottom: 13px;
		margin: 0;
		padding: 0;
		}
    	#xhtml-seal-div a {
    		width: 57px;
    		height: 20px;
    		overflow: hidden;
    		display: block;
    		text-indent: -9999px;
    		background: transparent url(../designel/valid-xhtml-57x40.gif) no-repeat 0px 0%;
    		}
    	#xhtml-seal-div a:hover {
    		background-position: 0px 100%;
    		}
	#css-seal-div {
		position: absolute;
		right: 135px;
		bottom: 13px;
		}
    	#css-seal-div a {
    		width: 57px;
    		height: 20px;
    		overflow: hidden;
    		display: block;
    		text-indent: -9999px;
    		background: transparent url(../designel/valid-css-57x40.gif) no-repeat 0px 0%;
    		}
    	#css-seal-div a:hover {
    		background-position: 0px 100%;
    		}
	a.to-nav, a.to-nav:link, a.to-nav:active, a.to-nav:visited {
		position: absolute;
		right: 200px;
		top: -25px;
		color: #adc6d6;
		text-decoration: none;
		font-weight: 700;
		letter-spacing: 1px;
		}
	a.to-nav:hover {
		color: #009eaf;
		text-decoration: none;
		}
	a.facebook-follow, a.facebook-follow:link, a.facebook-follow:visited {
		position: absolute;
		left: 5px;
		top: -51px;
		background: transparent url(../logos/facebook-follow-132x141.gif) no-repeat 0px 0px;
		width: 132px;
		height: 47px;
		overflow: hidden;
		display: block;
		text-indent: -9999px;
		}
		a.facebook-follow:hover {
			background-position: 0px -47px;
			outline: 0px solid transparent;
			}
		a.facebook-follow:focus {
			background-position: 0px -94px;
			outline: 0px solid transparent;
			}
		a.facebook-follow:active {
			background-position: 0px -94px;
			outline: 0px solid transparent;
			}
		
	#footer p#websiteby {
	padding: 6px 0 4px 0;
	line-height: 1.2em;
	}
      #websiteby span {
      	padding-bottom: 1px;
      	}
      #websiteby a {
      	color: #0b2e7b;
      	text-decoration: none;
      	}
      #websiteby a:hover {
      	word-spacing: normal;
      	color: #ff4b4b;
      	text-decoration: none;
      	border-bottom: 1px solid #bbd4e8/* #dde7f0 */;
      	display: inline-block;
      	overflow: visible;
      	}
      #websiteby a span {
      	display: inline-block;
      	cursor: pointer;	
      	}
      #websiteby span {
      	display: inline-block;
      	}
      #websiteby span.by {
      	border-bottom: 1px solid #bbd4e8/* #dde7f0 */;
      	display: inline;
      	}
      #websiteby a span.www {
      	border-bottom: 1px solid #bbd4e8/* #dde7f0 */;
      	display: none;
      	}
      #websiteby a span.anchortext {
      	border-bottom: 1px solid #bbd4e8/* #dde7f0 */;
      	display: inline;
      	}
      #websiteby a span.design {
      	border-bottom: 1px solid #bbd4e8/* #dde7f0 */;
      	display: inline;
      	}
      #websiteby a span.newwindow {
      	border-bottom: 1px solid #bbd4e8/* #dde7f0 */;
      	padding-left: .5em;
      	visibility: hidden;
      	}
      #websiteby a:hover span.www {
      	display: inline;
      	border-bottom: 1px solid #ffa5a5;
      	}
      #websiteby a:hover span.anchortext {
      	display: inline;
      	border-bottom: 1px solid #ffa5a5;
      	word-spacing: -.4em;
      	/* text-transform: lowercase; */
      	}
      #websiteby a:hover span.design {
      	display: none;
      	}
      #websiteby a:hover span.newwindow {
      	text-decoration: none;
      	border-bottom: 1px solid #bbd4e8/* #dde7f0 */;
      	padding-left: .7em;
      	visibility: visible;
      	}
      #websiteby a.external {
      	padding: 0;
      	background: transparent none no-repeat 100% 0px;
      	}
      #websiteby a.external:hover {
      	padding: 0 16px 0 0;
			background: transparent url(../designel/new-window-11x10.gif) no-repeat 100% 0px;
      	}
      #websiteby a.contact-webmaster {
      	padding: 0 0 0px 0;
      	border-bottom: 1px solid #bbd4e8/* #dde7f0 */;
      	}
      #websiteby a.contact-webmaster span.webmaster {
      	padding: 0 0 1px 0;
      	border-bottom: 1px solid #bbd4e8/* #dde7f0 */;
      	}
      #websiteby a.contact-webmaster:hover {
      	padding: 0 0 0px 0;
      	border-bottom: 1px solid #bbd4e8/* #dde7f0 */;
      	color: #d37700/* #009eaf */;
      	text-decoration: underline;
      	}
      #websiteby a.contact-webmaster span.webmaster {
      	padding: 0 0 0px 0;
      	border-bottom: 1px solid #bbd4e8/* #dde7f0 */;
      	}

div.adminlogin {
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 100;
	width: 20px;
	height: 20px;
	overflow: hidden;
	}
    div.adminlogin a {
    	display: block;
    	width: 20px;
    	height: 20px;
    	overflow: hidden;
    	text-indent: -9999px;
    	cursor: crosshair;
    	}
    div.adminlogin a.external {
    	background-image: none;
    	}

/* video pop-over division */
div.video {
	position: absolute; 
	display: none; 
   padding: 10px; 
   background-color: #002a67; 
   border: 3px solid #272727; 
   text-align: right;
	}
	div.video a.video-close {
		color: white;
		}

/* END LAYOUT ELEMENTS ------------------------------------------------------ */


/* HTML ELEMENTS ------------------------------------------------------------ */
img {
	border: 0 none;
	}
	
/** headings **/
h1, h2, h3, h4, h5, h6 { color: #EB9629; }

h1 {
    font-size: 1.8em;
    font-weight: 700;
    line-height: 1.4em;
    margin-top: 0.5em; /* 0.5em is equavalent to 1em in the page's base font.
                             Remember, a margin specified in ems is relative to
                             the element's font-size, not to the pages' base
                             font size. So, for example, if we want a 1em margin
                             (relative to the base font), we have to divide that
                             length by the element's font-size:
                             1em / 2em = 0.5em */
    margin-bottom: 0.22em; 
    text-indent: -20px; /* Hanging indent for this element */
  }

h2 {
    font-size: 1.7em;
    line-height: 1.5em;
    margin-top: 0.4em; /* 0.667em Equivalent to 1em in the page's base font: 1 / 1.5 = 0.667em */
    margin-bottom: 0.22em;
    font-weight: 400;
    text-indent: -20px; /* Hanging indent for this element */
  }

h3 {
    font-size: 1.4em;
    line-height: 1.3em;
    margin-top: 0.4em; /* 0.769em Equivalent to 1em in the page's base font: 1 / 1.3 = 0.769 */
    margin-bottom: 0.22em;
    font-weight: 400;
    text-indent: -20px; /* Hanging indent for this element */
  }

h4, h5, h6 {
    font-size: 1.1em;
    line-height: 1.3em;
    margin-top: 0.909em; /* Equivalent to 1em in the page's base font: 1 / 1.1 = 0.909 */
    margin-bottom: 0.909em;
  }

/** block-level elements **/
p, ul, ol, dl, pre, table, fieldset, blockquote {
    margin: 1em 0;
  }

p {
	margin: 0;
	padding: 1ex 0;
	}
	
/** lists **/
  /* standardize list item indentation */
ol {
    margin-left: 0;
    padding-left: 2em;
    list-style-position: inside;
    position: relative; /* fixes IE disappearing list background bug */
	}
ul {
    margin-left: 0;
    padding-left: .5em;
    list-style-position: outside;
    list-style-type: none;
    position: relative; /* fixes IE disappearing list background bug */
	}

ul ul, ul ol, ol ol, ol ul {
    margin: 0;
	}

ol li { 
	margin: 0 0 0 1em;
	padding: 0 0 1ex 0;
	text-indent: -2.5em;
	}

ul li { 	
	background: transparent url(../designel/list-pic.gif) no-repeat 0px 2px;
	padding: 0 0 1ex 45px; 
	margin: 0 0 0 0;  	
	text-indent: -1.5em; 
	}
/* ul          { list-style-type: disc; } */
ul ul       { list-style-type: none; padding-top: .5em; }
ul ul ul    { list-style-type: none; }
ul ul ul ul { list-style-type: none; }
ul ul li		{ padding-bottom: 0; }
ol          { list-style-type: decimal; }
ol ol       { list-style-type: lower-alpha; }
ol ol ol    { list-style-type: decimal; }

dl {	
    position: relative; /* fixes IE disappearing list background bug */
	}

dt {
    margin: 0;
    padding: .3em 0 0.4em 0;
    display: block;
  }

dd {
    margin: 0 0 0 2em;
    padding: 0 0 .8em 0;
    display: block;
  }


pre, code {
    font-size: 1.1em; /* Monospace fonts can be hard to read */
    font-family: "Bitstream Vera Sans Mono", "Courier New", monospace;
  }
  
/* links: */

  a:link { color: #1446a7; text-decoration: none; }

  a:visited { color: #837bb1; text-decoration: none; }

  a:hover, a:focus { color: #009eaf; text-decoration: underline; }

  a:active { color: #83c628; text-decoration: none; }
  

	/* all elements with class 'underline' */
.underline {
	text-decoration: underline;
	}
  
a.underline, a.underline:link, a.underline:visited, a.underline:active {
	text-decoration: underline;
	}

a.external {
	padding: 0 16px 0 0;
	background: transparent url(../designel/new-window-11x10.gif) no-repeat 100% 3px;
	white-space: nowrap;
	}

a.pdf {
	padding: 0 26px 0 0;
	background: transparent url(../designel/new-window-pdf-21x11.gif) no-repeat 100% 3px;
	white-space: nowrap;
	}
	
a.read-more, a.read-more:link, a.read-more:visited {
	text-decoration: underline;
	padding-right: 14px;
	background: transparent url(../bg/caret-down.gif) no-repeat right 60%;
	color: #1446a7;
	}
a.read-more:active, a.read-more:hover {
	color: green;
	cursor: help;
	}
a.read-less, a.read-less:link, a.read-less:visited {
	text-decoration: underline;
	padding-right: 14px;
	background: transparent url(../bg/caret-up.gif) no-repeat right 60%;
	color: #1446a7;
	}
a.read-less:active, a.read-less:hover {
	color: green;
	cursor: pointer;
	}
/* END HTML ELEMENTS -------------------------------------------------------- */


/* TYPOGRAPHY --------------------------------------------------------------- */
#page {
/*
     * To use a 12px font size on the page, delete the 14px declarations.
     * to use a 14px font size on the page, delete the 12px declarations.
     */

    /* Use a 12px base font size with a 16px line height */
    /* font-size: 0.75em; */ /* 16px x .75 = 12px */
    /* line-height: 1.333em; */ /* 12px x 1.333 = 16px */

    /* Use a 14px base font size with a 18px line height */
    font-size: 0.875em; /* 16px x .875 = 14px */
    line-height: 1.286em; /* 14px x 1.286 = 18px */
    
    color: #051a43;
	}

p {
	text-align: justify; /* for this site, default alignment is 'justify' */
	}
	
  #sidebar-left p {
    	text-align: left; 
    	}

/* styling classes: */

.noInd { text-indent: 0; }
.hangInd { text-indent: -1.5em; margin-left: 1.5em; }
.ind { text-indent: 1.5em; }
.ltJust { text-align: left; }
.rtJust { text-align: right; text-indent: 0; }
.ctJust { text-align: center; text-indent: 0; }
.just { text-align: justify; }
.bold-centered {
	text-align: center; 
	font-weight: 700;
	color: #62962E;
	font-family: arial, sans-serif;
	margin: 0 20px;
	}
.inset {margin-left: 20px; margin-right: 20px; margin-top: 1.5em; margin-bottom: 1.5em;}
.no-top-bottom {padding-top: 0; padding-bottom: 0; }

.note {
	color: navy;
	text-indent: 0;
	font-size: .9em;
	line-height: 1.3em;
	text-align: left;
	margin: 0;
	}
	
.notei {
	color: navy;
	text-indent: 0;
	font-size: .9em;
	line-height: 1.3em;
	text-align: left;
	margin: 0;
	font-style: italic;
	}
	
.caption {
	font-size: .9em;
	color: #333;
	text-align: right;
	margin-top: 0;
	padding-top: 4px;
	}
	
.underline {
	text-decoration: underline;
	}
	
.light-border {
	border: 1px solid #d8e1e8;
	}
	
.medium-border {
	border: 1px solid #c9d0d6;
	}
/* dropshadow effect - see:
		http://www.alistapart.com/articles/cssdropshadows/ */
 
.floatR {
	float: right;
	/* padding: 0 0 0 .7em; */
	margin: 20px -10px 0 22px !important;
	margin: 20px -5px 0 18px;
	position: relative;
	}
.float-right {
	float: right;
	}
.quotefloatR {
	float: right;
	/* padding: 0 0 0 .7em; */
	margin: 20px 0px 0 25px !important;
	padding-top: 0px;
	position: relative;
	}
.floatL {
	float: left;
	/* padding: 0 .7em 0 0; */
	margin: 20px 6px 0 10px !important;
	margin: 20px 0 0 5px;
	position: relative;
	}
.float-left {
	float: left;
	}
.quotefloatL {
	float: left;
	/* padding: 0 0 0 .7em; */
	margin: 20px 15px 0 0px !important;
	padding-top: 0px;
	position: relative;
	}
.float-clear {
	clear: both;
	}
.out {
  background: url(../bg/shadowAlpha.png) no-repeat bottom right !important;
  background: url(../bg/shadow.gif) no-repeat bottom right;
  }
  
.video-floatL {
	float: left;
	padding: 12px 14px 8px 0;
	}
.video-floatR {
	float: right;
	padding: 12px 0 8px 14px;
	text-align: right;
	}
  
.in {
	float:left;
	display: block;
	position: relative;
	}
	
.rtinMbox {
	bottom:auto;
	left:-8px;
	right:auto;
	top:-8px;
	}

.out img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 0px solid #a9a9a9;
  margin: -9px 9px 9px -9px;
  padding: 0px;
  }
.in img { 
	display: block; 
	position: relative;
	left: -4px;
	top: -4px;
	} 
.photo {width:auto; padding:10px;}
.narrow { width:13em; padding: 1em; text-align: left; } /* change to suit */
.medium { width:16em; padding: 1em; text-align: left; }
.medium-wide { width:20em; padding: 1em; text-align: left; }
.wide { width:30em; padding: 1em; text-align: left; clear: both; }
.wide2 { width:380px; padding: 1em; text-align: left; }
.quoteR { 
	left:-9px; top: -9px; color: #0b2e7b; line-height: 1.4em; background-color: #fff;
	border:1px solid silver; font-size: 1.15em; font-family: arial, sans-serif; }
.quoteL { left:15px; color: navy; line-height: 1.4em; border:1px solid silver; }
	
div.expand {
	margin: 1ex auto 1em 30px;
	background: transparent url(../bg/gradiant-bg.jpg) no-repeat left top;
	padding: 0 0 1px 1px;
	margin: 20px 20px 20px 20px;
	}
div.expand-inner {
	margin: 0;
	background: transparent url(../bg/paper-fill.jpg) repeat -7px bottom;
	padding: 0 10px 20px 40px;
	}
div.embed-480-video {
	width: 480px;
	margin: 0 auto;
	border-width: 1px 1px 0 1px;
	border-style: solid;
	border-color: #FFE7B4;
	}
div.video-credits {
	text-align: right;
	width: 440px;
	margin: 0 auto;
	font-size: .85em;
	color: gray;
	}
div.popup-video-credits {
	color: #999999;
	font-size: .75em;
	text-align: center;
	width: auto;
	margin: 0;
	padding: 5px 0 0 100px;
	} 
div.video-credits a.external {
	background-position: 100% 2px;
	}
div.popup-video-credits a.external,
div.popup-video-credits a.external:link,
div.popup-video-credits a.external:visited,
div.popup-video-credits a.external:active,
div.popup-video-credits a.external:hover,
div.popup-video-credits a.external:focus {
	color: #ffffcc;
	outline: 0 none;
	} 
object:focus {
	outline: 1px solid #22bad2;
	}

/* END TYPOGRAPHY ----------------------------------------------------------- */


/* SECTION-STYLES (including page styles) ----------------------------------- */
/* sidebar images: */
.section-about-astor #sidebar-images { background-image: url(../bg/50sMontage160x950.jpg); }
.section-you-can-help #sidebar-images { background-image: url(../bg/tiles.jpg); }
.section-our-services #sidebar-images { background-image: url(../bg/glass7x127.jpg); }
.section-news-events #sidebar-images { background-image: url(../bg/faces1.jpg); }

/* SECTIONS ------------------------ */
/* homepage ------------------------ */
div#homepage-display {
	height: 390px;
	width: 752px;/* 764 -margins */
	background-color: #fff;
	border: 1px solid #e2ebf3;
	margin: 12px 12px 20px -20px;
	position: relative;
	}
.section-home h1.first-h {
	background: #fff url(../bg/homepage-words-701x108.gif) no-repeat 0px 0px;
	width: 701px;
	height: 108px;
	margin: 22px auto;
	text-indent: -9999px;
	}
.section-home p#home-video-pic {
	/* float: left; */
	position: absolute;
	width: 240px;
	height: 178px;
	padding: 0px;
	/* margin: 30px 0 0 15px; */
	margin: 0;
	left: 17px;
	top: 182px;
	z-index: 5;
	}
.section-home h2#homepage-text {
	/* float: left; */
	position: absolute;
	left: 258px;
	top: 180px;
	width: 490px;
	height: 180px;
	background: #fff url(../i/homepage-text-500x180.gif) no-repeat 0px 0px;
	text-indent: -9999px;
	/* margin: 52px 0 0 0px; */
	margin: 0;
	z-index: 4;
	}
#home-news-events {
	width: 570px;
	background-color: #fff8eb;
	border: 1px solid #ffe7b4;
	margin: 20px auto;
	padding: 8px 0 4px 40px;
	}
  #home-news-events a,
  #home-news-events a:link,
  #home-news-events a:active,
  #home-news-events a:visited {
    	color: #264ccf;
    	text-decoration: underline;
    	}
  #home-news-events a:hover {
    	color: green;
    	text-decoration: underline;
    	}
  #home-news-events li,
  #feeder {
    	display: none;
    	}
#home-news-events p#view-all-news { /* contains "View all news stories" link */
	padding: 6px 30px 0 0;
	text-align: right;
	float: right;
	display: none; /* only made visible by js if there are more than six stories on the news page */
	}
.home-item-div {
	width: 80%; 
	border: 1px solid #c8cfd5; 
	padding: 1ex 2em 1em;
	background-color: #fff;
	margin: 1em auto;
	}
.home-event-div {
	width: 730px;
	padding: 0 11px 10px 11px;
	background-color: #fff8eb;
	border: 1px solid #ffe7b4;
	margin: 12px 12px 20px -20px;
	}
		.home-event-div h4 {
			margin: .7em 0 .4em 0;
			}
		.home-event-div p {
			padding: .3em 0 .3em 0;
			}
		.home-event-div p.thumbnails {
			text-align: center;
			padding: .3em 0 .1em 0;
			}
		.home-event-div .thumbnails img {
			background-color: #fff;
			padding: 22px 6px;
			border: 1px solid #efefef;
			margin: 0 1px;
			}
.section-home #content {
	overflow: hidden;
	}
div.holiday-shopper-div a { /* also found on holiday shoper page */
	width: 388px;
	height: 46px;
	overflow: hidden;
	text-indent: -9999px;
	display: block;
	margin: 0 auto;
	}
a.shopper-button, a.shopper-button:link, a.shopper-button:visited, a.shopper-button:active {
	background-repeat: none;
	background-color: transparent;
	background-position: left top;
	}
a.shopper-button:hover {	
	background-position: left bottom;
	}
a.shopper-button-one, a.shopper-button-one:link, a.shopper-button-one:visited, a.shopper-button-one:active, a.shopper-button-one:hover {
	background-image: url(../buttons/holiday-help-button-one-388x92.gif);
	}
a.shopper-button-two, a.shopper-button-two:link, a.shopper-button-two:visited, a.shopper-button-two:active, a.shopper-button-two:hover {
	background-image: url(../buttons/holiday-help-button-two-388x92.gif);
	}
a.shopper-button-three, a.shopper-button-three:link, a.shopper-button-three:visited, a.shopper-button-three:active, a.shopper-button-three:hover {
	background-image: url(../buttons/holiday-help-button-three-388x92.gif);
	}
/* about section ---------------- */

/* overview page */
div#bear {
	padding-top: 10px;
	}
	
/* history page */
#page-history #content p {
	line-height: 1.45em;
	}
	
/* timeline pages */
a.timeline {
	padding: 0 5px;
	}
	
/* leadership (people) page */

/* people page */
#aheadings {	
	margin-top: 0;
	margin-bottom: 1em;
	padding-top: 1px;
	}
#aheadings a {
	display: block;
	font-family: trebuchet MS, verdana, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	text-decoration: none;
	color: #0b2e7b;
	text-indent: -1em;
	margin-left: 1em;
	margin-bottom: 1em;
	margin-top: 1em;
	line-height: 1em;
	}
h2.peopleh2 {
	font-family: trebuchet MS, verdana, sans-serif;
	font-size: 1.3em;
	font-weight: 400;
	text-align: left;
	/* text-indent: -20px; */
	/* margin-left: 0em; */
	margin-top: 1.8em;
	margin-bottom: 0; 	
	color: #62962E;
	line-height: 1.3em;
	position: relative;
	}
div.peoplepage {
	/* width: 546px; */
	position: relative;
	margin: 0;
	}
dl.people { 
	position: relative; 
	z-index: 5; 
	padding: 1ex 0 0 0; 
	border-top: 1px solid #cddbe6;
	margin: 1ex 2em 0 1em;
	}
.people dt { 
	font-style: italic;
	font-size: 1.1em;
	font-weight: 700;
	font-family: "trebuchet ms", verdana, arial, sans-serif;
	color: #051a43;
	text-decoration: none;
	margin: .1em 0 0 0;
	/* border-bottom: 1px solid #D3CEBE; */
	position: relative;
	z-index: 5;
	}
.people dd {
	font-style: normal;
	font-size: 1em;
	font-weight: 400;
	font-family: Futura, "Tw Cen MT", "Microsoft Sans Serif", Helvetica, "Gill Sans", "Bitstream Vera Sans", Arial, sans-serif;
	color: #000;
	text-decoration: none;
	text-indent: -2em;
	margin-left: 3em;
	line-height: 1.1em;
	position: relative;
	z-index: 5;
	}
dl.people a:link, dl.people a:visited {
	color: #000;
	text-decoration: none;
	}
dl.people a:hover {
	color: #060;
	text-decoration: underline;
	}
dl.people a:active {
	color: #C00;
	text-decoration: none;
	}
	
/* affiliations page */
dl.partners { 
	position: relative; 
	z-index: 5; 
	padding: 1ex 0 0 0; 
	width: 546px;
	margin: 0;
	overflow: hidden;
	}
.partners dt { 
	font-style: italic;
	font-size: 1.2em;
	font-weight: 700;
	font-family: "trebuchet ms", verdana, arial, sans-serif;
	color: #62962E;
	text-decoration: none;
	margin-top: .5em;
	margin-bottom: .4em;
	border-bottom: 1px solid #cddbe6;
	position: relative;
	z-index: 5;
	}
.partners dd {
	font-style: normal;
	font-size: 1em;
	font-weight: 400;
	font-family: Futura, "Tw Cen MT", "Microsoft Sans Serif", Helvetica, "Gill Sans", "Bitstream Vera Sans", Arial, sans-serif;
	color: #000;
	text-decoration: none;
	text-indent: -2em;
	margin-left: 3em;
	line-height: 1.3em;
	position: relative;
	z-index: 5;
	padding: 0 0 .3em 0;
	}
dl.partners a:link, dl.partners a:visited {
	color: #051a43;
	text-decoration: none;
	}
dl.partners a:hover {
	color: #00b4c7;
	text-decoration: underline;
	}
dl.partners a:active {
	color: #C00;
	text-decoration: none;
	}
#jcaho {
	border-top: 1px solid #D3CEBE;
	border-bottom: 1px solid #D3CEBE; 
	padding: 1ex 0 1em 0;
	/* margin: 2em 0 1em 0; */
	position: relative;
	z-index: 92;
	}
#jcahoSeal { 
	position: absolute; 
	top:-90px; 
	right:40px;
	z-index: 4;
	cursor: pointer;
	}
.jcahoP {
	font-size:.9em;
	text-align: left;
	line-height: 1.1em;
	margin: 0;
	border: 0px dashed lime;
	padding: 0 0 0 0;
	position: relative;
	z-index: 93;
	text-indent: 0;
	}
#jcahoH { text-align: center; margin: 0 0 0 0; width: auto;
	position: relative;	 
	z-index: 93;}
.jcahospan { border-bottom: 2px solid blue; }
.jcahoLink { 
	position: relative; 
	z-index: 93;}
#jcahoA { position: relative; z-index: 94; text-decoration: none; }
#jcohaX { position: relative; right:-19px; z-index: 93; cursor: pointer; }
#JCAHOclicknote {
	color: #005000;
	font-style: italic;
	font-size: smaller;
	padding: 0 0 0 2em;
	}
/* photo albums */
#page-photo-album #content {
	overflow: hidden;
	}
div#rocker {
	margin: 10px 0 20px 75px;
	height: 240px;
	}
.linkgif {
	position: absolute;
	z-index: 99;
	}
#albums {
	width:440px;
	margin:0 auto 0 auto;
	background:transparent url(../bg/albums-bkgrd-440x230.gif) repeat 0px 0px;
	position:relative;
	}
#page-event-photos div#below-viewer {
	padding-right: 20px;
	}
#play { top:48px;left:30px; }
#friends { top:86px;left:30px; }
#sports { top:124px;left:30px; }
#chores { top:164px;left:30px; }
#schoolwork { top:80px;left:200px; }
#daughters { top:118px;left:200px; }
#therapy { top:158px;left:200px; }
/* the actual album */
	/* correct for IE width problem: */
	#page-event-photos #content-inner {
		width: 566px; /* usually 546 */
		padding: 0 180px 30px 20px; /* usually 200 */
		}
#gallery-v4b {
  height: 425px;
  position: relative;
  margin: 20px 0 30px 0;
  }
    #page-event-photos #gallery-v4b {
      margin: 20px 0 10px 0;
      }
#maingallerycontent {
	border:1px solid #bfcdd6;
	margin:0 auto;
	padding:0 0;
	position:relative;
	width:560px;
	background: transparent url(../bg/blk-paper-bkg.gif) repeat 0px 0px;
	}	
    #page-event-photos #maingallerycontent {
    	border:1px solid #ffe7b4;
    	background: #92afc7 none repeat 0px 0px;
    	height: 430px;
    	}
#viewscreen {
left:0px;
top:0px;
border:0 solid silver;
height:422px;
position:absolute;
width:520px;
margin:0;
}
    #page-event-photos #viewscreen {
    width: 484px;
    top: 2px;
    }
#viewscreen-tr {
height:422px;
vertical-align:middle;
width:520px;
}
#viewedimagetd {
width:520px;
}
#gallery-v4b #viewscreen td {
position:static;
vertical-align:middle;
}
#thumbtable {
border:0 none;
}
#rolloverfour-b #thumbtable {
margin:0 0 0 510px;
width:38px;
}
    #page-event-photos #rolloverfour-b #thumbtable {
    margin: 0 0 0 480px;
    width: 76px;
    }
#thumbtable-table {
	text-align: center;
	}
#rolloverfour-b #thumbtable table {
margin:0;
table-layout:fixed;
}
table#thumbtable-wrapper {
text-align:center;
width: 38px;
}
#thumbtable-wrapper-row {
height:410px !important;
width: 38px;
}	
    #page-event-photos table#thumbtable-wrapper {
    text-align:center;
    width: 76px;
    height: 426px;
    vertical-align: middle;
    }
    #page-event-photos #thumbtable-wrapper-row {
    /* height:410px !important; */    
    height: auto !important;
    width: 76px;
    }
#thumbtable td {
border:0 solid #FFFFFF;
padding:2px;
position:relative;
}
#thumbtable-wrapper-cell {
background:transparent none no-repeat scroll 0 0 !important;
position:static !important;
vertical-align:middle !important;
width:38px !important;
}
#rolloverfour-b #thumbtable td, 
#rolloverfour-b #thumbtable td.selected0 {
background:#F8F2A3 url(../bg/bluebutton68x34.jpg) no-repeat scroll 0 0;
border:0 solid #C0C0C0;
color:#AABA71;
cursor:default;
font-size:1em;
font-weight:normal;
height:34px;
margin:0;
padding:0;
position:relative;
text-align:center;
text-indent:0;
vertical-align:middle;
width:38px;
}
#thumbtable-table {
position:relative;
border:1px solid #4065a4;
background-color: #000;
border-collapse: separate;
border-spacing:2px 0px;
padding: 2px 0;
}
	#page-event-photos #thumbtable-table {
		border: 1px solid #92afc7;
		background-color: #92afc7;
		}
	#page-event-photos #thumbtable-table.stacked24 {		
		border: 0px solid #92afc7;
		border-spacing: 0px 0px;
		padding: 0px 0;
		border-collapse: collapse;
		}
td.placeholder, tr.placeholder {
	visibility: hidden;
	position: absolute;
	left: -9999px;
	/* display: none; */
	}
	.stacked24 td.placeholder, .stacked24 tr.placeholder {
		height: 1px !important;
		overflow: hidden;
		line-height: 1px !important;
		font-size: 1px !important;
		}
#rolloverfour-b #thumbtable td,
#rolloverfour-b #thumbtable td.selected0 {
	background: #000 url(../bg/bluebutton68x34.jpg) no-repeat 0px 0px;
	height: 34px;
	width: 34px;
	position: relative;
	border: 0px solid #c0c0c0;
	padding: 0;
	margin: 0;
	text-indent: 0em;
	text-align: center;
	vertical-align: middle;
	color: /* #283898 #2D7C77 #6FB9B2 */#fff;
	font-weight: normal;
	font-size: 1em;
	cursor: default;
	}
    #page-event-photos #rolloverfour-b #thumbtable td,
    #page-event-photos #rolloverfour-b #thumbtable td.selected0 {
    	background: #92afc7 url(../buttons/slide-button.jpg) no-repeat 0px 0px;
		color: /* #283898 #2D7C77 #6FB9B2 */#cfdce5;
		font-weight: 700;
		font-size: .9em;
		line-height: 10px;
    	}
    #page-event-photos #rolloverfour-b #thumbtable table.stacked24 td,
    #page-event-photos #rolloverfour-b #thumbtable table.stacked24 td.selected0 {
    	background: #92afc7 url(../buttons/slide-oval-button.jpg) no-repeat 0px 0px;
    	height: 17px;
    	width: 68px;
		color: /* #283898 #2D7C77 #6FB9B2 */#cfdce5;
		font-weight: 700;
		font-size: 10px;
		padding: 0px 0;
		font-family: verdana, sans-serif;
    	}
#rolloverfour-b #thumbtable td.selected1,
#page-event-photos #rolloverfour-b #thumbtable td.selected1 {
	background-position: -34px 0px;
	text-indent: 0em;
	text-align: center;
	vertical-align: middle;
	color: #000;
	font-weight: 700;
	font-size: 1em;
	cursor: default;
	}
	#page-event-photos #rolloverfour-b #thumbtable td.selected1 {
		font-size: .9em;
		}
    #page-event-photos #rolloverfour-b #thumbtable table.stacked24 td.selected1 {
    	background: #92afc7 url(../buttons/slide-oval-button.jpg) no-repeat -68px 0px;
		color: /* #283898 #2D7C77 #6FB9B2 */#000;
		font-weight: 700;
		font-size: 10px;
    	}
	/* photo corners */
#in1 {
position:relative;
/* background-color:#ADADAD; */
}

.rM { margin: 0 0 3px .6em; }
.rtinM { left:-3px; right:auto; top:-3px; bottom: auto; }
#in2 {
background-color:#636363;
position:relative;
}
.lt {
	position: absolute;
	z-index: 101;
	left: -6px;
	top: -6px;
	}
.rt {
	position: absolute;
	z-index: 101;
	right: -1px;
	top: -6px;
	}
.lb {
	position: absolute;
	z-index: 101;
	left: -6px;
	bottom: -1px;
	}
.rb {
	position: absolute;
	z-index: 101;
	right: -1px;
	bottom: -2px;
	}
#viewedimage {
margin:0;
padding:0;
}

/* services section ------------------------ */
.section-our-services strong {
	color: #62962E;
	font-weight: 700;
	}
div.white-box {
	border: 1px solid silver;
	color: navy;
	background: #fff;
	line-height: 1.7em;
	padding: 1em;
	width: 80%;
	margin: 30px auto 30px auto;
	font-weight: 700;
	}
div.white-box-400 {
	border: 1px solid silver;
	color: navy;
	background: #fff;
	line-height: 1.7em;
	padding: 1em;
	width: 80%;
	margin: 30px auto 30px auto;
	}
	
/* early childhood pages */
p#earlychildhoodmenu {
	width: 500px;
	margin: -1px auto 15px;
	background-color: #e6edf3;
	border-top: 0px solid #ffe7b4;
	border-right: 1px solid #d4dfe5;
	border-bottom: 1px solid #d4dfe5;
	border-left: 1px solid #d4dfe5;
	padding: 5px;
	text-align: center;
	font-weight: 700;
	font-family: arial, sans-serif;
	z-index: 101;
	}
p#earlychildhoodmenu a {
	color: #0b2e7b;
	font-size: 13px;
	font-weight: 700;
	text-decoration: none;
	letter-spacing: 1px;
	word-spacing: -.3ex;
	padding: 0 8px;
	} 				
p#earlychildhoodmenu a:visited {
	text-decoration: none;
	color: #0b2e7b;
	}
p#earlychildhoodmenu a:hover {
	text-decoration: none;
	color: #0097a7;
	}
	.early-childhood-overview p#earlychildhoodmenu a.first-link { color: #000; padding: 0 12px; cursor: default;
		background: transparent url(../bg/thispage-caret-left.gif) no-repeat 4px 4px;	} 		
	.early-childhood-overview p#earlychildhoodmenu a.first-link:hover,
	.early-childhood-overview p#earlychildhoodmenu a.first-link:visited { text-decoration: none; color: #000; }
	
	.dutchess-county p#earlychildhoodmenu a.second-link { color: #000; padding: 0 12px; cursor: default;
		background: transparent url(../bg/thispage-caret-left.gif) no-repeat 4px 4px;	} 		
	.dutchess-county p#earlychildhoodmenu a.second-link:hover,
	.dutchess-county p#earlychildhoodmenu a.second-link:visited { text-decoration: none; color: #000; }
	
	.bronx-county p#earlychildhoodmenu a.third-link { color: #000; padding: 0 12px; cursor: default;
		background: transparent url(../bg/thispage-caret-left.gif) no-repeat 4px 4px;	} 		
	.bronx-county p#earlychildhoodmenu a.third-link:hover,
	.bronx-county p#earlychildhoodmenu a.third-link:visited { text-decoration: none; color: #000; }

/* community-based page */
#page-community-based h1 {
	line-height: 1.4em;
	font-size: 1.3em;
	font-family: arial,sans-serif;
	font-weight: 400;
	}

/* news and events section ------------------ */
/* news page */
div.news-stories h1 {
	font-size: 1.3em;
	font-weight: 400;
	color: #0b2e7b;
	}
div.news-stories h5 {
	font-size: 1.05em;
	font-weight: 400;
	color: #62962E;
	}
div.news-stories hr {
	border:1px solid #0066CC;
	color:#0066CC;
	margin:2em 1em 1em;
	width:400px;
	margin: 1em auto 2em auto;
	}
div.news-stories p {
	text-align: left;
	}
body#page-news a.read-more,
body#page-news a.read-less {
	display: block;
	text-align: right;
	}

/* PRESS RELEASES PAGE */
#page-press-releases p {
	text-align: left;
	}
#page-press-releases p a.external {
	white-space: normal;
	}

/* newsletters and reports page */
#page-newsletters-reports h4 {
    font-size: 1.4em;
    line-height: 1.3em;
    margin-top: 0.4em; /* 0.769em Equivalent to 1em in the page's base font: 1 / 1.3 = 0.769 */
    margin-bottom: 0.22em;
    font-weight: 400;
    text-indent: -20px; /* Hanging indent for this element */
	}
	
/* event photos / slideshow pages ------ */

/* features archive page -------------- */
#page-features-archive div.news-stories h1 {
	margin-bottom: 0;
	}
	#page-features-archive div.news-stories h1 a,
	#page-features-archive div.news-stories h1 a:link,
	#page-features-archive div.news-stories h1 a:visited,
	#page-features-archive div.news-stories h1 a:active {
		text-decoration: underline;
		}
#page-features-archive div.news-stories h1.star {
	padding-left: 20px;
	background: transparent url(../designel/yellow_star-18x17.gif) no-repeat 0px 50%;
	text-indent: 0px;
	position: relative;
	left: -22px;
	}
#page-features-archive div.news-stories h1.child {
	padding-left: 20px;
	background: transparent url(../designel/child-icon-15x18.gif) no-repeat 2px 70%;
	text-indent: 0px;
	position: relative;
	left: -22px;
	}
#page-features-archive div.news-stories h5 {
	margin: 0 0;
	}
#page-features-archive div.news-stories h5.slideshow {
	background: transparent url(../designel/slideshow-icon-25x24.gif) no-repeat 90% 50%;
	line-height: 24px;
	}
#page-features-archive div.news-stories h5.slideshow-icon {
	background: transparent url(../designel/camera-icon-27x20.gif) no-repeat 99% 50%;
	line-height: 20px;
	}
#page-features-archive div.news-stories h5.video-icon {
	background: transparent url(../designel/video-icon-27x20.gif) no-repeat 99% 50%;
	line-height: 20px;
	}
#page-features-archive div.news-stories p {
	text-align: left;
	padding-top: .3em;
	}
#page-features-archive div#key {
	padding: 3px 0 8px 30px;
	position: relative;
	}
#page-features-archive p.archive-key {
	text-align: left;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 36px;
	line-height: 25px;
	position: relative;
	/* color: navy; */
	font-size: .95em;
	min-height: 25px;
	height: 25px;
	overflow: visible;
	}
#page-features-archive p.star-key {
	background: transparent url(../designel/yellow_star-18x17.gif) no-repeat 6px 50%; 
	}
#page-features-archive p.child-key {
	background: transparent url(../designel/child-icon-15x18.gif) no-repeat 8px 70%;
	}
#page-features-archive p.slideshow-key {
	background: transparent url(../designel/camera-icon-27x20.gif) no-repeat 0px 50%;; 
	}
#page-features-archive p.video-key {
	background: transparent url(../designel/video-icon-27x20.gif) no-repeat 0px 70%;
	}

/* in-the-news page */
#page-in-the-news div.news-stories h1 {
	margin-bottom: 0;
	}
	#page-in-the-news div.news-stories h1 a,
	#page-in-the-news div.news-stories h1 a:link,
	#page-in-the-news div.news-stories h1 a:visited,
	#page-in-the-news div.news-stories h1 a:active {
		text-decoration: underline;
		}
	.mceContentBody div.news-stories h1 a,
	.mceContentBody div.news-stories h1 a:link,
	.mceContentBody div.news-stories h1 a:visited,
	.mceContentBody div.news-stories h1 a:active {
		text-decoration: underline !important;
		}
#page-in-the-news div.news-stories h5 {
	margin-top: .5em;
	margin-bottom: .5em;
	}
#page-in-the-news div.news-stories p {
	padding: .5ex 0;
	}
/* page-wbai-suicide-prevention */
body#page-wbai-suicide-prevention strong {
	color: red;
	padding-right: 3px;
	font-family: courier, "courier new", monospace;
	}

/* training section ----------------------- */
.section-training #content div.image img {
	border: 1px solid #c4d3dd;
	}
	
.section-training h5 {
	color: #62962E;
	margin-left: -20px;
	}
	
.section-training h4, .section-training h5, .section-training h6 {
	margin-top: .7em;
	margin-bottom: .5em;
	}

/* training overview page */
body#page-training-overview #linkslist {
	clear: both;
	padding-top: 1em;
	margin-left: 2em;
	}
	
body#page-training-overview #main-text {
	padding: .7em 0 1em 0;
	line-height: 1.4em;
	}
	
body#page-library ul {
	clear: both;
	padding-top: 1em;
	}
	
/* foundation section ------------------------ */
p.foundation-logo {
	padding: 15px 0 5px 0px;
	margin-left: -20px;
	}
.inner-wish h1 {
	font-size: 1.3em;
	font-weight: 400;
	}
body.glossary div#index {
	padding: 0 0 1em 0;
	}
body.glossary div#index a {
	text-decoration: underline;
	padding: 0 1ex;
	}
body.glossary div#glossary p {
	text-indent: -2em;
	margin: 0 0 0 1em;
	}
body.glossary div#glossary em {
	display: block;
	font-weight: 700;
	font-style: normal;
	font-size: 1.5em;
	font-family: arial, sans-serif;
	color: #62962E;
	text-indent: -20px;
	margin: .8em 0 .4em 0;
	}
body.glossary div#sources {
	font-size: .9em;
	color: navy;
	}

#page-angels h1,
#page-angel-form h1 {
	width: 288px;
	height: 128px;
	background: transparent url(../logos/astorangels-logo-288x128.gif) no-repeat 0px 0px;
	text-indent: -9999px;
	float: left;
	margin-right: 15px;
	}
#page-angels h4.top-head {
	font-size: 1.4em;
	font-weight: 400;
	padding-top: 32px;
	text-align: right;
	}
p.angel-button-holder {
	width: 388px;
	margin: 0 auto;
	}
a.angel-button,
a.angel-button:link,
a.angel-button:visited {
	width: 388px;
	height: 46px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	background-image: url(../buttons/angel-button-one-388x92.gif);
	background-repeat: no-repeat;
	background-color: transparent;
	background-position: 0px 0px;
	}
	a.angel-button:hover,
	a.angel-button:active {
	background-position: 0px -46px;
		}
a.angel-button-two {
	background-image: url(../buttons/angel-button-two-388x92.gif) !important;
	}
	
/* Angels PayPal page */
body.angels-paypal table,
body.angels-paypal tr,
body.angels-paypal td,
body.angels-paypal form {
	text-align: center;
	}

body.angels-paypal table {
	margin: 0 auto;
	}

body.angels-paypal td {
	border: 1px solid #bdced8;
	background-color: #fff;
	width: 200px;
	padding: 10px 0;
	}
#angel-buttons div {
	line-height: 2em;
	}
body.angels-paypal #donate-box,
body#page-donate-now #donate-box { /* hide the regular donation button on this page */
	display: none;
	}

/* MORE section (RESOURCES) ------------------- */
/* site map page */
#page-site-map dt {
	font-size: 1.3em;
	color: #0b2e7b;
	text-indent: -10px;
	}

/* jobs page */
p#jobs-button-p {
	padding: 1.5em 0;
	}
a.jobs-button-a,
a.jobs-button-a:link,
a.jobs-button-a:active,
a.jobs-button-a:visited {
	border-color: #FFCC66 #CC3300 #CC3300 #CC3300;
	border-style: solid;
	border-width: 1px;
	background: #fff8eb url(../buttons/jobs-button-bg-500x100.gif) no-repeat right 0px;
	padding: 6px 12px;
	font-size: 13px;
	font-weight: bold;
	font-family: arial, sans-serif;
	color: #fff;
	text-decoration: none;
	}
a.jobs-button-a:hover {
	border-color: #FFCC66 #CC3300 #CC3300 #CC3300;
	background-position: right -50px;
	color: #0b2e7b;
	text-decoration: none;
	}
	
/* careerbuilders job pages */
#page-jobs-search table {
	margin: 0 0 1em 0;
	}
#page-jobs-search .cell_pageheader {
  font-size: 2em !important;
  font-weight: 700;
  color: #EB9629;
  font-family: Futura,"Tw Cen MT","Microsoft Sans Serif",Helvetica,"Gill Sans","Bitstream Vera Sans",Arial,sans-serif;
  padding-bottom: 15px;
  padding-top: 10px;
  }
#page-jobs-search table#mxdlResults .cell_pageheader {
  	padding-top: 3px;
  	padding-bottom: 4px;
  	}
  	#page-jobs-search .cb_style h1 {
    color: #EB9629 !important;;
    font-size: .9em !important;
    font-weight: 700;
    padding-left: 0px !important;;
    font-family: Futura,"Tw Cen MT","Microsoft Sans Serif",Helvetica,"Gill Sans","Bitstream Vera Sans",Arial,sans-serif;
    line-height: 1em;
    margin-top: 0;
    margin-bottom: 0;
    }
  	#page-jobs-search .d_cell_title  h1 {
    color: #253677 !important;;
    font-size: 1.2em !important;
    font-weight: 700;
    padding-left: 0px !important;;
    font-family: Futura,"Tw Cen MT","Microsoft Sans Serif",Helvetica,"Gill Sans","Bitstream Vera Sans",Arial,sans-serif;
    line-height: 1em;
    margin-top: 0;
    margin-bottom: 0;
    }
  /* job titles table on first job search page: */
#page-jobs-search table.s_tbl_navigator {
	/* background-color: #f6faf9; */
	background-color: transparent;
	border: 0px solid #b4cee5;
	border-color: #cccccc;
	border-style: solid;
	border-width: 0 0 1px 0;
	/* padding: 10px 0 10px 6px; */
	border-collapse: separate;
	border-spacing: 0px;
	table-layout: auto;
	}
#page-jobs-search table ul {
	list-style-position: inside;
	position: relative;
	}
#page-jobs-search table ul li {
	line-height: 16px;
	padding: 0 0 1ex 20px;
	text-indent: 0px;
	list-style-position: outside;
	display: block;
	position: relative;
	}
#page-jobs-search div.cb_PnlTabbed li {
	padding: 0 0 0 0;
	}
#page-jobs-search table#tblContent {
	margin-top: 8px;
	}
	/* ul within Browse All Jobs: */
#page-jobs-search ul.s_ul_navigator {
	margin: 4px 0 0 0px;
	padding: 0;
	}
	/* td within Browse All Jobs: */
#page-jobs-search table.s_tbl_outer td.s_cell_navigator {
	padding: 8px 0px 18px 18px;
	}
#page-jobs-search table h1,
#page-jobs-search table h2 {
	text-indent: 0;
	}	
#page-jobs-search .cb_style h2 {
	padding-left: 10px !important;
	border-bottom-width: 0px !important;
	}
/* remove elements from careerbuilders pages */
#page-jobs-search #donate-box,
#page-jobs-search #xhtml-seal-div,
#page-jobs-search #css-seal-div {
	display: none;
	}

/* contact section (including Donation form) ------------------- */
/* contact form page */
div#formcontent {
	padding: 0 0 0 40px;
	}

#page-contact-form .toprule,
#page-donate-now .toprule,
#page-gift-form .toprule,
#page-angel-form .toprule,
#page-book-form .toprule  {
	border-top: 1px solid #bdced8;
	margin-top: 1em;
	padding-top: 1em;
	}
	
#page-contact-form #formulator p,
#page-donate-now #formulator p,
#page-gift-form #formulator p {
	padding: .4em 0;
	}
  body#page-contact-form form p {
    	text-align: left; 
    	}
	
#page-contact-form div.alternate-instructions p,
#page-contact-information div.alternate-instructions p,
#page-donate-now div.alternate-instructions p,
#page-gift-form div.alternate-instructions p {
	padding: .2em 0;
	}
	
#page-contact-form .option,
#page-donate-now .option,
.option {
	color: blue;
	font-family: 'times new roman', times, georgia, serif;
	font-size: 0.95em;
	font-style: italic;
	vertical-align: text-top;
	}
	
#page-contact-form .required,
#page-donate-now .required,
.required {
	color: red;
	font-family: 'times new roman', times, georgia, serif;
	font-size: 0.95em;
	font-style: italic;
	vertical-align: text-top;
	}
	
/* contact information page */
body#page-contact-information #content-inner {
	overflow:visible;
	padding:0 180px 30px 20px;
	position:relative;
	width:566px;
	}

#page-contact-information .toprule {
	border-top: 1px solid #bdced8;
	margin-top: 1em;
	padding: 2em 0 0 80px;
	}
	
/* for form checkboxes: */
body#page-contact-form .hangInd{
	position: relative;
	}
input[type="checkbox"], input[type="radio"] {
	position: relative;
	top: 2px;
	}
	
/* EDITOR page ----------------- */
body#page-webpage-editor #content-inner {
	padding: 0 170px 30px 20px;
	width: 576px;
	overflow: hidden;
	}
body#page-webpage-editor .note,
body#page-webpage-editor .notei {
	font-size: .8em;
	}
body.mceContentBody {
	padding: 0 30px;
	font-size: 85%;
	}
body#page-webpage-editor label,
body#page-webpage-editor .textinput,
body#page-webpage-editor .checkboxinput {
	margin-left: -20px;
	}
body#page-webpage-editor fieldset {
	border: 1px solid silver !important;
	padding: 3px 0 10px 10px;
	width: 550px;
	}
body#page-webpage-editor a#readmoretrigger {
	cursor: s-resize;
	margin: 0 8px;
	}
body#page-webpage-editor fieldset .mceEditor {
	left: 0px;
	}
body#page-webpage-editor fieldset .checkboxinput,
body#page-webpage-editor fieldset .textinput,
body#page-webpage-editor fieldset label {
	margin-left: 0px;
	}
body#page-webpage-editor p.checkboxp label {
	margin-left: 0px;
	}
body#page-webpage-editor #readmore-fieldset,
body#page-webpage-editor #save-fieldset {
	position: relative;
	left: -20px;
	}

.mceContentBody h1 {
	color: #0B2E7B !important;
	font-size: 1.3em !important;
	font-weight: 400 !important;
	}
.mceContentBody h5 {
	color:#62962E !important;
	font-size:1.05em !important;
	font-weight:400 !important;
	}
.mceContentBody hr {
	border:1px solid #0066CC !important;
	color:#0066CC !important;
	margin:1em auto 2em !important;
	width:400px !important;
	}
.mceContentBody a, .mceContentBody a:link { color: #1446a7 !important; text-decoration: none !important; }
.mceContentBody a:visited { color: #837bb1 !important; text-decoration: none !important; }
.mceContentBody a:hover, a:focus { color: #009eaf !important; text-decoration: underline !important; }
.mceContentBody a:active { color: #83c628 !important; text-decoration: none !important; }
.mceContentBody p {
	text-align: left
	}
.mceContentBody div.expand {
	display: block !important;
	}
.mceContentBody p.rtJust {
	text-align: right !important;
	}
.mceContentBody a.read-more,
.mceContentBody a.read-less {
	text-decoration: underline !important;
	display: block;
	text-align: right;
	}
.mceEditor {
	left: -20px;
	position: relative;
	}
	form#page-editor {
	position: relative;
	}
.mceContentBody a.pdf-link,
.mceContentBody a.pdf {
	position: relative;
	padding: 0 26px 0 0;
	background: transparent url(../designel/new-window-pdf-21x11.gif) no-repeat 100% 3px;
	white-space: nowrap;
	}
.mceContentBody a.external-link,
.mceContentBody a.external {
	position: relative;
	padding: 0 16px 0 0;
	background: transparent url(../designel/new-window-11x10.gif) no-repeat 100% 3px;
	white-space: nowrap;
	}
.mceContentBody h1 a,
.mceContentBody h1 a:link,
.mceContentBody h1 a:visited,
.mceContentBody h1 a:active {
  text-decoration: underline !important;
  }

/* editor help page */
#page-editor-help #content-inner img {
	margin-left: -50px;
	}

/* END SECTION-STYLES ------------------------------------------------------- */


/* MENU-STYLES -------------------------------------------------------------- */
/* top menu (main menu) */
#menus {
	position: relative;
	width: 960px;
	overflow: hidden;
	font-family: arial, sans-serif;
	height: 57px;
	}
	
#top-menu {
	height: 27px;
	overflow: hidden;
	color: #ffffff;
	text-transform: uppercase;
	font-family: arial, sans-serif;
	position: relative;
	position: relative;
	width: 860px;
	padding: 0 0 0 100px;
	margin: 0;
	}
	
#top-menu div#fix-ie {
	float: left;
	height: 27px;
	width: 100px;
	}
	
#top-menu a {
	float: left;
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	text-decoration: none;
	display: block;
	line-height: 25px;
	padding: 0 8px;
	height: 27px;
	background: transparent url(../bg/top-menu-link-bg1x54.gif) repeat-x 0px 0px;
	letter-spacing: 1px;
	word-spacing: -.1em;
	}
		
/* #top-menu a:hover {
	text-decoration: none;
	background-position: 0px -27px;
	color: #0097a7;
	} */
#top-menu a.thissectionlink {
	background: transparent url(../bg/top-menu-link-bg1x54.gif) repeat-x 0px -27px;
	color: #000;
	cursor: default;
	}	
#top-menu a.thissectionlinkhover {
	background: transparent url(../bg/top-menu-link-bg1x54.gif) repeat-x 0px -27px;
	color: #0097a7;
	}		
#top-menu a.thissectionmenuhover {
	background: transparent url(../bg/top-menu-link-bg1x54.gif) repeat-x 0px -27px;
	color: #0b2e7b;
	}	
	
#section-menus {
	height: 30px;
	overflow: hidden;
	color: #000;
	font-family: arial, sans-serif;
	text-align: center;
	position: relative;
	}
#section-menus div.section-menu {
	height: 24px;
	overflow: hidden;
	position: absolute;
	left: 7px;
	top: 0px;
	width: 946px;
	background: transparent url(../bg/section-menu-bg.gif) repeat-x 0px 0px;
	z-index: 10;
	margin: 0 auto;
	padding-bottom: 6px;
	color: #72A1C9;
	}
#section-menus #blank-menu {
	background-color: #fff7e6;
	padding-bottom: 0px;
	}
#section-menus div.thissection {
	z-index: 20;
	}
#section-menus div.hoveredsection {
	z-index: 30;
	}
	
#section-menus a {
	color: #0b2e7b;
	font-size: 13px;
	font-weight: 700;
	text-decoration: none;
	letter-spacing: 1px;
	word-spacing: -.3ex;
	line-height: 22px;
	padding: 0 8px;
	height: 25px;
	background: transparent none no-repeat 0px 0px;
	} 	
	#section-menus #about-astor-menu a, 	
	#section-menus #news-events-menu a {
	padding: 0 5px; /* condensing to accomodate many menu items */
	background-position: 0px 4px;
	}
#section-menus a:hover {
	text-decoration: none;
	color: #0097a7;
	}
/* 	// moved to 1head.php; originally set by js script, now set by php script
#section-menus a.thispage {
	color: #000;
	padding: 0 8px 0 12px;
	background: transparent url(../bg/thispage-caret-left.gif) no-repeat 4px 4px;
	cursor: default;
	} 		
#section-menus a.thispage:hover {
	text-decoration: none;
	color: #000;
	}
	 */
#section-menus p { /* home page puts text in place of a section menu */
	color: #62962E;
	font-size: 13px;
	font-weight: 700;
	font-style: italic;
	text-decoration: none;
	text-align: center;
	line-height: 22px;
	padding: 0 12px;
	height: 25px;
	background: transparent none no-repeat 0px 0px;
	word-spacing: .3em;
	} 		
	
body.section-nosection #home-menu {
	z-index: 11;
	}

/* misc */


#triggerline {
	font-style: normal;
	/* height: 70px;
	padding: 35px 0 0 0;
	border: 0px dashed red;
	margin: 1.5em auto;
	width: 300px; */
	}
#triggerline .u {
	color: #1446A7;
	cursor: pointer;
	text-decoration: underline;
	font-weight: 700;
	}
#triggerline span {
	}
span#addresstrigger {
	display: inline;
	}
#addaddress a {
	font-weight: 700;
	text-decoration: underline;
	}
#addaddress a:active {
	color: #009eaf;
	}
#spelledout {
	color: #555;
	padding-left: 2em;
	}
.janus {
	unicode-bidi: bidi-override; 
	direction: rtl;
	}
.not {
	display: none;
	}

/* END MENU-STYLES ---------------------------------------------------------- */

/*
* Pallete:
* astor blue: #0b2e7b
* 	 almost-black blue (body text): #051a43
*   blue rule: #cddbe6
*   light blue (rule): #bdced8
* orange: #ea942a
* 	 med orange (text): #eb9629
*   lt orange: #ffe7b4
*   pale orange: #fff8eb
* green: #83c628
*   medium green (highlight text): #62962E
*   dark green #62962E
* aqua: #4ab5b0
*   link-hover: #00b4c7
*   darker: #009eaf
*   dark (menu-link-hover): #0097a7
* purple: #837bb1
*/