body {
color: black;
font-family: Arial, Helvetica, sans-serif;
background-color: black;
background-image: url("earth_background.jpg");
background-repeat: no-repeat;
margin-top: 0;
margin-left: 0;
font-size: 80%;
}
a {
  outline: none;
}


/* old pages have tables */
/*
body td{
font-size: 1em;
}nav_content
*/


#frame {
width: 1004px;
margin-top: 0;
margin-left: auto;
margin-right: auto;
}
#column_main {
position:relative;
top:7px;
float: right;
width: 645px;
display: inline;
margin: 0;
}
#column_left {
position:relative;
top:7px;
float: left;
width: 160px;
display: inline;
}
#column_right {
float: right;
width: 160px;
margin-left: 7px;
margin-bottom: 10px;
display: inline;
}
#enclose {
float: left;
width: 813px;
margin: 0 0 10px 0;
}

/* header */
#header {
width: 100%;
height: 78px;
color: #F2CB86;
margin-top: 0;
padding: 0;
}

#logo {
float: left;
margin-top: 5px;
margin-left: 10px;
}

#level_buttons {
background-image: url("dots.gif");
background-repeat: repeat-x;
width: 743px;
height: 65px;
float: left;
clear: right;
margin-left: 50px;
margin-top: 0;
margin-right: 0;
}
#level_buttons ul {
float: left;
margin-top: 3px;
margin-left: 90px;
padding: 0;
}
#level_buttons ul li {
list-style: none;
margin: 0px;
float: left;
background-color: #2E3192;
padding: 5px 10px;
color: white;
font-weight: bold;
width: 75px;
text-align: center;
}
#level_buttons ul li a {
text-decoration: none;
color: white;
}

#level_buttons ul li.active {
background-color: #5D6BD1;
}
#language_buttons {
margin-left: 0;
margin-top: 0;
float: left;
}
#search_form {
margin-top: 20px;
width: 220px;
height: 30px;
float: right;
margin-left: 10px;
margin-right: 0;
}
#nesta_blurb a:link, #nesta_blurb a:visited {
font-style: italic;
font-weight: bold;
text-decoration: none;
color: #F2CB86;
}

#member_link {
margin-top: 5px;
margin-left: 60px;
}

#member_link a:link, #member_link a:visited {
font-style: italic;
font-weight: bold;
text-decoration: none;
color: #9AB8F4;
}

#quick_donate {
float: right;
width: 115px;
height: 22px;
}

/* main menu */

#links_main ul {
width: 837px;
height:32px;
float: left;
padding: 0;
margin-left: -4px;
margin-right: 0;
margin-bottom: 0;
font-weight: bold;
clear: both;
position: relative;
background-color: #F2CB86;
}
#links_main ul li {
list-style: none;
margin: 0;
float: left;
background-color: #F2CB86;
padding: 8px 12px;   
border-left: 4px solid black;
}
#links_main ul li a {
background-color: #F2CB86;
text-decoration: none;
color: #7C573D;
}
#links_main ul li.active, #links_main ul li.active a {
background-color: #F7E6C9;
color: #2F241C;
}
#links_main ul li a:link {
color: #7C573D;
}
#links_main .empty {
width: 40px;
}
#links_main li ul {
display: none;
position: absolute;
left: 8px;
top: 32px;
width: 833px;
height:30px;
padding: 0;
font-weight: bold;
clear: both;
}
#links_main ul li.active ul {
display: block;
background-color: #F7E6C9;
}


#links_main li ul li {
list-style: none;
margin-left: 0;
margin-top: 0;
float: left;
background-color: #F7E6C9;
padding: 6px 10px;
border: 0;
}
#links_main li ul li a {
background-color: #F7E6C9;
text-decoration: none;
color: #AD8257;
}
#links_main li ul li a:link, #links_main li ul li a:visited {
color: #AD8257;
}
#links_main li ul li.active a, #links_main li ul li.active a:link, #links_main li ul li.active a:visited {
color: #2F241C;
}
#links_main li ul li a:hover {
color: #2F241C;
}

