/*
	global.css
	actforme.org
*/

html {	
	font-size: 62.5%;
	height: 100%;
}
body {
	margin: 5px 0 20px;
	text-align: center;
	min-width: 817px;
	font-family: Arial, Helvetica, sans-serif;
	
	background: #ffffff;
	color: #000000;
}
img {
	border: 0;
}
form {
	margin: 0 0 1em;
}
h1,h2,h3,h4,p,ul {
	font-size: 1em;
	margin: 0 0 1em;
	font-weight: normal;
}

#wrapper {
	margin: 0 auto;
	text-align: left;
	position: relative;
	width: 817px;
}
a { 
	color: #164996;
}

.ir {
	display: block;
	text-indent: -5000em;
	overflow: hidden;
	background-repeat: no-repeat;
	text-decoration: none;
}
.ir:hover { text-decoration: none !IMPORTANT; }
.hide {
	display: none;
}
.noborder {
	border: none !IMPORTANT;
}

hr {
	display: block;
	border: none;
	border-top: 1px solid #cccccc;
	margin: 10px 0;
	height: 2px;
}


/*------------------------------------------------------
	header */

#header {
	height: 119px;
	position: relative;
}

#logo {
	position: absolute;
	left: 16px;
	top: 65px;
}
#logo a, body.home #logo {
	display: block;
	width: 388px;
	height: 55px;
	background-image: url(../_images/actforme_logo.gif);
}

#header h2 {
	position: absolute;
	left: 445px;
	top: 96px;
}
#header h2 a, body.home h2 {
	display: block;
	width: 368px;
	height: 19px;
	background-image: url(../_images/tagline.gif);
}

#print_header {
	display: none;
}

#nav {
	position: absolute;
	right: 1px;
	top: 2px;
}
#nav ul, #nav li, #subnav ul, #subnav li, #subnav2 ul, #subnav2 li {
	display: inline;
	margin: 0;
	padding: 0;
	list-style: none;
}
#nav a {
	display: block;
	float: left;
	height: 16px;
	background-position: left top;
	border-right: 1px solid #C8C4C3;
}

#subnav {
	display: none;
	position: absolute;
	left: 214px;
	top: 18px;
	border-bottom: 1px #d6d6d6 solid;
}

#subnav2 {
	display: none;
	position: absolute;
	left: 582px;
	top: 18px;
	border-bottom: 1px #d6d6d6 solid;
}

#subnav li a {
	display: block;
	border-top: 1px #d6d6d6 solid;
	width: 174px;
	height: 15px;
}

#subnav2 li a {
	display: block;
	border-top: 1px #d6d6d6 solid;
	width: 134px;
	height: 15px;
}

#nav a:hover, #subnav a:hover, #subnav2 a:hover  {
	background-position: left bottom;
}

#nav_about   { width: 82px; background-image: url(../_images/nav_about.gif); }
#nav_maps   { width: 134px; background-image: url(../_images/nav_maps.gif); }
#nav_news    { width: 57px; background-image: url(../_images/nav_news.gif); }
#nav_events  { width: 105px; background-image: url(../_images/nav_events.gif); }
#nav_contact { width: 68px; background-image: url(../_images/nav_contact.gif); }
#nav_contest { width: 64px; background-image: url(../_images/nav_contest.gif); }
#nav_infocenter { width: 117px; background-image: url(../_images/nav_infocenter.gif); }
#nav_blog  { width: 38px; background-image: url(../_images/nav_blog.gif); }

body.about #nav_about, body.news #nav_news, body.events #nav_events, body.infocenter #nav_infocenter,
body.contact #nav_contact, body.contest #nav_contest, body.blog #nav_blog { background-position: left bottom; }

#nav_sub_community { background-image: url(../_images/nav_sub_community.gif); }
#subnav #nav_sub_future { height: 16px; background-image: url(../_images/nav_sub_future.gif); }
#nav_sub_environmental { background-image: url(../_images/nav_sub_environmental.gif); }
#nav_sub_savings { background-image: url(../_images/nav_sub_savings.gif); }

