/* Created by Sacco : thinksacco.com */

/* REMOVE GAPS */
* {
	margin: 0px;
	padding: 0px;
	vertical-align: top;
/*	border: 1px solid #00FF00;*/
	}

/* GLOBAL */
body {
	background-color: #FFFFFF;
	text-align : center;
	background-image: url('/images/interface/body_bg.jpg');
	background-repeat: repeat-x
	}

body, p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	line-height: 160%;
	vertical-align: top;
	}

a:link, a:active, a:visited {
	color: #7074BF;
	text-decoration: underline;
	}
	a:hover, a:visited:hover {
	color: #2F398D;
	text-decoration: none;
/*	background-color: #FEEF6B;*/
	}

/* LOGO */
h1 {
	float: left;
	text-indent: -9999px;
	overflow: hidden;
	width : 215px;
	height : 110px;
	background-image:url('/images/interface/logo.jpg');
	clear: both
	}
	h1 a, h1 a:link, h1 a:active, h1 a:visited h1 a:hover, h1 a:visited:hover {
		display : block;
		width : 215px;
		height : 110px;
		background-color: transparent;
		}

/* TITLE */
h2 {
	text-indent: -9999px;
	overflow: hidden;
	width : 530px;
	height : 36px;
	display: block;
	float: inherit;
	background-repeat: no-repeat;
	}

/* GRAPHIC TITLES */
#welcome { background-image: url('/images/interface/titles/welcome.jpg'); }
#aboutcsi { background-image: url('/images/interface/titles/aboutcsi.jpg'); }
	#history { background-image: url('/images/interface/titles/history.jpg'); }
	#boarddirectors { background-image: url('/images/interface/titles/boarddirectors.jpg'); }
	#guildboard { background-image: url('/images/interface/titles/guildboard.jpg'); }
		#guildboard2006 { background-image: url('/images/interface/titles/guildboard2006.jpg'); }
		#guildboard2007 { background-image: url('/images/interface/titles/guildboard2007.jpg'); }
		#guildboard2008 { background-image: url('/images/interface/titles/guildboard2008.jpg'); }
		#guildboard2009 { background-image: url('/images/interface/titles/guildboard2009.jpg'); }
		#guildboard2010 { background-image: url('/images/interface/titles/guildboard2010.jpg'); }
	#staffbiographies { background-image: url('/images/interface/titles/staffbiographies.jpg'); }
#programs { background-image: url('/images/interface/titles/programs.jpg'); }
	#trainingschedule { background-image: url('/images/interface/titles/trainingschedule.jpg'); }
	#emergencyshelters { background-image: url('/images/interface/titles/emergencyshelters.jpg'); }
	#childcare { background-image: url('/images/interface/titles/childcare.jpg'); }
	#therapysupport { background-image: url('/images/interface/titles/therapysupport.jpg'); }
	#adoptionfostercare { background-image: url('/images/interface/titles/adoptionfostercare.jpg'); }
	#substanceabusetreatment { background-image: url('/images/interface/titles/substanceabusetreatment.jpg'); }
#newsevents { background-image: url('/images/interface/titles/newsevents.jpg'); }
	#news { background-image: url('/images/interface/titles/news.jpg'); }
	#events { background-image: url('/images/interface/titles/events.jpg'); }
#volunteering { background-image: url('/images/interface/titles/volunteering.jpg'); }
#donate { background-image: url('/images/interface/titles/donate.jpg'); }
	#giftopportunities { background-image: url('/images/interface/titles/giftopportunities.jpg'); }
	#plannedgiving { background-image: url('/images/interface/titles/plannedgiving.jpg'); }
	#donateonline { background-image: url('/images/interface/titles/donateonline.jpg'); }
	#secondcentury { background-image: url('/images/interface/titles/secondcentury.jpg'); }
#contact { background-image: url('/images/interface/titles/contact.jpg'); }
#employment { background-image: url('/images/interface/titles/employment.jpg'); }
#privacystatement { background-image: url('/images/interface/titles/privacystatement.jpg'); }
#sitemap { background-image: url('/images/interface/titles/sitemap.jpg'); }