#links_main li ul li.more ul {
display: none;
}
#links_main li.more.active ul {
display: block;
position: absolute;
float: none;
width: 10em;
left: auto;
top: auto;
height:auto; 
border: 1px solid black;
z-index: 1000;
}
#links_main li.more.active ul li {
clear: both;
}
#links_main li.more.active ul li a:link, #links_main li.more.active ul li a:visited {
color: #AD8257;
}
#links_main li.more.active ul li a:hover {
color: #2F241C;
}



.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
/* for IE6 */
* html .clearfix {
height: 1%;
}
/* for IE7 */
*:first-child+html .clearfix {
min-height: 1px;
}
/* left menu */
#links_left {
background-color: #2E3192;
border: 2px solid #DDB289;
margin-bottom: 3px;
}
#share {
background-color: #9AB8F4;
padding: 10px 5px 0px 5px;
height: 30px;
}
#share a {
background-image: url("share.jpg");
background-repeat: no-repeat;
padding-left: 35px;
padding-top: 5px;
padding-bottom: 5px;
color: #281848;
text-decoration: none;
font-weight: bold;
}

#bookmark {
background-color: #9AB8F4;
padding: 10px 5px 0px 5px;
height: 20px;
}
#bookmark a, a.bookmark {
background-image: url("bookmark.jpg");
background-repeat: no-repeat;
padding-left: 35px;
padding-top: 5px;
padding-bottom: 5px;
color: #281848;
text-decoration: none;
font-weight: bold;
}

#bookmark_result {
display:none;
position: absolute;
width: 160px;
height: 85px;
overflow: auto;
border: 2px solid #7C7C7C;
background-color: white;
padding: 10px;
z-index: 1000;
font-size: 1em;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
}
#bookmark_result_close {
font-size: 1.5em;
text-decoration: none;
color: #7C7C7C;
position: absolute;
top: 0px;
right: 0px;
border-left: 1px solid #7C7C7C;
border-bottom: 1px solid #7C7C7C;
padding-left: 3px;
padding-right: 3px;
}


#links_left ul {
list-style: none;
margin-top: 20px;
margin-bottom: 20px;
margin-left: 0; 
padding-left:18px; 
}
#links_left ul li {
margin-top: 10px;
}
#links_left ul li a {
padding-top: 4px;
text-decoration: none;
display: block;
font-size: 1em;
font-weight: bold;
color: #EFEAE6;
}
#links_left ul li a:link {
color: #EFEAE6;
}
#links_left ul li.active a {
color: #9AB8F4;
}
#links_left ul li a:hover {
color: #9AB8F4;
}
#links_left h3 {
color: #F7E6C9;
font-size: 1em;
margin: 0
padding: 0;
padding-left: 10px;
margin-bottom: -12px;
}
#links_left li.leftnav_title {
color: #F7E6C9;
font-size: 1em;
margin: 0
padding: 0;
font-weight: bold;
}

/* news in left column */
#news_left {
background-color: #9AB8F4;
border: 2px solid #DDB289;
padding: 5px;
color: black;
margin-bottom: 3px;
margin-top: 8px;
}

#blogs {
background-color: #F2CB86;
border: 2px solid #DDB289;
padding: 5px;
color: black;
margin-bottom: 3px;
font-size: 1em;
height: 243px;
margin-top: 8px;
}
#blogs h4 {
margin: 0;
font-size: 1.1em;
font-weight: bold;
}
#blogs a:link, #blogs a:visited, #blogs a:active {
text-decoration: none;
color: #2E3192;
font-size: 0.85em;
}

#current_events {
border: 2px solid #DDB289;
padding: 5px;
margin-top: 8px;
margin-bottom: 8px;
font-size: 0.85em;
background-color: #F7E6C9;
}

#current_events h2 {
color: #7C573D;
font-size: 1.2em;
margin-top: 0;
}

#current_events a {
text-decoration: none;
font-weight: bold;
color: #2E3192;
}

