/*

jfsmemphis.org | default stylesheet

author: Go Design, LLC
copyright: Jewish Family Service, Memphis, TN

Background pattern by Travis Beckham, http://squidfingers.com.

*/





/* --------------------[ global styles ]-------------------- */

*	{
	margin: 0;
	padding: 0; }

body	{ 
	background: #3376B0 url(../images/bg-tile.gif) repeat left top;
	font: 82%/1.5 times, "times new roman", serif;
	color: #5a5a5a; }


/* accessibility */
	#header p {
		position: absolute;
		left: -9999px;
		top: -9999px; }

/* hide text for image replacement */ 
	#header h1, #nav li, p.logo {
		text-indent: -9999px;
		overflow: hidden; }

	#header h1 a, #nav li a, p.logo a {
		text-decoration: none; }





/* --------------------[ general typography ]-------------------- */

p, ul, ol, dl, blockquote, address	{
	margin: 1em 0; }

ul	{
	margin: 1em .5em; }

dt	{
	margin-top: 1em; }
	
dd ul	{
	margin: .5em; }

li	{
	margin: 0 0 0 1em; }

address	{
	font-style: normal; }


/* headings */
	h2	{
		font-size: 1.4em;
		font-weight: normal;
		color: #0A5CAE;
		margin: 0 0 .5em 0; }

	h3	{
		margin: 1em 0 -.75em 0;
		font-weight: normal;
		color: #0A5CAE;
		font-size: 1.1em; }


/* links */
	a:link		{ color: #7DA56B;outline: none; }
	a:visited	{ color: #67A1D2; }
	a:hover		{ color: #0084C5; }
	a:active	{ color: #5a5a5a; }





/* --------------------[ container setup ]-------------------- */

#wrapper	{
	width: 779px;
	margin: 0 auto 3em auto;
	background: #fff url(../images/background.gif) repeat-y left top;
	position: relative; }

#header	{
	position: absolute;
	left: 0;
	top: 0; }

#main	{
	margin-left: 203px;
	padding: 270px 65px 65px 65px;
	background-position: center top;
	background-repeat: no-repeat; }
	
/* #main "photo" backgrounds */
	#home #main	{ background-image: url(../images/photos/home.jpg); }
	#about #main	{ background-image: url(../images/photos/about.jpg); }
	#programs #main	{ background-image: url(../images/photos/programs.jpg); }
	#seniors #main	{ background-image: url(../images/photos/seniors.jpg); }
	#donate #main	{ background-image: url(../images/photos/donate.jpg); }
	#contact #main	{ background-image: url(../images/photos/contact.jpg); }
	#links #main	{ background-image: url(../images/photos/links.jpg); }
	#pennys #main	{ background-image: url(../images/photos/pennys.jpg); }
	
#footer	{
	padding: 0 0 1em 0;
	text-align: center; }

#footer p	{
	margin: 0 0 0 203px;
	font: .85em arial, sans-serif;
	text-align: center; }





/* --------------------[ header ]-------------------- */

#header h1	{
	width: 203px;
	height: 180px;
	background: #E6E099 url(../images/logo.gif) no-repeat left top; }

#header h1 a	{
	display: block;
	height: 180px; }





/* --------------------[ navigation ]-------------------- */

#nav	{
	margin: 0;
	width: 203px;
	height: 180px;
	position: absolute;
	left: 0;
	top: 180px; }

#nav li	{
	margin: 0;
	list-style: none;
	width: 203px;
	height: 30px; }

#nav li a	{
	display: block;
	height: 30px; }

#nav_about	{ background: url(../images/nav/about.gif) no-repeat -203px 0; }
#nav_programs	{ background: url(../images/nav/programs.gif) no-repeat -203px 0; }
#nav_seniors	{ background: url(../images/nav/seniors.gif) no-repeat -203px 0; }
#nav_donate	{ background: url(../images/nav/donate.gif) no-repeat -203px 0; }
#nav_contact	{ background: url(../images/nav/contact.gif) no-repeat -203px 0; }
#nav_links	{ background: url(../images/nav/links.gif) no-repeat -203px 0; }
#nav_pennys	{ background: url(../images/nav/pennys.gif) no-repeat -203px 0; }
	
#nav_about a	{ background: url(../images/nav/about.gif) no-repeat 0 0; }
#nav_programs a	{ background: url(../images/nav/programs.gif) no-repeat 0 0; }
#nav_seniors a	{ background: url(../images/nav/seniors.gif) no-repeat 0 0; }
#nav_donate a	{ background: url(../images/nav/donate.gif) no-repeat 0 0; }
#nav_contact a	{ background: url(../images/nav/contact.gif) no-repeat 0 0; }
#nav_links a	{ background: url(../images/nav/links.gif) no-repeat 0 0; }
#nav_pennys a	{ background: url(../images/nav/pennys.gif) no-repeat 0 0; }


/* current section and hovered links */
	#nav li a:hover,
	#about #nav_about a,
	#programs #nav_programs a,
	#seniors #nav_seniors a,
	#donate #nav_donate a,
	#contact #nav_contact a,
	#links #nav_links a {
		background: none; }





/* --------------------[ miscellaneous styles ]-------------------- */

.intro	{
	font-size: 1.15em;
	line-height: 1.3em; }

.fineprint	{
	font: italic .9em/1.2em times, "times new roman", serif; }

.back	{
	text-align: right;
	margin: 1.5em 0 0 0; }

.back a:link	{
	color: #67A1D2; }


/* quotes and testimonials */
	#quote {
		margin: 400px 0 0 0;
		float: left;
		color: #0A5CAE;
		width: 153px;
		padding: 0 25px;
		font: italic 1em/1.2 times, "times new roman", serif ;
		text-align: center; }
	
	#quote .cite {
		font-size: .9em;
		margin-top: -.5em; }


/* programs & services sections */
	#programs #section_nav {
		color: #0A5CAE; }
	
	#programs h3 {
		margin-top: 2.5em;
		padding-top: 2em;
		border-top: dotted 1px #ccc; }


/* senior connection */
	#seniors dt {
		margin: 0 .25em 0 0;
		color: #0A5CAE;
		float: left; }

	#seniors dd {
		margin-bottom: 1em; }


/* GD logo */
	p.logo, p.logo a	{
		margin: 0;
		padding: 0;
		width: 160px;
		height: 16px; }

	p.logo	{
		position: relative;
		float: right;
		top: 20px; }

	p.logo a	{
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		background: url(../images/gdlogo.gif) no-repeat top left; }