@charset "UTF-8";
/* CSS Document */

	
	/* Don't forget to set a foreground and background color 
	   on the 'html' or 'body' element! */
	html, body, div, span,
	applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	abbr, acronym, address, big, cite, code,
	del, dfn,  font, img, ins, kbd, q, s, samp,
	small, strike, sub, sup, tt, var,
	dd, dl, dt, li, ol, ul,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
		font-weight: inherit;
		font-style: inherit;
		font-size: 100%;
		line-height: 1;
		font-family: inherit;
		/*text-align: left;*/
		vertical-align: baseline;
	}
	a img, :link img, :visited img {
		border: 0;
	}
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}
	ol, ul {
		list-style: none;
	}
	q:before, q:after,
	blockquote:before, blockquote:after {
		content: "";
	}
	
	
	/*GENERAL*/
	body {
		background-color: #007dc3;
		text-align: center;
		font-size: 62.5%;
	}
	
	/*HEADER*/
	
	#header {
		position: relative;
		background: #007dc3 url(http://www.agraceplaceacc.org/images/site/bg_grace_place_logo.gif) no-repeat center top;
		height: 154px;	
		width: 898px;	
		margin: 0 auto;
	}
	
	#header h1, #header h2 {
		text-indent: -1000em;
	}
	
	#header h1 a {
		position: relative;
		height: 124px;	
		width: 854px;	
		display:block;
		top:20px;
		left:0;
	}
	
	#header p.switcher {
	font: normal 11px/17px Georgia, "Times New Roman", Times, serif;
	color: #ffffff;
	text-transform: uppercase;
	position: absolute;
	top: 5px;
	right: 70px;
	}
	
	#header p span {
		padding: 0 3px 0 3px;
	}
	
	#header p span.larger a  {
		font-size: 14px;
	}
	
	#header p span.largest a {
		font-size: 17px;
	}
	
	#header p span a:link, #header p span a:visited {
		color: #ffffff;
		text-decoration: none;
	}
	
	#header p span a:hover, #header p span a:active {
		text-decoration: underline;
	}
	