/*------------------------------------------------------
	structure */

.block {
	position: relative;
}

.left {
	width: 578px;
}

.right {
	position: absolute;
	right: 0;
	top: 0;
	width: 231px;
}

#footer {
	clear: all;
	margin-top: 1em;
	text-align: right;
}

/*------------------------------------------------------
	home content areas */

#slideshow {
	height: 303px;
}
#slideshow img {
	position: absolute;
	z-index: 2;
}
#slideshow p {
	width: 550px;
	position: absolute;
	z-index: 1;
	font-size: 14px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

#ticker {
	position: relative;
	margin: 7px 0;
	height: 20px;
	background: url(../_images/actfacts_back.jpg);
	padding: 11px;
	padding-left: 75px;
	
	font-size: 18px;
	color: #eae3c9;
}
#link_facts {
	display: block;
	position: absolute;
	left: 0; top: 0;
	width: 60px; height: 42px;
}

#calculator, #calc_results {
	height: 303px;
	background: #9ac23c;
}
#calculator h3, #calc_results h3 {
	height: 81px;
	background: url(../_images/calc_top.gif) no-repeat;
	margin: 0;
}
#calculator h4 {
	height: 68px;
	background: url(../_images/calc_intro.gif) no-repeat;
	margin: 0;
}
#calculator form {
	padding: 8px 16px;
}
#calculator form input.text {
	display: block;
	width: 190px;
	margin-bottom: 14px;
	border: 1px solid #6d8739;
	font-size: 14px;
}

#map {
	white-space: nowrap;
}

#news {
	background: #eceaa6;
	height: 187px;
	width: 231px;
	font-size: 11px;
	font-weight: normal;
	color: #4B4B4E;
}

.news-line {
	height: 37px;
	padding: 0 12px 0 12px;
}

.news-shade {
	background: #F8F5CF;
}

.news-right {
	text-align: right;
}

#news h3 {
	margin: 0;
}
#news #home_news a { 
	display: block;
	background: url(../_images/home_news.gif) no-repeat; 
	height: 18px; 
}
#news #home_events a {
	display: block;
	background: url(../_images/home_events.gif) no-repeat; 
	height: 18px; 
}

#news a {
	color: #253771;
	text-decoration: none;
}
#news a .quote {
	display: block;
	margin: 0;
	padding: 2px 0 0 20px;
	font-size: 13px;
	line-height: 18px;
}
#news a .source {
	display: block;
	margin: 0;
	padding: 1px 0 12px 20px;
	font-size: 11px;
	line-height: 18px;
	text-transform: uppercase;
}

/*------------------------------------------------------
	calculator results page */

body.calc #content {
	padding: 0;
	height: 531px;
	width: 578px;
	background: url(../_images/calc_content_bottom.gif) left bottom no-repeat;
}
body.calc #map {
	width: 578px; 
	height: 398px;
	margin-bottom: 5px;
}
body.calc #top_corners {
	position: absolute;
	top: 0;
	left: 0;
	width: 578px;
	height: 20px;
	background: url(../_images/calc_content_top.gif) no-repeat;
}



body.calc form {
	padding: 12px 16px;
}
body.calc form input.text {
	display: block;
	width: 310px;
	margin-bottom: 15px;
	border: 1px solid #b2b2b2;
	font-size: 17px;
}
body.calc form input.button {
	position: absolute;
	left: 355px;
}
body.calc #form_label {
	position: absolute;
	left: 355px;
	top: 425px;
	color: #394c29;
	font-weight: bold;
	line-height: 18px;
}


#calc_results {
	height: auto;
}
#calc_results .inner {
	height: 531px;
	width: 231px;
	background: url(../_images/calc_bottom.gif) no-repeat left bottom;
}

#calc_results #wait,#calc_results #instructions,#calc_results #error {
	padding: 20px 15px;
	font-size: 20px;
	color: #d7e7b1;

	display: none;
}
#calc_results #error { color: #ffffff; }

