/* 
* 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: #E6EEF5 url(/bg/bkgrd-slice-1000x392.jpg) 50% 0px repeat-y;/* #99b9d5 */
	font-family: "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;
	padding: 158px 0 0 0;
	}
	
#page-inner {
	position: relative;
	}
	
#content {
	float: left;
	width: 604px;
   margin-left: 162px; /* The width of #sidebar-left. */
   margin-right: -960px; /* Negative value of #content's width + left margin - right sidebar. */
   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,
	body#page-homepage #content {		
		width: 948px;
   	margin-left: 6px; 
   	margin-right: 6px; 
		}
	
	body.sidebar-left #content {		
		width: 760px;
   	margin-left: 194px; 
		}
	
	body.with-library #content {		
		width: 794px;
   	margin-left: 0px; 
   	margin-right: 0px; 
		}

#content-inner {
	padding: 0 23px 30px 35px; /* prev 0 200px 30px 20px */
	position: relative;
	/* width: 546px; */ /* shouldn't need this unless it's an IE bug fix? */
	overflow: visible;
	}
	
	body#page-homepage #content-inner {
		padding: 0 0 30px 0;
		width: auto;
		}
	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 */
		}

#sidebar-left {
	float: left;
   width: 194px;
   margin-left: 766px; /* value of content's width + content's left margin */
   margin-right: -960px; /* 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 */
	position: relative;
	font-family: arial, sans-serif;
	}	

#sidebar-left-inner {
	background-color: transparent;
	padding: 0 0 60px 0;
	margin: 124px 10px 0 6px; 
	height: auto;
	position: relative;
	}
	
	#sidebar-left #changing-content {
		padding: 25px 0 0 0;
		}
	
#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;
	display: none; /* no longer using this div to display decorative images */
	}

#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-blank-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;
	}

#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; */
	/* background: transparent url(/bg/insite-div-bg.jpg) no-repeat 5px bottom; */
	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... */
#sidebar-site-tools {
	position: absolute;
	top: 0px;
	left: 0px;
	min-height: 124px;
	width: 100%;
	outline: 0px solid red;
	text-align: center;
	}
	/* also on the homepage... */
	/* these over-ride google default styles */
	/* google custom search */
	#sidebar-left #cse-search-form {
		margin: 0 auto;
		width: 154px;
		}
		#sidebar-left table.gsc-search-box {
			margin: 4px 0;
			}
		#sidebar-left td.gsc-clear-button {
			display: none;
			}
    input.gsc-input {
      border-color: #cddde9 !important;
      height: 20px;
      width: 95% !important;
      font-size: 14px !important;
      background: #fff url(/designel/search-input-bg-119x16.gif) no-repeat 50% center !important;
      }
      #page-search-results input.gsc-input {
      	background: #fff none no-repeat 0 0 !important;
      	}
      input.gsc-input:hover,
      input.gsc-input:focus {
      background: #fff none no-repeat 50% center !important;
      }
    td.gsc-search-button { width: 22px !important; position: relative; } /* 65px for text button */
       /* #sidebar-left td.gsc-search-button { width: 22px !important; } */
    input.gsc-search-button {
      border-color: transparent !important;
      background-color: #3f86c8 !important;
      background-image: url(/designel/search-button-icon-22x44.gif)!important; /* search-button-bg-65x44.gif for text button */
      background-repeat: none!important;
      background-position: top left!important;
      height: 22px !important;
      width: 22px !important; /* 65px to use text button */
      min-width: 22px !important;
      overflow: hidden;
      border: 0px solid #fff !important;
      color: #fff !important;
      text-shadow: 0 1px 2px #6F6F6F !important;
      border-radius: 0px 0px 0px 0px !important;
      padding: 0 0px !important; /* 0 4px for text button */
      text-indent: -9999px !important;
      cursor: pointer !important;
      position: relative;
      display: block;
      }
      /* #sidebar-left input.gsc-search-button {
      	width: 22px !important;
      	background-image: url(/designel/search-button-icon-22x44.gif) !important;
   		padding: 0 0 !important;
      	} */
      input.gsc-search-button:hover {
      	background-position: bottom left !important;
      	}
    td.gsc-clear-button	{
    	display: none;
    	}
    table.gsc-branding {
    	display: none;
    	}
    /* google translate */
    .goog-te-gadget-simple {
    	border-color: #cddde9 !important;
    	border-left: 1px solid #cddde9 !important;
    	}
    a.goog-te-menu-value {
    	color: #676767 !important;
    	display: inline-block;
    	margin-left: 4px !important;
    	margin-right: 4px !important;
    	width: 121px;
    	height: 20px;
    	/* float: left; */
    	background: transparent url(/designel/translate-link-121x16.gif) no-repeat 0px 50% !important;
    	text-indent: -9999px;
    	outline: 0px solid #fff;
    	}
    	a.goog-te-menu-value span {
    		visibility: hidden;
    		}
    a.goog-te-menu-value:hover {
    	text-decoration: none;
    	color: #000;
    	}    	
    div#google_translate_element img.goog-te-gadget-icon {
    	background-image: url(/designel/flag-icon.gif) !important;  /* astor-icon-16x16.gif */
      background-position: 3px 2px !important;
      background-repeat: no-repeat;
    	}

    #sidebar-social-media-action-div {
		min-height: 20px;
		text-align: left;
		padding: 6px 0 0 8px;
		position: absolute;
		top: 90px;
		left: 23px;
		width: 145px;
		}
	 #sidebar-sitemap-div {
	 	max-width: 152px;
	 	max-height: 22px;
	 	width: 152px;
	 	height: 22px;
	 	border: 1px solid #cddde9;
	 	margin: 0 auto;
	 	background-color: #fcfefd;
	 	font-size: .78em;
	 	line-height: 22px;
	 	}
		
	 #sidebar-buttons-region {
	 	background-color: #e6eef5;
	 	border: 1px solid #8cb6d8;
	 	width: 160px;
	 	margin: 25px auto 0 auto;
	 	padding: 20px 0 5px 6px;
	 	}

	#sidebar-donation-region {
		display: block;
  		text-align: center;
		}/* see also code for homepage donation button */
		#sidebar-left #sidebar-donation-region p {
    		text-align: center;
    		font-size: .9em;
    		margin: -3px auto 0;
         padding: 0 0.5ex 4px 0;
         width: 12em;
    		}
    			#sidebar-left a#homepage-donate-button,
				#sidebar-left a#homepage-donate-button:link,
				#sidebar-left a#homepage-donate-button:visited,
				#sidebar-left a#homepage-donate-button:active {
    				background: transparent url(/buttons/sidebar-donate-button-131x90.gif) no-repeat left top;
					}
				#sidebar-left a#homepage-donate-button:hover {
					background: transparent url(/buttons/sidebar-donate-button-131x90.gif) no-repeat left bottom;
					}

	#sidebar-mailinglist-region {
		display: block;
    	text-align: center;
    	width: 140px;
    	margin: 0 auto;
    	text-align: center;
		}/* see also code for homepage mailing list button */
      #sidebar-left #homepage-mailinglist-region input[type=submit],
      #sidebar-left #sidebar-mailinglist-region input[type=submit] {
          background-image: url(/buttons/sidebar-mailinglist-button-131x90.gif);
          }
	 
	 #sidebar-facebook-follow-region { /* old; replaced by .action-button, .follow-button below */
		display: block;
    	text-align: center;
    	width: 140px;
    	margin: 1em auto;
    	text-align: center;
	 	}/* see also code for homepage facebook follow button */
      #sidebar-left a#homepage-facebook-follow-button,
      #sidebar-left a#homepage-facebook-follow-button:link,
      #sidebar-left a#homepage-facebook-follow-button:visited {
        background: transparent url(/buttons/sidebar-facebook-follow-button-131x135.gif) no-repeat left top;
        }
        #sidebar-left a#homepage-facebook-follow-button:hover {
			background-position: 0 -45px;
			}
		#sidebar-left a#homepage-facebook-follow-button:active {
			background-position: 0 -90px;
			}
		
		div.action-button {
			width: 131px;
			margin: 1em auto;
			height: 45px;
			}
			#page-homepage div.action-button {
				margin: 0 auto;
				}
		div.follow-button { /* follow button background changes by javascript; see sitescripts.js */
			background: transparent url('/buttons/follow-button-131x135.gif') no-repeat 0 0;
			}
			a.follow-link {
				display: block;
				height:45px;
				margin:0;
				padding:0;
				text-indent:-9999px;
				}
			a.fb-follow-link {
				width:48px;
				float:left;				
				}
			a.twit-follow-link {
				float: right;
				width: 50px;
				}

	a.cc-link, a.cc-link:link, a.cc-link:active, a.cc-link:hover, a.cc-link:visited {
		position: absolute;
		top: 30px;
		right: 30px;
		display: block;
		width: 105px;
		height: 50px;
		text-indent: -9999px;
		overflow: hidden;
		}

	#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;
			}
		
	#pull-quote {
		position: relative;
		}
		
	#pull-quote p {
		margin: 20px 0px 20px 0px;
		padding: 15px 6px 0px 10px;
		font-size: 1.3em;
		color: #EB9629;
		line-height: 1.3em;
		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;
		}



	
	#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; }
				
				/* constant contact newsletter form */
			  /* 	div#constant-contact-form {
					text-align:center;
					}
				div#constant-contact-form-inner {
					width:134px;
					text-align:center;
					margin:10px auto;
					}
				input#ea,
				input.ea {
					font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; 
					font-size:11px; 
					border:1px solid #74b5ed;
					padding:3px 2px;
					margin-bottom:6px;
					color:#4065a4;
					}
				input#go,
				input.go {
					font-family:Verdana,Arial,Helvetica,sans-serif; 
					font-size:4px;
					background-color:transparent;
					background-image:url(/buttons/mailinglist-button-126x102.gif);
					background-repeat:no-repeat;
					background-position:0 0px;
					display:block;
					height:51px;
					overflow:hidden;
					text-indent:-9999px;
					color:#dbf1ff;
					width:126px;
					border:transparent 0px solid;
					cursor:pointer;
					padding:0;
					}
					input#go {
						margin:0 0 0 5px;
						}
					input.go {
						margin:0 12px 0 auto;
						} */
				
		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%;
    			}
		
	#heartfelt-div {
		text-align: center;
		width: 160px;
		height: 111px;
		margin: 20px auto;
		position: relative;
		z-index: 50;
		}
		
    	#heartfelt-div a {
    		display: block;
    		width: 160px;
    		height: 111px;
    		overflow: hidden;
    		position: absolute;
    		left: 0px;
    		top: 0px;
    		z-index: 50;
    		}
    		
    	#heartfelt-div a:hover {
    		overflow: visible;
    		}
    		
    	#heartfelt-div img {
    		z-index: 50;
    		display: block;
    		width: 160px;
    		}

