/********************************************************
	BASE
*********************************************************/

body {
	background-color: #CC9;
	margin:0;
	padding:0;
	line-height:100%;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 0.95em;
	font-weight: normal;
	}
#feature {
	margin-right: 70px;
	padding: 0px;
}

#container {
	position: relative;
	margin:0 auto; /* css way to center */
	padding:0;
	width: 798px;
	text-align:left; /* override text-align on body */
	}
 
#tophat {
	margin:0; padding:0; 
	position:absolute; top:0; left:0;
	background:url(../images/nami_header.gif) no-repeat #fff; 
	width: 798px; height:268px;
	border-left: #003 solid 1px;
	border-right: #003 solid 1px;
	z-index: 1;
	}
	
#logo {
	margin:0;
	padding:0;
	position:absolute;
	top:20px;
	left:40px;
	width: 358px;
	height:35px;
	z-index: 2;
	}
	
#action {
	margin:0; padding:0; 
	position:absolute; top:20px; right:40px; 
	width: 180px; height:40px; 
	z-index: 3;
	}

#action ul {margin:0; padding:0; list-style:none; }
ul#action li a {text-decoration:none; }	
li#donate{margin:0; padding:0; position:absolute; top:0; left:0; width: 180px; height:20px; }
li#join {
	margin:0;
	padding:0;
	position:absolute;
	top:20px;
	left:0;
	width: 180px;
	height:20px;
}
	

#content {
	margin:0;
	padding:0;
	position:absolute;
	left: 0;
	top: 268px;
	width: 798px;
	min-height:300px;
	background:#FFF;
	border-left:#003 solid 1px;
	border-right:#003 solid 1px;
	border-bottom:#003 solid 1px;
	z-index:10;
	}
			
#prim_col {margin:0; padding:0; position:absolute; top:0; left:100px;  width: 280px; }
	
#sec_col {margin:0; padding:0 0 4em 0; position:relative; top:0; left:400px; width: 360px;}
	
	
/********************************************************
	HOME
*********************************************************/

#prim_col_home {
	margin:0;
	padding:0;
	position:absolute;
	left:100px;
	top:-30px;
	width: 280px;
	height:500px;
	background: url(../images/photo_familyofcolor.jpg) no-repeat;
	z-index:20;
}
	
#sec_col_home {
	margin:0;
	position:relative;
	top: 0;
	left: 400px;
	width: 400px;
	height:320px;
}	
#slogan_home {
	margin:0;
	padding:0;
	position:absolute;
	left:380px;
	top:-80px;
	width: 254px;
	height:112px;
	background: url(../images/slogan.gif) no-repeat;
	z-index:30;
}
		
#intro_home {
	margin:0;
	padding:0;
	position:absolute;
	top:80px;
	width: 350px;
	height:auto;
	font-size:1.1em;
}	
#walks_home {margin:0; padding:0; position:absolute; left:180px; top:200px; width: 160px; height:21px;z-index:40;}	


/********************************************************
	PHOTO BACKGROUNDS
*********************************************************/


#photo_aboutus, #photo_info, #photo_advoc-mission, #photo_donate, #photo_crisis, #photo_facts, #photo_services, #photo_programs, #photo_programs1, #photo_programs2, #photo_programs3, #photo_programs4, #photo_programs5, #photo_namiwalks, #photo_membership, #photo_events, #photo_volunteer, #photo_priorities {position:relative; top:-85px; left:-2em; width:260px; height:260px;margin:0 0 -60px 0; padding:0; }
	
#photo_aboutus {background: url(../images/photo_family4.jpg) no-repeat}
#photo_info {background: url(../images/photo_older.jpg) no-repeat}
#photo_advoc-mission {background: url(../images/photo_lgfamily.jpg) no-repeat}
#photo_donate {background: url(../images/photo_bikes.jpg) no-repeat}
#photo_crisis {background: url(../images/photo_fam-porch.jpg) no-repeat}
#photo_facts {background: url(../images/photo_father-son.jpg) no-repeat}	
#photo_services {background: url(../images/photo_fam-ball.jpg) no-repeat}
#photo_programs {background: url(../images/photo_fam-c.jpg) no-repeat}
#photo_programs1 {background: url(../images/photo_asian.jpg) no-repeat}
#photo_programs2 {background: url(../images/photo_latino.jpg) no-repeat}	
#photo_programs3 {background: url(../images/photo_bedside.jpg) no-repeat}
#photo_programs4 {background: url(../images/photo_gram.jpg) no-repeat}
#photo_programs5 {background: url(../images/photo_fam-pumpkins.jpg) no-repeat}	
#photo_namiwalks {background: url(../images/photo_namiwalks.jpg) no-repeat}	
#photo_membership {background: url(../images/photo_group.jpg) no-repeat}
#photo_events {background: url(../images/photo_events.jpg) no-repeat}
#photo_volunteer {background: url(../images/photo_sologirl.jpg) no-repeat}
#photo_priorities {background: url(../images/photo_fath-son-c.jpg) no-repeat}
	
		
/********************************************************
	NAVIGATION 1
*********************************************************/

