BODY { background: url(../images/bg1.jpg) #FEDFC0; background-repeat:repeat-x; margin:0px; }
BODY.intro { background: url(../images/clear.gif) #FFFFFF; background-repeat:no-repeat; margin:0px; font-family:century gothic, futura, arial, helvetica, sans-serif; font-size:12px; color:#000000; }

a { color:#333399; }

img { border:0px; }

TD { font-family:century gothic, futura, arial, helvetica, sans-serif; font-size:12px; color:#000000; }
span { font-family:century gothic, futura, arial, helvetica, sans-serif; font-size:12px; color:#000000; }
A.purple { color:#663366; text-decoration:none; }
A.purple:hover, A.purple:active { color:#663366; text-decoration:none; }
A.footer { color:#999999; text-decoration:none; }
A.footer:hover, A.footer:active { color:#999999; text-decoration:none; }

TD.lefty { background: url(../images/home/homeleftbg.gif) #996699; background-repeat:repeat-y; font-family:arial,helvetica,sans-serif; color:#BC8FBC; font-size:10px; }
TD.lefty2 { background: url(../images/home/homeleftbg_2.gif) #996699; background-repeat:repeat-y; font-family:arial,helvetica,sans-serif; color:#BC8FBC; font-size:10px; }
TD.subtext { background-color:#CCD58F; font-family:century gothic, futura, arial, helvetica, sans-serif; font-size:12px; color:#000000; padding:0px 20px 0px 0px; }
TD.copy { background-color:#CCD58F; font-family:arial,helvetica,sans-serif; color:#99A06B; font-size:10px; padding:20px 10px 0px 0px; }

INPUT { font-family:arial,helvetica,sans-serif; color:#333333; font-size:11px; border:1px #999999 solid; }
SELECT { font-family:arial,helvetica,sans-serif; color:#333333; font-size:11px; border:1px #999999 solid; }

.btn { font-family:arial,helvetica,sans-serif; color:#CCD58F; font-size:11px; font-weight:bold; border:1px #3B408C solid; background-color:#9874A4; }
.eleven { font-family:century gothic, futura, arial, helvetica, sans-serif; font-size:11px; color:#000000; }
.date { color:#7B8442; }
.title { color:#003366; }
.footer { font-family:arial,helvetica,sans-serif; color:#999999; font-size:10px; }

.copyright { font-family:arial,helvetica,sans-serif; color:#99A06B; font-size:10px; }

#home_addy {
	font-size:11px;
	color:#492f91;
	text-align:left;
	margin:25px 0px 0px 15px;
}

#home_addy a { color:#551c55; text-decoration:underline; }
#home_addy a:hover, #home_addy a:active { color:#551c55; text-decoration:none; }


/************************ new home page styles ****************************/

#container { 
	width:900px;
	margin:0px auto;
	overflow:hidden;
	text-align:left;
	position:relative;
}

#masthead { 
	width:900px;
	height:153px;
	overflow:hidden;
	background:url(/images/nhp_masthead_bg.jpg) #f0e6f0;
}

#masthead h1 {
	width:312px; height:131px;
	float:left;
	display:block;
	margin:9px 0px 0px 0px; padding:0px;
	background:url(/images/nhp_milagro_tag_ul.gif) no-repeat;
}

#masthead h1.milagrotitle76 {
	width:247px; height:153px; float:left; margin:0px; padding:0px; background:url(/images/mastheadlogo_76.jpg);
}

h1 b { display:none; }

#nav {
	width:588px; height:113px;
	overflow:hidden;
	margin:0px; padding:0px;
	float:right;
	margin-top:8px;
}

#nav ul {
	display:inline;
	margin:0px; padding:0px;
	list-style-type:none;
}

#nav li {
	display:inline;
	float:left;
}

#nav a p { display:none; }

a.news { width:73px; height:113px; display:block; background:url(/images/nhp_news_off2.jpg); }
a.news:hover, a.news:active { width:73px; height:113px; display:block; background:url(/images/nhp_news_on2.jpg); }
a.video { width:78px; height:113px; display:block; background:url(/images/nhp_video_off.jpg); }
a.video:hover, a.video:active { width:78px; height:113px; display:block; background:url(/images/nhp_video_on.jpg); }
a.donate { width:70px; height:113px; display:block; background:url(/images/nhp_donations_off.jpg); }
a.donate:hover, a.donate:active { width:70px; height:113px; display:block; background:url(/images/nhp_donations_on.jpg); }
a.grantees { width:72px; height:113px; display:block; background:url(/images/nhp_grantees_off.jpg); }
a.grantees:hover, a.grantees:active { width:72px; height:113px; display:block; background:url(/images/nhp_grantees_on.jpg); }
a.faq { width:71px; height:113px; display:block; background:url(/images/nhp_faq_off.jpg); }
a.faq:hover, a.faq:active { width:71px; height:113px; display:block; background:url(/images/nhp_faq_on.jpg); }
a.audio { width:72px; height:113px; display:block; background:url(/images/nhp_audio_off.jpg); }
a.audio:hover, a.audio:active { width:72px; height:113px; display:block; background:url(/images/nhp_audio_on.jpg); }
a.phil { width:72px; height:113px; display:block; background:url(/images/nhp_phil_off.jpg); }
a.phil:hover, a.phil:active { width:72px; height:113px; display:block; background:url(/images/nhp_phil_on.jpg); }
a.gifts { width:73px; height:113px; display:block; background:url(/images/nhp_gifts_off.jpg); }
a.gifts:hover, a.gifts:active { width:73px; height:113px; display:block; background:url(/images/nhp_gifts_on.jpg); }
a.process { width:79px; height:113px; display:block; background:url(/images/nhp_granting_off.jpg); }
a.process:hover, a.process:active { width:79px; height:113px; display:block; background:url(/images/nhp_granting_on.jpg); }

#nhp_flash {
	width:900px; height:313px; margin:0px; padding:0px; 
	overflow:hidden;
	/*background:url(/images/nhp_flashbg.jpg);*/
	background:url(/images/flash_bg_nn.jpg);
}

#nhp_flash_placer {
	position:absolute; z-index:100;
	top:153px; left:0px;
}

#nhp_content {
	width:900px;
	height:310px;
	background:url(/images/nhp_content_bg.jpg);
}

#nhp_content2 {
	width:900px;
	/*height:310px;*/
	background:url(/images/nhp_content_bg_mid.jpg);
	overflow:hidden;
}

#nhp_content_inner {
	background:url('/images/nhp_content_bg_top.jpg') no-repeat;
}

#nhp_left {
	width:500px; float:left; margin:0px; overflow:hidden;
}

h2.nhp {
	/*width:470px; height:249px;
	background:url(/images/nhp_blurb.png);*/
	margin:30px 0px 0px 30px;
	/*float:left;*/
	width:467px; height:371px;
	background:url(/images/hp_text.png);
}

h2.nhp b { display:none; }

#nhp_news {
	width:340px;
	float:right;
	margin:26px 30px 0px 0px;
	font-family:arial,helvetica,sans-serif;
	color:#000000;
	font-size:12px;
}

#nhp_news img { border:10px #ccd58f solid; }

.nhp_date { font-size:11px; }
.nhp_h3 { margin:0px; padding:0px; font-size:14px; font-weight:bold; color:#330033; }
.nhp_photo { font-size:11px; }

#nhp_news a { color:#330033; }
#nhp_news a:hover, #nhp_news a:active { color:#330033; }

#nhp_footer {
	width:900px;
	text-align:center;
	font-size:11px;
	color:#996699;
	font-family:arial,helvetica,sans-serif;
}

#nhp_footer p { margin:5px; padding:0px; }

#nhp_footer a { color:#996699; text-decoration:none; }
#nhp_footer a:hover, #nhp_footer a:active { color:#996699; text-decoration:underline; }


div.left {
	margin-bottom:10px; width:100px; float:left; overflow:hidden;
}

div.left2 {
	width:233px; float:right; overflow:hidden;
}

#nhp_base {
	width:900px; height:50px; overflow:hidden; background:url(/images/nhp_content_bg_bot.jpg) no-repeat; text-align:right;
}

#csquote {
	height:210px; background:url(/images/quotebg.png) no-repeat; background-position:50% 0px; overflow:hidden; margin-top:20px;
}

#csq_nwsltr {
	width:375px; float:left; overflow:hidden; margin-top:25px;
}

#csq_quote {
	width:350px; float:right; overflow:hidden; margin-top:40px; text-align:center;
}


/************************ philanthropic partners styles *****************************/

#philanthropic {
	position:relative;
}

#partners_top {
	width:599px;
	height:31px;
	overflow:hidden;
	background:url(/images/pp_top.gif);
	margin:0px auto;
}