/* 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: */
	#shoe {
		height: 127px;
		background: transparent url(/bg/footer-bg-blank-948x121.jpg) no-repeat 50% 0px; /* was footer-bg-960x127.jpg 0 0 */
		position: relative;
   	z-index: 1;
		}
		/* #page-homepage #shoe {			
			background: transparent url(/bg/footer-bg-blank-948x121.jpg) no-repeat 50% 0px;
			} */
	#footer p {
		text-align: center;
		color: gray;
		margin: .2ex 0;
		padding: .2ex 0;
		font-size: .9em;
		}
	#footer p#websiteinfo {
		font-size: .85em;
		margin: .2ex 0 0 0;
		padding: .2ex 0 0 0;
		}
	#footer p#photocopyright {
		font-size: .85em;
		margin: 0 0 .2ex 0;
		padding: 0 0 .2ex 0;
		}
	#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;
		}
	a.cc-logo-footer {
		position: absolute;
		left: 14px;
		top: 18px;
		display: block;
		width: 111px;
		height: 71px;
		z-index: 0;
		}
		a.cc-logo-footer:hover {
    		z-index: 90;
    		}
		a.cc-logo-footer img {
			background-color: transparent;
			padding: 4px;
			border: 1px solid transparent;
			}
		a.cc-logo-footer:hover img {
			background-color: #fff;
			padding: 4px;
			border: 1px solid #666;
			}
	a.jc-logo-footer {
		position: absolute;
		right: 32px;
		top: 20px;
		width: 83px;
		height: 80px;
		overflow: hidden;
		text-indent: -9999px;
		background-image: url(/logos/jc-logo-plus-4-footer-170x160.png);
		background-color: transparent;
		background-position: right top;
		z-index: 90;
		}
		a.jc-logo-footer:hover {
			width: 170px;
			background-position: right bottom;
			}
		
	#xhtml-seal-div {
		position: absolute;
		left: 125px; /* was 105px */
		bottom: 13px;
		margin: 0;
		padding: 0;
		}
		/* non-validating pages, whether xhtml, css, or either: */
		#page-search-results #xhtml-seal-div,
		/*body*/.non-validating #xhtml-seal-div
			{
			display: none;
			}		
		/* #page-homepage #xhtml-seal-div {
    		left: 125px;
    		} */
    	#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: 122px; /* was 102px */
		bottom: 13px;
		}
		/* non-validating pages, whether xhtml, css, or either: */
		#page-search-results #css-seal-div,
		/*body*/.non-validating #css-seal-div
			{
			display: none;
			}		
		/* #page-homepage #css-seal-div {
    		right: 122px;
    		} */
    	#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;
		}
		
	#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 */;
      	}
   #insite-div {
   	position: relative;
   	width: 960px;
   	margin: 4px 0 0 0;
   	border: 0px solid #d5e2eb;
   	/* background-color: #bed5e7;  */  	
		/* background: transparent url(/bg/insite-div-bg.jpg) no-repeat 5px bottom; */
   	/* z-index: 2;
   	top: -6px; */
   	/* padding: 6px 0px 6px 0px; */
   	}
   	#insite-div-inner {
   		border: 1px solid transparent;
   		background-color: transparent;
   		height: 25px;
   		width: 580px;
   		margin: 0 auto;
   		/* padding: 6px 0 0 0; */
   		font-family: arial, sans-serif;
   		text-align: center;
   		font-size: 12px;
   		position: relative;
   		overflow: hidden;
   		}   		
       	/* #page-homepage #insite-div-inner {
       		border: 0px solid #9bb2c0;
   			background-color: transparent;
   			width: 580px;
       		}  */  		
       	#insite-div-inner:hover {
       		border: 1px solid #9bb2c0;
   			background-color: #fff;
       		}
   		.name { font-size:16px; }
   		.url { font-size:14px; word-spacing:-.5ex; color:#000; font-weight:700; }
   		.red { color:red; }
   		#insite-div span.insite-link { color:blue; text-decoration: underline; }
   		#insite-div a,
   		#insite-div a:link,
   		#insite-div a:active,
   		#insite-div a:visited {
   			background-image: none !important;
   			padding: 0 !important;
   			color: #696969; /* was gray */
   			text-decoration: none;
   			display: block;
   			height: 50px;
   			width: 580px; /* was 600 */
   			margin: 0 auto;
   			text-align: center;
   			line-height: 25px;
   			}
   		#insite-div a:hover {
   			color: #000;
   			margin-top: -25px;
   			}
   			#page-homepage #insite-div a,
   			#page-homepage #insite-div a:link,
   			#page-homepage #insite-div a:active,
   			#page-homepage #insite-div a:visited {
   				width: 580px;
   				color: #696969;
   				}
   				#page-homepage #insite-div a:hover {
   					color: #000;
   					}

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.3em; /* 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.6em;
    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.35em;
    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.7em;
  }

/** block-level elements **/
p, ul, ol, dl, pre, table, fieldset, blockquote {
    margin: 1em 0;
  }
  
blockquote {
	margin: 1em auto 1em auto;
	padding:0 0 0 30px;	
	width: 460px;
	background: transparent url(/quotes/quotation-marks-50x20.gif) no-repeat -25px 0;
	}
  
    blockquote p {
    	font-style: italic;
    	font-family: georgia, times, "times new roman", serif;
    	font-size: 1.1em;
    	padding: 0 34px 4px 0;
    	width: 426px;
    	overflow: visible;
    	background: transparent url(/quotes/quotation-marks-50x20.gif) no-repeat 435px bottom;
    	}
    	p.quoted {
    		margin: 1em 60px 1em 78px;
    		text-indent: -20px;
    		text-align: left;
    		}
/* within wordpress blockquote and p nesting is screwy so */
.page blockquote p,
.post blockquote p {
	background: transparent none no-repeat 435px bottom;
	}

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; 
	}
	/* For network for good issue... */
	#page-donate-now ul li {
		text-indent: 0;
	}