/* HEADER */
h3 {
	font-size: 20px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #2F398D;
	background-repeat: no-repeat;
	line-height: 24px;
	}
	h3 a:link, h3 a:active, h3 a:visited {
	color: #2F398D;
	text-decoration: underline;
	}
	h3 a:hover, h3 a:visited:hover {
	color: #2F398D;
	text-decoration: underline;
	background-color: transparent;
	}

/* SUBHEADER */
h4 {
	font-size: 16px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #9293DD;
	line-height: normal;
	}
	h4 a:link, h4 a:active, h4 a:visited {
	color: #9293DD;
	text-decoration: underline;
	}
	h4 a:hover, h4 a:visited:hover {
	color: #9293DD;
	text-decoration: underline;
	}
h5 {
	font-size: 14px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	line-height: normal;
	color: #9293DD;
	}
	h5 a:link, h5 a:active, h5 a:visited {
	color: #9293DD;
	text-decoration: underline;
	}
	h5 a:hover, h5 a:visited:hover {
	color: #9293DD;
	text-decoration: underline;
	}
h6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	line-height: 150%;
	margin: 0px;
	padding: 0px;
	}

/* BODYCOPY */
p {
	margin: 0px 0px 20px;
	clear: left;
	}

/* MAIN LAYOUT : CONTAINERS / WRAPPERS */
#container {
	width : 760px;
	margin : 0px auto;
	padding : 0px;
	height: 100%;
	text-align: left;
	}
#header {
	width : 760px;
	height: 110px;
	padding-bottom: 10px;
	}
#navwrap {
	float: right;
	height: 110px;
	width: 530px;
	}
#contentwrap {
	clear: both;
	display: block;
	}
#content {
	background-image: url('/images/interface/content_bg.jpg');
	background-repeat: repeat-x;
	padding: 0px;
	margin: 0px;
	float: right;
	width: 530px
	}
#contentbody {
	padding: 25px;
	margin: 0px;
	}
#breadcrumbs {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666666;
	margin: 0px;
	padding: 0px 0px 0px 7px;
	line-height: 10px;
	}
	#breadcrumbs a, #breadcrumbs a:link, #breadcrumbs a:active, #breadcrumbs a:visited {
		color: #666666;
		text-decoration: none;
		background-color: transparent;
		}
		#breadcrumbs a:hover, #breadcrumbs a:visited:hover {
			color: #3F3CA7;
			text-decoration: underline;
			}
#contactfooter {
	background-image: url('/images/interface/contactfooter.jpg');
	text-indent: -9999px;
	overflow: hidden;
	height : 34px;
	background-repeat: no-repeat
	}
	#contactfooter a {
	display : block;
	width : 100%;
	height : 100%;
	background-color: transparent;
		}
#footerwrap {
	clear: both;
	}
#footerinfo {
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #999999;
	font-size: 9px;
	clear: both;
	}
	#footerinfo a, #footerinfo a:link, #footerinfo a:active, #footerinfo a:visited {
		color: #999999;
		text-decoration: none;
		background-color: transparent;
		}
		#footerinfo a:hover, #footerinfo a:visited:hover {
			color: #999999;
			text-decoration: underline;
			}
#belowleftnav {
	background-color: #FFFFFF;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 50px;
	padding-left: 10px;
	font-size: 10px;
	color: #666666;
	width: 205px;
	}

