@charset "utf-8";
/* TTCPIO CSS Document */

* {margin: 0; border: 0; padding: 0;}
img {display: block;}

html {height: 100%;}
body {height: 100%; font-family: "Trebuchet MS", sans-serif; font-size: 100%; color: #007581; background: #FAA01D;}

h1, h2, h3 {font-size: 1.0em;}

a {text-decoration: underline; color: #007581;}
a:hover {text-decoration: underline; color: #007581;}

br.clearit {clear: both;}

#wrapper {margin: 0 auto 0 auto; width: 900px; padding: 20px;}

#header {height: 116px; width: 900px; overflow: hidden;}
#header img {float: left;}


/* main page */

#main1 {clear: both; height: 411px; width: 900px; background: url(../assets/top_bkgrnd.gif) no-repeat;}

#main1-1 {width: 609px; height: 372px; padding: 39px 0 0 50px; float: left; background:url(../images/video_warning.gif) no-repeat center;}

#main1-2 {width: 181px; padding: 39px 30px 0 0; float: left;}
.cth-logo {clear: both; margin: 0 0 16px 0;}
.emailfriend {clear: both; margin: 6px 20px 12px 0;}
.rss {clear: both; margin: 0 30px 12px 0;}
.info {clear: both; margin: 0 30px 12px 0;}
.corp {clear: both; margin: 0 20px 0 0;}

.emailfriend img, .rss img, .info img, .corp img {float: left; margin-right: 10px;}
.emailfriend p, .rss p, .info p, .corp p {line-height: 1.1em; font-size: 0.9em; font-weight: bold; padding-top: 3px;}
.emailfriend a, .rss a, .info a, .corp a {color: #FAA01D;}

#main2 {clear: both; width: 900px;}

#main2-1 {width: 286px; padding: 0 21px 0 30px; float: left; background: url(../assets/left_bkgrnd.gif) no-repeat;}
.step {margin: 20px 0 5px -10px;}
#main2-1 h2 {font-size: 0.9em; padding: 0 0 0 0;}
#main2-1 p {margin: 0 5px 10px 0; font-size: 0.80em;}

.copytext {font-family: "Courier New", Courier, monospace; font-size: 0.9em;}

.howtohelp-item {padding: 5px 0 10px 0;}

#social-networks {}
#social-networks img {display: inline; margin: 0 5px 5px 0;}
.social-network {}

#main2-1 p.signoff {font-size: 1.0em; font-weight: bold; padding: 5px 30px 10px 0px;}
.bottom {margin: 0 -21px 0 -30px; clear: both;}

#main2-2 {width: 563px; float: left;}

#playlist1 {clear: both; width: 563px; height: 243px; background: url(../assets/videolist_bkgrnd1.gif) no-repeat;}
#playlist2 {clear: both; width: 563px; height: 243px; background: url(../assets/videolist_bkgrnd2.gif) no-repeat;}
.playlist-title {padding: 14px 0 0 20px;}
.playlist-title img {display: inline; vertical-align: middle; margin-right: 14px;}
.playlist-title a {font-size: 0.7em;}

#whatwho {clear: both; width: 563px; margin: 50px -10px 0 10px;}
#whatwho h2 {font-family: Georgia, "Times New Roman", Times, serif; font-size: 0.95em; font-weight: normal; padding: 0 50px 10px 0;}
#whatwho p {font-size: 0.8em; padding: 0 30px 10px 0;}
#whatwho a {}
#whatwho1 {width: 181px; float: left; padding: 0 0 10px 6px;}
#whatwho2 {width: 181px; float: left; padding: 0 0 10px 7px;}
#whatwho3 {width: 181px; float: left; padding: 0 0 10px 7px;}

#godo {clear: both; width: 563px;}
#godo1 {width: 181px; float: left; padding: 0 0 0 6px;}
#godo2 {width: 181px; float: left; padding: 0 0 0 7px;}
#godo3 {width: 181px; float: left; padding: 0 0 0 7px;}

#campaign-credits {clear: both; width: 500px; padding: 80px 0 20px 7px; font-size: 0.8em;}
#campaign-credits p {padding: 5px 0 0 0;}


#footer-credits {clear: both; font-size: 0.8em; color: #fff;}
#footer-credits p {text-align: center; padding: 10px 0 20px 0px;}
#footer-credits p.main {text-align: left; padding: 10px 0 20px 12px;}
#footer-credits a {color: #fff;}


/* credits page */
#main1c {clear: both; width: 900px; background: url(../assets/big_bkgrnd.gif) no-repeat;}

#main1c-1 {width: 619px; padding: 39px 30px 30px 40px; float: left;}
#main1c-1 h1 {font-size: 1.3em; padding: 20px 0 10px 0;}
#main1c-1 h2 {font-size: 1.1em; padding: 20px 0 3px 0; margin-bottom: 10px; }
#main1c-1 p {font-size: 0.9em; padding: 0 0 10px 0; line-height: 1.2em;}
#main1c-1 ul {padding: 0 0 10px 0; margin: 0 0 0 20px;}
#main1c-1 ul li {font-size: 0.9em; padding: 0 0 0 0; line-height: 1.2em;}

.credit-item {clear: both; border-top: 1px dashed #007581; margin: 20px 0 20px 0; padding: 15px 0 0 0;}
.credit-item img {float: right; margin-bottom: 15px;}


#main1c-2 {width: 171px; padding: 39px 40px 30px 0; float: left;}
#main1c-2 h2 {font-size: 0.8em; padding: 15px 0 7px 0;}
#main1c-2 p {font-size: 0.75em; padding: 0 0 7px 0; line-height: 1.2em;}



/* thanks page */
#main1t {clear: both; width: 900px; background: url(../assets/big_bkgrnd.gif) no-repeat;}
.thankyou-text {font-weight: bold; font-size: 0.9em; padding-top: 10px;}


/* corporate page */
#main1co-1 {width: 579px; padding: 39px 70px 0 40px; float: left;}
#main1co-1 h1 {font-size: 1.3em; padding: 0 0 10px 0;}
#main1co-1 h2 {font-size: 1.1em; padding: 20px 0 3px 0; margin-bottom: 10px; }
#main1co-1 p {font-size: 0.9em; padding: 0 0 10px 0; line-height: 1.3em;}
#main1co-1 ul {padding: 0 0 10px 0; margin: 0 0 0 20px;}
#main1co-1 ul li {font-size: 0.9em; padding: 0 0 8px 0; line-height: 1.3em;}

#toolkit {clear: both; width: 553px; margin: 0 0 0 17px; padding-top: 25px; background: url(../assets/right_bkgrnd.gif) no-repeat;}
#toolkit p {font-size: 0.8em; padding: 0 30px 10px 20px;}
#toolkit a {}
#toolkit ul {padding: 0 0 10px 0; margin: 0 0 0 40px;}
#toolkit ul li {font-size: 0.8em; padding: 0 0 8px 0; line-height: 1.3em;}


#contact {clear: both; width: 553px; margin: 25px 0 0 17px; padding-top: 0; background: url(../assets/right_bkgrnd_alt.gif) no-repeat;}
#contact h3 {font-size: 0.9em; padding: 0 30px 10px 20px; font-weight: normal; color: #fff;}
#contact p {font-size: 0.8em; padding: 0 30px 10px 20px; color: #fff;}
#contact a {color: #fff;}

#partners {clear: both; width: 553px; margin: 0 0 0 17px; padding-top: 25px; background: url(../assets/right_bkgrnd.gif) no-repeat;}
#partners p {font-size: 0.8em; padding: 0 30px 10px 20px;}
#partners a {}
#partners img.corppartner {float: left; margin: 0 0 10px 10px;}

.rightheading {margin: 0 0 20px 17px;}
.rightheading-alt {margin: 0 0 5px 17px;}

#campaign-credits-co {clear: both; width: 553px; margin-top: 40px; padding: 0 0 0 34px;}
#campaign-credits-co p {padding: 5px 0 0 0; font-size: 0.8em; }