/* 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; 
	}
ul li li		{ 
	background-image: none;
	list-style-type: disc;
	list-style-position: inside;
	padding-left: 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;
  }

b, strong {
	font-weight: bolder;
	}
  
/* 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.wrap { white-space: normal !important; }

a.pdf {
	padding: 0 26px 0 0;
	background: transparent url(/designel/new-window-pdf-21x11.gif) no-repeat 100% 3px;
	white-space: nowrap;
	}
	.news-stories a.pdf {
		white-space: normal !important;
		}

a.external-no-icon {
	padding: 0 0 0 0 !important;
	background: transparent none no-repeat 0 0 !important;
	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: s-resize;
	}
a.read-more:active, a.read-more:focus {
	color: green;
	outline: 0px solid #cfdce5;
	}
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: s-resize;
	}
.jqexpandnext {
	text-decoration: underline;
	padding-right: 14px;
	background: transparent url(/bg/caret-down.gif) no-repeat right 60%;
	color: #1446a7;
	text-align: right;
	cursor: pointer;
	}
.link-list a,
.link-list a:link,
.link-list a:active {
	color: #458dca;
	text-decoration: underline;
	}
.link-list a:visited,
.link-list a:hover {
	color: #62962E;
	text-decoration: underline;
	}
	.link-list strong {
    	color: #458dca;
    	}
/* 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, div.hentry p.ctJust, div.post p.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;
	}
	
.caption-text { /* for a style put in with the page editor - these may be applied to a p tag or a span */
	font-size: .9em;
	color: #777;
	}
	
/* next not currently in use: sept 2011 */
.caption-float-left { /* for a style put in with the page editor - these may be applied to a p tag or a span */
	font-size: .9em;
	color: #777;
	display: block;
	width: 328px;
	margin-right: 9px;
	float: left;
	clear: left;
	}
	
.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;
	margin: 20px -10px 0 22px !important;
	/* margin: 20px -5px 0 18px; */
	position: relative;
	}
.img-float-right { /* for images put in with the page editor - these are nested in a p tag */
	float: right;
	margin: 6px 0px 0 9px;
	/* margin: 20px -5px 0 18px; */
	position: relative;
	text-align: right !important;
	}
.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;
	}
.img-float-left { /* for images put in with the page editor - these are nested in a p tag */
	float: left;
	/* padding: 0 .7em 0 0; */
	margin: 4px 14px 0 0px;
	/* margin: 10px 9px 0 0px;    */
	position: relative;
	}
img.noBorder {
	background-color: transparent !important;
	border: 0px solid #9AB1BF !important;
	padding: 0 !important;
	}
img.fancy-border {
	border: 1px solid #9ab1bf;
	padding: 3px;
	background-color: #fcfefd;
	}
.section-research img.size-medium {
	padding: 0 0 17px 0;
	background: transparent url('/designel/enlarge-icon-64X14.png') left bottom no-repeat;
}
.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; }

.quote-float-right { 
	float: right;
	margin: 12px 0 4px 18px; /* if this is a block level element */
	padding: 20px 0 22px 30px;
	border-top: 6px solid #3f86c8;
	border-bottom: 6px solid #3f86c8;
	text-align: right;
	font-size: 1.3em;
	font-style: italic;
	color: #0b2e7b;
	font-family: georgia, times, 'times new roman', serif;
	line-height: 1.5em;
	}
p .quote-float-right,
p .quote-float-left {
	margin-top: 20px; /* if this is a span within a p */
	}
.quote-float-left {
	float: left;
	margin: 12px 18px 4px 0px;
	padding: 20px 30px 22px 0px;
	border-top: 6px solid #3f86c8;
	border-bottom: 6px solid #3f86c8;
	text-align: left;
	font-size: 1.3em;
	font-style: italic;
	color: #0b2e7b;
	font-family: georgia, times, 'times new roman', serif;
	line-height: 1.5em;
	}
.quote-float-right p,
.quote-float-left p {
	font-size: 1.3em;
	font-style: italic;
	color: #0b2e7b;
	font-family: georgia, times, 'times new roman', serif;
	line-height: 1.5em;
	}
.quote-float-right p {
	text-align: right;
	}
.quote-float-left p {
	text-align: left;
	}
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;
	}
.fine-print p,
.fine-print li {
	font-family: arial, helvetica, verdana, sans-serif;
	font-size: .85em;
	}
.fine-print h4 {
	font-family: arial, helvetica, verdana, sans-serif;
	color: navy;
	margin-bottom: 0;
	}
.map-link a {
	/* display: block; */
	padding: 0 35px 0 0;
	background: transparent url('//astorservices.org/designel/new-window-map-24x11.png') no-repeat right 50%;
}
p.map-link {
	width: auto;
	margin: 0 auto 0 0;
	}
span.map-link-clear {
	display: block;
	height: 1px;
	line-height: 1px;
	clear: both;
	}
/* END TYPOGRAPHY ----------------------------------------------------------- */

/* SITE-WIDE ELEMENT STYLES ------------------------------------------------- */
/* sidebar tools ------------ */
div#fb-stuff { /* holds facebook button+ in fancybox */
	display:none;
	min-height:400px;
	min-width:550px;
	text-align:center;
	}
div#twitter-stuff { /* holds twitter button in fancybox */
	display:none;
	min-height:100px;
	min-width:300px;
	text-align:center;
	}
div#search-stuff { /* holds cse search form in fancybox */
	display:none;
	min-height:100px;
	min-width:500px;
	text-align:center;
	}
form#search-form {
	margin-top:4px;
	}
input#search-trigger {
	<!-- cursor: text; -->
	}
p.tool-intro {
	padding-top:20px;
	}
/* fancybox -------------- */
.fancybox-skin {
	background-color: #808CA9 !important;
	}
.fancybox-outer {
	background-color: #ffffff !important;
	}
.no-rgba .fancybox-overlay {
	background: url("/bg/rgba10-46-122-08.png") repeat scroll 0 0 transparent !important; /* modernizr fallback for older IE */
	}

/* SECTION-STYLES (including page styles) ----------------------------------- */
/* sidebar images: */
#page-inner { background: transparent url(/bg/faces1.jpg) 6px top repeat-y; }
.section-home #page-inner,
.section-nosection #page-inner { background: transparent url(/bg/faces1.jpg) 6px top repeat-y; }
.section-about-astor #page-inner { background: transparent url(/bg/50sMontage160x950.jpg) 6px top repeat-y; }
#page-search-results #page-inner { background: transparent url(/bg/50sMontage160x950.jpg) 6px top repeat-y; }
.section-news-events #page-inner { background: transparent url(/bg/what-you-feel-bg.jpg) 6px top repeat-y; }
.section-contact-us #page-inner { background: transparent url(/bg/photos-sidebar.jpg) 6px top repeat-y; }
.section-you-can-help #page-inner { background: transparent url(/bg/tiles.jpg) 6px top repeat-y; }
.section-our-services #page-inner { background: transparent url(/bg/glass7x127.jpg) 6px top repeat-y; }
/* .hv-community #page-inner { background: transparent none 0px top no-repeat; } */
/* .section-news-events #page-inner { background: transparent url(/bg/faces1.jpg) 6px top repeat-y; } */
.section-training #page-inner { background: transparent url(/bg/artwork-sidebar.jpg) 6px top repeat-y; }
.section-more #page-inner { background: transparent url(/bg/cover-rght-imgs.jpg) 6px top repeat-y; }
.section-blog #page-inner { background: transparent url(/bg/blog-bg.jpg) 6px top repeat-y; }
.section-research #page-inner { background: transparent url(/bg/places-sidebar.jpg) 6px top repeat-y; }
#page-homepage #page-inner,
.no-sidebars #page-inner { background: transparent none 6px top repeat-y; }
.about-magsell #page-inner { background: transparent url(/bg/photos-sidebar.jpg) 6px top repeat-y; }
.wpsc #page-inner,
.single-wpsc-product #page-inner,
.default_product_display #page-inner,
.tax-wpsc_product_category #page-inner { background: transparent url(/bg/what-you-feel-bg.jpg) 6px top repeat-y; }

/* SECTIONS ------------------------ */
/* home section -------------------- */
/* homepage ------------- */
div#homepage-display {
	width: auto;/* 764 -margins */
	background-color: #fff;
	border: 1px solid #e2ebf3;
	margin: 6px 0 0px 0;
	position: relative;
	}homepage-mssion-statement-2012-640x150.gif
