html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline}
 :focus {outline: 0}
body {line-height: 1; color: black; background: white}
ol, ul {list-style: none}
 table {border-collapse: separate; border-spacing: 0}
caption, th, td {text-align: left; font-weight: normal}
blockquote:before, blockquote:after, q:before, q:after {content: ""}
blockquote, q {quotes: "" ""}
  .container_12, .container_16 {margin-left: auto; margin-right: auto; width: 960px}
 .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16 {display: inline; float: left; margin-left: 10px; margin-right: 10px}
.container_12 .grid_3, .container_16 .grid_4 {width: 220px}
.container_12 .grid_6, .container_16 .grid_8 {width: 460px}
.container_12 .grid_9, .container_16 .grid_12 {width: 700px}
.container_12 .grid_12, .container_16 .grid_16 {width: 940px}
 .alpha {margin-left: 0}
.omega {margin-right: 0}
 .container_12 .grid_1 {width: 60px}
.container_12 .grid_2 {width: 140px}
.container_12 .grid_4 {width: 300px}
.container_12 .grid_5 {width: 380px}
.container_12 .grid_7 {width: 540px}
.container_12 .grid_8 {width: 620px}
.container_12 .grid_10 {width: 780px}
.container_12 .grid_11 {width: 860px}
 .container_16 .grid_1 {width: 40px}
.container_16 .grid_2 {width: 100px}
.container_16 .grid_3 {width: 160px}
.container_16 .grid_5 {width: 280px}
.container_16 .grid_6 {width: 340px}
.container_16 .grid_7 {width: 400px}
.container_16 .grid_9 {width: 520px}
.container_16 .grid_10 {width: 580px}
.container_16 .grid_11 {width: 640px}
.container_16 .grid_13 {width: 760px}
.container_16 .grid_14 {width: 820px}
.container_16 .grid_15 {width: 880px}
 .container_12 .prefix_3, .container_16 .prefix_4 {padding-left: 240px}
.container_12 .prefix_6, .container_16 .prefix_8 {padding-left: 480px}
.container_12 .prefix_9, .container_16 .prefix_12 {padding-left: 720px}
 .container_12 .prefix_1 {padding-left: 80px}
.container_12 .prefix_2 {padding-left: 160px}
.container_12 .prefix_4 {padding-left: 320px}
.container_12 .prefix_5 {padding-left: 400px}
.container_12 .prefix_7 {padding-left: 560px}
.container_12 .prefix_8 {padding-left: 640px}
.container_12 .prefix_10 {padding-left: 800px}
.container_12 .prefix_11 {padding-left: 880px}
 .container_16 .prefix_1 {padding-left: 60px}
.container_16 .prefix_2 {padding-left: 120px}
.container_16 .prefix_3 {padding-left: 180px}
.container_16 .prefix_5 {padding-left: 300px}
.container_16 .prefix_6 {padding-left: 360px}
.container_16 .prefix_7 {padding-left: 420px}
.container_16 .prefix_9 {padding-left: 540px}
.container_16 .prefix_10 {padding-left: 600px}
.container_16 .prefix_11 {padding-left: 660px}
.container_16 .prefix_13 {padding-left: 780px}
.container_16 .prefix_14 {padding-left: 840px}
.container_16 .prefix_15 {padding-left: 900px}
 .container_12 .suffix_3, .container_16 .suffix_4 {padding-right: 240px}
.container_12 .suffix_6, .container_16 .suffix_8 {padding-right: 480px}
.container_12 .suffix_9, .container_16 .suffix_12 {padding-right: 720px}
 .container_12 .suffix_1 {padding-right: 80px}
.container_12 .suffix_2 {padding-right: 160px}
.container_12 .suffix_4 {padding-right: 320px}
.container_12 .suffix_5 {padding-right: 400px}
.container_12 .suffix_7 {padding-right: 560px}
.container_12 .suffix_8 {padding-right: 640px}
.container_12 .suffix_10 {padding-right: 800px}
.container_12 .suffix_11 {padding-right: 880px}
 .container_16 .suffix_1 {padding-right: 60px}
.container_16 .suffix_2 {padding-right: 120px}
.container_16 .suffix_3 {padding-right: 180px}
.container_16 .suffix_5 {padding-right: 300px}
.container_16 .suffix_6 {padding-right: 360px}
.container_16 .suffix_7 {padding-right: 420px}
.container_16 .suffix_9 {padding-right: 540px}
.container_16 .suffix_10 {padding-right: 600px}
.container_16 .suffix_11 {padding-right: 660px}
.container_16 .suffix_13 {padding-right: 780px}
.container_16 .suffix_14 {padding-right: 840px}
.container_16 .suffix_15 {padding-right: 900px}
  .clear {clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0}
 .clearfix:after {clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0}