#partners_mid {
	width:599px; 
	overflow:hidden; 
	background:url(/images/pp_mid.gif); 
	margin:0px auto;
}

#partners_mid img {
	margin-bottom:15px;
}

#partners_bot {
	width:599px;
	height:31px;
	overflow:hidden;
	background:url(/images/pp_bot.gif);
	margin:0px auto;
}

div.clearer { clear:both; }

#partner1 {
	position:absolute;
	top:-90px; left:275px;
	z-index:3;
}



#onetime_top {
	width:599px; height:43px; overflow:hidden;
	background:url(/images/donors_top.gif);
	margin:0px auto;
}

#onetime_mid {
	width:599px; overflow:hidden; 
	background:url(/images/donors_mid.gif); 
	margin:0px auto;
}

#onetime_bot {
	width:599px; height:43px; overflow:hidden;
	background:url(/images/donors_bot.gif);
	margin:0px auto;
}

div.oti {
	width:214px; /*height:102px;*/ overflow:hidden;
	/*background:#fff;*/
	text-align:center;
}

.ot_fl { float:left; margin-left:50px; width:214px; }
.ot_fr { float:right; margin-right:50px; width:214px; }





/******************* video & photos styles *******************/

div.vidleft { width:425px; float:left; margin:0px; overflow:hidden; text-align:right; }
div.vidright { width:401px; float:right; margin:0px; overflow:hidden; text-align:left; }