<!-- .section-home h1.first-h {
	background: #fff url(/bg/homepage-mssion-statement584x137.gif) no-repeat 0px 0px;
	width: 584px;
	height: 137px;
	margin: 13px auto 0 35px;
	text-indent: -9999px;
	display: block;
	float:left;
	} -->
.section-home h1.first-h {
	background: #fff url(/bg/homepage-mssion-statement584x137.gif) no-repeat 28px 12px;
	width: 640px;
	height: 150px;
	margin: 0px auto 0 0px;
	text-indent: -9999px;
	display: block;
	position:absolute;
	left: 0px;
	top: 0px;
	z-index: 1;
	}
.section-home p#home-video-pic {
	/* float: left; */
	/* position: absolute; */
	width: 228px;
	height: 152px;
	padding: 0px;
	/* margin: 30px 0 0 15px; */
	margin: 8px 52px 8px auto;
	z-index: 5;
	}
#page-homepage div.anniversary-badge {
	position: absolute;
	display: block;
	left: 23px;
	top: 44px;
	width: 206px;
	height: 114px;
	overflow: hidden;
	z-index: 1;
	}
#page-homepage div.anniversary-badge a {
	display: block;
	width: 206px;
	height: 114px;
	background-image: url(/bg/share-memories-badge-206x228.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	}
	#page-homepage div.anniversary-badge a:link,
	#page-homepage div.anniversary-badge a:active,
	#page-homepage div.anniversary-badge a:visited {
		background-position: 0 0;
		}
	#page-homepage div.anniversary-badge a:hover {
		background-position: 0 -114px;
		}
#homepage-content {
	width: auto;
	margin: 6px 0 30px 0;
	padding: 1px 0 0 0;
	background: transparent url(/bg/homepage-content-region-bg.gif) no-repeat 0px 0px;
	}
#homepage-content-inner {
	width: auto;
	margin: 0px 0 0px 0;
	padding: 0px 0 0px 0;
	background: transparent url(/bg/homepage-content-inner-bg.gif) no-repeat center bottom;
	}
#homepage-content-left {
	width: 471px;
	float: left;
	margin: 0 -471px 0 0px;
	position: relative;
	min-height: 200px;
	}
#homepage-content-left-inner {
	padding: 5px 0 0 1px; /* 8px 10px 2.5em 16px; */
	position: relative;
	min-height: 200px;
	}	
	#homepage-content-left ul li {
	text-indent: 0;
  	margin: 0;
  	padding: 0 0px 0 0px;
		background: none no-repeat scroll 0 0 transparent;
		}
    #slider-code { height: 255px; overflow:hidden; }
    /* #slider-code .viewport { float: left; width: 470px; height: 230px; overflow: hidden; position: relative; }
    .homepage-test #slider-code .viewport,
    .homepage-test-3  */
    #slider-code .viewport { width: 470px; height: 242px; position: relative; }
    #slider-code .buttons { display: block; margin: 30px 10px 0 0; float: left; }
    #slider-code .next { margin: 30px 0 0 10px;  }
    #slider-code .disable { visibility: hidden; }
    #slider-code .overview { list-style: none; padding: 0; margin: 0;  position: absolute; left: 0; top: 0; }
    #slider-code .overview li { float: left; margin: 0 0px 0 0; padding: 0px; border: 0px solid #dcdcdc; width: 469px; /* height: 112px; */ }
	 	#slider-code .overview li:hover { background-color: #fff7e6; }
  	 #slider-code .overview li.place-holder { visibility: hidden; }
  	 #slider-code .overview li table { table-layout: fixed; width: 454px; height: 113px; border-collapse: collapse; border-spacing: 0; margin: 0; padding: 0; }
	 #slider-code .overview li table tr { vertical-align: middle; margin: 0; padding: 0; cursor: pointer; }
  	 #slider-code .overview li table td { vertical-align: middle; text-align: center; border: 0px solid #fff; margin: 0; padding: 0; }
  	 #slider-code .overview li table td.image-td { vertical-align: middle; text-align: center; max-width: 200px; }
  	 #slider-code .overview li table td.image-td img { vertical-align: bottom; border: 1px solid #fdc581; padding: 1px; background-color: #e6eef5; } 	
  	 	#slider-code .overview li table td.image-td img:hover { border: 1px solid #72a1c9; background-color: #fff; }
  	 #slider-code .overview li table td.headline-td { vertical-align: middle; text-align: left; width: 245px; padding-right: 0px; }
  	 #homepage-content #homepage-content-left #slider-code .overview li table td.headline-td h3 { 
  	 	width: auto; text-align: left; margin: 0; padding: 0; font-size: 1.4em; }
  	 #slider-code .overview li table td.headline-td div { text-align: left; width: 270px; margin: 0; padding: 0; }
    #slider-code .overview li div.callout-div { margin: 5px 6px 0 8px; /* background-color:#eeeeee; */overflow: hidden; width: 96%; height: 108px; }
    #slider-code ul.pager { overflow:hidden; list-style: none; clear: both; margin: 0 10% 0 auto; width: 200px; text-align: center; padding-left: 0; }
    #slider-code .pager li { display: inline-block; } /* orig... float: left; */
    #slider-code .bx-pager { margin: 0 85px 0 auto; width: 200px; text-align: center; height: 9px; outline: 0px solid #fff; }
    .homepage-test-3 #slider-code .pager-link,
    #slider-code .pagenum { /* a tag for pager */
      background-color: #233871; 
      text-decoration: none; 
      text-align: center; 
      padding: 0px; 
      color: #555555; 
      font-size: 6; 
      font-weight: bold; 
      display: inline-block;
      height: 9px;
      width: 9px;
      text-indent: -9999px;
      margin: 6px 6px 0 6px;
      outline: 0px solid red;
      float: none;
      }
      #slider-code .focus {        
        color: #fff; 
        background-color: #e99322;
        outline: 0px solid red; 
        }
      #slider-code .active { 
        color: #fff; 
        background-color: #e99322;
        outline: 0px solid red; 
        }
    #slider-code .pager-link { /* a tag for pager */
      background-color: #233871; 
      text-decoration: none; 
      text-align: center; 
      padding: 0px; 
      color: #555555; 
      font-size: 6; 
      font-weight: bold; 
      /* display: block; */
      /* display: inline-block; */
      float: right;
      height: 9px;
      width: 9px;
      text-indent: -9999px;
      margin: 6px 6px 0 6px;
      outline: 0px solid #fff;
      cursor: default;
      }
      #slider-code .focus {        
        color: #fff; 
        background-color: #e99322;
        outline: 0px solid red; 
        }
      #slider-code .pager-active,
      .homepage-test-3 #slider-code .pager-active { 
        color: #fff; 
        background-color: #e99322;
        outline: 0px solid red; 
        }
   #homepage-content-left .callout-image {
   	float: left;
   	width: 200px;
   	text-align: center;
   	max-height: 108px;
   	overflow: hidden;
   	}
   #homepage-content #homepage-content-left h3.h3-with-image {
   	font-size: 1.4em;
   	margin-left: 206px;
   	margin-top: 1px;
   	width: 235px;
   	text-align: left;
   	}
   #homepage-content #homepage-content-left h3 {
   	font-size: 1.5em;
   	width: 400px;
   	margin: 10px auto 0 auto;
   	text-align: center;
   	}
   #homepage-content #homepage-content-left h3 a:hover {
   	text-decoration: none;
   	}
#homepage-content-right {
	width: 471px; 	
	float: left;
	margin: 0 0 0 477px;
	position: relative;
	}
	p.home-regions-last-link {
		position: absolute;
		bottom: 6px;
		right: 10px;
		text-align: right;
		font-style: italic;
		}
#homepage-content-right-inner {
	padding: 12px 10px 2.5em 16px;
	position: relative;
	min-height: 200px;
	}
	#homepage-content h3 {
		text-indent: 0;
		margin-left: 0;
		margin-top: 0;
		margin-bottom: 0;
		font-size: 1.3em;
		}
	#homepage-content-right ul {
		text-indent: 0;
		margin: 0.1em 0 .1em 8px;
		overflow: hidden;
		}
	#homepage-content-right ul li {
		text-indent: 0;
   	margin: 0;
    	padding: 0 0px 0 0px;
		background: none no-repeat scroll 0 0 transparent;
		font-size: 1em;
		line-height: 1.5em;
		}
		#homepage-content .jcarousel-container ul li {
			padding: 0;
			}
	#homepage-content-right ul li a,
	#homepage-content-right ul li a:link,
	#homepage-content-right ul li a:active,
	#homepage-content-right p.home-regions-last-link a,
	#homepage-content-right p.home-regions-last-link a:link,
	#homepage-content-right p.home-regions-last-link a:active {
		text-indent: 0;
		background: url(/bg/raquo.png) no-repeat scroll right 80% transparent;
   	margin: 0;
   	padding-right: 14px;
   	color: #111;
   	text-decoration: none;
   	font-size: .9em;
		}
		#homepage-content-right ul li a:visited,		
		#homepage-content p.home-regions-last-link a:visited {			
   		color: #222;
			}
		#homepage-content-right ul li a:hover,
		#homepage-content-right p.home-regions-last-link a:hover {  
			text-decoration: underline;
			}