.clearfix {display: inline-block}
* html .clearfix {height: 1%}
.clearfix {display: block}
body {margin: 0 auto; font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; font-size: 62.5%; line-height: 16px; background: #ffffff}
a img {border:0 }
table.projects td {vertical-align: top; padding-bottom: 20px}
div.errorExplanation {margin-left: 30px; font-size: 1.3em; color: red; margin-bottom: 20px}
div.errorExplanation p {font-size: 1.0em; padding: 10px 0}
div.fieldWithErrors {background-color: yellow}
img.thumbnail {margin-left: 30px; float: left; border: 1px solid #888; padding: 2px; background-color: #ffffff}
.content h1 {font-size: 1.4em; font-weight: normal; padding: 30px 0 16px 30px}
.content h2 {font-size: 1.4em; font-weight: normal; padding: 0 0 10px 30px}
img.conversation_icon {float: left; margin-right: 20px}
h2.topic {font-size: 1.4em; margin-bottom: 10px}
.content h3 {font-size: 1.4em; font-weight: normal; margin: 30px 0 16px 30px; padding-bottom: 4px; border-bottom: 1px solid #1a1a1a}
.content p {font-size: 1.2em; color: #222222; line-height: 16px; padding: 0 30px 16px 30px}
.content p strong {font-weight: bold}
.content p.flash {padding-top: 20px}
.content p em {color: #777777}
.content ul {list-style-type: square; font-size: 1.2em; color: #222222; line-height: 16px; padding: 0 30px 16px 30px; margin-left: 30px}
.content form.comment_form {margin-left: 30px; margin-bottom: 30px}
.content form.comment_form .comment {margin-bottom: 10px; width: 300px; height: 60px; clear: right; display: block}
span.comment_by {color: #555; font-size: 1.1em}
#get_started_button a {display: block; width: 131px; height: 27px; margin: 0; padding: 0; border: none; text-indent: -9999px; position: relative; top: 60px; left: 330px; background: url("../images/site/get_started_button.gif") 0 0 no-repeat}
#get_started_button a:hover {background-position: 0 -27px}
#get_started_button a:active {background-position: 0 -54px}
#learn_more_button a {display: block; width: 102px; height: 21px; margin: 0; padding: 0; border: none; text-indent: -9999px; position: relative; top: 40px; left: 30px; background: url("../images/site/learn_more_button.gif") 0 0 no-repeat}
#learn_more_button a:hover {background-position: 0 -21px}
#learn_more_button a:active {background-position: 0 -42px}
#find_ideas_button a {display: block; width: 102px; height: 21px; margin: 0; padding: 0; border: none; text-indent: -9999px; position: relative; top: 55px; left: 30px; background: url("../images/site/find_ideas_button.gif") 0 0 no-repeat}
#find_ideas_button a:hover {background-position: 0 -21px}
#find_ideas_button a:active {background-position: 0 -42px}
ul#ecards {margin: 0 0 0 30px; padding: 0; list-style-type: none; clear: both}
ul#ecards li {margin: 0 0 20px 0; padding: 0 20px 0 0; float: left; display: inline}
.content ul.navigation {margin: 0; padding: 0}
strong.highlight {background-color: yellow}
strong {font-weight: bold}
ul.documents {list-style-type: none; margin: 0 0 0 10px}
ul.documents li {line-height: 180%; text-indent: 25px; background: transparent url('../images/site/page_white_acrobat.png') 0 2px no-repeat}
ul.documents li a {text-decoration: none; border-bottom: 1px solid #888; color: #222}
ul.documents li a:hover {border-bottom: 1px solid #000000; color: #000000; background-color: #ffffff}
table.sub_navigation {margin-left: 30px; width: 670px}
table.sub_navigation td a {text-decoration: none; border-bottom: 1px solid #222; color: #222}
table.sub_navigation td a:hover {background-color: #ffffff}
table.sub_navigation td {width: 223px; height: 30px; vertical-align: middle}
table.sub_navigation td.sub_navigation_left {}
table.sub_navigation td.sub_navigation_center {text-align: center}
table.sub_navigation td.sub_navigation_right {text-align: right}
h1.quote {font-size: 3.0em; font-family: times, sans-serif; font-style: italic; line-height: 1.2em; width: 500px}
table.benefit_list {margin-left: 30px; width: 90%}
table.benefit_list td, th {font-size: 1.2em}
table.benefit_list th {padding: 2px; border-bottom: 2px solid #ccc}
table.benefit_list td {vertical-align: top; padding: 2px 2px 20px 0; border-bottom: 1px solid #ccc}
table.benefit_list td a {text-decoration: none; color: #444}
table.benefit_list td a:hover {border-bottom: 1px solid #111; color: #111}
table.benefit_list td h2 {margin: 18px 0 0 0; padding: 0}
table.benefit_list td h2 a {font-size: .9em; text-decoration: none; color: #222}
table.benefit_list td h2 a:hover {background-color: #ffffff}
table.user_list {margin-left: 30px; width: 90%}
table.user_list td, th {font-size: 1.2em}
table.user_list th {padding: 2px; border-bottom: 2px solid #ccc}
table.user_list td {padding: 2px; border-bottom: 1px solid #ccc}
div.container_16 {background: #fdf9ed url(../images/site/background.gif) no-repeat; float: left}
div.column {border-top: 4px solid #1a1a1a; float: left}
div.logo {width: 220px; background-color: #fff; height: 112px}
div.logo img {position: relative; top: 20px; left: 20px}
div.login {background: #4E4D4D; width: 239px}
div.login p a.update {color: #ccc; text-decoration: none}
div.login p a.update:hover {border-bottom: 1px solid #ccc}
div.login p img {padding-bottom: 10px}
div.buttons {background-color: #e99039; padding-bottom: 40px}
div.buttons img {margin: 10px 0 0 15px}
div.top_navigation {background-color: #4e4d4d; height: 47px; width: 100%; border-bottom: 1px solid #fdf9ed}
div.splash {background-color: #d45d22; height: 159px; width: 100%; border-bottom: 1px solid #fdf9ed}
div.get_started {background: #da7460 url('../images/site/educators_background.jpg') 0 0 no-repeat; height: 200px; width: 100%; border-bottom: 1px solid #fdf9ed}
p.get_started_text {color: #ffffff; display: block; width: 200px; font-size: 1.1em; position: relative; top: 60px; left: 300px}
div.doing {background: #b6bfae url('../images/site/home_connect_banner.gif') repeat-x; width: 200px; float: left; height: 153px; padding: 0; margin: 0; border-right: 1px solid #fdf9ed}
p.doing_text {color: #ffffff; display: block; width: 120px; font-size: 1.1em; position: relative; top: 50px; left: 0}
div.community {background: #9cb4c1 url('../images/site/home_helping_banner.gif') repeat-x; width: 200px; float: left; height: 153px; padding: 0; margin: 0; border-right: 1px solid #fdf9ed}
p.community_text {color: #ffffff; display: block; width: 120px; font-size: 1.1em; position: relative; top: 50px; left: 0}
div.photo {background: #000000 url('../images/site/do_kindness.jpg') 100% 0 repeat-x; height: 153px; padding: 0; margin: 0}
div.subnav {background-color: #eedfc1; height: 31px; border-top: 1px solid #fdf9ed}
div.subnav ul {margin: 7px 0 0 240px}
div.subnav ul li {color: #996633; display: inline; padding-right: 15px}
div.subnav ul li a {color: #996633; text-decoration: none; border-bottom: 1px solid #996633}
div.footer {background: #fbf3da url(../images/site/banner_footer.gif) 100% 100% no-repeat; height: 112px}
table.fbl_logo {margin: 15px 0 0 15px}
table.fbl_logo td {text-align: center; padding-bottom: 5px}
table.fbl_logo td a {text-decoration: none; color: #1a1a1a; font-size: 1.0em; line-height: 12px}
div.copyright {color: #999; padding-top: 8px}
div.copyright a {color: #999; text-decoration: none; border-bottom: 1px solid #ccc; margin-left: 20px}
div.copyright a:hover {color: #1a1a1a; text-decoration: none; border-bottom: 1px solid #1a1a1a}
p.forgot {text-align: center}
p.forgot a {color: #fff; margin-left: 5px; text-decoration: none}
p.forgot a:hover {border-bottom: 1px solid #fff}
div.user_info p {margin-top: 3px; margin-left: 10px; color: #fff}
.navigation {list-style: none; position: relative; margin: 0; padding: 0}
.navigation li{ display: block; overflow: hidden; padding: 0; cursor: pointer; float: left; width: 233px; height: 24px; margin-right: 0px; background-image: url(../images/site/rak_navigation.jpg); background-repeat: no-repeat}
.navigation a {display: block; height: 40px; text-indent: -9999px; outline: none}
#classroom {width: 233px; background-position: 0px 0px}
#community {width: 233px; background-position: -233px 0px}
#forum {width: 233px; background-position: -467px 0px}
#health {width: 233px; background-position: 0 -24px}
#inspiration {width: 233px; background-position: -233px -24px}
#about {width: 234px; background-position: -467px -24px}
#classroom.active, #classroom:hover {background-position: 0 -48px}
#community.active, #community:hover{ background-position: -233px -48px}
#forum.active, #forum:hover {background-position: -467px -48px}
#health.active, #health:hover {background-position: 0 -72px}
#inspiration.active, #inspiration:hover {background-position: -233px -72px}
#about.active, #about:hover {background-position: -467px -72px}
table.login_form {background-color: #E99039; width: 239px; border-top: 1px solid #fff; border-bottom: 1px solid #fff}
table.login_form td.right {text-align: right; padding-right: 5px}
table.login_form td {font-size: 1.1em; padding: 2px; color: #fff}
table.new_user_form {width: 500px; margin-left: 30px; margin-bottom: 30px; border: 4px solid #e99039}
table.new_user_form td {padding: 10px}
table.new_user_form td label {font-size: 1.1em}
table.show_user_form {width: 500px; margin-left: 30px; margin-bottom: 30px; border: 4px solid #e99039}
table.show_user_form td {padding: 10px}
table.show_user_form td p {padding: 0; margin: 0}
table.show_user_form td h1 {padding: 0; margin: 0}
table.show_user_form td label {font-size: 1.1em}