/* TOP NAV */
#topnav {
	clear: both;
	float: right;
	width: 414px;
	height: 30px;
	}
	#topnav li {
		list-style-type: none;
		display: block;
		float: left;
		}
	#topnav a, #topnav a:link, #topnav a:active, #topnav a:visited {
		background-repeat: no-repeat;
		display: block;
		height: 30px;
		background-position: 0px 0px;
		text-indent: -9999px;
		overflow: hidden;
		float:inherit;
		background-color: transparent;
		}
		#topnav a:hover, #topnav a:visited:hover {
			background-position: 0px -30px;
			}
		#topnav #navhome a {
			background-image:url('/images/interface/nav/top/home.jpg');
			width: 78px
			}
		#topnav #navcontact a {
			background-image:url('/images/interface/nav/top/contact.jpg');
			width: 65px
			}
		#topnav #navemployment a {
			background-image:url('/images/interface/nav/top/employment.jpg');
			width: 83px
			}
		#topnav #navprivacystatement a {
			background-image:url('/images/interface/nav/top/privacystatement.jpg');
			width: 111px
			}
		#topnav #navsitemap a {
			background-image:url('/images/interface/nav/top/sitemap.jpg');
			width: 77px
			}

/* MAIN NAV */
#mainnav {
	clear: right;
	float: right;
	height: 45px;
	width: 530px;
	margin-top: 35px;
	}
	#mainnav li {
		list-style-type: none;
		display: block;
		float: left;
		}
	#mainnav a, #mainnav a:link, #mainnav a:active, #mainnav a:visited {
		background-repeat: no-repeat;
		display: block;
		height: 45px;
		background-position: 0px 0px;
		text-indent: -9999px;
		overflow: hidden;
		float:inherit;
		background-color: transparent;
		}
		#mainnav a:hover, #mainnav a:visited:hover {
			background-position: 0px -45px;
			}
		#mainnav #navwelcome a {
			background-image:url('/images/interface/nav/main/welcome.jpg');
			width: 90px
			}
		#mainnav #navaboutcsi a {
			background-image:url('/images/interface/nav/main/aboutcsi.jpg');
			width: 77px
			}
		#mainnav #navprograms a {
			background-image:url('/images/interface/nav/main/programs.jpg');
			width: 81px
			}
		#mainnav #navnewsevents a {
			background-image:url('/images/interface/nav/main/newsevents.jpg');
			width: 102px
			}
		#mainnav #navvolunteering a {
			background-image:url('/images/interface/nav/main/volunteering.jpg');
			width: 97px
			}
		#mainnav #navdonate a {
			background-image:url('/images/interface/nav/main/donate.jpg');
			width: 83px
			}


/* LEFT NAV */
#leftnavwrap {
	background-image: url('/images/interface/leftnav_content.jpg');
	float: left;
	width: 215px;
	}
#leftnavtitle {
	font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: italic;
	color: #999999;
	background-image: url('/images/interface/leftnav_title.jpg');
	background-repeat: no-repeat;
	text-align: center;
	padding-top: 19px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	line-height: 16px;
	font-weight: bold;
	background-color: #FFFFFF;
	background-position-y:50%
	}
	#leftnavtitle a:link, #leftnavtitle a:active, #leftnavtitle a:visited {
	color: #999999;
	text-decoration: none;
	}
	#leftnavtitle a:hover, #leftnavtitle a:visited:hover {
	color: #999999;
	text-decoration: underline;
	background-color: transparent;
	}
#leftnav {
	background-image: url('/images/interface/leftnav_bottom.jpg');
	background-repeat: no-repeat;
	padding-top: 5px;
	padding-left: 25px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	background-position: left bottom;
	padding-bottom: 30px;
	padding-right: 20px
	}
	#leftnav li a, #leftnav li a:link, #leftnav li a:active, #leftnav li a:visited {
		color:#666666;
		text-decoration: none;
		background-color: transparent;
		}
		#leftnav li a:hover, #leftnav li a:visited:hover {
			text-decoration: underline;
			}
#leftnav li {
	font-size: 10px;
	color: #666666;
	list-style-position: outside;
	list-style-type: none;
	padding: 0px;
	}
	#leftnav li li a, #leftnav li li a:link, #leftnav li li a:active, #leftnav li li a:visited {
		color:#999999;
		text-decoration: none;
		background-color: transparent;
		}
		#leftnav li li a:hover, #leftnav li li a:visited:hover {
			text-decoration: underline;
			}
