/* CSS Document */
body, div, table, tr, td, a, p, br, hr, span {padding: 0px; margin: 0px; font-size: 1em; font-family:"Courier New", Courier, monospace;}
body {background-color: #ffffff;}
#page {height: 100%; width: 100%; position: absolute; top: 0px; left: 0px;}
#header {height: 150px; width: 780px; position: relative; top: 0px; left: 0px;}
#logo {position: absolute; top: -6px; left: -44px; display: block; width: 186px; height: 188px; background-image: url(images/cpLogo.png);}
#topbox {height: 20px; width: 780px; background-color: #FFFFFF;}
#topbox p {font-size: 0.75em; text-align: right;}
#titlebox {float: left; display: block; width: 780px; height: 60px; background-color: #000000; width: 500px;}
#titlebox p.title {font-size: 2em; color: #ffffff; text-align: left; position: relative; top: 12px; left: 80px; width: 350px;}
#login {float: right; width: 280px; height: 60px; background-color: #000000;}
#signupForm {display: none; position: relative; left: -7px; font-size: 1em; color: #ffffff; height: 60px; text-align: right;}
#loginForm {display: none; position: relative; left: -7px; font-size: 1em; color: #ffffff; height: 60px; text-align: right;}
#navbox {display: block; width: 776px; height: 30px; margin-top: 4px; border: solid 2px #000000; background-color: #999999; background-image: url(images/btn_back.png);}
#navbox p {font-size: 1.25em; margin-top: 5px;}
#context {clear: both; width: 760px; text-align: left; padding: 40px 0px 10px 0px;}
#content {float: left; width: 500px; position: relative; left: 0px; top: 0px;}
#content p {font-size: .75em; color: #000000; margin-bottom: 20px; line-height: 1.5em; text-align: justify; width: 413px; margin-left: 87px;}
#content p span.title {font-size: 2em; font-weight: bold;}
#sidebar {float: left; width: 230px; position: relative; left: 20px; top: 40px;}
#sidebar p {font-size: .75em; color: #333333;}
#sidebar p.title {font-size: 1em;}
#sidebar p.center {text-align: center;}
#sidebar p.btn {font-size: 1.25em; padding-top: 5px; color: #000000; display: block; height: 26px; width: 226px; background-image: url(images/btn_back.png); border: solid 2px #000000; text-align: center;}
#lessons {display: none; height: 480px; background-color: #cccccc;}
#donate {display: none; background-color: #cccccc;}
#footer {clear: both; position: relative; top: 20px; height: 30px; border: solid 1px #000000; background-image: url(images/btn_back.png);}
#footer p {font-size: .75em; color: #333333; text-align: center;}

a:link {color: #000000; font-weight: normal; text-decoration: underline;}
#navbox p a:link {color: #000000; font-weight: bold; text-decoration: none;}
#navbox p a:hover {color: #ffffff; font-weight: bold; text-decoration: none;}
#navbox p a:active {color: #ffffff; font-weight: bold; text-decoration: none;}
#navbox p a:visited {font-weight: bold; text-decoration: none;}
#topbox p a:hover {color: #000000; font-weight: bold; text-decoration: underline;}
#sidebar p.btn a:link {color: #000000; font-weight: normal; text-decoration: none;}
#sidebar p.btn a:hover {color: #ffffff; font-weight: bold; text-decoration: none;}
a:hover {color: #666666; font-weight: bold; text-decoration: none;}
a:active {color: #000000; font-weight: normal; text-decoration: none;}
a:visited {color: #000000; font-weight: normal; text-decoration: none;}