/*
Theme Name: Healthy TXT
Author: Jacq Davis
Author URI: http://jacqdesign.com/
Description: Custom theme designed for Healthy TXT Messaging
*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font,
ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol,
ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr,
th, td {
	border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline;
}
:focus {/* remember to define focus styles! */
	outline: 0;
}
body {
	background: #fff; line-height: 1;
}
ol, ul {
	list-style: none;
}
table {/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate; border-spacing: 0;
}
caption, th, td {
	font-weight: normal; text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a img {
	border: 0;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

.cleaner { height:1px; margin-top:-1px; clear:both; }

/* =Structure
----------------------------------------------- */

body, body.ftbtips, body.acl { margin:0; padding: 0; text-align:center; background:#fff url(img/bg.jpg) 0 0 repeat-x; }
body.home, body.page-id-14 { margin:0; padding: 0; text-align:center; background:#fff url(img/bghmpg.jpg) 0 0 repeat-x; }
body.repstars { margin:0; padding: 0; text-align:center; }

#wrap, #header, #content, #main, .copyright { width:1000px; margin:0 auto; display:block; clear:both; }
body.home #header, body.page-id-14 #header { height:555px; }
#header { height:209px; }
#content { width:976px; min-height:500px; padding:20px 0; }
#main { min-height:400px; padding:0 0 30px 0; }
#footerwrap { width:100%; margin:50px auto 0 auto; background-color:#ccc; display:block; clear:both; }

.copyright { height:50px; line-height:50px; font-size:12px; }


/* =Global
----------------------------------------------- */
body, input, textarea {
	color: #373737;
	font: 13px "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 300;
	line-height: 140%;
}

/* Alignment */
.alignleft { display: inline; float: left; margin-right: 1.625em; }
.alignright { display: inline; float: right; margin-left: 1.625em; }
.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; }

/* Headings */
h1,h2,h3,h4,h5,h6 { clear: both; }
hr { background-color: #ccc; border: 0; height: 1px; margin-bottom: 1.625em; }

/* Text elements */
p { margin-bottom: 1.625em; }
ul, ol { margin: 0 0 1.625em 2.5em; }
ul { list-style: square; }
ol { list-style-type: decimal; }
ol ol { list-style: upper-alpha; }
ol ol ol { list-style: lower-roman; }
ol ol ol ol { list-style: lower-alpha; }
ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; }
dl { margin: 0 1.625em; }
dt { font-weight: bold; }
dd { margin-bottom: 1.625em; }
strong, b { font-weight: bold; }
cite, em, i { font-style: italic; }
blockquote {
	font-family: Georgia, "Bitstream Charter", serif;
	font-style: italic;
	font-weight: normal;
	margin: 0 3em;
}
blockquote em, blockquote i, blockquote cite { font-style: normal; }
blockquote cite {
	color: #666;
	font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 300;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}
pre {
	background: #f4f4f4;
	font: 13px "Courier 10 Pitch", Courier, monospace;
	line-height: 1.5;
	margin-bottom: 1.625em;
	overflow: auto;
	padding: 0.75em 1.625em;
}
abbr, acronym, dfn { border-bottom: 1px dotted #666; cursor: help; }
address { display: block; margin: 0 0 1.625em; }
ins { background: #fff9c0; text-decoration: none; }
sup, sub {
	font-size: 10px;
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
}
sup { bottom: 1ex; }
sub { top: .5ex; }

/* Forms */
input[type=text],
input[type=password],
textarea {
	background: #fafafa;
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
	border: 1px solid #ddd;
	color: #888;
}
input[type=text]:focus,
textarea:focus {
	color: #373737;
}
textarea { padding-left: 3px; width: 98%; }
input[type=text] {
	padding: 3px;
}
input#s {
	background: url(images/search.png) no-repeat 5px 6px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	font-size: 14px;
	height: 22px;
	line-height: 1.2em;
	padding: 4px 10px 4px 28px;
}
input#searchsubmit { display: none; }

/* Links */
a { color: #1982d1; text-decoration: none; }
a:focus,
a:active,
a:hover {
	text-decoration: underline;
}

/* =Header and Homepage
----------------------------------------------- */

body.home #header { background:transparent url(img/hmpg-hdr1.png) no-repeat 12px 98px; }
body.page-id-14 #header { background:transparent url(img/hdr-fbtips.png) no-repeat 12px 98px; }
#header { background-image:none; }
#header .logo { float:left; margin:32px 0 0 40px; }
#header .beun-logo, #header .acl-logo { float:left; margin:0; }
#header .hdrdoc { float:right; margin:13px 10px 0 0; }
#header .smlogo { float:right; margin: 8px 10px 0 0; }

.nav { height:32px; display:block; clear:both; }
	ul.nav { list-style:none; margin:0 0 0 40px; padding:24px 0 0 0; }
	ul.nav li a { float:left; display:inline-block; margin-right:20px; height:32px; text-indent:-9999px; cursor:pointer; }
	ul.nav li.home a, ul.nav li.about a, ul.nav li.serve a, ul.nav li.involved a, ul.nav li.news a, ul.nav li.contact a { background: transparent url(img/nav-sprite.gif) no-repeat 0 0; }
	ul.nav li.home a { width:62px; background-position:0 0; }
	ul.nav li.home a:hover, ul.nav li.home a.active { background-position:0 -32px; }
	ul.nav li.about a { width:88px; background-position:-81px 0; }
	ul.nav li.about a:hover, ul.nav li.about a.active { background-position:-81px -32px; }
	ul.nav li.serve a { width:110px; background-position:-561px 0; }
	ul.nav li.serve a:hover, ul.nav li.serve a.active { background-position:-561px -32px; }
	ul.nav li.involved a { width:104px; background-position:-188px 0; }
	ul.nav li.involved a:hover, ul.nav li.involved a.active { background-position:-188px -32px; }
	ul.nav li.news a { width:104px; background-position:-311px 0; }
	ul.nav li.news a:hover, ul.nav li.news a.active { background-position:-311px -32px; }
	ul.nav li.contact a { width:104px; background-position:-436px 0; }
	ul.nav li.contact a:hover, ul.nav li.contact a.active { background-position:-436px -32px; }

#header p.intro { color:#BA3C26; font-size:30px; line-height:170%; font-weight:bold; width:550px; text-align:left; margin:60px 0 0 50px; }
	#header p.intro span { color:#F6921B; }
	a.infobutton { background:#fff url(img/info-button.jpg) no-repeat 0 0; width:516px; height:50px; text-indent:-9999px; display:block; margin:20px 0 0 50px; }
	a.fbtipsemail { background:#fff url(img/fbtips-email.jpg) no-repeat 0 0; width:326px; height:42px; text-indent:-9999px; display:block; position:relative; top:258px; left:230px; } 
	
	
#nav { width:455px; margin:0; float:right; position:relative; top:-182px; right:12px; text-align:left; }
	#nav ul { list-style:none; float:left; margin:0; padding:0; }
	#nav ul li { float:left; }

#topnav { z-index:200; }
ul#topnav li { margin-top:0; }
#topnav li.first-level span { position:absolute; left:-9999px; z-index:200; }
#topnav li, #topnav li.first-level a { min-height:40px; display:block; }
#topnav li { float:left; list-style:none; display:inline; padding:0; }

ul#topnav li.first-level ul { width:193px; min-width:120px; display:block; margin:0 0 8px 7px; text-align:center; padding:10px; }
ul#topnav li.first-level ul li { margin:4px auto; padding:0; width:auto; min-height:12px; text-align:left; clear:both; }
ul#topnav li.first-level ul li a { color:#FFF; font-weight:bold; font-size:13px; text-decoration:none; min-height:12px; }
ul#topnav li.first-level ul li a:hover { text-decoration:none; color:#F9E4B7; }
ul#topnav li div.topnav-outer { margin-left:0; padding-top:7px; position:absolute; z-index:500; width:auto; left:-999em; }
ul#topnav li div.topnav-outer { -webkit-border-bottom-right-radius:8px; -webkit-border-bottom-left-radius:8px; -moz-border-radius-bottomleft:8px; -moz-border-radius-bottomright:8px; }
ul#topnav li:hover div.topnav-outer { left:auto; }

ul#topnav li#specialtytxt div.topnav-outer { background:#3091C2 url(img/specialty-nav-top.gif) no-repeat 0 0; }
ul#topnav li#publicservicetxt div.topnav-outer { background:#F6852B url(img/publicservice-nav-top.gif) no-repeat 0 0; }

li#specialtytxt a.first-level, li#publicservicetxt a.first-level {
	width:220px; height:66px; margin:0; padding:0; background-repeat:no-repeat; background-position:0 0; text-indent:-9999px; cursor:pointer; }
 
li#specialtytxt a.first-level { background-image: url(img/specialty-nav.png); margin-right:15px; } 
li#publicservicetxt a.first-level { background-image: url(img/publicservice-nav.png); } 
	

.hmpgL { width:590px; float:left; text-align:left; padding:30px 0 50px 0; }
.hmpgR { width:350px; float:right; }

	.hmpgL p, .hmpgL ul li { text-align:left; font-size:15px; line-height:160%; }
	
	.hmpgL ul.list1, .hmpgL ul.list2 { float:left; display:inline; width:210px; }
	.hmpgL ul.list1 { width:260px; margin-right:10px; }
	
	.hmpgR .callout { float:right; margin:0; padding:25px 0 10px 0; }

	.hmpgL .latestnews { display:block; margin:20px 0; }
		.hmpgL .latestnews h1.rssnewstitle { margin-top:20px; padding:16px 10px;  font-size:25px; color:#fff; background-color:#0cc; text-transform:uppercase; }
		.hmpgL .latestnews ul { list-style:none; margin:0; padding:0; border-top:0px dotted #ddd; }
		.hmpgL .latestnews ul li { display:block; padding:8px; padding-bottom:10px; border-bottom:1px dotted #eee; line-height:140%; }




h2.infotitle { width:976px; height: 54px; display:block; clear:both; text-indent:-9999px; background:#fff url(img/info-title.gif) no-repeat 0 0; margin:20px 0 10px 0; }

.info-stats { display:block; color:#fff; margin:10px 0 20px 0; clear:both; width:976px; }
		.box1, .box2, .box3 { float:left; display:inlin-block; margin:10px 0; padding:22px; -moz-border-radius:10px; border-radius:10px; width:240px; height:190px; background-color:#3FC1E0; text-align:left; font-size:15px; line-height:140%; color:#000; }
		.box1 { padding-right:5px;}
		.box2 { width:240px; margin:10px; }
		.box3 { width:360px; }
		.box1 a, .box2 a, .box3 a { color:#fff; font-weight:bold; }


/* =Content
----------------------------------------------- */

#main { width:910px; margin-top:20px; text-align:left; }
#main h2.page-title, #main h3, #main h4 { font-size:40px; font-family: "Myriad Pro", "Helvetica Neue", Helvetica, Arial, sans-serif; line-height:120%; margin-bottom:20px; }
#main h3 { font-size:29px; line-height:120%; margin:30px 0 10px 0; font-weight:bold; clear:none; }
#main h4 { color: #666; font-size:24px; line-height:120%; margin:30px 0 10px 0; clear:none; }
#main p { font-size: 14px; line-height:180%; margin:13px 0; }
#main p.strongtxt { font-size:17px; font-weight:bold; color:#17375E; }

#main ul li, #main ol li { font-size: 14px; margin-bottom:12px; }


.stat-right { float:right; width:350px; font-size:20px; line-height:150%; color:#bcc72a; margin-left:20px; font-weight:bold; } 
.source { text-align:right; font-weight:normal; font-size:12px; font-style:italic; color:#999; clear:both; display:block; margin-top:12px; }

.benefits { width:755px; display:block; background-color:#AE0C46; color:#fff; margin:20px 55px; padding:26px 20px 20px 26px; -moz-border-radius: 12px; border-radius:12px; }
		#main .benefits h3 { font-size:20px; line-height:140%; margin-bottom:10px; margin-top:10px; }
		#main .benefits ul { list-style: none; margin-left:30px; }
		#main .benefits ul li { color:#fff; font-size:18px; background: transparent url(img/bullet-white.png) 0 0 no-repeat; padding-left:20px; margin:20px 0; }

.join { text-align:center} 
		.join h4 { font-size:30px; font-weight:bold; line-height:150%; color:#4CB957; text-align:center; margin-top:30px; }
		#main .starthere { float:left; width:400px; height:60px; margin:0; padding:0; }
		#main p.phone { font-size: 30px; line-height:150%; color:#999; margin-bottom:30px; }
		#main p.phone span { color:#00ADD6; font-weight:bold; }
		#main p.joinnote, #content p.joinnote2 { width:740px; margin:16px auto; }
		#main p.joinnote2 { font-weight:bold; }
		#main p.joinnote2 span { color:#AE0C46; text-transform:uppercase; }
		#main p.survey { font-size:25px; font-weight:bold; }

#main .gform_fields { font-family: Arial, sans-serif; }
#main .gform_wrapper .top_label .gfield_label { font-size:14px; }
#main .gform_wrapper .gfield_checkbox li label, .gform_wrapper .gfield_radio li label { font-size:13px; }

#main img.teamphoto { float:left; margin-right:20px; }
#main img.border { border:1px solid #ddd; background-color:#f0f0f0; padding:6px; }

#main img.sponsorlogo { float:left; margin:10px 20px; display:inline; }

#main .breadcrumbs { float:left; clear:both; margin-bottom:40px; }
p.postmetadata { font-size:12px; }

#main p.footnote { font-size:12px; font-style:italic; }

#main .pedcallout1 { float:right; display:inline; width:330px; padding:12px 22px; margin:0 0 30px 0; background-color:#DBF1FB; -moz-border-radius:10px; border-radius:10px; }
	#main .pedcallout1 ul { margin-bottom:0; }
	#main .pedcallout1 ul li { font-size: 14px; margin:10px 0; }
	#main .pedcallout1 ul li, #main .pedcallout1 p { line-height:130%; }
	#main .pc1intro { font-size:14px; }
	
#main .pedcallout2 { display:block; width:100%; padding:20px 22px; margin:50px 0 30px 0; background-color:#1CBEB9; color:#fff; clear:both; }
	#main .pedcallout2 h4 { color:#fff; font-weight:bold; margin:8px 0; }
	#main .pedcallout2 p { margin:6px 0; font-weight:bold;}
	
#main h4.greentitle { color:#1CBEB9; font-weight:bold; margin-top:40px; display:inline; }
#main h3.getstart { color:#1CBEB9; font-weight:bold; margin:40px 0; padding:10px 0 0 0; line-height:50px; height:50px; font-size:40px; text-align:center; border-top:1px dotted #999; border-bottom:1px dotted #999; }

#main h4.astory { color:#1CBEB9; font-weight:bold; margin:40px 0; padding:10px 0 0 0; line-height:40px; height:40px; font-size:30px; text-align:center; border-top:1px dotted #999; border-bottom:1px dotted #999; }



/* Custom Includes */

#main .team { float:right; display:inline; width:300px; padding:22px; margin-left:30px; background-color:#D5F6FF; -moz-border-radius:10px; border-radius:10px; }
	#main .team h3 { margin:0 0 12px 0; padding:0; font-size:20px; color:#23688C; }
	#main .team h4 { clear:none; font-weight:bold; font-size:15px; font-weight:bold; margin:0; padding:0; }
	#main .team p { font-size:12px; line-height:140%; margin:4px 0; }
	#main .team img.side-team { border:1px solid #ccc; background-color:#fff; padding:5px; float:left; margin-right:16px; margin-bottom:-10px; }
	#main .team .divider { height:1px; padding:6px; clear:both; display:block; border-bottom:1px solid #fff; margin-bottom:16px; }
	#main .team a { color:#fff; background-color:#0cc; font-weight:bold; clear:both; display:block; width:auto; padding:3px 8px; text-align:center; float:right; margin-top:10px; text-decoration:none; }
	#main .team a:hover { background-color:#666; }

#main .socialmesia-tree { float:right; display:inline; width:300px; margin-left:30px; }

#main .initiatives { text-indent:-9999px; background: transparent url(img/initiatives.gif) no-repeat 0 0; width:900px; height:473px; }
#main a.ready { text-indent:-9999px; background: transparent url(img/ready.gif) no-repeat 0 0; width:640px; height:345px; display:block; }
#main a.fb-find { text-indent:-9999px; background: transparent url(img/fb.jpg) no-repeat 0 0; width:328px; height:58px; display:block; margin-left:-10px; margin-top:40px; }

#main .deliveredby { float:right; display:inline; width:350px; padding:22px; margin-left:20px; background-color:#0091BD; color:#fff; }
	#main .deliveredby h3 { margin:0 0 12px 0; padding:0; font-size:20px; color:#fff; }
	#main .deliveredby ul { margin:0; padding:0; display:block; list-style:none; }
	#main .deliveredby ul li { float:left; clear:both; display:block; font-size:14px; font-weight:bold; }
	
#main #blogentry { display:block; margin-bottom:40px; }
	#main #blogentry h2 { font-size:30px; line-height:110%; }
	#main #blogentry .entryfooter { display:block; text-align:right; margin:20px 0 10px 0; padding:10px; border-top: 1px solid #eee; border-bottom: 1px solid #eee; clear:both; }
	

/* Images */

	img.alignleft { float:left; margin-right:20px; }
	img.alignright { float:right; margin-left:20px; }