/********************************************************************************************************************/
/********* RESET STYLESHEET IS A MODIFIED VERSION OF ERIC MEYER'S 'RESET RELOADED STYLESHEET ************************/
/********************************************************************************************************************/

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, img, 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 {margin:0;padding:0;border:0; outline:0;font-family:inherit;font-size:inherit;line-height:inherit;font-style:inherit;font-weight: inherit;text-align:left; vertical-align:top;}
:focus{outline: 0;}

ul, ol{list-style:outside;list-style:none;}
caption{text-align:left;font-weight:normal;}
em{font-style:italic;}
strong{font-weight:bold;}
sup{font-size:0.7em;vertical-align:top;}

blockquote:before, blockquote:after, q:before, q:after{content: "";}
blockquote, q{quotes:"" "";}

/* remove borders from linked images */
a img{border:none;}

/* tables still need cellspacing to match in the markup */
table{border-collapse:collapse; table-layout:auto;}
th, td{text-align:left;font-weight:normal;vertical-align:top;}


/********************************************************************************************************************/
/********* Global Styles ********************************************************************************************/
/********************************************************************************************************************/

body{ font-family:"Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", sans-serif; background-color: #f3f3f3; color:#424242;  font-size:12px; line-height:17px;overflow: auto;}/*or eae6da*/

/* default header styles */

h1 {font-size: 1em;line-height:1em;padding-bottom:15px;font-family:Georgia, "Times New Roman", Times, serif;}
h2{font-family:Georgia, "Times New Roman", Times, serif; font-size:1.72em; color:#0d3857; font-weight:bold; padding-top:10px;}
	h2 img{vertical-align:middle;}
	h2.supporting{width:381px;}
	h2.supporting img{margin:0 auto; display:block}
h3 {font-size: 15px; text-align: center; color:#005596; font-style: italic;}
h3.supporting{width:381px; font-weight: normal;}
h4, h5, h6 {font-size: 12px;}
h3.left{text-align: left; font-style: normal;}
h1 span {font-size:.5em;vertical-align:middle;}

/* default link styles */
a, a:visited, a:focus {color:#094382/* 2b87aa */;text-decoration:underline;}
a:hover {color:#094382;}

/* default text styles */
p {margin:10px 0; line-height:18px; font-size:12px;}

.note {font-size: .9em;color:#666;}

.blue {color:#2b87aa;}

.messageText {display:block;margin-bottom:5px;background-color:#efefef;padding:0 7px;line-height:24px;}
.error {font-weight:bold; font-style:italic; color: #8D1444;}
.success {font-weight:bold; color: Green;}
.required {color:#f00;}

ul.carat_list {float:none !important; margin:0 0 15px 0;}
	ul.carat_list li {float:none !important; /*list-style:outside url(../images/carat.png);*/ list-style:none; background:url(../images/carat.png) 0 5px no-repeat; padding-left:15px; margin-bottom:10px; line-height:15px;}

ul.letter_list {margin:0 0 10px 10px;}
	ul.letter_list li {margin-left:25px; margin-bottom:10px; list-style:outside upper-alpha; clear:left;}
		ul.letter_list li ul {margin-left:0}
			ul.letter_list li ul li {/*list-style:outside url(../images/carat.png);*/ margin-left:0; list-style:none; background:url(../images/carat.png) 0 5px no-repeat; padding-left:15px;}

ol.numbered_list{margin-left:20px; margin-bottom:10px; list-style:decimal;}
ul.bulleted_list{margin-left:20px; margin-bottom:10px; list-style:disc;}
ol.numbered_list li, ul.bulleted_list li{margin-bottom:7px;}

.left {text-align:left;}
.center {text-align:center;}
.right {text-align:right;}


.question_nav_border{border-right:#a9a9a3 solid 1px;}

.privacyPolicyLink {display:none !important;}
.privacyScroll {width:90%;height:120px;margin:0 auto;padding:2% 5%;overflow-y:scroll;background:#efefef;border:1px solid #ccc;}
	.privacyScroll h2 {margin:0;padding-top:0; width:155px;}
	.privacyScroll p, .privacyScroll li, .privacyScroll h3 {font-size:.9em!important;}

/********************************************************************************************************************/
/********* Global Structure *****************************************************************************************/
/********************************************************************************************************************/
.outer_bg_wrapper{position:relative; background:#e1f2fc; /* background:#e1f2fc url(../images/background.jpg) center 84px repeat-y; */ float:left; width:100%;min-width:969px; min-height:442px;}
.bg_wrapper{float:left; width:100%;min-width:969px; min-height:442px; background:url(../images/top_bg.png) top repeat-x; border-bottom:12px solid #e2a94a;}
	.wrapper{/*width:969px;*/width:909px; overflow: visible; margin:0 auto;}
		.header{float:left; position:relative; width:100%; height:204px; border-bottom: 1px solid #e2a94a; margin-bottom: 15px;}
			.logo{position:absolute; top:0; left:36px; width:225px; height:186px; background:url(../images/logo.png) top left no-repeat; text-indent: -100000px;}
			div.twitter_footer_logo{position:absolute; margin:0; top:25px; right:0;}
			.header ul{position:absolute; top:46px; right:94px; font-size:0.9em;}
				.header ul li{float:left; color:#4a489a; text-indent: -100000px;}
					.header ul li a{display:block; text-decoration:none; height:18px;}
					
					.header ul li.home a{background: url(../images/top_nav_home.gif) top left no-repeat; width:57px;}
					.header ul li.about a{background: url(../images/top_nav_about.gif) top left no-repeat; width:62px;}
					.header ul li.video a{background: url(../images/top_nav_video.gif) top left no-repeat; width:66px;}
					.header ul li.survey a{background: url(../images/top_nav_survey.gif) top left no-repeat; width:66px;}
					.header ul li.results a{background: url(../images/top_nav_results.gif) top left no-repeat; width:116px;}
					.header ul li.get_involved a{background: url(../images/top_nav_get_involved.gif) top left no-repeat; width:102px;}
					.header ul li.share a{background: url(../images/top_nav_share.gif) top left no-repeat; width:121px;}
					.header ul li a:hover, .header ul li.active a{background-position: 0 -18px;}
					
			.header .tagline{position:absolute; top:123px; left:287px;}
				.header .tagline p{font-style:italic; color:#424242; margin: 0; font-size: 13px;}
				.header .tagline img{}
		.content_bg_wrapper{float:left; width:100%; min-height:460px;}
			.content_wrapper{float:left; width: 100%; padding-bottom: 20px;}
				h1.intro{color:#247091; line-height:1.7em; font-size: 1em; font-weight:normal; margin-top:20px; margin-left:75px; width:700px;}
.footer_bg{float:left;width:100%; height:110px; background:url(../images/footer_bg.gif) top left repeat-x;}			
.footer{width:969px; margin:0 auto;}
	.footer ul.associates{float:right;}
		.footer ul.associates li{float:left; margin-top:28px; margin-right:28px;}
		.footer ul.associates li.first {margin-top:16px;}
		.footer ul.associates li.middle{margin-top:10px;}
	.footer ul.footer_nav{float:left; margin-left: 30px;}
		.footer ul.footer_nav li{float:left; margin-top:28px; margin-right: 10px; font-size: 11px;}
			.footer ul.footer_nav li a{color:#4a489a;}
		

/********************************************************************************************************************/
/********* Changing Content *****************************************************************************************/
/********************************************************************************************************************/

.take_survey{float:left; width:353px; margin-top:65px;margin-right:20px;}
	.btn_survey, .btn_story{margin-top:25px;margin-bottom:25px;}
.share_story{float:left; width:225px; margin-top:65px;}
.right_img{float:right;margin-top:60px;}
hr{margin:25px 0; border-bottom: #424242 1px solid; border-top: #fff solid 1px; clear:left;}
p.question_number{margin-bottom: 0; font-size: 1.1em; color:#424242; font-style: italic;}
h1.question, p.question{float:left; width:100%; margin-top:0px; line-height:18px; color:#424242;}

/*.general_wrapper{float:left; display:inline; width:285px; margin:22px 0 0 75px; padding:32px 40px 0 0; border-right:1px solid #b0afa1; min-height:400px; padding-bottom:20px;}*/
	.general_wrapper input{float:left; display:inline; clear:both; margin-bottom:5px;}
	.general_wrapper label{float:left; width:270px; clear:none; margin-bottom:5px;  font-size:11px; padding:2px 0 0 4px;}
	.survey_nav{margin-top:23px; float:left; width:100%;}
		.survey_nav li{float:left; margin-right:10px; color:#a9a9a3; line-height:30px; font-size:1.42em;}
			.survey_nav li a{display:block; height:30px; line-height:30px;}
		.survey_nav .skip{border-right:#a9a9a3 solid 1px; padding-right:10px;}
			.survey_nav .skip a{/* color:#4897cf; text-decoration:none; */ text-indent: -100000px; background: url(../images/btn_skip_on.gif) top left no-repeat; width:163px; height:33px; display:block;}
		.survey_nav .submit{display:block;}
			.survey_nav .submit input{background: url(../images/btn_submit_off.gif) top left no-repeat; cursor:default; margin-bottom:0px; border:none; height:33px; text-indent: -100000px; padding:0; font-size:1em; width:163px;}
			.survey_nav .submit input.active{background: url(../images/btn_submit_on.gif) top left no-repeat; cursor:pointer;}
		.survey_nav .next{display:none; margin-left: 184px;}
			.survey_nav .next a{background: url(../images/btn_next.gif) top left no-repeat; width:163px; height:33px; display:block; text-indent: -100000px;}
	.other_text{margin:2px 0 0 25px;}		
	#q3b, #q4b, #q9b{float:left;clear:left;}
	.question_3b div, .question_4b div, .question_9b div{float:left;clear:left;}
	.question_4b, .question_6b, .question_7b, .question_8b{float:left; width:100%; margin-top:5px;}
.results_wrapper{float:left; margin:22px 0 0 10px; padding-bottom:20px;}
	.flash_wrapper{display:none;}

.general_wrapper{float:left; width:100%; margin:14px 0 0 0px; padding-bottom:20px; background: url(../images/grad_bg.png) bottom left repeat-x; min-height:507px; margin-bottom: -20px;}
	.general_wrapper .left_col{float:left; width:405px; margin-left: 30px;}
	.general_wrapper .left_col_wide{float:left; width:605px; margin-left: 30px;}
	.general_wrapper .right_col{float:right; width:440px; margin-right: 30px; margin-top: 0px;}
.share_wrapper{width:80%;margin-left: 75px;}
	.share_wrapper label,.share_wrapper input,.share_wrapper textarea,.share_wrapper select{float:left;margin-top:10px; }
	.share_wrapper label{text-align:right; padding-right:10px; width:125px; clear:left; }
	.share_wrapper p.terms{float:left; color:#434343; margin-left:20px; width:480px;}
	.share_wrapper input{ width:190px; padding:3px; border:1px solid #999; clear:none; }
	.share_wrapper hr{margin:7px 0;}
	.share_wrapper textarea{ width:350px; height:100px; margin-left:20px; padding:3px; border:1px solid #999; }
	.share_wrapper input.areacode{width:36px; margin-right:10px;}
	.share_wrapper input.phone1{width:36px; margin-right:10px;}
	.share_wrapper input.phone2{width:53px;}
	.share_wrapper input.age{width:24px;}
	.share_submit{float:left; clear:left !important; margin:15px 0 0 15px; background:url(../images/btn_send.png) top left no-repeat; width:163px !important; height:33px; border:none !important; cursor:pointer;}
	.share_self_submit{float:left; clear:left !important; margin:15px 0 20px 70px; background:url(../images/btn_send.png) top left no-repeat; width:163px !important; height:33px; border:none !important; cursor:pointer;}
	.general_wrapper h2{margin-top:15px;}
	
	.share_friend_wrapper{float:left; margin-bottom: 25px;}
	.share_friend_wrapper label,.share_wrapper input,.share_wrapper textarea,.share_wrapper select{float:left;}
	.share_friend_wrapper label{text-align:right; padding-right:10px; width:auto !important;clear:left; }
	.share_friend_wrapper p.terms{float:left; color:#434343; margin-left:20px; width:480px;}
	.share_friend_wrapper input{ width:190px; padding:3px; border:1px solid #999; clear:none; }
	.share_friend_wrapper hr{margin:7px 0;}
	
	
	h3.border_bottom{float:left; width:100%; padding-bottom:10px; margin-bottom:15px; margin-top:15px; border-bottom:1px solid #a0a09a;}
	h3 span{color:#3d3d3d; font-size:.95em;}
	
/* TEXT AREA COUNTER */
.counter {float:none !important; clear:none !important; border:0 none !important; background:none !important; text-align:right !important; width:33px !important; padding:0 !important; margin:0 10px 0 0 !important;}
#recaptcha_area{float:left; margin-left:0px; padding-top:10px;}

.share_wrapper input.short{width:124px;}
#form_wrapper{float:left;width:100%;}


.take_survey_right{float:right; width:208px; margin-top:54px;}
#media_radio_wrapper label,#media_radio_wrapper input{clear:none; width:auto; margin-right:10px;}
#photo_wrapper, #video_wrapper{display:none}
span.error{float:left; margin:12px 0 0 10px; font-size:0.9em; font-style:italic;}


/***  HOME CONTENT  ***/
#home_top_content {float:left; display:inline; width:93%; margin-left: 4%; /* width:650px; padding-left:65px; border-bottom:1px solid #999; */ background: url(../images/home_top_left_bg.gif) top left repeat-y;}
	#home_top_content h1 {color:#094382; line-height:1.7em; font-size: 1em; font-weight:normal; margin-top:20px;}
	#home_top_content .left_col{width:424px; height:231px; float:left; margin:0px 0 0 0px; padding:0 15px 15px;}
		#home_top_content .left_col h1{font-size:2em; line-height: 1em; text-align: center; color:#0d3857; font-weight: bold; margin-top: 15px; padding-bottom: 0px; }
		#home_top_content .left_col p{ text-align: left; font-size: 0.95em; line-height: 1.3em; padding-right: 20px;}
		#home_top_content .left_col img{margin:5px auto; display:block;}
		#home_top_content .left_col .watch_vid{float:left; background:url(../images/btn_watch_videos.gif); height:33px; width:163px; text-indent: -1000000px;}
		#home_top_content .left_col .more_vids{float:left; background:url(../images/btn_full_series.gif); height:33px; width:184px; margin-left:17px; text-indent: -1000000px;}
	#home_top_content .right_col{width:388px; height:241px; margin:8px 0; float:left;}
#home_bottom_content {float:left; display:inline; width:904px; height:248px; background:url(../images/home_bottom_bg.gif);margin-top: 17px;}
	#home_bottom_content .left_col{float:left;width:265px; margin:20px 20px 0;}
		#home_bottom_content .left_col a{color:#424242; text-decoration: underline;}
		#home_bottom_content .left_col .fb-like{float:left; width:51px;}
		#home_bottom_content .left_col .twitter-share-button{float:left; clear:none; margin-left: 25px;}
		#home_bottom_content .left_col .home-email{float:left; margin:12px 0 0 25px;}
		#home_bottom_content .left_col h2{color:#5e5f62;}
	#home_bottom_content .center_col{float:left;width:265px; margin:20px 15px 0;}
		#home_bottom_content .center_col a{color:#424242; text-decoration: underline;}
		#home_bottom_content .center_col h2{color:#4f6f19;}
	#home_bottom_content .right_col{float:left;width:265px; margin:20px 0 0 20px;}
		#home_bottom_content .right_col a{color:#424242; text-decoration: underline;}
		#home_bottom_content .right_col h2{color:#094382;}
	
.optin_right{float:right;}


/***  SURVEY   ***/
.counterWrapper {float:left;clear:left;width:200px;}
	.counter input {float:left;}
	.counter span {float:left;width:140px;}


/***  VIDEOS   ***/
img.video{margin:5px auto; display:block;}
.person_wrapper{float:left; width:100%; margin:15px 0 5px;}
.person_wrapper img{float:left; margin-right: 5px;margin-top:0px;}
.person_wrapper h3{float:left; width:284px; margin:0; font-style: normal; text-align: left; color:#3f5c18; font-size: 14px; font-weight: bold;}
.person_wrapper p{float:left; width:284px; margin:5px 0; font-size: 0.9em; line-height: 1.5em;}

/***  Get Involved  ***/
.invoved_wrapper{float:left; width:100%; margin:15px 0;}
	.invoved_wrapper ol{float:left;list-style:decimal; width:100%; margin-left: 25px;}
	.invoved_wrapper li{width:370px; float:left; margin:10px 0;}
	.invoved_wrapper img{float:right; margin: 0 0 0 30px;}
	
	.invoved_wrapper .fb-like{float:right; width:48px !important; margin-top: 0px !important; margin:0 0 0 30px}
	.invoved_wrapper .twitter-share-button{float:right; width:58px !important; margin-top: 0px !important; margin:0 0 0 30px}
.support_col{width:405px; float:left; margin-left: 30px;}
	
/***  SURVEY RESULTS  ***/
.survey_results_text {float:left; width:335px; padding:20px 5px 0 ; margin:20px 35px 20px 25px;}

#slideshow_wrapper {float:left; display:inline; width:485px; margin:20px 0 0;}

/****************************************** SLIDER ************************************************/
.slider_content .right_content{padding-left:1px; width:543px;}

	.slide_main_wrapper{float:left; position:relative; width:485px; margin-top:50px; background:#afafaf url(../images/slide_wrapper_bg.gif) top left repeat-x; padding-bottom:25px;}
		.slide_main_wrapper h1{padding:10px 0 0 14px;}
		.slide_content_wrapper{position:relative;  width:455px;  height:341px; margin:13px 0 0 14px; border:1px #000 solid; overflow:hidden;}
			.slide_content_wrapper ul{width:513px; height:385px;position:absolute; white-space:nowrap; overflow:visible; background-color:#FFF; list-style:none; margin:0;  padding:0;}
				.slide_content_wrapper ul li{float:left; width:513px; height:385px; clear:none;}
				.slide_content_wrapper ul li img{width:513px; height:385px;}
		
		.left_arrow{position:absolute; bottom:219px; left:0px; width:36px; height:36px; background:url(../images/left_slide_nav_off.png) top left no-repeat; text-decoration:none; z-index:1000;}
		.right_arrow{position:absolute; bottom:219px;  right:0px; width:36px; height:36px; background:url(../images/right_slide_nav_on.png) top left no-repeat; text-decoration:none; z-index:1000;}
	
		.slider_wrapper{width:512px; float:left; height:10px; overflow:visible; margin:10px 0 0 14px; position:relative; z-index:100; background-color:#6b6b6b;}
			.slider_left{width:0px; height:10px; position:absolute; overflow:visible; z-index:101; background:url(../images/slider_bg.gif) top left repeat-x;}
				.slide_marker{width:28px; height:19px; z-index:102; position:absolute; top:4px; right:-14px; text-align:center; padding-top:7px; color:#671d65; font-family:Arial, Helvetica, sans-serif; font-size:0.8em; background:url(../images/slide_marker.png) top no-repeat;}
/**************************************************************************************************/

/****************************************** CHARTS
 ************************************************/
#chart_div{width:395px; display:none;}
	.chart_bar_label_wrapper{width:85px; float:left; border-right:1px solid #424242;}
		.chart_bar_label{height:19px; text-align: right; font-weight: bold; padding:8px 10px 0 0; width:75px; margin:4px 0; float: left; line-height: 1em; font-size: 0.8em;}
	.chart_bar_wrapper{width:294px; float:left;}
		.chart_bar_wrapper div{ float:left; clear:left; height:27px; margin:3px 0; min-width: 10px; max-width:294px; line-height:55px;border-bottom: 1px solid #999;border-top: 1px solid #999;border-right: 1px solid #999;}
		.chart_bar_wrapper div.bar1{background-color:#ffe4c4;}
		.chart_bar_wrapper div.bar2{background-color:#e2a94a;}
		.chart_bar_wrapper div.bar3{background-color:#f8971d;}
		.chart_bar_wrapper div.bar4{background-color:#8d1444;}
		.chart_bar_wrapper div.bar5{background-color:#0d3857;}
		.chart_bar_wrapper div.bar6{background-color:#ffe4c4;}
		.chart_bar_wrapper div.bar7{background-color:#e2a94a;}
		.chart_bar_wrapper div.bar8{background-color:#f8971d;}
		.chart_bar_wrapper div.bar9{background-color:#8d1444;}

	.chart_bottom{float:right;}