div.vidleft img, div.vidright img { margin:5px 0px; }


#milagro_video {
	width:425px; float:left; margin:0px; overflow:hidden; text-align:right;
}

#eastside_video {
	width:401px; float:right; margin:0px; overflow:hidden; text-align:left;
}

#milagro_video img {
	margin:5px 0px;
}

#eastside_video img {
	margin:5px 0px;
}

/********** drop-down navigation styles **********/
/********** home page **********/

#dd_nav {
	width:653px; height:153px;
	margin:0px; padding:0px; overflow:hidden;
	float:right; 
	background:url(/images/nav/nav_off.jpg) no-repeat; background-position:100% 0;
	position:relative;
}

#dd_nav a img { margin-top:70px; }

#dd_about {
	position:absolute; top:0px; left:0px;
	width:577px; height:153px;
	background:url(/images/nav/nav_about_bg.png) no-repeat; background-position:-70px 0px;
}

#dd_news {
	position:absolute; top:0px; left:0px;
	width:577px; height:153px;
	background:url(/images/nav/nav_news_bg.png) no-repeat; background-position:60px 0px;
}

#dd_video {
	position:absolute; top:0px; left:0px;
	width:577px; height:153px;
	background:url(/images/nav/nav_video_bg.png) no-repeat; background-position:120px 0px;
}

#dd_donate {
	position:absolute; top:0px; left:0px;
	width:577px; height:153px;
	background:url(/images/nav/nav_donations_bg.png) no-repeat; background-position:165px 0px;
}

#dd_grant {
	position:absolute; top:0px; left:50px;
	width:577px; height:153px;
	background:url(/images/nav/nav_grantees_bg.png) no-repeat; background-position:210px 0px;
}

#dd_partners {
	position:absolute; top:0px; left:0px;
	width:577px; height:153px;
	background:url(/images/nav/nav_partners_bg.png) no-repeat; background-position:380px 0px;
}

#dd_santana {
	position:absolute; top:0px; left:0px;
	width:653px; height:153px;
	background:url(/images/nav/nav_santana_bg.png) no-repeat; background-position:100% 0px;
}

.off { background:url(/images/nav/nav_off.jpg) no-repeat; }

.hide { display:none; }

.milagrosho { visibility:visible; }
.milagrohid { visibility:hidden; }

.ddn_about { background:url(/images/nav/nav_about.jpg) no-repeat; }
.ddn_news { background:url(/images/nav/nav_news.jpg) no-repeat; }
.ddn_video { background:url(/images/nav/nav_video.jpg) no-repeat; }
.ddn_donate { background:url(/images/nav/nav_donations.jpg) no-repeat; }
.ddn_grant { background:url(/images/nav/nav_grantees.jpg) no-repeat; }
.ddn_partners { background:url(/images/nav/nav_partners.jpg) no-repeat; }

#nav_tabs {
	width:577px; height:73px; overflow:hidden;
	position:absolute; z-index:3;
	top:104px; left:323px;
}

#nav_tabs ul {
	margin:0px; padding:0px; display:inline; list-style-type:none;
}

#nav_tabs ul li {
	margin:0px; padding:0px; display:inline; float:left;
}



#nav_tabs76 {
	width:653px; height:73px; overflow:hidden;
	position:absolute; z-index:3;
	top:104px; left:247px;
}

#nav_tabs76 ul {
	margin:0px; padding:0px; display:inline; list-style-type:none;
}

#nav_tabs76 ul li {
	margin:0px; padding:0px; display:inline; float:left;
}