#leftnav li li {
		font-size: 9px;
		color: #999999;
		padding-left: 15px;
		list-style-type: none;
		background-image: url('/images/interface/leftnav_bullet.gif');
		background-repeat: no-repeat;
		background-position: 5px 5px
		}
.floatleft {
	float: left;
	display: block;
	clear: none;
}
.floatright {
	float: right;
	display: block;
	clear: none;
}
hr {
	height: 0px;
	width: 100%;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-color: #F9D287;
	border-bottom-color: #FFE8C7;
	}
blockquote {
	margin-left: 20px;
	}
#content ul, #content ol {
	margin-bottom: 20px;
	margin-left: 30px;
	margin-top: 0px;
	margin-right: 0px;
	}
.gap {
	margin-bottom: 20px;
	}
.successwrap {
	background-image: url('/images/content/resources/success_main.gif');
	background-repeat: no-repeat;
	background-position-y:50%
	}
.success {
	background-image: url('/images/content/resources/success_top.jpg');
	background-repeat: no-repeat;
	padding-top: 70px;
	padding-right: 30px;
	padding-bottom: 60px;
	padding-left: 30px;
	font-style: italic;
	color: #2F398D; background-position-y:50%
	}
#eventscallout {
	background-image: url('/images/homepage/events_bg.jpg');
	height: 116px;
	width: 202px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #4E5BAF;
	padding-top: 60px;
	padding-right: 10px;
	padding-left: 20px
	}
	#eventscallout li {
		list-style-position: inside;
		}
	.formerror {
		font-weight: bold;
		color: #CC0000;
		}
	input, textarea, select {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #FFFFFF;
	padding: 2px;
	border: 1px solid #B2B2B2;
	margin: 4px;
		}
	input, textarea {
		width: 300px;
		}
		.zip {
		width: 100px;
		}
#submit {
	height: 54px;
	width: 104px;
	border: none;
	margin: 0px;
	padding: 0px;
	}
.small {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #999999;
	}
#programsnav {
	float: left;
	width: 196px;
	display: block;
	height: 235px;
	}
	#programsnav ul {
	height:inherit;
	}
	#programsnav li {
	list-style-type: none;
	display: block;
	}
	#programsnav a, #programsnav a:link, #programsnav a:active, #programsnav a:visited {
		background-repeat: no-repeat;
		display: block;
		background-position: 0px 0px;
		text-indent: -9999px;
		overflow: hidden;
		width: 196px;
		}
		#programsnav a:hover, #programsnav a:visited:hover {
			background-position: -196px 0px;
			}
		#programsnav #hpnavemergencyshelters a {
			background-image:url('/images/homepage/navigation/emergencyshelters.gif');
			height: 46px
			}
		#programsnav #hpnavchildcare a {
			background-image:url('/images/homepage/navigation/childcare.gif');
			height: 42px
			}
		#programsnav #hpnavtherapysupport a {
			background-image:url('/images/homepage/navigation/therapysupport.gif');
			height: 41px
			}
		#programsnav #hpnavadoptionfostercare a {
			background-image:url('/images/homepage/navigation/adoptionfostercare.gif');
			height: 42px
			}
		#programsnav #hpnavjointhemaillist a {
			background-image:url('/images/homepage/navigation/jointhemaillist.gif');
			height: 42px
			}
#hpcallouts {
	clear: both;
	width: 760px;
	}
#hpimage {
	display: block;
	float: left;
	clear: none;
	}
#hprowone {
	display: block;
	width: 760px;
	clear: both;
	}
	
/*-------------------------------------------Gallery--------------------------------------------*/

.gallery-layout {width:480px; height:259px; margin-top:-35px; margin-bottom:25px;}
.thumbnail { width:122px; float:right; height:259px; overflow:auto;}
.thumbnail img { margin-bottom:2px;}
.thumbnail img, a, a:hover, a:visited, a:active{ text-decoration:none; border:none;}

.gallery-button a, a:hover, a:visited, a:active{ text-decoration:none; border:none;}