/* 3.7 DESIGNS BOILER PLATE =====================================
Company: 3.7 Designs
Project:
Author:
Comments:


= COLOR REFERENCE GUIDE =

FONT COLOR: #000000
HEADING COLOR: #333333
SECONDARY HEADING: #666666
BACKGROUND COLOR: #FFFFFF
SECONDARY BACKGROUND COLOR: #EFEFEF
HIGHTLIGHT COLOR: #990000 
LINK COLOR: #990000

================================================================*/



/*===============================================================

	G L O B A L     V A R I A B L E S

============================================== =GLOBAL VARIABLES */

html,
body { font-family: Palatino, "Palatino Linotyp", Georgia, "Times New Roman", Times, serif; font-size: 100%; line-height: 1.7em; background: #fff; color: #222222; margin: 0; padding: 0; background: url(../images/body-bg.gif) repeat-x; }
table,
td,
tr,
th,
table td,
table tr,
table th { border-style: none; }
#pagewidth { width: 960px; margin: 0 auto 0 auto; background: #fff; }
/*===============================================================

	N A V I G A T I O N 
	
=================================================== =NAVIGATION */

#main_nav { list-style: none; float: right; margin: 0; padding: 0; }
#main_nav li { float: left; }
#main_nav li a { text-indent: -999999px; overflow: hidden; display: block; height: 98px; }
#home { background: url(../images/nav/home.gif); width: 73px; }
#home:hover { background: url(../images/nav/home.gif) -73px 0; }
#home.active { background: url(../images/nav/home.gif) -73px 0; }
#about { background: url(../images/nav/about.gif); width: 77px; }
#about:hover { background: url(../images/nav/about.gif) -77px 0; }
#about.active { background: url(../images/nav/about.gif) -77px 0; }
#hes { background: url(../images/nav/hes.gif); width: 96px; }
#hes:hover { background: url(../images/nav/hes.gif) -96px 0; }
#hes.active { background: url(../images/nav/hes.gif) -96px 0; }
#giving { background: url(../images/nav/giving.gif); width: 83px; }
#giving:hover { background: url(../images/nav/giving.gif) -83px 0; }
#giving.active { background: url(../images/nav/giving.gif) -83px 0; }
#testimonials { background: url(../images/nav/testimonial.gif); width: 142px; }
#testimonials:hover { background: url(../images/nav/testimonial.gif) -142px 0; }
#testimonials.active { background: url(../images/nav/testimonial.gif) -142px 0; }
#mission { background: url(../images/nav/mission.gif); width: 89px; }
#mission:hover { background: url(../images/nav/mission.gif) -89px 0; }
#mission.active { background: url(../images/nav/mission.gif) -89px 0; }
#contact { background: url(../images/nav/contact.gif); width: 95px; }
#contact:hover { background: url(../images/nav/contact.gif) -95px 0; }
#contact.active { background: url(../images/nav/contact.gif) -95px 0; }
/*===============================================================

	T Y P O G R A P H Y
	
==================================================== =TYPOGRAPHY */

h1,
h2,
h3,
h4,
h5,
p { margin: 15px 0 15px 0; }
em { font-style: italic; }
h3 { color: #377956; font-style: italic; font-weight: bold; font-size: 18px; line-height: .9em; }
h2 { color: #377956; font-size: 30px; font-variant: small-caps; letter-spacing: .05em; margin-bottom: 30px; background: url(../images/underline.gif) bottom repeat-x; font-weight: 100; }
h5 { margin: 0px 0 10px 0; text-transform: uppercase; letter-spacing: .05em; font-weight: 100; }
h4 { color: #000; text-transform: uppercase; letter-spacing: .1em; font-size: 13px; font-family: "Palatino Linotype", Palatino, Georgia, "Times New Roman", Times, Serif; margin: 30px 0 0 0; font-weight: bold; }
strong { color: #ffa800; font-weight: bold; }
p { line-height: 1.9em; font-family: Arial, Helvetica, sans-serif; font-size: 13px; margin: 5px 0 20px 0; color: #333; }
.fline { color: #000; font-family: "Palatino Linotype", Palatino, Georgia, "Times New Roman", Times, Serif; text-transform: uppercase; letter-spacing: 0.1em; font-size: 13px; }
em { font-style: italic; }
#band p { font-family: "Palatino Linotype", Palatino, Georgia, "Times New Roman", Times, Serif; }
ul { font-family: Arial, Helvetica, sans-serif; }
dt { text-transform: uppercase; letter-spacing: .05em; }
dd { font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
/*===============================================================

	L I N K      S Y L E I N G
	
=================================================== =LINK STYLING */

a { }
a:hover { }
a:visited { }
a:active { }
/*===============================================================

	C O N T E N T     S T R U C T U R E
	
============================================== =CONTENT STRUCTURE */

#header { background: url(../images/header.gif); height: 117px; padding: 0 30px 0 0px; }
#content { padding-bottom: 30px; background:url(../images/%20body-bg2.gif) top right no-repeat; }
#footer { clear:both; background: url(../images/footer.gif) bottom no-repeat; height: 148px; }
#ftag { padding: 0 0 0 30px; margin: 122px 0 0 0 !important; font-size: 12px; color: #FFFFFF; float: left; width: 500px; }
#ftag a { color: #fff; }
#ftag strong { color: #CCCCCC; }
.dnow { background: url(../images/gsmall.gif) center right no-repeat; }
#giving_hands { background: url(../images/gift-hands.gif); text-indent: -999999px; overflow: hidden; display: block; width: 324px; position: absolute; height: 198px; float:right; margin-top: -55px; }
#fwrapper { float: right; width: 324px; }
#right_col { width: 240px; height: 231px; float: left; margin-left: 40px; padding: 10px 0 0 50px; margin-top: 30px; }
#right_col h4 { margin-top: 15px; }
#right_col a { color: #377956; font-size: 14px; background: #fff; }
#right_col a:hover { background: #FFFF99; }
#right_col li.active a { background-color: #FFFF99; }
#left_col { width: 590px; float: left; padding:  0 0 0 30px; letter-spacing: .015em; font-size: 14px; }
.halfcol_left { float: left; width: 49%; }
.halfcol_right { float: right; width: 49%; }
#logo { float: left; margin-left: 15px; }
.think_preg { margin: 0; position: absolute; font-size: 11px; left: 50%; margin-left: -445px; top: 75px; }
.think_preg a { color: #8eae94; }
#content a { color: #377956; }
#band { clear: both; height: 397px; background: url(../images/first_background.jpg) no-repeat; position: relative; }
#pregButton { background: url(../images/pregnantButton.jpg) no-repeat; width: 523px; height: 50px; display: block; position: absolute; left: 26px; text-indent: -9999px; overflow: hidden; }
.about { background: url(../images/about_background.jpg) no-repeat !important; }
#band p { width: 400px; margin-left: 30px; font-size: 13px; color: #000; }
.nobg { background: none !important; }
/*===============================================================

	H E L P E R    C L A S S E S
	
============================================== =HELPER CLASSES */

.fr { float: right; }
.fl { float: left; }
.fr15 { float: right; margin: 0 0 0 15px; }
.fl15 { float: left; margin: 0 15px 0 0; }
.listnomargin { margin: 0; padding: 0 0 0 15px; }
.ntm { margin-top: 0; }
.tac { text-align: center; }
.tal { text-align: left; }
.tar { text-align: right; }
.taj { text-align: justify; }
.nomargin { margin: 0; }
.m10 { margin: 10px; }
.m15 { margin: 15px; }
.m20 { margin: 20px; }
.m25 { margin: 25px; }
.m30 { margin: 30px; }
.clear { clear: both; }
.cleft { clear: left; }
.cright { clear: right; }
.col-half { width: 47%; margin-right: 2%; float: left; display: table; }
.col-full { width: 100%; display: block; }
.col-half1 { float: left; width: 44%; margin-right: 3%; padding-right: 2%; border-right: 2px solid #eeeeee; line-height: 1.4em !important; }
.col-half2 { float: right; width: 46%; float: right; line-height: 1.4em !important; }
.ntp { padding-top: 0 !important; }

.col-half1 h4 { margin-top: 0px; }

/*===============================================================

	A C C E S S I B I L I T Y
	
======================================= =ACCESSIBILITY CLASSES */

#skip_links { position: absolute; margin-top: -100px; }
/*===============================================================

	B A N D - C L A S S E S
	
======================================= =BAND CLASSES */

#story_line { margin-top: 0px; padding: 30px 0 0 30px; font-size: 38px; line-height: 1em; color: #6a6a6a; letter-spacing: .010em; font-weight: 100; }
#band p a { color: #000000; font-style: italic; margin-top: 0px; padding: 0 0 0 30px; }
/*===============================================================

	F O R M - E L E M E N T S
	
======================================= =BAND CLASSES */

#contact_form { line-height: 2em; }
#contact_form label { float: left; }
#contact_form input { float: right; }
#contact_form li { clear: both; margin: 5px 0 5px 0; }
dt { font-weight: bold; color: #000; }
dl.space dt { margin-top: 15px; }
dd { color: #000; font-size: 13px; line-height: 1.3em; }
.flbr { float: left; width: 230px; background: url(../images/greencircle.gif) top no-repeat; padding: 10px 30px 0px 10px; color: #fff !important; margin-right: 20px; height: 145px; }
.flbr a { color: #efefef; }
.flbr a:hover { text-decoration: none; }
.flbr dd { color: #fff; }
.flbr h5 { color: #fff !important; }
/*===============================================================

	MAIN
	
======================================= =BAND CLASSES */
ul.handbullet { list-style:inside; list-style:url("../images/handbullet-bg.gif"); }
ul.handbullet li { margin-left: 1.5em; font-size: 12px; line-height: 1.2em; margin-top: 5px; padding-left: 5px; }
div#block { width: 100%; display: block }
div#block dl { width: 170px; height: 170px; display: block; float: left; border: 1px #ccc dotted; margin: 10px; }
div#block dl dt,
div#block dl dd { width: 140px; margin: 0px auto; }
div#block dl dt { line-height: 1.3em; margin-top: 10px; margin-bottom: 10px; }
div#block dl dd { line-height: 1.4em; }
/*     Different Backgrounds     */
#band.giving { background: url(../images/giving-header.jpg) no-repeat !important; }
.mission { background: url(../images/mission-header.jpg) no-repeat !important; }
.c_header { background: url(../images/contact-header.jpg) no-repeat !important; }
.hheader { background: url(../images/hailey-header.jpg) no-repeat !important; }
.mline { width: 300px !important; padding-top: 100px; }
.gline { width: 300px !important; }
.bq { font-size: 62px; color: #dddddd; margin-right: 5px; font-weight: bold; }
.bqr { font-size: 62px; font-weight: bold; color: #dddddd; }
fieldset { font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
#order_form { font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
.address { width: 100%; margin: 15px 0 5px 0; }
.address label { display: inline; margin-right: 5px; }
.address input { display: inline; margin-right: 10px; }
.form_half { width: 180px; float: left; margin-right: 20px; }
.il { display: inline; }
.border { border: 2px groove #CCCCCC; padding: 15px; }
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
.mt-10 { margin-top: 10px; }

/* ================== */
/* = Giving Changes = */
/* ================== */

.partner-heading { padding: 60px 0 0 0;}
.partner-heading img { float: left; margin-right: 20px; border-right: 1px solid #fafafa; padding: 0 20px 0 0;}
.partner-heading a { font-family: 'Arial', 'Helvetica', San-serif; font-size: 12px; font-weight: normal; display: block; text-transform: none; padding-top: 10px; font-style: italic; }
.partner-heading h4 { float: left; width: 390px; line-height: 18px; margin-top: 0px; }

.donate-cta { background: #efefef; border: 1px solid #e9e9e9; padding: 15px; margin: 0 0 45px 0; }
.donate-cta form { float: left; width: 125px;  }
.donate-cta p { margin: 0px; text-align: center; line-height: 18px;}
.donate-cta em { font-size: 11px; display: block; color: #333; }

.gift_online a { background: url('../images/gift_online.gif'); display: block; overflow: hidden; width: 219px; height: 36px; text-indent: -999999px;}
.gift_online a:hover { background-position: -219px 0; }
.gift_online2 a { background: url('../images/gift_online2.gif'); display: block; overflow: hidden; width: 137px; height: 23px; text-indent: -999999px;}
.gift_online2 a:hover { background-position: -137px 0; }
.gift_new {float: left;}