#homepage-content-bottom {
	background: transparent url(/bg/homepage-content-bottom-bg.gif) no-repeat 50% top;
	padding: 1px 0 0 0;
	width: 471px;
	margin: 0 auto 10px auto;
	}
	#homepage-content-bottom-inner {
		background: transparent url(/bg/homepage-content-bottom-inner-bg.gif) no-repeat 50% bottom;
		padding: 10px;
		min-height: 80px;
		}
		#homepage-donation-region {
			display: block;
			float: left;
			text-align: center;
			width: 150px;
			margin: 0 0 0 6px;
			}
			#homepage-donate-button-region {
				display: block;
				width: 131px;
				margin: 0 auto;
				height: 45px;
				overflow: hidden;
				}
				a#homepage-donate-button,
				a#homepage-donate-button:link,
				a#homepage-donate-button:visited,
				a#homepage-donate-button:active {					
    				display: block;
    				width: 131px;
    				height: 45px;
    				overflow: hidden;
    				text-indent: -9999px;
    				background: transparent url(/buttons/homepage-donate-button-131x90.gif) no-repeat left top;
					}
				a#homepage-donate-button:hover {
					background: transparent url(/buttons/homepage-donate-button-131x90.gif) no-repeat left bottom;
					}
			#homepage-donation-region p {
				padding: 6px 5px 0 0;
				}
    			#homepage-donation-region p a,
    			#homepage-donation-region p a:link,
    			#homepage-donation-region p a:visited,
    			#homepage-donation-region p a:active {
    				color: #111;
    				font-size: .9em;
    				}
    			#homepage-donation-region p a:hover {
    				color: #3f86c8;
    				font-size: .9em;
    				}
		#homepage-mailinglist-region {
			display: block;
			float: left;
			text-align: center;
			width: 140px;
			margin: 0 0 0 3px;
			}
			#homepage-mailinglist-region input[type=submit],
			#sidebar-mailinglist-region input[type=submit] {
				background-color: transparent;
            background-image: url(/buttons/homepage-mailinglist-button-131x90.gif);
            background-position: left top !important;
            background-repeat: no-repeat;
            border: 0 solid transparent;
            color: #DBF1FF;
            cursor: pointer;
            display: block;
            font-family: Verdana,Arial,Helvetica,sans-serif;
            font-size: 4px;
            height: 45px;
            overflow: hidden;
            padding: 0;
            text-indent: -9999px;
            width: 131px;
            margin: 0 auto;
            position: relative;
				}
				#homepage-mailinglist-region input[type=submit]:hover,
				#sidebar-mailinglist-region input[type=submit]:hover {
            	background-position: left bottom !important;
					}
		#homepage-social-media-region {
			display: block;
			float: left;
			text-align: center;
			width: 140px;
			margin: 0 0 0 8px;
			}
			a#homepage-facebook-follow-button,
			a#homepage-facebook-follow-button:link,
			a#homepage-facebook-follow-button:visited {
				display: block;
  				width: 131px;
  				height: 45px;
  				overflow: hidden;
  				margin: 0 auto;
  				text-indent: -9999px;
  				background: transparent url(/buttons/homepage-facebook-follow-button-131x135.gif) no-repeat left top;
				}
				a#homepage-facebook-follow-button:hover {
					background-position: 0 -45px;
					}
				a#homepage-facebook-follow-button:active {
					background-position: 0 -90px;
					}
			#homepage-social-media-action-div {
				min-height: 20px;
				text-align: left;
				padding: 6px 0 0 8px;
				position: relative;
				}
				#like-button-loop {
					float:left;
					width: 50px;
					overflow: hidden;
					}
					#like-button-loop span.fb_edge_comment_widget.fb_iframe_widget {
						display: none;
						}
				#tweet-button-loop {
					position: absolute;
					top: 6px;
					right: 16px;
					}
					.btn .label { font-weight: normal; }
#page-homepage .site-tools {
	text-align: center;
	height: 26px;
	min-height: 26px;
	}
	#page-homepage div#google_translate_element {
		display: inline;
		height: 26px;
		} /* see also sidebar elements */
		
#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 {
    	display: block;
    	}
  #feeder {
    	display: none;
    	}
#home-news-events p.view-all-news { /* contains "View all xxx stories" link */
	padding: 6px 30px 0 0;
	text-align: right;
	float: right;
	}
    #home-news-events .view-all-news a,
    #home-news-events .view-all-news a:link,
    #home-news-events .view-all-news a:active,
    #home-news-events .view-all-news a:visited {
    	text-decoration: none;
    	}

.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);
	}
	
/* gateway pages --------- */
.gateway #content-inner a,
.gateway #content-inner a:link,
.gateway #content-inner a:visited {
	text-decoration: underline;
	}

/* 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;
	}
/* new people page */
/* .page-id-2776 
#post-2776 */
#post-2776 ul {
	padding: 1ex 0 0 0; 
	border-top: 1px solid #cddbe6;
	margin: 1ex 2em 0 1em;
}
#post-2776 ul li {
	list-style-image: none;
	list-style-type: none;
	background: none no-repeat 0 0 transparent;
   margin: 0;
   padding: 0 0 1.5ex 20px;
}
#post-2776 ul li strong {
	font-size: 1.1em;
	font-weight: 700;
	font-family: "trebuchet ms", verdana, arial, sans-serif;
	color: #051a43;
}
#post-2776 .people-anchor-links {
	font-size: 1.1em;
	font-family: "trebuchet ms", verdana, arial, sans-serif;
}


/* affiliations page */
dl.partners { 
	position: relative;
	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;
	}
.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;
	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;
	}
/* affiliations submenu */

	.affiliations-links p#affiliationsmenu a.first-link { color: #000; padding: 0 12px; cursor: default;
		background: transparent url(/bg/thispage-caret-left.gif) no-repeat 4px 4px;	} 		
	.affiliations-links p#affiliationsmenu a.first-link:hover,
	.affiliations-links p#affiliationsmenu a.first-link:visited { text-decoration: none; color: #000; }
	
	.affiliations-joint-commission p#affiliationsmenu a.second-link { color: #000; padding: 0 12px; cursor: default;
		background: transparent url(/bg/thispage-caret-left.gif) no-repeat 4px 4px;	} 		
	.affiliations-joint-commission p#affiliationsmenu a.second-link:hover,
	.affiliations-joint-commission p#affiliationsmenu a.second-link:visited { text-decoration: none; color: #000; }
	
	.affiliations-catholic-charities p#affiliationsmenu a.third-link { color: #000; padding: 0 12px; cursor: default;
		background: transparent url(/bg/thispage-caret-left.gif) no-repeat 4px 4px;	} 		
	.affiliations-catholic-charities p#affiliationsmenu a.third-link:hover,
	.affiliations-catholic-charities p#affiliationsmenu a.third-link:visited { text-decoration: none; color: #000; }
	
/* 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 170px 30px 30px; /* 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;
	}
	.residential-news-editor strong {
	color: inherit;
	}
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 */
/* submenu items also apply site-wide */
p#earlychildhoodmenu,
p.submenu {
	width: 500px;
	margin: -1px auto 15px;
	background-color: #e6edf3;
	border-top: 0px solid #e6eef5;
	border-right: 1px solid #72a1c9;
	border-bottom: 1px solid #72a1c9;
	border-left: 1px solid #72a1c9;
	padding: 5px;
	text-align: center;
	font-weight: 700;
	font-family: arial, sans-serif;
	z-index: 101;
	}
p#earlychildhoodmenu a,
p.submenu 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,
p.submenu a:visited {
	text-decoration: none;
	color: #0b2e7b;
	}
