/* - STICK FOOTER TO BOTTOM
=========================================================================*/
* { margin:0 }
html, body { height:100% }
#MainWrap { min-height:100%; height:auto !important; height:100% }
.push { height:81px }

/* - BACKGROUNDS
=========================================================================*/
body { background:url(/images/bkg-body.gif) 0 87px repeat-x }
body#home { background:url(/images/bkg-body_home.gif) 0 87px repeat-x }

/* - WRAPPERS
=========================================================================*/
#MainWrap { width:980px; margin:0 auto -81px }

/* - HEADER
=========================================================================*/
#Header { width:980px; height:87px; background:url(/images/bkg-Header.png) 0 83px no-repeat }
#Header #logo { float:left }
#Header ul { float:right; background:url(/images/bkg-Header.png) 100% 77px no-repeat; line-height:1.3em; padding:53px 0 0; margin:0 }
#Header li { float:left; list-style:none; background:url(/images/bkg-Header_nav_li.gif) 100% 100% no-repeat; padding:0 16px 0 0 }
	/**** NOTE: If left padding on #Header li changes, be sure to reflect the same change in /images/bkg-Header_nav_li.gif ****/
#Header li a { float:left; background:#fff; padding:0 6px 13px; font-weight:bold; }
#Header li a.less { font-size:12px; color:#878076; font-weight:normal; }
#Header li a.less:hover { font-size:12px; color:#9c429d; font-weight:normal; }
#Header li a:hover,
body#home 		#Header li.nav-top-01 a,
body#pregnant 	#Header li.nav-top-02 a,
body#adopt 		#Header li.nav-top-03 a,
body#studies 	#Header li.nav-top-04 a,
body#fees	 	#Header li.nav-top-4-5 a,
body#resources 	#Header li.nav-top-05 a,
body#about 		#Header li.nav-top-06 a,
body#contact 	#Header li.nav-top-07 a { background:none; text-decoration: none }

/* - HOMEPAGE SLIDER
=========================================================================*/
#Slider { width:980px; height:360px; position:relative; }
#Slider div { position:absolute; top:0; left:0; z-index:8; }
#Slider div.active { z-index:10; }
#Slider div.last-active { z-index:9; }