/*NAV "CENTERED TABS WITH CSS" - http://24ways.org/2005/centered-tabs-with-css*/
			#nav {
				font: normal 14px Geneva, Arial, Helvetica, sans-serif;
				padding-top: 8px;
				text-transform: uppercase;
				color: #007dc3;
				background: #ffffff url(http://www.agraceplaceacc.org/images/site/bg_nav_gradient.gif) repeat-x;
			}
			
			#nav ul {
				margin: 0 auto;
				padding: 20px 2px 5px 1px;
				text-align: center;
				width: 898px;
			}
			
			#nav ul li {
				display: inline;
				margin: 0 1px;
				padding: 0;
			}
			
			#nav ul li a {
				background: url("http://www.agraceplaceacc.org/images/site/tab-right.gif") no-repeat 100% 0;
				color: #007dc3;
				padding: 8px 0 3px 0;
				text-decoration: none;
			}
			
			#nav ul li a:hover {
				background: url("http://www.agraceplaceacc.org/images/site/tab-right.gif") no-repeat 100% -126px;
			}
			
			body#about #nav ul li.about a,
			body#history #nav ul li.history a,
			body#programs #nav ul li.programs a,
			body#resources #nav ul li.resources a,
			body#support #nav ul li.support a,
			body#contact #nav ul li.contact a   {
				background: url("http://www.agraceplaceacc.org/images/site/tab-right.gif") no-repeat 100% -126px;
			}
			
			#nav ul li a span {
				background: url("http://www.agraceplaceacc.org/images/site/tab-left.gif") no-repeat;
				padding: 8px 28px 3px 27px;
			}
			
			#nav ul li a:hover span {
				background: url("http://www.agraceplaceacc.org/images/site/tab-left.gif") no-repeat 0 -126px;
				/*text-decoration: underline;*/
			}
			
			body#about #nav ul li.about a span,
			body#history #nav ul li.history a span,
			body#programs #nav ul li.programs a span,
			body#resources #nav ul li.resources a span,
			body#support #nav ul li.support a span,
			body#contact #nav ul li.contact a span  {
				background: url("http://www.agraceplaceacc.org/images/site/tab-left.gif") no-repeat 0 -126px;
			}
			/*NOTE: IE ONLY CSS IN CONDITIONAL COMMENTS AT END OF SHEET FOR BUG FIXES*/

	/*SUBNAV*/
	#subnav_wrap {
		background-color: #ffffff;
	}
	
	#subnav {
		background-color: #ffffff;
		width: 768px;
		margin: 0 auto;
		padding: 15px 0 15px 0;
		text-align: left;
		background: url(http://www.agraceplaceacc.org/images/site/bg_subnav.gif) no-repeat left bottom;
	}
	
	#subnav ul {
		padding: 6px 0 0 0;
		border-top: 1px solid #cae092;
		margin: 0 30px 0 30px;
	}
	
	#subnav ul li {
		display: inline;
		padding: 0 30px 0 0;
	}
	
	#subnav ul li a:link, #subnav ul li a:visited {
		font: normal 1.2em Verdana, Arial, Helvetica, sans-serif;
		line-height: 20px;
		color: #007dc3;
		text-decoration: none;
	}
	
	#subnav ul li a:hover, #subnav li a:active {
		text-decoration: underline;
	}
	
	/*CONTENT*/
	#contentWrap {
		background-color: #ffffff;
		padding: 33px 0 75px 0;
	}
	
	#content {
		text-align: left; 
		margin: 0 auto;
		padding: 0;
		width: 760px;
	}
	
	#content_main {
		float: left;
		width: 485px;
	}
	
	#content h3 {
		font: normal 1.6em/2em Geneva, Arial, Helvetica, sans-serif;
		color: #0055a4;
		padding: 10px 0 0 0;
		text-transform: uppercase;
	}

	#content p, #content ul {
		font: normal 1.4em Georgia, "Times New Roman", Times, serif;
		line-height: 1.8em;
		color: #4b4b4d;
		margin: 1em 0;		
	}

	#content ul {
		font: normal 1.4em Georgia, "Times New Roman", Times, serif;
		line-height: 1.8em;
		color: #4b4b4d;
		margin: 0 0 1em 0;	
		list-style: disc;		
	}

	#content ul li{
		margin: 0.5em 0;	
		line-height: 1.8em;	
	}

	#content a{
		color: #007dc3;	
		text-decoration: none;
	}

	#content a:hover{
		color: #007dc3;	
		text-decoration: underline;
	}

table.gap_chart{
		font: normal 1.4em/1.8em Georgia, "Times New Roman", Times, serif;
		color: #4b4b4d;
}

table.gap_chart th{
		font: normal 1.1em Geneva, Arial, Helvetica, sans-serif;
		color: #0055a4;
}

table.gap_chart td{
		padding:5px 0;
}
	
	/*SIDEBAR*/
	#sidebar_container {
		float: right;
		width: 242px;
	}

	#sidebar_container img{
		padding:3px;
		border: 1px solid #ccc;
		margin: 0 0 20px 0;		
	}

	#sidebar {
		background: url(http://www.agraceplaceacc.org/images/site/bg_sidebar_bottom.gif) no-repeat left bottom;
		padding: 0 0 40px 0;
		margin: 0 0 20px 0;			
	}
	
	#sidebar h4 {
		padding: 15px 22px 5px 22px;
		font: bold 1.8em Verdana, Arial, Helvetica, sans-serif;
		color: #cae092;	
		text-transform: uppercase;
	}
	
	#sidebar .first {
		background: url(http://www.agraceplaceacc.org/images/site/bg_sidebar_top.gif) no-repeat left top;			
	}
	
	#sidebar p {
		padding: 5px 22px;
		font: normal 1.3em/1.5em Verdana, Arial, Helvetica, sans-serif;
		color: #007dc3;
	}

	#sidebar ul#cat_list {
		padding: 5px 22px;
		font: normal 1.2em/1.2em Verdana, Arial, Helvetica, sans-serif;
		color: #007dc3;
		list-style:none;
	}

	#sidebar ul#cat_list li{
		margin: 0.5em 0;
	}

	#sidebar dl.prog_list{
		padding: 5px 22px;
	}

	#sidebar dl.prog_list dt{margin-top:10px;}

	#sidebar dl.prog_list dt a{
		font: normal bold 1.1em Verdana, Arial, Helvetica, sans-serif;
		color: #007dc3;	
		text-decoration:none;
		text-transform:uppercase;
	}

	#sidebar dl.prog_list dt a:hover{text-decoration:underline;}

	#sidebar dl.prog_list dd{
		font: italic 1.1em/1.6em Verdana, Arial, Helvetica, sans-serif;
		color: #666;
	}
	
	#sidebar p a:link, #sidebar p a:visited {
		color: #00b5cb;
		text-decoration: none;
	}
	
	#sidebar p a:hover, #sidebar p a:active {
		text-decoration: underline;
	}

	#sidebar p.sidebarlink {
		text-transform: uppercase;
		font: normal 1em/1.2em Verdana, Arial, Helvetica, sans-serif;
	}