#nav_tabs76 a p { display:none; }



a.nt_about { width:97px; height:73px; background:url(/images/nav/about_off.png); display:block; margin:0px; }
a.nt_about:hover, a.nt_about:active { width:97px; height:73px; background:url(/images/nav/about_on.png); display:block; margin:0px; margin:0px; }

a.nt_news { width:95px; height:73px; background:url(/images/nav/news_off.png); display:block; margin:0px; }
a.nt_news:hover, a.nt_news:active { width:95px; height:73px; background:url(/images/nav/news_on.png); display:block; margin:0px; }

a.nt_video { width:94px; height:73px; background:url(/images/nav/video_off.png); display:block; margin:0px; }
a.nt_video:hover, a.nt_video:active { width:94px; height:73px; background:url(/images/nav/video_on.png); display:block; margin:0px; }

a.nt_donate { width:102px; height:73px; background:url(/images/nav/donations_off.png); display:block; margin:0px; }
a.nt_donate:hover, a.nt_donate:active { width:102px; height:73px; background:url(/images/nav/donations_on.png); display:block; margin:0px; }

a.nt_grant { width:94px; height:73px; background:url(/images/nav/grantees_off.png); display:block; margin:0px; }
a.nt_grant:hover, a.nt_grant:active { width:94px; height:73px; background:url(/images/nav/grantees_on.png); display:block; margin:0px; }

a.nt_partners { width:95px; height:73px; background:url(/images/nav/partners_off.png); display:block; margin:0px; }
a.nt_partners:hover, a.nt_partners:active { width:95px; height:73px; background:url(/images/nav/partners_on.png); display:block; margin:0px; }


/****** new sub nav tabs ******/
a.nt2_about { width:93px; height:73px; background:url(/images/tabs/about_off.gif); display:block; margin:0px; }
a.nt2_about:hover, a.nt2_about:active { width:93px; height:73px; background:url(/images/tabs/about_on.gif); display:block; margin:0px; margin:0px; }

a.nt2_news { width:85px; height:73px; background:url(/images/tabs/news_off.gif); display:block; margin:0px; }
a.nt2_news:hover, a.nt2_news:active { width:85px; height:73px; background:url(/images/tabs/news_on.gif); display:block; margin:0px; }

a.nt2_video { width:94px; height:73px; background:url(/images/tabs/videos_off.gif); display:block; margin:0px; }
a.nt2_video:hover, a.nt2_video:active { width:94px; height:73px; background:url(/images/tabs/videos_on.gif); display:block; margin:0px; }

a.nt2_donate { width:97px; height:73px; background:url(/images/tabs/donations_off.gif); display:block; margin:0px; }
a.nt2_donate:hover, a.nt2_donate:active { width:97px; height:73px; background:url(/images/tabs/donations_on.gif); display:block; margin:0px; }

a.nt2_grant { width:84px; height:73px; background:url(/images/tabs/grantees_off.gif); display:block; margin:0px; }
a.nt2_grant:hover, a.nt2_grant:active { width:84px; height:73px; background:url(/images/tabs/grantees_on.gif); display:block; margin:0px; }

a.nt2_partners { width:96px; height:73px; background:url(/images/tabs/phil_off.gif); display:block; margin:0px; }
a.nt2_partners:hover, a.nt2_partners:active { width:96px; height:73px; background:url(/images/tabs/phil_on.gif); display:block; margin:0px; }

a.nt2_santana { width:104px; height:73px; background:url(/images/tabs/sant_off.gif); display:block; margin:0px; }
a.nt2_santana:hover, a.nt2_santana:active { width:104px; height:73px; background:url(/images/tabs/sant_on.gif); display:block; margin:0px; }



#nav_tabs a p { display:none; }



/********** subpage drop-down **********/
#nav_tabs_sub {
	width:577px; height:46px; overflow:hidden;
	margin-left:90px; margin-top:187px;
}

#nav_tabs_sub ul {
	margin:0px; padding:0px; display:inline; list-style-type:none;
}

#nav_tabs_sub ul li {
	margin:0px; padding:0px; display:inline; float:left;
}

#nav_tabs_sub a p { display:none; }

#nav_tabs_sub2 {
	width:653px; height:46px; overflow:hidden;
	margin-left:14px; margin-top:187px;
}

#nav_tabs_sub2 ul {
	margin:0px; padding:0px; display:inline; list-style-type:none;
}

#nav_tabs_sub2 ul li {
	margin:0px; padding:0px; display:inline; float:left;
}

#nav_tabs_sub2 a p { display:none; }