.current_events_detail {
display: none;
position: absolute;
margin-top: 3px;
width: 300px;
overflow: auto;
border: 2px solid #7C7C7C;
background-color: white;
padding: 10px;
z-index: 1000;
}
.current_events_close {
font-size: 1.3em;
font-weight: bold;
text-decoration: none;
color: #7C7C7C;
position: absolute;
top: 0px;
right: 0px;
border-left: 1px solid #7C7C7C;
border-bottom: 1px solid #7C7C7C;
margin: 0;
padding-left: 3px;
padding-right: 3px;
cursor: pointer;
}

#hotchalk {
margin-top: 8px;
}

#member_bookmarks {
background-color: #CFE0F9;
border: 2px solid #9AB8F4;
padding: 5px;
margin-bottom: 8px;
font-size: 0.85em;
}

#member_bookmarks h3 {
font-size: 1em;
}

#member_bookmarks h2 {
font-size: 1.1em;
}

/* direct ads */

#mvBoxAd {
margin-top: 8px;
}

.dfp_ad {
border: 2px solid #DDB289;
margin-top: 8px;
background-color: #7C7C7C;
width: 156px;
height: 90px;
}
.dfp_double_ad {
border: 2px solid #DDB289;
margin-top: 8px;
background-color: #7C7C7C;
width: 156px;
height: 192px;
}
/* main content */
#intro_text {
background-color: #F2CB86;
padding: 8px;
margin-bottom: 8px;
border: 2px solid #DDB289;
width: 100%;
}
#intro_text h1 {

font-size: 1.4em;
font-weight: bold;
margin-top: 0;
margin-bottom: 0px;
margin-left: 5px;
color: #2E3192;
font-style: italic;
}
#front_intro_text {
background-color: #F2CB86;
padding: 8px;
margin-bottom: 8px;
margin-top: 8px;
border: 2px solid #DDB289;
width: 100%;
}
#front_intro_text h1 {

font-size: 1.4em;
font-weight: bold;
margin-top: 0;
margin-bottom: 0px;
margin-left: 5px;
color: #2E3192;
font-style: italic;
}

#image_cycle {
background-color: #9AB8F4;
border: 2px solid #DDB289;
width: 100%;
overflow: auto;
padding: 8px;
}
#cycle_image {
float: left;
margin: 0 3px 0 0; 
border: 3px solid #B8CDF8;
padding: 0;
height: 300px;
width: 400px;
}
#cycle_image img {
display: none;
}
#cycle_image .first {
display: block;
}
#cycle_text {
float: left;
margin: 10px;
width: 200px;
clear: right;
height: 250px;
}
#cycle_links {
width: 230px;
margin-top: 200px;
margin-left: 420px;
}
#cycle_links ul {
list-style: none;
}
#cycle_links ul li {
height: 30px;
width: 20px;
background-image: url("circle_dark.gif");
background-repeat: no-repeat;
color: white;
font-weight: bold;
padding-left: 12px;
padding-top: 7px;
margin: 0;
float: left;
}

#cycle_links a {
height: 30px;
width: 20px;
background-image: url("circle_dark.gif");
background-repeat: no-repeat;
color: white;
font-weight: bold;
padding-left: 12px;
padding-top: 7px;
margin: 0;
float: left;
text-decoration: none;
color: white;
}

#cycle_links a.activeSlide {
background-image: url("circle_light.gif");
}
#nav_content_wrapper {
margin-top: 4px;
float: left;
}
#content_links {
background-color: #F2CB86;
border: 2px solid #DDB289;
width: 428px;
float: left;
border-bottom: 1px solid black;
padding: 8px;
margin-top: 5px;
}
#content_links h1 {
font-size: 1.2em;
font-weight: bold;
}
.nav_link {
clear: both;
height: 65px;
margin-bottom: 7px;
}
.nav_link img {
float: left;
margin-right: 5px;
border: 0;
}
.nav_link h2  {
font-size: 1.1em;
color: #2E3192;
margin: 0;
}
.nav_link h2 a {
text-decoration: none;
}
a.more {
color: #2E3192;
text-decoration: none;
font-weight: bold;
}
div.morelinks {
border-top: 1px solid black;
}
div.morelinks h2 {
font-size: 1.1em;
font-style: italic;
}
div.morelinks ul li a {
font-size: 1.1em;
color: #2E3192;
text-decoration: none;
padding-left: 5px;
font-weight: bold;
}
#highlight_wrapper {
float: right;
width: 207px;
margin-left: 8px;
margin-right: -20px;
margin-top: 0px;
}
div.highlight {
background-color: #F7E6C9;
border: 2px solid #DDB289;
margin-top: 8px;
padding: 5px;
}
div.highlight h2 {
color: #7C573D;
font-size: 1.1em;
margin-top: 3px;
margin-bottom: 5px;
}
div.highlight h3 {
color: #7C573D;
font-size: 1em;
margin-top: 3px;
margin-bottom: 5px;
}