p#earlychildhoodmenu a:hover,
p.submenu 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 pages */
#page-community-based h1,
#page-community h1,
#page-community-hudson-valley h1,
.section-our-services h1 {
	line-height: 1.4em;
	font-size: 1.4em;
	font-family: arial,sans-serif;
	font-weight: 400;
	}
div#community-tabs {
	padding: 0;
	margin: 0;
	width: 546px;
	height: 55px;
	overflow: hidden;
	position: relative;
	background-image: url("/bg/community-based-tabs-546x110.jpg");
	background-color: transparent;
	background-repeat: no-repeat;
	}
body.hv-community div#community-tabs {
	background-position: 0 0;
	}
body.bx-community div#community-tabs {
	background-position: 0 100%;
	}
#community-tabs a {
	display: block;
	position: absolute;
	width: 230px;
	height: 30px;
	text-indent: -9999px;
	}
a.community-hv-tab {
	left: 40px;
	bottom: 8px;
	}
a.community-bx-tab {
	right: 5px;
	bottom: 8px;
	}
div#hv-community-menu {
	position: absolute;
	width: 160px;
	left: 6px;
	top: 0px;
	background-color: #3f86c8;
	}
div#hv-community-menu-inner {
	background: transparent url(/bg/community-menu-bg.png) 0 0 repeat-y;
	margin-bottom: 2px;
	}
div#hv-community-menu h6 {
	color: #0b2e7b;
	font-family: arial, helvetica, sans-serif;
	font-size: 1.05em;
	font-weight: 700;
	line-height: 1.2em;
	padding-left: 14px;
	margin-top: 0;
	padding-top: 6px;
	}
#hv-community-menu ul {
	/* border-right: 1px solid #becedd; */
	padding-right: 8px;
	padding-left: 8px;
	padding-bottom: 8px;
	margin-bottom: 1px;
	position: relative;
	}
#hv-community-menu li {
    background: none no-repeat scroll 0 0 transparent;
    font-size: 0.9em;
    line-height: 1.25em;
    list-style-type: none;
    margin-left: .8em;
    padding-left: 0;
    text-indent: -.5em;
    min-height: 10px;/* fix for IE7 disappearing bg bug */
    }
/* news and events section ----------------------------------------------------- */
/* news-events-index page */
/* #page-news-overview #content-inner {
 	padding: 0 190px 30px 20px;
   width: 556px;
 	} */
#page-news-overview #content-inner h3 {
	font-size: 1.35em;
	color: #0b2f7d;
	margin-bottom: 0.18em;
   margin-top: 0.5em;
	}
#page-news-overview #content-inner p {
	padding: .7ex 0 .5ex 0;
	}
#page-news-overview #content-inner ul {
	margin: 1ex 0 1.5em 0;
	}
#page-news-overview #content-inner ul li {
	padding: 0 0 4px 45px;
	}
#page-news-overview p.view-all-news { /* contains "View all xxx stories" link */
	padding: 6px 4px 0 0;
	text-align: right;
	float: right;
	}
    #page-news-overview #home-news-events .view-all-news a,
    #page-news-overview #home-news-events .view-all-news a:link,
    #page-news-overview #home-news-events .view-all-news a:active,
    #page-news-overview #home-news-events .view-all-news a:visited {
    	text-decoration: none;
    	}

/* news page plus volunteer news page */
div.news-stories h1 {
	font-size: 1.3em;
	font-weight: 400;
	color: #0b2e7b;
	clear: both;
	}
/* body#page-our-sponsors #sponsor-list 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,
body#page-our-sponsors #content-inner hr {
	border:1px solid #0066CC;
	color:#0066CC;
	margin:2em 1em 1em;
	width:400px;
	margin: 1em auto 2em auto;
	clear: both;
	}
div.news-stories p {
	text-align: left;
	}
body#page-news a.read-more,
body#page-news a.read-less,
body#page-volunteer-news a.read-more,
body#page-volunteer-news a.read-less {
	display: block;
	text-align: right;
	clear: both;
	}
#news-archive-h {
	text-indent: 0 !important
	margin-left: -20px !important;
	}
#readmorelink-news-archive {
	text-align: left !important;
	width: 6em;
	margin: 1em auto 2em 0px;
	}
body#page-news #content-inner img,
body#page-events #content-inner img,
body#page-volunteer-news #content-inner img,
body#page-our-sponsors #content-inner img,
body#page-residential-program-news #content-inner img,
#tinymce img,
.news-stories img {
	border: 1px solid #9ab1bf;
	padding: 3px;
	background-color: #fcfefd;
	margin-bottom: 10px;
	}
body#page-volunteer-news #content-inner div.news-stories a.external,
body#page-news #content-inner div.news-stories a.external {
	white-space: normal;
	}

/* events page */
p#see-also-training {
	float: right;
	text-align: right;
	margin-top: -7px;
	}

/* PRESS RELEASES PAGE */
#page-press-releases #content p {
	text-align: left;
	}
#page-press-releases #releases-links p a.external {
	white-space: normal;
	}
#releases-links a.pdf {
	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 h5.audio-icon {
	background: transparent url(/designel/radio-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%;
	}
#page-features-archive p.audio-key {
	background: transparent url(/designel/radio-icon-27x20.gif) no-repeat 0px 70%;
	}

/* in-the-news page */
#page-in-the-news div.news-stories h1 {
	margin-bottom: 0;
	padding-top: 1.5em;
	border-top: 1px solid #d8e1e8;
	margin-top: 1em;
	}
	#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;
	}
/* Editable page's - PAGE EDITOR --------------------------------------- */
div#preview-slider {
	max-height: 700px;
   overflow: scroll;
}
/* page-wbai-suicide-prevention */
body#page-wbai-suicide-prevention strong {
	color: red;
	padding-right: 3px;
	font-family: courier, "courier new", monospace;
	}
	
/* page-swing-spring-2011-rsvp or body.invitation */
body.invitation #invite-text h1 {
	text-align: center;
	font-family: georgia, serif;
	font-size: 2.4em;
	font-weight: 400;
	text-indent: 0;
	color: navy;
	}
body.invitation #invite-text h2 {
	text-align: center;
	font-family: georgia, serif;
	font-size: 1.8em;
	text-indent: 0;
	color: #090909;
	}
body.invitation #invite-text h3 {
	text-align: center;
	font-family: georgia, serif;
	font-size: 1.5em;
	text-indent: 0;
	color: #191919;
	}
body.invitation #invite-text p {
	text-align: center;
	font-family: georgia, serif;
	font-size: 1.2em;
	line-height: 1.4em;
	}
body.invitation #invite-text p.small-p {
	font-size: 1.1em;
	line-height: 1.3em;
	}

/* blog pages - in astorservices-org WordPress blog */
#wpadminbar ul li {
	text-indent: 0;
	}
#page-blog p#breadcrumbs {
	padding: 0 0 1ex 0;
	}
#page-blog p#breadcrumbs strong {
	color: #787878;
	}
#page-blog h1.page-title {
    color: #000000;
    font-size: 16px;
    font-weight: 400;
    margin: 0 0 1ex 0;
    text-indent: 0;
}
#sidebar-left #primary {
	width: 163px;
	padding: 8px 6px 10px 8px;
	border: 1px solid #e7ebee;
	background-color: #fff;
	}
	#sidebar-left #primary h3.blog-tools {
		text-indent: 0;
		}
#sidebar-left #primary h3 {
	font-size: 1.25em;
	}
#sidebar-left #primary h3.widget-title {
	font-weight: 400;
	color: #e99322;
	text-indent: 0;
	}
#sidebar-left #primary ul.xoxo li {
	list-style: none outside none;
	background: none no-repeat 0 0 transparent;
	padding: 0 0 0 0;
	text-indent: 0;
	}
#sidebar-left #primary ul.xoxo li li {
	text-indent: -1em;
	margin-left: 1em;
	font-size: .95em;
	line-height: 1.1em;
	padding-bottom: .5em;
	}