#calc_results #results {
	padding: 20px 0 0 20px;
	font-size: 15px;
	color: #394c29;

	display: none;
}
#calc_results p {
	clear: left;
	margin: 0;
	padding: 0 0 25px;
}

#calc_results p.final {
	font-size: 18px;
	font-weight: bold;
}
#calc_results #results .data {
	display: block;
	float: left;
	font-weight: bold;
	font-size: 44px;
	line-height: 48px;
	color: #ffffff;
}
#calc_results #results strong {
	display: block;
	float: left;
	font-weight: bold;
	color: #d7e7b1;
	padding: 9px 0 0 5px;
}
#calc_results #results strong.below {
	padding-top: 0;
}




/*------------------------------------------------------
	secondary page content areas */

#content {
	width: 516px;
	height: 509px;
	padding: 32px 29px 30px 33px;
	background: url(../_images/content_back.gif) no-repeat;
	overflow: hidden;
	
	font-size: 14px;
	line-height: 20px;
}

body.sub #content {
	font-size: 12px;
	line-height: 16px;

	width: 578px;
	height: auto;
	padding: 0;
	background: #6c97cf url(../_images/content_back_top.gif) no-repeat;
}
body.fullsize #content {
	font-size: 14px;
	line-height: 20px;
}

body.sub #content div.inner {
	padding: 32px 29px 30px 33px;
	position: relative;
	width: 516px;
	background: url(../_images/content_back_bottom.gif) no-repeat left bottom;
}
body.sub #content.withlinks div.inner {
	padding: 32px 29px 30px 185px;
	position: relative;
	width: 364px;
	background: url(../_images/content_back_bottom.gif) no-repeat left bottom;
}

#content h2.ir { width: 450px; height: 34px; }

#content h2.dyn { 
	font-size: 22px;
	font-weight: bold;
	color: #fff;
}

#content h3 {
	color: #d2de38;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 0;
}
body.sub #content h3 {
	font-size: 11px;
}
body.fullsize #content h3 {
	font-size: 13px;
}
body.contest #content h3 {
	margin-bottom: 0.6em;	
}

#content h3 a {
	color: #d2de38;
	text-decoration: none;
}

#content ul {
	display: block;
	list-style: none;
	padding: 0;
	margin: 0 0 1em;
}
#content li {
	display: block;
	list-style: none;
	padding: 0 0 0 20px;
	margin: 0 0 5px;
	background: url(../_images/bullet.gif) 2px 2px no-repeat;
}
#content li li {
	margin: 3px 0;
	background: url(../_images/bullet_sub.gif) 2px 2px no-repeat;
}

#content li.pdf {
	background: url(../_images/pdf_icon.png) 2px 2px no-repeat;
}

#content p.intro {
	font-size: 15px !IMPORTANT;
	line-height: 20px;
}
#content p.bullet {
	background: url(../_images/bullet.gif) 2px 2px no-repeat;
	padding: 0 0 0 20px;
}
#content .indent {
	display: block;
	padding-left: 30px;
}

.news_item {
	position: relative;
	margin-bottom: 25px;
}
.news_item img {
	display: block;
	margin-bottom: 3px;
}
.news_item .viewlinks {
	float: right;
	margin-right: 20px;
	font-size: 11px;
	text-transform: uppercase;
}
.news_item .viewlinks a {
	text-decoration: none;
	color: #000000;
}
.news_item .viewlinks a:hover {
	text-decoration: underline;
}


#h_about { background-image: url(../_images/h_about.gif); }
#h_news { background-image: url(../_images/h_news.gif); }
#h_events { background-image: url(../_images/h_events.gif); }
#h_contact { background-image: url(../_images/h_contact.gif); }
#h_infocenter { background-image: url(../_images/h_infocenter.gif); }
#h_community { background-image: url(../_images/h_community.gif); width: 345px; }
#h_future { background-image: url(../_images/h_future.gif); width: 345px; }
#h_environment { background-image: url(../_images/h_environment.gif); width: 345px; }
#h_blog { background-image: url(../_images/h_blog.gif); }

