/* CSS Document */

body{color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:14px; scrollbar-base-color:#999; background:url(http://www.dosomethingnow.ca/images/layout/bg.jpg) repeat; margin:0; padding:0;  }
h3{color:#f38a1e; margin:0; padding:0 }

a:link, a:hover, a:visited{text-decoration:underlined;color:#fff;}


.submit2{background:url(http://www.dosomethingnow.ca/images/layout/submit-button.jpg) no-repeat top left; width:80px; height:40px;  margin:0; padding:0; border:0; cursor:pointer}

#fadearea{ margin:0; padding:0; z-index:0; position:relative;}
#container{ background:url(http://www.dosomethingnow.ca/images/layout2/hp-bg.jpg) no-repeat top left; width:1024px; height:768px;  margin:0; padding:0; z-index:0; position:relative}
#heading{ height:240px; z-index:0;  position: relative; }
#navigation{ height:40px; padding:0; margin:0; }
#pollution{width:195px; height:40px; float:left; }
#war{width:118px; height:40px; float:left}
#poverty{width:166px; height:40px; float:left}
#climate{width:280px; height:40px; float:left}
#home{width:123px; height:40px; float:left}
#bodycontainer{ float:left; width:636px;}
#contest{width:170px; height:65px; float:left; margin:28px 0 0 466px; }
* html #contest { margin-left:233px;  } /*IE 6 Only */
#bodycopy { height: 270px; width: 400px; overflow: auto; border: 0; padding:0 14px 0 0; margin: 140px 0 0 222px; }
* html #bodycopy { margin: 40px 0 0 222px }  /*IE 6 Only */

#legal{ margin:42px 0 0 212px; font-size:12px;}
#navigation2{float:left; width: 368px; height:468px;}
#help{width:290px; height:96px; float:left; margin:19px 0 0 68px}
* html #help { margin-left:34px }  /*IE 6 Only */

#know{width:200px; height:50px; float:left; margin:27px 0 0 46px}
* html #know { margin-left:23px }  /*IE 6 Only */

#expert{width:116px; height:70px; float:left; margin:30px 0 0 46px; float:left}
* html #expert { margin-left:23px }  /*IE 6 Only */

#quiz{width:140px; height:56px; float:left; margin:7px 0 0 58px; }
#word{width:169px; height:100px; float:left; margin:42px 0 0 26px}
* html #word { margin-left:13px}  /*IE 6 Only */

#poll{width:130px; height:88px; float:left; margin:60px 0 0 40px;}
* html #poll { margin:58px 0 0 38px;   }  /*IE 6 Only */

#poll-over{float:right;width:140px; height:26px; cursor:pointer; padding:0; margin:1px 8px 0 0; }
* html #poll-over { margin:3px 4px 0 0; }  /*IE 6 Only */
.poll-over{background:url(http://www.dosomethingnow.ca/images/layout/over-vote.jpg) 0 0 no-repeat; }

.heading{ color:#f38a1e}

.pollution{background:url(http://www.dosomethingnow.ca/images/layout/over-pollution.jpg) 0 0 no-repeat; cursor:pointer; padding:0; margin:0}
.war{background:url(http://www.dosomethingnow.ca/images/layout/over-war.jpg) 0 0 no-repeat; cursor:pointer; padding:0; margin:0}
.poverty{background:url(http://www.dosomethingnow.ca/images/layout/over-poverty.jpg) 0 0 no-repeat; cursor:pointer; padding:0; margin:0}
.climate{background:url(http://www.dosomethingnow.ca/images/layout/over-climate-change.jpg) 0 0 no-repeat; cursor:pointer; padding:0; margin:0}
.home{background:url(http://www.dosomethingnow.ca/images/layout/over-home.jpg) 0 0 no-repeat; cursor:pointer; padding:0; margin:0}

.contest{background:url(http://www.dosomethingnow.ca/images/layout/over-contest.jpg) 0 0 no-repeat; cursor:pointer; padding:0; margin:0}

.help{background:url(http://www.dosomethingnow.ca/images/layout/over-help.jpg) 0 0 no-repeat; cursor:pointer; padding:0; margin:0}
.know{background:url(http://www.dosomethingnow.ca/images/layout/over-know.jpg) 0 0 no-repeat; cursor:pointer; padding:0; margin:0}
.expert{background:url(http://www.dosomethingnow.ca/images/layout/over-expert.jpg) 0 0 no-repeat; cursor:pointer; padding:0; margin:0}
.quiz{background:url(http://www.dosomethingnow.ca/images/layout/over-quiz.jpg) 0 0 no-repeat; cursor:pointer; padding:0; margin:0}
.word{background:url(http://www.dosomethingnow.ca/images/layout/over-word.jpg) 0 0 no-repeat; cursor:pointer; padding:0; margin:0}

.clearBoth{clear:both}
.hide{display:none; z-index:0 }
.show{display:block; }
.float_left{float:left;}
.float_right{float:right;}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
* html .clearfix {height: 1%;}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;} 
/* End hide from IE Mac */

.tblLeft{float:left; width:120px; }
.tblRight{float:left}


a.legal{color:#fff; text-decoration:none; padding:0 10px 0 10px}

/* POLL LAYOUT */
#thepoll{background:url(http://www.dosomethingnow.ca/images/layout/bg-take-poll.jpg) no-repeat top left; width:333px; height:236px;  margin:520px 0 0 680px; padding:0; z-index:0; position:absolute; }
#pclose{ height:24px; width:24px; margin:0 0 0 284px; cursor:pointer}
* html #close {float:right; margin:4px 11px 0 0; }  /*IE 6 Only */

#pcopy{clear:both; margin:30px 0 0 20px; padding:0; width:314px; height:180px; }
* html #pcopy {margin-top:26px; }  /*IE 6 Only */

#submit{float:right; width:82px; height:48px; padding:0; margin:0 2px 4px 230px; cursor:pointer; bottom:0px; position:absolute}
* html #submit { margin:0 1px 16px 0;  }  /*IE 6 Only */
.submit{background:url(http://www.dosomethingnow.ca/images/layout/active-submit.jpg) no-repeat top left;   }

.radio{float:left; width:25px;}
.q{float:left; width:260px}
#sub{float:left; width:228px;}
.q2{float:left; width:200px;}
.question{color:#f38a1e}
.tidypad{padding:2px 0 2px 0}
.facts{margin:8px 20px 30px 8px; font-size:140%; width:98%}
.animation{margin: 150px 0 0 300px; }
.padding{6px }

.emailfeedback{margin:120px 0 0 260px; font-size:140%; width:98%}

/* DID YOU KNOW */
#didyouknow{background:url(http://www.dosomethingnow.ca/images/layout/did-you-know-bg.jpg) no-repeat top left; width:625px; height:450px;  margin:300px 0 0 380px; padding:0; z-index:0; position:absolute }

.topic{margin:0 0 0 226px;}
* html #topic { padding:0; }  /*IE 6 Only */


#fclose{ height:24px; width:24px; margin:0 0 0 592px; cursor:pointer}
* html #close {float:right; padding:0 2px 0 0; }  /*IE 6 Only */

#know-menu{padding:6px 0 0 0;}
* html #know-menu {padding-top:3px; }  /*IE 6 Only */

#k-pollution{float:left; width:116px; height:28px;  padding:0; margin:0 0 0 47px; cursor:pointer }
* html #k-pollution { margin-left:24px }  /*IE 6 Only */
.k-pollution{background:url(http://www.dosomethingnow.ca/images/layout/active-pollution-over.jpg) no-repeat top left;  }
.k-a-pollution{background:url(http://www.dosomethingnow.ca/images/layout/active-pollution.jpg) no-repeat top left;  }

#k-war{float:left; width:78px; height:28px;  padding:0; margin:0 0 0 1px; cursor:pointer;}
.k-war{background:url(http://www.dosomethingnow.ca/images/layout/active-war-over.jpg) no-repeat top left;  }
.k-a-war{background:url(http://www.dosomethingnow.ca/images/layout/active-war.jpg) no-repeat top left;  }

#k-poverty{float:left; width:112px; height:28px; padding:0; margin:0; cursor:pointer }
.k-poverty{background:url(http://www.dosomethingnow.ca/images/layout/active-poverty-over.jpg) no-repeat top left;  }
.k-a-poverty{background:url(http://www.dosomethingnow.ca/images/layout/active-poverty.jpg) no-repeat top left;  }

#k-climate-change{ float:left; width:188px; height:28px;  padding:0; margin:0; cursor:pointer; }
.k-climate-change{ background:url(http://www.dosomethingnow.ca/images/layout/active-climate-change-over.jpg) no-repeat top left; }
.k-a-climate-change{ background:url(http://www.dosomethingnow.ca/images/layout/active-climate-change.jpg) no-repeat top left; }

#fcopy{clear:both; margin:50px 0 0 50px; padding:0; width:525px; height:260px; overflow:auto; text-align:left;}

#k-previous{float:left; width:104px; height:40px;  padding:0; margin:16px 0 0 353px; cursor:pointer; }
.k-previous{background:url(http://www.dosomethingnow.ca/images/layout/active-previous.jpg) no-repeat top left;  }
* html #k-previous { margin-left:177px; }  /*IE 6 Only */
	
#k-next{float:left; width:70px; height:40px;  padding:0; margin:16px 0 0 30px; cursor:pointer;}
.k-next{background:url(http://www.dosomethingnow.ca/images/layout/active-next.jpg) no-repeat top left;  }
* html #k-next { margin-left:29px; }  /*IE 6 Only */


/*spread the word */
#tell{background:url(http://www.dosomethingnow.ca/images/layout/mail/bg.jpg) no-repeat top left; width:625px; height:450px;  margin:260px 0 0 300px; padding:0; font-size:12px; z-index:0; position:absolute }

.msg{margin-left:226px;  }
* html #msg { padding:0; }  /*IE 6 Only */

.close{ height:28px; width:28px; margin:0 0 0 590px; cursor:pointer;}
* html #close {float:right; margin:2px 2px 0 0; }  /*IE 6 Only */

.msgtxt{padding: 4px 0 10px 237px; width:370px; }
#poster{ float:left; width:270px; height:240px;}

.p-war{background:url(http://www.dosomethingnow.ca/images/layout/mail/e-poster-war.jpg) no-repeat 0 0.8em ;}
.p-pollution{background:url(http://www.dosomethingnow.ca/images/layout/mail/e-poster-pollution.jpg) no-repeat 0 0.8em ;}
.p-climate{background:url(http://www.dosomethingnow.ca/images/layout/mail/e-poster-climate.jpg) no-repeat 0 0.8em ;}
.p-poverty{background:url(http://www.dosomethingnow.ca/images/layout/mail/e-poster-poverty.jpg) no-repeat 0 0.8em ;}

.ecopy{ float:left; width:338px; }
#mail-menu{padding:10px 0 0 20px; }
* html #mail-menu{padding:0 0 0 20px; margin:0;}

#emailform{padding:4px 0 0 0;}

#e-submit{ width:172px; height:56px; cursor:pointer; position:absolute; bottom:0; margin:0 0 1px 160px;}
.e-submit{background:url(http://www.dosomethingnow.ca/images/layout/mail/e-submit-over.jpg) no-repeat top right; cursor:pointer;}

.hidden{display:none}
.left{float:left; width:70px; padding:0 6px 0 0; text-align:center}
* html .left{margin:0; padding:0}

.imgselect{float:left; width:80px; padding:0 4px 0 4px}

.inputtext{border:1px solid #ccc; height:13px; width:213px}
textarea{ width:213px; height:46px; border:1px solid #ccc}
.contestarea{ width:360px; height:46px; border:1px solid #ccc}
td{ padding:0 0 6px 0; text-align:right}
td.init{ width:106px; vertical-align:middle}
td.tdmsg{vertical-align:top}

/* ask expert */
#expertdiv{ width:625px; height:450px;  margin:260px 0 0 300px; padding:0; font-size:12px; z-index;0; position:absolute; }
#expertbody{ width:330px; margin:0 20px 0 270px;}
.questionbox{ width:213px; height:120px; border:1px solid #ccc}

#ex-submit{ float:right; width:120px; height:56px; margin:0 0 1px 159px; cursor:pointer; position:absolute; bottom:0}
.ex-submit{background:url(http://www.dosomethingnow.ca/images/layout/expert/expert-over.jpg) no-repeat top right; cursor:pointer;}

/*postcard*/
#thepostcard{z-index:100; margin:250px 0 0 100px; position:absolute; width:831px; height:464px;}
#preview{position:absolute; background:url(http://www.dosomethingnow.ca/images/layout/card/bg-preview.jpg) no-repeat top left; width:831px; height:464px;}
.thecard{width:720; height:279px; margin:82px 0 0 89px;}
#cardaction{position:absolute; bottom:0; }
#send{width:135px; height:103px; float:right; cursor:pointer; position:absolute; bottom:0; margin:0 0 0 507px;}
.send{background:url(http://www.dosomethingnow.ca/images/layout/card/send-over.jpg) no-repeat top left;}
#emclose{height:28px; width:40px; float:right; cursor:pointer}