/* obscure words */
#obscure_word {
position:relative;
}
.obscure_word {
font-size: 1.1em;
color: #2E3192;
text-decoration: none;
font-weight: bold;
background-color: white; 
padding: 3px;
cursor: pointer;
display: inline;
}
#obscure_word_def {
display: none;
position: absolute;
top:2em; 
left:2em;
width: 200px;
overflow: auto;
border: 2px solid #7C7C7C;
background-color: white;
padding: 10px;
z-index: 1000;
}
#obscure_word_close {
font-size: 1.3em;
font-weight: bold;
text-decoration: none;
color: #7C7C7C;
position: absolute;
top: 0px;
right: 0px;
border-left: 1px solid #7C7C7C;
border-bottom: 1px solid #7C7C7C;
margin: 0;
padding-left: 3px;
padding-right: 3px;

cursor: pointer;
}
/*
div.highlight a {
text-decoration: none;
}
*/

/* right column */
#sponsors {
font-size: 0.8em;
margin-top: 8px;
}
#login {
background-color: #F2CB86;
border: 2px solid #DDB289;
padding: 5px;
margin-top: 8px;
font-size: 0.8em;
color: #7C573D;
font-weight: bold;
}
#login h2 {
color: #7C573D;
font-size: 1.1em;
margin-top: 0;
}
#login a {
text-decoration: none;
font-size: 1.1em;
color: #2E3192;
}
#login #forgot_pass {
font-size: 0.9em;
font-weight: normal;
}
input.login_button {
color: white;
background-color: #B18659;
font-size: 0.9em;
font-weight: bold;
border: none;
padding: 2px;
margin-top: 2px;
}
#multiview {
border: 2px solid #DDB289;
margin-top: 9px;
height: 230px;

}
#shop {
border: 2px solid #DDB289;
margin-top: 8px;
height: 229px;
font-size: 0.85em;
}
#shop h2 {
color: #7C573D;
font-size: 1.1em;
margin-top: 0;
}
#shop img {
margin-left: auto;
margin-right: auto;
display: block;
margin-bottom:3px;
}
#google_mockup {
width: 160px;
margin-top: 8px;
margin-bottom: 8px;
}

#monkeysee {
width: 156px;
background-color: #668CD9;
border: 2px solid #DDB289;
}


/* footer */

#adsense_bottom {
width: 728px;
float: left;
clear: both;
margin-bottom: 7px;
margin-left: 165px;
}

#adsense_links {
width: 200px;
float: right;
margin-bottom: 7px;
}
#footer {
position: relative; 
top: 7px; 
clear: both;
background-color: #F2CB86;
border: 2px solid #DDB289;
overflow: auto;

width: 100%;
}
#footer_content {
width: 90%;
border-top: 2px solid black;
margin-top: 7px;
margin-left:auto;
margin-right:auto;
text-align: center;
clear: both;
}

#footer ul {
margin-top: 5px;
text-align: center;
margin-left: -20px;
}

#footer ul li {
list-style: none;
margin: 0;
display: inline;
}
#footer ul li a {
margin-left: 10px;
margin-right: 10px;
text-decoration: none;
font-style: italic;
font-size: 1em;
color: black;
}

#footer #copyright {
font-size: 0.85em;
margin: 0px 5px;
}