#h_contest { 
	height: 49px !IMPORTANT;
	width: 371px;
	background-image: url(../_images/h_contest.gif); 
}
#h_upload { background-image: url(../_images/h_upload.gif); }
#h_thankyou { background-image: url(../_images/h_thankyou.gif); }



#testimonial .blurb {
	margin-top: 8px;
	background: url(../_images/testimonial_back.gif);
	padding: 18px 16px;
	height: 193px;
	
	font-size: 13px;
	line-height: 17px;
}

#testimonial .blurb h4 {
	width: 200px;
	height: 50px;
	margin-bottom: 3px;
}

#test_h_candace { background-image: url(../_images/test_h_candace.gif); }
#test_h_steve { background-image: url(../_images/test_h_steve.gif); }
#test_h_reginald { background-image: url(../_images/test_h_reginald.gif); }
#test_h_daniel { background-image: url(../_images/test_h_daniel.gif); }
#test_h_mary_s { background-image: url(../_images/test_h_mary_s.gif); }
#test_h_nieves { background-image: url(../_images/test_h_nieves.gif); }
#test_h_maurice { background-image: url(../_images/test_h_maurice.gif); }
#test_h_mary_w { background-image: url(../_images/test_h_mary_w.gif); }


/*------------------------------------------------------
	contest pages */

body.contest form {
	margin-left: 65px;
}

.inputgroup {
	display: block;
	float: left;
	margin: 0 10px 0.7em 0;
}

.inputgroup label {
	display: block;
	color: #d2de38;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
}

input.text,input.city,input.state,input.zip,textarea.text {
	border: 1px solid #6d8739;
	font-size: 12px;
	padding: 4px 3px;
	margin: 0;
}
input.text { width: 320px; }
input.city { width: 160px; }
input.state { width: 40px; }
input.zip { width: 84px; }

input.errorInput {
	border: 1px solid #f88623;
}
span.errorMessage {
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
	background: #f88623;
	padding: 1px 4px;
	display: block;
}

/*------------------------------------------------------
	about page links */

.about_link {
	float: left;
	margin-right: 8px;
	margin-top: 15px;
}
.about_link a {
	display: block;
	padding: 5px 0 3px 5px;
	width: 157px;
	text-decoration: none;
	font-size: 13px;
	font-weight: bold;
	border: 1px solid #ffffff;
	color: #ffffff;
}
.about_link img {
	display: block;
	margin-bottom: 6px;
}
.about_link .title {
	display: block;
	margin-bottom: 3px;
	text-decoration: none;
}
.about_link .more {
	font-size: 12px;
	text-decoration: underline;
	color: #164996;
}

.about_link a:hover {
	border-color: #73caf0;
	color: #98d8f7;
}


#sublinks {
	width: 100px;
	position: absolute;
	left: 31px;
	top: 22px;
}

#sublinks .about_link a {
	width: 100px;
	border-color: #73caf0;
	color: #98d8f7;
}
#sublinks .about_link a:hover {
	border-color: #ffffff;
}
#sublinks .about_link a.sel {
	border-color: #ffffff;
	color: #ffffff;
}


/*------------------------------------------------------
	voting */

p.vote_intro {
	font-size: 1.1em;
	font-weight: bold;
}

#voteright {
	background: #9ac23c url(../_images/vote_right_top.gif) left top no-repeat;
	padding: 0;
}
#voteright div {
	background: transparent url(../_images/vote_right_bottom.gif) left bottom no-repeat;
	padding: 30px 10px;
	font-size: 13px;
}
#voteright a {
	color: #000000;
}

#videoinfo {
	margin: 10px 0;
}
#votestars img {
	margin-right: 4px;
}

