/* CSS Document */ /* Style sheet for Teaching Children About Money */ /* put the following line in the section of every page */ /* */ body { font-family:Verdana,Arial; font-size:12px; background-color: rgb(9, 90, 165); } #header { background:url(http://www.teachingchildrenaboutmoney.com/images/header.jpg) no-repeat; height:122px; width:700px; margin:0 auto; } #headline { /* on the Splash page */ width:600px; text-align:center; margin-left:auto; margin-right:auto; } #wholepage { width:700px; background:url(images/backgr.jpg); margin-left:auto; margin-right:auto; } #mainmenu { width:650px; margin-top:10px; margin-left:auto; margin-right:auto; margin-bottom:20px; font-family:Tahoma,Verdana; font-size:14px; font-weight:700; text-align:center; } h1 { font-family:Tahoma,Georgia; font-size:18px; font-weight:700; color: #0C6126; text-align:center; margin-bottom:20px; } h2 { font-family:Tahoma,Georgia,Arial; font-size:16px; font-weight:400; color:black; text-align:center; margin-bottom:20px; } h3{ font-family:Tahoma,Georgia,Arial; font-size:16px; font-weight:700; text-align:center; color: #0C6126; margin-top:20px; margin-bottom:20px; } h4 { /*h2 on the FAQ page */ font-family:Tahoma,Georgia,Arial; font-size:14px; font-weight:700; color:green; text-align:left; margin-bottom:10px; } h5 { /*h1 on the Splash page */ font-family:Tahoma,Georgia; font-size:28px; font-weight:700; color:red; } h6 { /*h2 on the Splash page */ font-family:Impact,Arial; font-size:24px; color:#0A0885; margin-top:0; } #container { /*on pages with sidebar */ width:500px; margin-right:15px; margin-bottom:20px; padding-left:15px; text-align:left; float:right; } #containerfull { /* pages with regular text, full width */ width:650px; margin-right:auto; margin-left:auto; margin-bottom:20px; text-align:left; } #containercenter { /* pages with regular text, full width */ width:90%; margin-top: 20px; margin-right:auto; margin-left:auto; text-align:center; font-style:italic; } #optin { /*on the Splash page */ float:right; width:270px; border:2px dashed black; background-color:#FBFFBF; padding:10px; } #videosplash { margin-top:25px; float:left; width:375px; } #sidebar { width:150px; margin-left:15px; float:left; padding-top:7px; background-color: rgb(235, 235, 235); text-align:center; } #testimonialbar { /* on sidebar */ width:100%; background-color: rgb(255, 255, 204); text-align:center; padding-top:7px; padding-bottom:7px; font-style: italic; } #video { width:400px; height:400px; float:right; margin-right:50px; margin-left:auto; margin-bottom:20px; } #testitop{ width: 450px; height: 49px; background:url(images/testi_01.jpg); margin-top:20px; margin-left:auto; margin-right:auto; float: center; } #testibox { width: 450px; background:url(images/testi_02.jpg); margin-left:auto; margin-right:auto; text-align: left; font-style: italic; float: center; } #testibot{ width: 450px; height: 22px; background:url(images/testi_03.jpg); margin-left:auto; margin-right:auto; margin-bottom:20px; float: center; } #bottommenu { width:600px; margin-top:20px; margin-left:auto; margin-right:auto; margin-bottom:15px; font-family:Tahoma,Verdana; font-size:10px; font-weight:700; text-align:center; } #stepbox{ width:90%; text-align: right; float:right; padding:15px; font-size: 13pt; font-weight: 700; } #ticklist { width:90%; font-family:Tahoma,Verdana; margin:5px; padding:7px; padding-left:35; background-image:url(images/greentick.gif); background-position:left; background-repeat:no-repeat; text-align:left; font-size:14px; } #bonusbox{ width:380px; text-align: left; font-family:Tahoma,Georgia; font-size:14px; margin-top:20px; margin-left: auto; margin-right: auto; margin-bottom: 20px; padding:10px; border: 4px dashed red; } #otherbox{ width: 360px; text-align: left; margin-top: 20px; margin-left: auto; margin-right: auto; margin-bottom:20px; padding:2px; background-color: rgb(255, 255, 204); border: 2px solid rgb(255, 153, 102);; padding:3px; } #idealist { /*for money making ideas */ width:100%; margin-right:auto; margin-left:auto; margin-top:15px; margin-bottom:15px; padding:7px; text-align:left; } #numberbox{ /*for money making ideas */ width:130px; height:auto; margin-bottom:20px; float: left; padding:15px; } #greenbox{ /*for money making ideas */ width: 90%; background-color: rgb(72, 134, 40); text-align: left; margin-top: 20px; margin-left: auto; margin-right: auto; margin-bottom:20px; padding:20px; color: white; } #newsbox { /* for media news list */ width: 486px; text-align:left; margin-top:15px; margin-bottom:15px; } #player { /* for media audio player */ width:105px; float:right; margin-top:auto; margin-bottom:auto; } #buttonbox { margin-top:10px; padding:5px; margin-left: auto; margin-right: auto; width: 330px; background-color: rgb(186, 0, 0); } #buttonsubmit { margin: 0pt; padding: 5px 5px 7px; cursor: pointer; font-family:tahoma,arial; font-size: 20px; font-weight: 700; letter-spacing: -1px; width: 330px; } #smallbuttonbox { /*small button for optin splash page */ margin-top:10px; padding:5px; margin-left: auto; margin-right: auto; width: 230px; background-color: rgb(186, 0, 0); } #smallbuttonsubmit { /*small button for optin splash page */ margin: 0pt; padding: 5px 5px 7px; cursor: pointer; font-family:tahoma,arial; font-size: 15px; font-weight: 700; letter-spacing: -1px; width: 230px; } label { float:left; width:100px; } #footer_image { width:676px; margin-left:auto; margin-right:auto; background-color:#1F71BD; color:white; } #bottomborder { width:700px; height:15px; background:url(images/box_btm.jpg); }