/* forms */
input.bordered {
border: 1px solid #DDB289;
}
input.search_button {
color: white;
background-color: #5D6BD1;
font-size: 0.8em;
font-weight: bold;
border: none;
padding: 2px;
}
table.form {
color:#000000; 
background-color:#ffffff; 
border: 1px solid #bbb; 
margin-left: auto; 
margin-right: auto;
}
table.form .set_label {
font-weight: bold; 
margin-left: 27px;
}

/* content page */
#content {
background-color: #F2D8AA;
padding: 8px;
margin-bottom: 8px;
border: 2px solid #DDB289;
width: 100%;
overflow: auto;
}
#content a.outlink:link,  #content a.outlink:visited {
color: #555555;
}
#content h1 {
font-size: 1.4em;
font-weight: bold;
margin-top: 0;
margin-bottom: 5px;
margin-left: 12px;
color: #2E3192;
font-style: italic;
}
#content h5 {
font-size: 1em;
}
#content ul  li {
list-style-position: inside;
} 
#content_wrapper {
float: left;
margin: 12px;
margin-top: 5px;
}
#content_image img {
clear: both;
margin-bottom: 5px;
border: 0;
}
#content_caption {
font-weight: bold;
font-size: 11px;
clear: both;
}
#content_page_links {
margin-top: 10px;
}
#content_page_links h2 {
font-style: italic;
font-size: 1.1em;
}
#content_page_links a {
color: #2E3192;
text-decoration: none;
font-weight: bold;
}
#content_text {
float: right;
}
#last_updated {
font-style: italic;
font-size: 0.85em;
clear: both;
}
#features {
background-color: #F9F8F7;
border: 2px solid #DDB289;
width: 100%;
padding: 8px;
}

#features h2 {
font-size: 1.1em;
}

.feature {
clear: both;
padding: 10px;
overflow: auto;
}
.feature img {
float: left;
margin-right: 7px;
border: 0;
}
.feature h2 {
margin: 0;
font-size: 1em;
}
.feature h2 a:link,  .feature h2 a:visited, .feature h2 a:active {
font-size: 1em;
color: #2E3192;
text-decoration: none;
}

#adsense_content {
margin-top: 10px;
text-align: center;
margin-left: 90px;
}

/* image page */
body.image_page {
background-color: black; 
background-image: none;
color:#ffcc66; 
font: 10pt Arial, Helvetica, sans-serif; 
margin-left: auto; 
margin-right: auto;
padding: 10px;
}

.image_page a:link, .image_page a:visited, .image_page a:active {
color: #66ccff;
}

/* current events */
#events_scroll ul {
padding: 0;
margin: 0;
}

#events_scroll li {
list-style-type: none;
padding: 0;
margin: 0;
}

/* RSS feeds */
#news_left select {
color: #1B1C54;
background-color: #9AB8F4;
border: 0;
font-size: 11px;
font-weight: bold;
margin-bottom: 5px;
margin-left: -4px;
outline: none;
}
#news_left h4 {
margin: 0;
font-size: 1em;
font-weight: bold;
}

#news_left h4 a:link, #news_left h4 a:visited {
text-decoration: none;
color: #1a1a1a;
}
/*
.rssHeader {
display: none;
}
*/
.rssHeader {
background-color: #9AB8F4;
font-size: 11px;
border-bottom: 1px solid #CFE0F9;
margin-bottom: 2px;
}
.rssHeader a {
color: #666666;
text-decoration: none;
font-weight: bold;
}

.rssBody {
background-color: #CFE0F9;
margin-top: 4px;
margin-bottom: 4px;
}
.rssBody a {
color: #2E3192;
text-decoration: none;
font-weight: bold;
}

.rssBody h4 {
margin-top: 0;
margin-bottom: 0;
}
.rssBody div {
font-style: italic;
}
.rssBody ul {
list-style: none;
padding-left: 0;
font-size: 11px;
}

.rssRow  {
background-color: #CFE0F9;
margin: 3px;
}
.rssRow h4, .rssRow p, .rssRow div {
padding: 3px;
}
.gfc-control {
font-size: 11px;
}


.gfc-result {
display: none;
}
.gfc-result .first {
display: block;
}