#content .video {
	float: left;
	width: 139px;
	margin-right: 30px;
	margin-bottom: 5px;
}
#content .video .image {
	margin-bottom: 5px;
}
#content .video .rating {
	margin-top: 4px;
	height: 15px;
}
#content .video .rating img {
	margin-right: 4px;
}
#content .video h3 {
	font-size: 15px !IMPORTANT;
	margin-bottom: 8px;
}
#content hr.white {
	border-top: 3px #fff solid;
	margin: 17px 0;
}

#content .voteanother {
	display: block;
	margin: 30px 0;
}
#content.withsend .voteanother {
	margin-bottom: 200px;
}
#voteright .voteanother {
	padding: 0 0 5px;
}

body.vote #content {
	font-size: 14px;
}

#voted {
	margin-top: 3px;
	font-size: 11px;
	text-transform: uppercase;
	color: #ffffff;
	font-weight: bold;
}

#h_watchandvote { 
	height: 62px !IMPORTANT;
	width: 500px !IMPORTANT;
	background-image: url(../_images/h_watchandvote.gif); 
}
#h_timetovote { 
	height: 40px !IMPORTANT;
	background-image: url(../_images/h_timetovote.gif); 
}
#h_votesarein { 
	height: 40px !IMPORTANT;
	background-image: url(../_images/h_votesarein.gif); 
}
#h_contestover { 
	height: 76px !IMPORTANT;
	background-image: url(../_images/h_contestover.gif); 
}
#h_nextwebisode { 
	background-image: url(../_images/h_nextwebisode.gif); 
	height: 21px !IMPORTANT;
	margin: 15px 0 14px;
}
#h_voteonawebisode { background-image: url(../_images/h_voteonawebisode.gif); }
#h_judges { background-image: url(../_images/h_judges.gif); }
#h_winnerswillbe { 
	width: 518px !IMPORTANT;
	background-image: url(../_images/h_winnerswillbe.gif); 
}
#h_winnersannounced { 
	width: 500px !IMPORTANT;
	height: 46px !IMPORTANT;
	background-image: url(../_images/h_winnersannounced.gif); 
}
#h_winnersannounced2 { 
	width: 500px !IMPORTANT;
	background-image: url(../_images/h_winnersannounced2.gif); 
}


#btn_sendtofriends {
	display: block;
	float: right;
	margin-top: 10px;
}

#sendtofriends {
	position: absolute;
	right: 33px;
	border: 2px solid #fff;
	background: #f58323;
	padding: 12px 12px 6px;
	width: 218px;
}
#sendtofriends form {
	margin: 0;
}
#sendtofriends label {
	color: #fff;
}
#sendtofriends input.text { 
	width: 210px; 
}
#sendtofriends textarea.text { 
	width: 210px;
	height: 65px;
}
#sendtofriends input.button { 
	float: right;
}
#btn_sendclose {
	display: block;
	position: absolute;
	right: 12px;
	top: 6px;
}

.photo_judge {
	float: right;
	margin: 0 0 10px 15px;
}
.photo_judge2 {
	float: left;
	margin: 0 15px 10px 0;
}

.blog_date {
	font-size: .85em;
	color: #333;
}

.blog_read a, .blog_read a:visited {
	font-size: .85em;
	color: #5B5959;
}

#blog_promo {
	height: 303px;
	background: #9ac23c;
}
#blog_promo h3 {
	height: 49px;
	background: url(../_images/blog_top.gif) no-repeat;
	margin: 0;
}
#blog_promo p {
	color: #FFFFFF;
	font-size: 13px;
	font-weight: normal;
}
#blog_promo .latest {
	padding: 0 12px;
}
#blog_promo .latest p {
	margin: 8px 0 0 0;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #B2CE35;
}
#blog_promo .latest p.last {
	border-bottom: 0;
}
#blog_promo .latest a, #blog_promo .latest a:visited {
	color: #5B5959;
	font-size: 10px;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
}
#blog_promo .date {
	color: #e3e879;
}

#container a.special_links {
	color: #dbe939;
}