#nav {
	margin-left:0; margin-right:0;padding:0; 
	position:absolute; 
	left:0; top:100px; 
	width:798px;
	text-align:center;
	}

ul.nav1 {
	margin:0; padding:0;
	list-style: none; 
	font: bold .7em Arial, Helvetica, sans-serif ; 
	letter-spacing: .2em; 
	text-transform:uppercase; 
	} 

ul.nav1 li {margin:0; padding:0; display: inline; color: #fff;} 
ul.nav1 li a {color: #fff; text-decoration: none;} 
ul.nav1 li a:hover {color:#EFAF1E;}
ul.nav1 li.title a {list-style: none; margin:0; padding:0; display: inline; color:#EFAF1E;}
	
span.spacer {color: #fff;}	


/********************************************************
	NAVIGATION 2
*********************************************************/

#nav2 {
	margin:0;
	padding:0;
	position:absolute;
	top:0;
	left: 0px;
	width:250px;
}

ul.nav2 {margin:0; padding:0; list-style: none; } 
ul.nav2 li {font: bold 1.0em Arial, Helvetica, sans-serif; line-height: 28px;color: #066;} 	
ul.nav2 a {color: #099; text-decoration:none; }		
ul.nav2 a:hover, ul.nav2 li.title  {font-size: 1.2em; line-height: 120%; color: #609;}


/********************************************************
	TEXT
*********************************************************/

#sec_col ul {margin:0; padding:0 0 0 20px; list-style: url(../images/logo_dingbat.gif);list-style-position: outside;} 
#sec_col ul.nobullet {margin:0; padding:0; list-style: none;}  
#sec_col ul.nobullet li {margin:0; padding:0; line-height:1.5em;} 
#sec_col ul li {margin:0 0 1em 0; padding:0; line-height:1.5em;}
#sec_col ul li.nospace {margin:0; padding:0;line-height:1.5em;} 
#sec_col ul li.email {padding: 0 0 20px 0;}

#paypal {margin:0px 0 1em -10px; padding:0;}
	
span.italic {font-style:italic;}
span.bold {
	line-height: 90%;
	font-weight: bold;
	font-size: 0.9em;
	font-family: Arial, Helvetica, sans-serif;
}

p {
	margin:0;
	padding:0;
	line-height: 130%;
}
p.marginbelow {margin: 0 0 2em 0; padding:0;}
p.indent {text-indent:1em;}
p.small {font: normal .9em Georgia, "Times New Roman", Times, serif; line-height:1.25em;color:#666;}
p.smalllinks a {
	font: normal .75em Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color:#09C;
	line-height:3em;
	padding: 0;
}
p.smalllinks a:hover {
	text-decoration:underline;
	padding: 0;
}
#footer {
	margin: 0px;
	padding: 0px;
}
#sec_col h1/********************************************************
	HEADS
*********************************************************/

 {
	margin:0;
	padding:0 0 .3em 0;
	font: bold 130% Georgia, "Times New Roman", Times, serif;
	color: #000;
}
h3 {margin:0; padding:2em 0 .75em; font: bold italic 100% Arial, Helvetica, sans-serif;color: #000;}
h4 {margin:0; padding:2em 0 .5em; font: bold 100% Georgia, "Times New Roman", Times, serif;color:#069;}
h1, h2, h3, h4, h5, h6, p, ul,ol,dl {
	margin: 0px;
	padding: 0px;
}
#logoFooter {
	top: 350px;
	margin: 0px auto;
	width: auto;
}
#footer p {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 0.7em;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 10px;
}

img, img a {
	border:0;
	text-align: center;
}

a {color: #0033CC; text-decoration:none;}
a:hover {text-decoration:underline;}
#sec_col_home h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.4em;
	line-height: 125%;
	font-weight: bold;
	color: #660099;
	background: #B5CADD;
	margin-top: 5px;
}
#sec_col_home ol {
	padding: 0px;
	margin: 0px;
	line-height: 130%;
	vertical-align: top;
}
#sec_col_home h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1em;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	word-spacing: 0em;
	letter-spacing: 0em;
}
#sec_col_home li {
	line-height: 120%;
	padding-top: 0px;
	vertical-align: top;
}
#feature p {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1em;
	line-height: 155%;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 5px;
}
#intro_home p {
	font-size: 0.85em;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 145%;
}
#nav2  h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 0.95em;
	font-weight: bold;
	text-align: left;
	color: #000066;
	margin-top: 0px;
	padding-top: 0px;
	line-height: 175%;
	border-top: 1px dotted #000000;
}
#nav2 p {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 0.8em;
	text-align: left;
	padding-top: 8px;
}
#nav2 h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 0.75em;
	font-weight: bold;
	text-align: left;
	padding-top: 10px;
	color: #000066;
}
#sec_col p {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: .9em;
	line-height: 150%;
}
#sec_col h2 {
	font-size: 1.1em;
	line-height: 130%;
	padding-bottom: 5px;
}