.gfc-result div.gf-title {
height: auto;
overflow: auto;
}
.gf-title a {
color: #2E3192;
text-decoration: none;
font-weight: bold;
}
.gf-result {
background-color: #CFE0F9;
border: 1px solid #9AB8F4;
margin: 0;
padding: 2px;
}
.gf-snippet {
display: none;
}

/* front page boxes */

#front_boxes_wrapper {
width: 437px;
float: left;
margin-top: 8px;
margin-right: 8px;
}
div.front_box {
background-color: #F9F8F7;
border: 2px solid #DDB289;
width: 417px;
height: 115px;
float: left;
margin-bottom: 12px;
margin-right: 0;
margin-left: 0;
padding: 10px;
overflow: auto;
}
div.front_box img {
float: left;
margin-right: 7px;
margin-top: 3px;
border: 0;
}
div.front_box h2 {
font-size: 1em;
margin: 0;
}
div.front_box a:link, div.front_box a:visited,  div.front_box a:active {
color: #2E3192;
text-decoration: none;
}

div.front_box .box_sponsor {
font-size: 0.85em;
font-style: italic;
}


#front_events {
height: 427px;
margin-bottom: 12px;
}
#front_events .event, #front_events .cal_link {
font-size: 0.85em;
}

#front_events .event {
margin-bottom: 3px;
}

.event_details {
position: relative;
display: inline;
}
.event_details_link {
text-decoration: underline;
cursor: pointer;
color: blue;
display: inline;
}
.event_def {
display: none;
position: absolute;
top: 2em; 
left: 2em;
width: 200px;
overflow: auto;
border: 2px solid #7C7C7C;
background-color: white;
padding: 10px;
z-index: 200000;
}
.event_def_close {
font-size: 1.3em;
font-weight: bold;
text-decoration: none;
color: #7C7C7C;
position: absolute;
top: 0px;
right: 0px;
border-left: 1px solid #7C7C7C;
border-bottom: 1px solid #7C7C7C;
margin: 0;
padding-left: 3px;
padding-right: 3px;

cursor: pointer;
}

#side_events {
background-color: #CFE0F9;
border: 2px solid #9AB8F4;
padding: 5px;
margin-bottom: 8px;
}
#side_events .event, #side_events .cal_link {
font-size: 0.85em;
}
#side_events h3 {
font-size: 1em;
}

#front_didyouknows {
height: 125px;
margin-bottom: 12px;
}
#front_obscurities {
height: 276px;
overflow: hidden;
}



/* postcards */
#postcard {
margin-bottom: 8px;
border: 2px solid #DDB289;
width: 660px;
overflow: auto;
}
#postcard_header {
text-align: center;
padding: 0;
}

/* image gallery */

#gallery {
background-color: #9AB8F4;
padding: 8px;
margin-bottom: 8px;
border: 2px solid #DDB289;
width: 100%;
}
#gallery h1 {

font-size: 1.4em;
font-weight: bold;
margin-top: 0;
margin-bottom: 0px;
margin-left: 5px;
font-style: italic;
color: #2E3192;
}

#gallery_images h3 {
margin-left: 10px;
}
#image_menu h3 {
color: #9AB8F4;
margin-left: 10px;
}

/* tours */

ul.tours  {
	float:right;
	list-style: none;
	font-size: .8em;
	margin: 0;

}
ul.tours li {
	float: left;
}
ul.tours li a {
	padding: 8px 12px;
	display: block;
	font-weight:bold;
	color: #1a1a1a;
	text-decoration: none;
}
ul.tours li a:hover { 
background-color:#9AB8F4; 
color:#fff; }

#tour_content {
clear: both;
}

/* News Flash boxes */

#announce {
background-color: #F2CB86;
border: 2px solid #DDB289;
width: 100%;
padding: 8px;
margin-bottom: 8px;
overflow: auto;
}

#announce_nav {
background-color: #f2d7aa;
border: 2px solid #DDB289;
width: 100%;
padding: 8px;
margin-top: 8px;
overflow: auto;
}