.theslide { background:#F5F0E8; width:980px; height:360px }
.theslide h2 { font-size:40px; color:#fff; padding:128px 0 0 590px }
.theslide p { font-size:17px; font-weight:bold; color:#fff; line-height:23px; padding:8px 40px 16px 592px }
.theslide .learnmore { float:right; display:inline; width:120px; height:24px; font-size:15px; font-weight:bold; color:#fff; background:url(/images/bkg-slides_btn.png); padding:3px 0 0 13px; margin:0 257px 0 0 }
.theslide .learnmore:hover { background-position:0 -27px; text-decoration:none }
	/* splash slides */
	.theslide.slide01, .slide01.active { background:#F5F0E8 url(/images/slides/slide01.jpg) }
	.theslide.slide01 h2 { color:#fff }
	.theslide.slide01 p  { color:#fff }
	.theslide.slide02, .slide02.active { background:#F5F0E8 url(/images/slides/slide02.jpg) }
	.theslide.slide02 h2 { color:#783e90 }
	.theslide.slide02 p  { color:#6c655b }
	.theslide.slide03, .slide03.active { background:#F5F0E8 url(/images/slides/slide03.jpg) }
	.theslide.slide03 h2 { color:#783e90 }
	.theslide.slide03 p  { color:#6c655b }

/* controls */
#SliderControls { position:relative; float:left; clear:both; display:inline; width:900px; height:147px; margin:-22px 40px 0; z-index:11; }
.slidercontrolbox { float:left; display:inline; width:276px; height:147px }
/* control box image */
.slidercontrolbox a .image { display:block; width:276px; height:83px; background:url(/images/bkg-SliderControls_images.jpg) no-repeat }
.slidercontrolbox a:hover .image, .slidercontrolbox.box-1 a.current .image { background-position:-276px 0 }
.slidercontrolbox.box-1 a.current b { background-position:0 0 }
/* control box 2 */
.slidercontrolbox.box-2 { margin:0 36px }
.slidercontrolbox.box-2 a b { color:#98419b; background-position:-352px 61px }
.slidercontrolbox.box-2 a:hover b, .slidercontrolbox.box-2 a.current b { background-position:-276px 0 }
.slidercontrolbox.box-2 a .image { background-position:0 -83px }
.slidercontrolbox.box-2 a:hover .image, .slidercontrolbox.box-2 a.current .image { background-position:-276px -83px }
/* control box 3 */
.slidercontrolbox.box-3 a b { color:#b243a4; background-position:-664px 61px }
.slidercontrolbox.box-3 a:hover b, .slidercontrolbox.box-3 a.current b { background-position:-552px 0 }
.slidercontrolbox.box-3 a .image { background-position:0 -166px }
.slidercontrolbox.box-3 a:hover .image, .slidercontrolbox.box-3 a.current .image { background-position:-276px -166px }
/* control box link color and backgrounds */
.slidercontrolbox a b { display:block; height:35px; font-size:20px; font-weight:normal; color:#783e90; background:url(/images/bkg-Header.png) 0 61px no-repeat; padding:29px 0 0 14px }
.slidercontrolbox a:hover b, .slidercontrolbox a.current b { color:#fff; background:url(/images/bkg-SliderControls_selected.png) 0 0 no-repeat }

/* slider navigation */
.slidernav { font-size:1.077em; padding:0; margin:0; }
.slidernav li { list-style:none; border-bottom:1px dashed #dfd6ca; padding:4px 0 5px 13px }
.slidernav a { background-position:0 4px; background-repeat:no-repeat; padding:0 0 0 15px }
	/* 3 different colored columns - dark / medium / light */
	.slidernav.first a 	{ color:#783e90; background-image:url(/images/arrow-purple_dark.gif) }
	.slidernav.middle a { color:#98419b; background-image:url(/images/arrow-purple_medium.gif) }
	.slidernav.last a 	{ color:#b243a4; background-image:url(/images/arrow-purple_light.gif) }
.slidernav a:hover { color:#C445AA }

/* - HOMEPAGE CONTENT
=========================================================================*/
.hpSection { float:left; clear:both; display:inline; width:900px; margin:0 40px }
.hpSection ul { padding:0; margin: 0 } 
.hpSection ul li { list-style:none; margin:0; padding:6px 12px }

.hpSection .column { float:left }
.hpSection .section_title { clear:both; font-size:20px; color:#ccc6bc; border-bottom:3px solid #e4e0da; padding:4px 13px }
.hpSection .column_title { display:block; font-size:15px; font-weight:bold; color:#878076; padding:15px 0 0 }

/* 3 Columns */
.three-columns .column { width:276px; padding-top:2px; padding-right:24px; padding-bottom:30px }
.three-columns .column.middle { padding-left:12px; padding-right:12px }
.three-columns .column.last { padding-left:24px; padding-right:0 }

/* 5 Columns */
.five-columns .column { width:170px; padding-bottom:46px }
.five-columns .column p { padding:7px 0 }
.five-columns .column ul { margin: 0; padding:7px 0 }
.five-columns .column ul li { list-style:none; margin:0; padding:0 0 3px }
	/* 5 column spacing */
	.five-columns .column.col-1 { width:204px; padding-left:16px; padding-right:0 }
	.five-columns .column.col-2 { width:143px; padding-left:27px }
	.five-columns .column.col-3 { width:164px; padding-left:6px }
	.five-columns .column.col-4 { width:147px; padding-left:23px }
	.five-columns .column.col-5 { width:165px; padding-left:5px }

/* - SPLASH
=========================================================================*/
#Splash { height:180px }

#Splash.adopt1 { background:url(/images/banners/adopt1.jpg) }
#Splash.adopt2 { background:url(/images/banners/adopt2.jpg) }
#Splash.adopt3 { background:url(/images/banners/adopt3.jpg) }
#Splash.adopt4 { background:url(/images/banners/adopt4.jpg) }

#Splash.pregnant1 { background:url(/images/banners/pregnant1.jpg) }
#Splash.pregnant2 { background:url(/images/banners/pregnant2.jpg) }
#Splash.pregnant3 { background:url(/images/banners/pregnant3.jpg) }

#Splash.banner1 { background:url(/images/banners/baby1.jpg) }
#Splash.banner2 { background:url(/images/banners/baby2.jpg) }
#Splash.banner3 { background:url(/images/banners/baby3.jpg) }
#Splash.banner4 { background:url(/images/banners/baby4.jpg) }
#Splash.banner5 { background:url(/images/banners/baby5.jpg) }
#Splash.banner6 { background:url(/images/banners/baby6.jpg) }
#Splash.banner7 { background:url(/images/banners/baby7.jpg) }
#Splash.banner8 { background:url(/images/banners/baby8.jpg) }
#Splash.banner9 { background:url(/images/banners/baby9.jpg) }
#Splash.banner10 { background:url(/images/banners/baby10.jpg) }

/*
body#pregnant #Splash { background:url(/images/slides/slide01.jpg) 0 -68px no-repeat }
body#adopt    #Splash { background:url(/images/slides/slide02.jpg) }
body#studies  #Splash { background:url(/images/slides/slide03.jpg) 0 -178px no-repeat }
*/

/* - INTERNAL WRAPS
=========================================================================*/
#ColumnLeft { float:left; width:273px }
/* #ColumnLeft ul { padding:0; margin: 0 } 
#ColumnLeft ul li { list-style:none; margin:0; padding:0; }
*/
#ColumnMain { float:right; width:695px }

.page_title { position:relative; display:block; width:220px; font-size:30px; font-weight:normal; line-height:40px; color:#fff; letter-spacing:-1px; background-image:url(/images/bkg-Header.png); background-repeat:repeat-y; padding:5px 0 9px 53px; margin:-39px 0 0 }
body#pregnant .page_title { background-position:10% 0 }
body#adopt .page_title { background-position:50% 0 }
body#studies .page_title { background-position:100% 0 }

/* - NAVIGATION
=========================================================================*/
#NavLeft { margin:0 27px 0 40px; padding:22px 0 22px 0; }
#NavLeft li { list-style:none; line-height:normal; border-bottom:1px dashed #dfd6ca; margin:0; padding:6px 12px }
#NavLeft a { background-image:url(/images/arrow-purple_dark.gif); background-position:0 4px; background-repeat:no-repeat; padding:0 0 0 15px }
#NavLeft a:hover,
#NavLeft li.current a, body#pregnant #NavLeft li.current a, body#adopt #NavLeft li.current a, body#studies #NavLeft li.current a,
body#pregnant #NavLeft a:hover, body#adopt #NavLeft a:hover, body#studies #NavLeft a:hover { color:#c835b0; background:url(/images/arrow-purple_bright.gif) 0 4px no-repeat; text-decoration:none }
body#pregnant #NavLeft a { color:#783e90; background-image:url(/images/arrow-purple_dark.gif) }
body#adopt #NavLeft a { color:#98419b; background-image:url(/images/arrow-purple_medium.gif) }
body#studies #NavLeft a { color:#b243a4; background-image:url(/images/arrow-purple_light.gif) }

/* - CALL TO ACTION
=========================================================================*/
.calltoaction { width:205px; height:122px; font-size:16px; color:#fff; line-height:normal; background:url(/images/bkg-calltoaction.gif); margin:0 0 0 40px }
.calltoaction b { display:block; position:relative; font-size:24px; font-weight:normal; color:#dea2d3; padding:14px 0 0 16px }
.calltoaction p { font-weight:bold; padding:5px 0 12px 16px }
.calltoaction a { display:block; width:100px; height:23px; color:#fff; background:url(/images/bkg-calltoaction_button.gif); text-decoration:none; padding:1px 0 0 14px; margin:0 0 0 16px }

/* - INTERNAL CONTENT
=========================================================================*/
.content { width:654px; padding:35px 0 22px }
.content h1 { font-weight:normal; padding-right:44px; padding-bottom:17px }
.content h2 { position:relative; margin:0 0 2px }
.content p { padding-right:44px }
.content .backtolink { font-size:14px; padding:13px 0 0px }
.content .backtolink a:hover { text-decoration:none }
.content .fees { width:560px;  margin-top:20px;}
.content .fees th { font-size:15px; color:#666057; text-align:left; border-bottom:solid 1px #ccc; }
.content .fees td { padding:8px 20px 8px 0; border-bottom:solid 1px #ccc; }

/* content blocks with links */
.landingblock { float:left; display:inline; width:205px; min-height:300px; height:auto !important; height:300px; margin:0 20px 0 0 }
.landingtitle { display:block; font-size:14px; color:#6c655b; border-bottom:3px solid #e4e0da; padding:0 0 8px }
.landingblock p { padding:15px 0 11px }
.landingblock ul { padding:0; margin:0; }
.landingblock li { list-style:none; border-bottom:1px dashed #dfd6ca; padding:3px 0 4px }
.landingblock.wide { width:307px; margin-right:40px }
.landingblock.wide p { width:205px }

/* - INTERNAL ARTICLES
=========================================================================*/
.article_list { padding:0 0 14px }
.article_list li { list-style:none; border-bottom:1px solid #e4e0da; padding:0 45px 13px 2px; margin-top:15px; }
.article_list li.end { border:0 }
.article_list p { padding:3px 0 0 }
.article_list a, .article_list b { font-size:15px; font-weight:bold }
.article_list b { color:#666666 }
.article_list a.download_pdf { background:url(/images/icon-pdf.png) 0 0 no-repeat; padding-left:22px }
.article_list a.download_doc { background:url(/images/icon-word.png) 0 0 no-repeat; padding-left:22px }
.article_list a.open_link { background:url(/images/icon-link.png) 100% 0 no-repeat; padding-right:22px }
.article_list p a { font-size:1em; font-weight:normal }
.article_list li.no_border { border-bottom:0 none; padding:0 0 10px 2px; margin-top:0 }
.article_list li.no_border a { font-size:13px; }

/* - FOOTER
=========================================================================*/
#Footer { height:60px; font-size:.923em; background:#faf7f3; padding:21px 0 0 }
#Footer .footer_content { width:868px; margin:0 auto }
#Footer .copyright { font-weight:bold; color:#ccc6bc; padding:0 31px 0 0 }
#Footer a { color:#878076; margin:0 17px 0 0 }
#Footer a:hover { color:#333 }
#Footer .rcilinks { display:block; color:#ccc6bc; padding:5px 0 0 }
#Footer .rcilinks a, #Footer .rcilinks a:hover { color:#ccc6bc; text-decoration:none; margin:0 }