/* TIMES ONLINE - SPELLING BEE CLASSROOM CSS */

/* Facebook CSS */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,th {font-size: 1em;  font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
.hidden {display: none;}
.bg {background-color: #f5f5f5;}

body { font-family: Trebuchet MS, Arial, Verdana; color: #333; }
#top_container {background: #ffe010; width: 738px; height: 750px; }

#cr_uber_container {float: left; background:url('../images/classroom/cr_top_bg.gif') repeat-x; width: 100%;}
#cr_container { margin: 0 10px; width: 650px; }
#cr_content { float: left; width: 651px; background: url('../images/classroom/cr_content_bg.gif') top left no-repeat; padding: 0 15px;}

#header { margin: 0 10px; width: 650px; height: 107px; }
#header_logo { float: left; width: 650px; padding: 3px 0px;  }
#header_logo img.logo { float: left;  margin: 5px 0 0px 0px; }
#header_logo img.text { float: left;  margin: 20px 0 0px 35px;}
#header_logo img.spelling_bee { float: right;  margin: 15px 15px 0px 0px; }

#classroom_template {float: left; width: 650px; padding: 20px; background: #fff;overflow:hidden;border:0px solid red;}
#classroom_template .cr_flash_holder {float: left; width: 640px; background: #fff;}

.footer_top { width: 650px; height: 8px; margin: 0 15px; background:url('../images/classroom/cr_footer_bg.gif') bottom no-repeat #fff;}

#footer { float: left; background: #ffe010; width: 100%; }
#footer_content { margin: 0 30px; width: 650px; padding: 10px 0px; }
#footer_content a {color: #333; text-decoration: none;}
#footer_content a:hover {color: #333; text-decoration: underline;}
#footer_content .footer_left {float: left; width: 325px;}
#footer_content .footer_right {float: right; width: 325px; text-align: right;}

h1 {font-family: Trebuchet MS; font-weight: bold; font-size: 15pt; margin: 0 0 20px 0; padding: 0 5px; background: #fde31c; float: left; display: block; clear: left;}
h2 {font-family: Trebuchet MS; font-weight: bold; font-size: 12pt; padding: 0 0 8px 0; float: left; display: block; clear: left; width: 100%;  }
h3 {font-family: Trebuchet MS; font-weight: bold; font-size: 10pt; padding: 1px; background: #fde31c; float: left; display: block; clear: left; padding: 0 5px;}
h4 {font-family: Trebuchet MS; font-weight: bold; font-size: 10pt;}
p {font-family: Trebuchet MS; font-size: 8pt; padding: 0 0 8px 0; float: left; #float: none; #width: 100%;   }

.troubleshootGame { color: #666666; font-size: 8pt}
.troubleshootGame:hover { color: #333333; }

.troubleshootGamePadded  { color: #666666; margin-left:32px }
.troubleshootGamePadded:hover { color: #333333; }

* html .footer_top {background: transparent;}
* html #cr_content { background-position: -200px 0px;padding:0px;}