#sidebar-left .widget-area ul ul {
    list-style: none outside none;
    margin-left: 0;
    padding-top: 0;
}
#rss-link {
	display: block;
	float: right;
	margin: 0px 2px 2px 10px;
	}
	/* blog entry */
	div.hentry, div.post {
		margin: 0 0 15px -10px;
		border: 1px solid #e7ebee;
		background-color: #fff;
		padding: 0 15px 15px 15px;
		}
		div.status-private {
		border: 1px solid #eb9629;
		background-color: #fff;
		}
		.blog-non-blog div.hentry {
			margin: 0 0 15px 0px;
			border: 0px solid #e7ebee;
			background-color: transparent;
			padding: 0 0px 15px 0px;
		}
	.blog-non-blog #content .entry-title {
        color: #EB9629;
        font-size: 1.8em;
        font-weight: 700;
        line-height: 1.4em;
        margin-bottom: 0;
      }
	div.hentry h1, div.hentry h2, div.hentry h3, div.hentry h4, div.hentry h5, div.hentry h6,
	div.post h1, div.post h2, div.post h3, div.post h4, div.entry h5, div.entry h6 {
		text-indent: 0;
		}
	h2.entry-title, h1.entry-title, #reply-title {
		text-indent: 0;
		}
	.blog-non-blog div.hentry h1, .blog-non-blog div.hentry h2, .blog-non-blog div.hentry h3 {
		text-indent: -20px;
		}
	.blog-non-blog h2.entry-title, .blog-non-blog h1.entry-title {
		text-indent: -20px;
		}
	 .blog-non-blog #reply-title {
		text-indent: 0px;
		}
		.entry-title a:link, .entry-title a:visited {
    		color: #243873;
    		text-decoration: none;
			}
	div.hentry h6, div.post h6 { /* we use this as a sub-title */
      font-size: 1em;
      line-height: 1.3em;
      margin-bottom: 0.7em;
      margin-top: 0.4em;
      color: #0b2e7b;
		}
	.alignleft, img.alignleft {
        margin-right: 16px;
        margin-top: 10px;
      }
    .alignright, img.alignright {
      margin-left: 14px;
      margin-top: 10px;
      }  
    div.hentry p, div.post p {
    	text-align: left;
    	}  
    div.hentry blockquote, div.post blockquote {
    	clear: both;
    	}
    div.hentry .external, div.post .external {
    	white-space: normal;
    	}
h3#comments-title {
    padding: 16px 0;
	 }
h3#comments-title, h3#reply-title {
    color: #ee9422;
    font-size: 1.3em;
    font-weight: 400;
    margin-bottom: 0;
    }
#page-blog ol li,
#page-blog #main li {
    text-indent: 0;
	}
	#page-blog ol.commentlist ul.children li {
		background: none, no-repeat, 0 0;
		padding: 0 0 0 20px;
		}
#page-blog ol.commentlist div.comment-author img.photo {
	padding: 2px;
	margin: 0 10px 0 0;
	border: 1px solid #bac2c6;
	background-color: #f8faf9;
	}
#page-blog #main .hentry li, #page-blog #main .post li {	
    text-indent: -1.5em;
	}
#page-blog div.entry-utility {
	padding-top: 8px;
	}
span.youtube {
	display: block;
	width: 480px;
	margin: 0 auto;
	}
div.excerpt span.smart-video-sleeve {
	display: block;
   margin: 5px 10px 0 -10px;
	}
	/* wordpress comments */
	p.form-allowed-tags {
		display: none;
		}
#entry-author-info {
	background-color: #f7f9f8;
	border-top: 4px solid #3f86c8;
	}
#entry-author-info h2 {
	text-indent: 0;
	margin-top: 0;
	}
#author-avatar img.photo {
	padding: 0;
	}
#page-blog #xhtml-seal, #page-blog #css-seal {display:none;}
/* hide comments on these PAGES */
/* body */.page-id-12 div#comments,
.page-id-118  div#comments{
	display: none;
	}
#sidebar-left #primary ul.xoxo ul#user-page-links { /* extra links within blog sidebar */
	border-top: 1px solid silver;
	padding-top: 1em;
	width: 93%;
	}
	li#astor-wp-sidebar-loginout a,
	li#astor-wp-sidebar-loginout a:link,
	li#astor-wp-sidebar-loginout a:visited {
		color: silver;
		}
a.continue-reading-link {
	text-align: right;
	}

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

a#apa-link,
a#apa-link:link,
a#apa-link:active,
a#apa-link:visited {
	float:left;
	margin:0 16px 4px 0;
	background-color: transparent;
	border: 1px solid transparent;
	display: block;
	}
a#apa-link:hover {
	background-color: #fff;
	border: 1px solid navy;
	}
	a#apa-link:hover img {background-color: #fff;}
	
/* 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 {
	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-angel-form h1 {
	width: 288px;
	height: 128px;
	background: transparent url(/logos/astorangels-logo-288x128.gif) no-repeat 0px 0px;
	text-indent: -9999px;
	margin: 12px auto 0 auto;
	}
#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;
	}
/* Donation page */

#donate-button-region {
    display: block;
    width: 131px;
    margin: 0 auto;
    height: 45px;
    overflow: hidden;
    position: relative;
    left: 4px;
    }
    a#donate-button,
    a#donate-button:link,
    a#donate-button:visited,
    a#donate-button:active {					
    				display: block;
    				width: 131px;
    				height: 45px;
    				overflow: hidden;
    				text-indent: -9999px;
    				background: transparent url(/buttons/homepage-donate-button-131x90.gif) no-repeat left top;
    	}
    a#donate-button:hover {
    	background: transparent url(/buttons/homepage-donate-button-131x90.gif) no-repeat left bottom;
    	}
/* Angels PayPal page */
body.angels-paypal #angel-buttons table,
body.angels-paypal #angel-buttons tr,
body.angels-paypal #angel-buttons td,
body.angels-paypal #angel-buttons form {
	text-align: center;
	}

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

body.angels-paypal #angel-buttons td {
	border: 1px solid #bdced8;
	background-color: #fff;
	width: 200px;
	padding: 10px 0;
	}
#angel-buttons div {
	line-height: 2em;
	}
body.angels-paypal #sidebar-donation-region,
body#page-donate-now #sidebar-donation-region { /* hide the regular donation button on this page */
	display: none;
	}
/* Donation Thank You page */
body#page-thankyou-donation #content-inner {
	padding: 0 0px 30px 0px;
	}
div.large-buttons-div {
	border: 1px solid #cddde9;
	background-color: #fff;
	padding: 0 0 10px 6px;
	}
.large-button {
	display: block;
	width: 300px;
	height: 103px;
	overflow: hidden;
	float: left;
	}
	body#page-thankyou-donation .large-mailing-list-button {
		margin-left: 24px;
		}
	.large-mailing-list-button input[type=submit] {
		background-color: transparent;
      background-image: url(/buttons/mailinglist-button-300x206.gif);
      background-position: left top !important;
      background-repeat: no-repeat;
      border: 0 solid transparent;
      color: #DBF1FF;
      cursor: pointer;
      display: block;
      font-family: Arial,Helvetica,sans-serif;
      font-size: 4px;
      height: 103px;
      overflow: hidden;
      padding: 0;
      text-indent: -9999px;
      width: 300px;
      margin: 0 auto;
      position: relative;
		}
		.large-mailing-list-button input[type=submit]:hover {
          	background-position: left bottom !important;
			}
  .large-blog-button a,
  .large-blog-button a:link,
  .large-blog-button a:visited,
  .large-blog-button a:active {					
    		display: block;
    		width: 300px;
    		height: 103px;
    		overflow: hidden;
    		text-indent: -9999px;
    		background: transparent url(/buttons/astor-blog-button-300x206.gif) no-repeat left top;
  	}
		.large-blog-button a:hover {
			background: transparent url(/buttons/astor-blog-button-300x206.gif) no-repeat left bottom;
			}
 .large-facebook-button a,
 .large-facebook-button a:link,
 .large-facebook-button a:visited,
 .large-facebook-button a:active {					
  		display: block;
  		width: 300px;
  		height: 103px;
  		overflow: hidden;
  		text-indent: -9999px;
  		background: transparent url(/buttons/facebook-follow-button-300x206.gif) no-repeat left top;
 	}
		.large-facebook-button a:hover {
			background: transparent url(/buttons/facebook-follow-button-300x206.gif) no-repeat left -103px;
			}
/* 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 */
html#HTMLTag body#page-jobs #sidebar-left,
html#HTMLTag body#page-jobs #section-menus {
	display:none;
	}
html#HTMLTag body#page-jobs #content-inner {
	padding: 0 20px 30px 20px;
   position: relative;
   width: 726px;
	}
html#HTMLTag body#page-jobs table {
	margin: 0 0 1em 0;
	}
html#HTMLTag body#page-jobs .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;
  }
html#HTMLTag body#page-jobs table#mxdlResults .cell_pageheader {
  	padding-top: 3px;
  	padding-bottom: 4px;
  	}
  	html#HTMLTag body#page-jobs .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;
    }
  	html#HTMLTag body#page-jobs .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: */