/*FOOTER*/
	#footer {
		background: #007dc3 url(http://www.agraceplaceacc.org/images/site/bg_footer.gif) repeat-x;
		text-align: center;
	}
	
	#footer_content {
		width: 768px;
		margin: 0 auto;
	}
	
	#footer div h4 {
	font: normal 2.0em Verdana, Arial, Helvetica, sans-serif;
	color: #00b5cb;
	text-transform: uppercase;
	}
	#footer div p {
		font: normal 1.1em/1.4em Verdana, Arial, Helvetica, sans-serif;
		color: #FFFFFF;	
	}

	#footer #footer1 {
		height: 14em;
		width: 270px;
		float: left;
		text-align: left;
		margin: 30px auto 30px auto;
	}
	
	#footer #footer1 h4 {
		padding: 0 0 0 5px;
	}
	
	#footer #footer1 img {
		float: left;
		margin: 20px 0 0 0;
	}
	
	#footer #footer1 p {
		width: 105px;
		margin: 5px 5px 0 0;
		float: right;
	}
	
	#footer #footer2 {
		height: 14em;
		width: 250px;
		float: left;
		margin: 30px auto 30px auto;
		background: url(http://www.agraceplaceacc.org/images/site/bg_footer_dottedline.gif) repeat-y left 30px;
		text-align: left;
	}

	
	#footer #footer2 h4 {
		padding: 0 0 0 30px;
	}
	
	#footer #footer2 img {
		margin: 10px 0 0 25px;
		float: left;
	}
	
	#footer #footer2 p {
		width: 145px;
		float: right;
		margin: 10px 0 0 0;
	}
	
	#footer #footer3 {
		width: 245px;
		float: right;
		margin: 30px auto 30px auto;
		background: url(http://www.agraceplaceacc.org/images/site/bg_footer_dottedline.gif) repeat-y;
		text-align: left;
	}
	
	#footer #footer3 h4 {
		padding: 0 0 0 30px;
	}
	
	#footer #footer3 p {
		margin: 10px 0 0 30px;
	}
	

	#footer p a:link, #footer p a:visited {
		font: normal 1.1em/1.6em Verdana, Arial, Helvetica, sans-serif;
		color: #00b5cb;
		text-transform: uppercase;
		text-decoration: none;
	}
	
	#footer p a:hover, #footer p a:active {
		text-decoration: underline;
	}
	
	#footer_nav {
		background: #0055a4 url(http://www.agraceplaceacc.org/images/site/bg_footer_nav.gif) repeat-x;
		padding-bottom: 20px;
	}
	
	#footer_nav ul {
		padding: 12px;
	}
	
	#footer_nav ul li {
		display: inline;
		border-right: 1px solid #ffffff;
		padding: 0 10px 0 10px;
	}
	
	#footer_nav ul li.last {
		border-right: 0;
	}

	
	#footer_nav ul li a:link, #footer ul li a:visited {
		font: normal 1.1em/1.2em Verdana, Arial, Helvetica, sans-serif;
		color: #ffffff;
		text-decoration: none;
	}
	
	#footer_nav ul li a:hover, #footer ul li a:active {
		text-decoration: underline;
	}

	
	/*MISC*/
	.clear {
		clear: both;
	}
	
	.upper {
		text-transform: uppercase;
	}

	.small {font-size:90%;}