#community_nav {
background-color: #f2d7aa;
border: 2px solid #DDB289;
width: 100%;
padding: 8px;
margin-top: 8px;
height: 280px;
}

#community {
background-color: #F2CB86;
border: 2px solid #DDB289;
width: 100%;
padding: 8px;
margin-bottom: 8px;
height: 280px;
}

#adrect {
float: right;
}

#new_pages {
float: right;
width: 280px;
height: 250px;
margin-left: 10px;
margin-right: 10px;
overflow: auto;
}



div.community_link {
background-color: #F9F8F7; 
border: 1px solid #DDB289; 
width: 142px; 
height: 50px;
margin-right: 7px;
margin-top: 3px;
margin-bottom: 3px;
}

div.community_link img {
width: 50px;
height: 50px;
float: left; 
margin-right: 6px;
}

#community h3, #community_nav h3 {
color: #7C573D;
font-size: 1.2em;
margin-top: 0;
margin-bottom: 6px;
}

div.community_link a, #new_pages a {
color: #2E3192;
text-decoration: none;
font-weight: bold;
}

/* generic tables and buttons */

table {
border-collapse:collapse;
}

table.whitebg, table.whitebg td, div.whitebg {
border: 1px solid black;
background-color: white;
}

table.whitebg th {
border: 1px solid black;
background-color:  #CFE0F9;
}
table.noborders td, table.noborders th {
border: none;
}

.button {
color: white;
background-color: #B18659;
font-size: 0.9em;
font-weight: bold;
padding: 2px;
margin-top: 2px;
border: 1px solid #DDB289;
text-decoration: none;
cursor: pointer;
}

.button[disabled] {
background-color: #eee;
cursor: text;
}

.button_light {
color: black;
background-color: #F2D8AA;
font-size: 0.9em;
border: 1px solid #DDB289;
padding: 1px;
margin-top: 3px;
text-decoration: none;
cursor: pointer;
}

.button_light[disabled] {
background-color: #eee;
cursor: text;
}

/* errors */
.error {
color: red;
}

#donation_ad {
background-color: #F2D8AA;
border: 2px solid #DDB289;
padding: 8px;
margin-bottom: 5px;
margin-top: 5px;
}
#donation_ad img {
float: left;
margin-right: 8px;
}
#donation_ad img#closewindow {
margin: 0px;
position: absolute;
right: 0.7em;
top: 0.7em;
z-index: 1000;
cursor: pointer;
}

img.help {
 float:right; 
 border:none;
}

img.help_nofl {
 border:none;
}

/* teacher resources */
table.activity_table, table.activity_table td {
border: 1px solid #333333; 
padding: 5px;
background-color: #CFE0F9;
}

table.activity_table td ul {
list-style-position: outside;
padding-left: 5px;
}

table.activity_table p, table.activity_table ul {
margin-top: 0;
}

#ad_top {
width: 728px;
margin-left: auto;
margin-right: auto;
margin-bottom: 3px;
}

.ad_store_content {
width: 500px;
height: 80px;
border: 1px solid #DDB289;
margin-left: auto;
margin-right: auto;
background-color: white;
margin-top: 5px;
font-size: 0.85em;
}

.ad_store_content h4 {
font-size: 1.1em;
margin-top: -3px;
margin-bottom: 0;
padding: 0;
}

.ad_store_content img.left {
margin: 5px;
margin-right: 8px;
float: left;
height: 70px;
max-width: 70px;
}
.ad_store_content img.right {
margin: 5px;
float: right;
height: 70px;
}


label {
font-weight: bold;
}


.pages_list {
display: none;
position: absolute;
top:10em; 
left:10em;
width: 200px;
overflow: auto;
border: 2px solid #7C7C7C;
background-color: white;
padding: 10px;
z-index: 1000;
}
.pages_list_close {
font-size: 1.3em;
font-weight: bold;
text-decoration: none;
color: #7C7C7C;
position: absolute;
top: 0px;
right: 0px;
border-left: 1px solid #7C7C7C;
border-bottom: 1px solid #7C7C7C;
margin: 0;
padding-left: 3px;
padding-right: 3px;
cursor: pointer;
}