html#HTMLTag body#page-jobs 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;
	}
html#HTMLTag body#page-jobs table ul {
	list-style-position: inside;
	position: relative;
	}
html#HTMLTag body#page-jobs table ul li {
	line-height: 16px;
	padding: 0 0 1ex 20px;
	text-indent: 0px;
	list-style-position: outside;
	display: block;
	position: relative;
	}
html#HTMLTag body#page-jobs div.cb_PnlTabbed li {
	padding: 0 0 0 0;
	}
html#HTMLTag body#page-jobs table#tblContent {
	margin-top: 8px;
	}
	/* ul within Browse All Jobs: */
html#HTMLTag body#page-jobs ul.s_ul_navigator {
	margin: 4px 0 0 0px;
	padding: 0;
	}
	/* td within Browse All Jobs: */
html#HTMLTag body#page-jobs table.s_tbl_outer td.s_cell_navigator {
	padding: 8px 0px 18px 18px;
	}
html#HTMLTag body#page-jobs table h1,
html#HTMLTag body#page-jobs table h2 {
	text-indent: 0;
	}	
html#HTMLTag body#page-jobs .cb_style h2 {
	padding-left: 10px !important;
	border-bottom-width: 0px !important;
	}
/* within apply for jobs page */
html#HTMLTag body#page-jobs table#tblContent {
	width: 500px;
	}
html#HTMLTag body#page-jobs table#tblContent h2 {
	text-indent: 0;
	}
html#HTMLTag body#page-jobs table#tblContent ul li {
	text-indent: 0;
	padding: 0;
	background: none no-repeat scroll 0 2px transparent;
	}
html#HTMLTag body#page-jobs table#tblContent .cb_style .grad {
	width: 500px;
	}
/* remove elements from careerbuilders pages */
html#HTMLTag body#page-jobs #donate-box,
html#HTMLTag body#page-jobs #xhtml-seal-div,
html#HTMLTag body#page-jobs #css-seal-div {
	display: none;
	}

/* privacy policy page -------------- */

/* Thanks to our Sponsors page sponsors-thanks.php */
body#page-our-sponsors #content-inner {
	padding: 0 15px 30px 35px;
	}
body#page-our-sponsors div.sponsors-editable-div {
	width: 290px;
	float: left;
	}
body#page-our-sponsors div.sponsors-editable-div p {
	text-align: left;
	}
body#page-our-sponsors div.sponsors-logos-div {
	float: left;
   margin: 12px 0 0 25px;
   width: 235px;
	}
body#page-our-sponsors div.sponsors-logos-div div.jqexpandnext, 
body#page-our-sponsors div.sponsors-editable-div div.jqexpandnext {
	margin: -.7em 0 .8em 0;
	text-align: left;
	/* text-decoration: none;
	border-bottom: 1px solid #c4d7e6; */
	background-position: left 60%;
	padding-right: 0;
	padding-left: 14px;
	display: none;
	}
body#page-our-sponsors div.sponsors-logos-div div.expand,
body#page-our-sponsors div.sponsors-editable-div div.expand {
	margin: 20px 0px 20px 0px;
	}
body#page-our-sponsors div.sponsors-logos-div div.expand-inner,
body#page-our-sponsors div.sponsors-editable-div div.expand-inner {
	padding: 0 10px 20px 20px;
	}
body#page-our-sponsors div#heartfelt-div {
	display: none;
	}

/* Thanks to our Sponsors page sponsors-thanks.php */
body#page-sponsors-thanks #content-inner {
	padding: 0 15px 30px 35px;
	}
body#page-sponsors-thanks div.sponsors-editable-div {
	width: 290px;
	float: left;
	}
body#page-sponsors-thanks div.sponsors-editable-div ul {
	width: 290px;
	}
body#page-sponsors-thanks div.sponsors-editable-div a.external {
	white-space: normal;
	}
body#page-sponsors-thanks div.sponsors-editable-div p {
	text-align: left;
	width: 290px;
	}
body#page-sponsors-thanks div.sponsors-logos-div {
	float: left;
   margin: 12px 0 0 25px;
   width: 235px;
	}
body#page-sponsors-thanks div.sponsors-logos-div div.jqexpandnext, 
body#page-sponsors-thanks div.sponsors-editable-div div.jqexpandnext {
	margin: -.7em 0 .8em 0;
	text-align: left;
	/* text-decoration: none;
	border-bottom: 1px solid #c4d7e6; */
	background-position: left 60%;
	padding-right: 0;
	padding-left: 14px;
	/* display: none; */
	}
body#page-sponsors-thanks div.sponsors-logos-div div.expand,
body#page-sponsors-thanks div.sponsors-editable-div div.expand {
	margin: 20px 0px 20px 0px;
	}
body#page-sponsors-thanks div.sponsors-logos-div div.expand-inner,
body#page-sponsors-thanks div.sponsors-editable-div div.expand-inner {
	padding: 0 10px 20px 20px;
	}
body#page-sponsors-thanks div#heartfelt-div {
	display: none;
	}
body#page-sponsors-thanks div.sponsors-logos-div img {
	border: 1px solid #becedd;
	padding: 2px;
	background-color: #f5f9f8;
	}

/* research section -------------------------------------------- */
/* -------- pges in this section are part of the CMS --*/
.section-research div.hentry p, 
.section-research div.post p {
	text-align: justify;
	}
div.research-wrapper p {
	text-align: justify;
	}
.section-research dt {
	font-family: georgia, times, 'times new roman', serif;
	font-size: 1.2em;
	font-style: italic;
	}
.section-research .dl-ish h4,
.section-research .dl-ish h5 {
	font-family: georgia, times, 'times new roman', serif;
	font-size: 1.2em;
	font-style: italic;
	color: #051A43;
	font-weight: 400;
	margin-bottom: 0.2em;
	}
.section-research .dl-ish p {
	padding-left: 20px;
	}
.featured-project {
	padding: 15px 20px; 
	background-color: rgba(255, 255, 255, 0.7);
	border:1px solid #eaebef;
	}
.section-research .featured-project p {
	padding-left: 0px !important;
	}

/* 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,
.top-rule  {
	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;
	}

input.fill,
textarea.fill {
	border: 1px solid #a7a6aa;
	background-color: #fff;
	}
	
/* 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 fieldset > legend {
	width: auto;
	}
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;
	clear: both;
	}
.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: normal;
	}
.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: normal;
	}
.mceContentBody h1 a,
.mceContentBody h1 a:link,
.mceContentBody h1 a:visited,
.mceContentBody h1 a:active {
  text-decoration: underline !important;
  }
.filecontentsid-news img,
.itemdetailsid-news img,
.readmorecontentid-news img,
.filecontentsid-events img,
.itemdetailsid-events img,
.readmorecontentid-events img,
.filecontentsid-volunteer-news img,
.itemdetailsid-volunteer-news img,
.readmorecontentid-volunteer-news img { /* body classes of the iframes - with variables depending on the page */
    background-color: #FCFEFD;
    border: 1px solid #9AB1BF;
    padding: 3px;
    }

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

/* employment questionnaire - WP form (div.wpcf7) */
div.wpcf7 input,
div.wpcf7 select {
	margin: 0;
	}
div.wpcf7 label {
    color: #051A43;
    font-size: inherit;
	}
div.wpcf7 fieldset legend {
    background: none repeat scroll 0 0 transparent;
    color: inherit;
    font-weight: bold;
    padding: 0 18px;
}
div.wpcf7 input.read-only-input {
	background-color: transparent;
    border: 0 solid transparent;
    cursor: default;
    font-weight: 700;
    padding: 6px 0 0 1em;
	}
/* Store styles -------------------------------- */
.wpsc-transaction-details h1,
.wpsc-shopping-cart h1,
.wpsc-transaction-details #breadcrumbs,
.wpsc-shopping-cart #breadcrumbs {
	display: none;
	}
.wpsc-shopping-cart label {
	font-size: 13px;
	}
table.wpsc_checkout_table label {
	padding-left: 10px;
	}	
.wpsc-shopping-cart input[type="radio"] {
	margin-right: 10px;
	}
/* END SECTION-STYLES ------------------------------------------------------- */

/* MENU-STYLES - see menus.css ---------------------------------------------- */


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

/* Misc STYLES -------------------------------------------------------------- */
/* Pepsi Refresh challenge */
p.widget-message {
	text-align: center;
	}

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