#subpage_nav {
	width:667px; height:233px; overflow:hidden; position:relative; overflow:hidden;
}

#dd_about_sub {
	position:absolute; top:153px; left:10px;
	z-index:3;
	width:577px; height:34px;
}

#dd_donate_sub {
	position:absolute; top:153px; left:77px;
	z-index:3;
	width:577px; height:34px;
}

#dd_grant_sub {
	position:absolute; top:153px; left:97px;
	z-index:3;
	width:577px; height:34px;
}

#back2home {
	position:absolute; top:0px; left:233px; width:369px; height:137px; z-index:3;
}



/********** kellogg grantees **********/

#kg_container {
	height:541px; overflow:hidden;
	background:url(/images/kellogg_bg.jpg) no-repeat; background-position:50% 0px;
	margin:0px; padding:0px;
}

div.kg_half {
	width:300px; height:270px; text-align:center;
	font-family:Century Gothic, Futura, Arial, sans-serif; color:#552789; font-size:14px;
}

div.kg_half p {
	margin:5px 0px; padding:0px;
}

div.kg_half a { color:#552789; text-decoration:none; }
div.kg_half a:hover, div.kg_half a:active { color:#552789; text-decoration:underline; }

h1.kg {
	font-family:Century Gothic, Futura, Arial, sans-serif; color:#552789; font-size:18px;
}

h1.kgb {
	font-family:Century Gothic, Futura, Arial, sans-serif; color:#000; font-size:18px;
}

h2.kgb {
	font-family:Century Gothic, Futura, Arial, sans-serif; color:#000; font-size:14px; margin:0px; padding:0px;
}

img.kg_det_logo {
	float:left; margin:0px 10px 10px 0px;
	max-width:270px;
}

#kg_back {
	height:103px; background:url(/images/swirl.png) no-repeat; background-position:50% 0; margin:0px 15px; text-align:center; padding-top:40px;
}

#kg_back a {
	text-decoration:none; color:#322f72; font-size:13px;
}

#kg_photos {
	text-align:center; overflow:hidden;
}

#kg_photos img {
	margin:5px 0px;
	border:2px #b9c278 solid;
	height:125px;
}

div.kgp1 {
	width:200px; float:left; overflow:hidden;
	text-align:center;
}

div.kgp2 {
	width:200px; float:left; overflow:hidden; margin:0px 10px;
	text-align:center;
}

/********** contact styles **********/

#caddy {
	float:right; margin-left:15px; border:1px #8f9852 solid; text-align:center; text-size:14px; width:200px;
}

img.clogo {
	margin:7px 0px 10px 0px;
}

#milagro_contact {
	width:399px; overflow:hidden;
}

div.flabel {
	width:150px; text-align:right; margin-right:7px; padding-top:2px; float:left; margin-bottom:10px;
}

div.ffield {
	width:240px; float:left; margin-bottom:10px;
}

input.contactI {
	font-family:arial,helvetica,sans-serif; color:#333333; font-size:11px; border:1px #999999 solid; width:200px;
}

textarea.contactT {
	font-family:arial,helvetica,sans-serif; color:#333333; font-size:11px; border:1px #999999 solid; width:235px; height:100px;
}

#mission {
	margin:10px auto; width:611px; height:400px; background:url(/images/missionbg.gif) no-repeat; border-top:1px #ccd58f solid; color:#42287f;
}

#mission_inner {
	margin:50px; text-align:center;
}

h1.milagrotitle {
	width:323px; height:153px; float:left; margin:0px; padding:0px; background:url(/images/milagrologo_home_lrg_tag.jpg);
}

h1.milagrotitle b { margin-top:160px; }


/********** quotes styles **********/
#fade2 { width:457px; background-color:#ffffff; text-align:center; font-size:14px; }
a.quote { color:#6c217f; font-size:12px; }
a.quote:hover, a.quote:active { color:#6c217f; font-size:12px; }


/********** photo gallery styles **********/

a.seenewimgs { display:block; margin:0px; padding:0px; width:209px; height:57px; background:url(/images/seenewimages_off.jpg); }
a.seenewimgs:hover, a.seenewimgs:active { display:block; margin:0px; padding:0px; width:209px; height:57px; background:url(/images/seenewimages_on.jpg); }

a.viewbydate { display:block; margin:0px; padding:0px; width:209px; height:41px; background:url(/images/viewbydate_off.jpg); }
a.viewbydate:hover, a.viewbydate:active { display:block; margin:0px; padding:0px; width:209px; height:41px; background:url(/images/viewbydate_on.jpg); }

a.seenewimgs b { display:none; }
a.viewbydate b { display:none; }