@charset "utf-8"; /* CSS Document */ * { margin: 0; padding: 0; } body { background-color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; text-align: justify; } #pageWrap { position: relative; width: 900px; height: 700px; margin: 0 auto; padding: 0 0 10px 0; background-image: url(images/all-bg.jpg); background-repeat: no-repeat; } a { /* eliminates outline around clicked links (Firefox) */ outline: none; } a img { border: none; } a:link, a:visited { color: #791200; text-decoration: none; } a:hover { color: #791200; text-decoration: underline; } #colA { position: absolute; top: 185px; left: 26px; width: 136px; text-align: left; } #linksHead { font-family: "Times New Roman", Times, serif; font-size: 14px; font-weight: bold; color: #791200; margin-bottom: 9px; } #colA ul { margin-bottom: 14px; list-style-type: none; } a:link, a:visited { color: #791200; text-decoration: none; } a:hover { color: #791200; text-decoration: underline; } #ruleVertA { position: absolute; top: 183px; left: 177px; width: 3px; height: 476px; background-image: url(images/all-bullet_vert.gif); background-repeat: repeat-y; } .ruleVert { width: 3px; background-image: url(images/all-bullet_vert.gif); background-repeat: repeat-y; } .ruleHor { height: 3px; background-image: url(images/all-bullet_hor.gif); background-repeat: repeat-x; } .quote { font-size: 11px; font-style: italic; font-weight: bold; margin-top: 12px; line-height: 12px; } .highlight { color: #791200; } /* Nav Main ------------------------------------------------------------------- */ /* All button states for an individual button are in one JPG e.g. all-home.jpg. Main pages have an id in the body tag to allow selection of the 3rd button state e.g. . */ #homeButton { position: absolute; display: block; top: 129px; left: 9px; width: 162px; height: 38px; } a:link#homeButton, a:visited#homeButton { background-image: url(images/all-home.jpg); } a:hover#homeButton { background-image: url(images/all-home.jpg); background-position: -162px; } #home a#homeButton { background-image: url(images/all-home.jpg); background-position: 162px; } #historiansButton { position: absolute; display: block; top: 129px; left: 188px; width: 163px; height: 38px; } a:link#historiansButton, a:visited#historiansButton { background-image: url(images/all-historians.jpg); } a:hover#historiansButton { background-image: url(images/all-historians.jpg); background-position: -163px; } #historians a#historiansButton { background-image: url(images/all-historians.jpg); background-position: 163px; } #knowledgeButton { position: absolute; display: block; top: 129px; left: 368px; width: 163px; height: 38px; } a:link#knowledgeButton, a:visited#knowledgeButton { background-image: url(images/all-knowledge.jpg); } a:hover#knowledgeButton { background-image: url(images/all-knowledge.jpg); background-position: -163px; } #knowledge a#knowledgeButton { background-image: url(images/all-knowledge.jpg); background-position: 163px; } #creditsButton { position: absolute; display: block; top: 129px; left: 548px; width: 164px; height: 38px; } a:link#creditsButton, a:visited#creditsButton { background-image: url(images/all-credits.jpg); } a:hover#creditsButton { background-image: url(images/all-credits.jpg); background-position: -164px; } #credits a#creditsButton { background-image: url(images/all-credits.jpg); background-position: 164px; } #helpButton { position: absolute; display: block; top: 129px; left: 729px; width: 163px; height: 38px; } a:link#helpButton, a:visited#helpButton { background-image: url(images/all-help.jpg); } a:hover#helpButton { background-image: url(images/all-help.jpg); background-position: -163px; } #help a#helpButton { background-image: url(images/all-help.jpg); background-position: 163px; } /* Home ------------------------------------------------------------------- */ #home #colA { position: absolute; top: 168px; left: 29px; width: 163px; } #home .quote { font-size: 11px; font-style: italic; font-weight: bold; margin-top: 0; margin-bottom: 6px; line-height: 12px; text-align: left; } #home #ruleVertA { position: absolute; top: 190px; left: 200px; width: 3px; height: 476px; background-image: url(images/all-bullet_vert.gif); background-repeat: repeat-y; } #flashTom { width: 163px; height: 179px; margin-bottom: 8px; } .smallCopy { font-size: 10px; color: #603813; line-height: 12px; } #home #colB { position: absolute; top: 189px; left: 212px; width: 207px; } #tahGrants { margin-bottom: 8px; } .bulletPointA { height: 34px; padding-left: 28px; background-image: url(images/home-bullet_diamond.gif); background-repeat: no-repeat; font-size: 13px; font-weight: bold; line-height: 16px; text-align: left; padding-bottom: 5px; } .bulletPointB { height: 34px; padding-left: 28px; background-image: url(images/home-bullet_diamond.gif); background-repeat: no-repeat; font-size: 13px; font-weight: bold; line-height: 16px; text-align: left; padding-bottom: 10px; } #colB .ruleHor { margin-bottom: 4px; } #home #colC { position: absolute; top: 195px; left: 436px; width: 437px; font-size: 10px; line-height: 12px; } #home #colC .ruleHor { margin-left: 5px; width: 427px; } #readOn { margin-top: 14px; } #readOn { margin-left: 40px; } #timeline { margin-left: 26px; } #flashBuilding { width: 437px; height: 253px; margin-top: 9px; margin-bottom: 9px; } #timePeriods { margin-left: 2px; margin-bottom: 12px; } .dates { margin-bottom: 7px; } #home #colC #col1 { float: left; width: 104px; margin-right: 21px; text-align: right; } #home #colC #col2 { float: left; width: 112px; margin-left: 38px; text-align: left; } #home #colC #col3 { float: left; width: 117px; margin-left: 31px; text-align: left; } #home #colC .ruleVert { float: left; margin-top: 6px; height: 92px; } /* Historians ------------------------------------------------------------------- */ #historians #headline { position: absolute; top: 180px; left: 194px; } #historians #contentWrap { position: absolute; top: 233px; left: 189px; width: 680px; height: 418px; } /* Test Your Knowledge ------------------------------------------------------------------- */ #knowledge #headline { position: absolute; top: 179px; left: 189px; } #knowledge #contentWrap { position: absolute; top: 238px; left: 194px; width: 680px; } #loginBox { position: relative; margin: 13px 24px 11px 4px; width: 639px; height: 129px; background-image: url(images/knowledge-login_box.jpg); background-repeat: no-repeat; } #signIn { position: absolute; top: 50px; left: 37px; } #user { position: absolute; top: 34px; left: 120px; } #pass { position: absolute; top: 70px; left: 120px; } input#username, input#password { position: absolute; left: 181px; width: 126px; } #username { top: 28px; } #password { top: 64px; } #submit { position: absolute; top: 97px; left: 223px; } #register { position: absolute; top: 8px; left: 372px; } #registerContent { position: absolute; top: 32px; left: 372px; width: 266px; } #knowledge #student { margin: 0 0 9px 26px; } #knowledge #col1 { float: left; width: 120px; margin: 41px 49px 0 0; padding-left: 35px; /* Padding instead of Margin = Workaround for IE6 */ } #knowledge #teacher { margin: 0 0 9px 26px; } #knowledge #col2 { float: left; width: 122px; margin: 41px 49px 0 49px; } #knowledge #guest { margin: 0 0 9px 34px; } #knowledge #col3 { float: left; width: 122px; margin: 41px 0 0 49px; } #knowledge .ruleVert { float: left; margin-top: 26px; height: 223px; } /* Credits ------------------------------------------------------------------- */ #credits #contentWrap { position: absolute; top: 180px; left: 194px; width: 684px; } /* Help ------------------------------------------------------------------- */ #help #headline { position: absolute; top: 180px; left: 194px; } #contact { position: absolute; top: 201px; left: 765px; } #help #contentWrap { position: absolute; top: 232px; left: 191px; width: 675px; font-size: 11px; line-height: 13px; text-align: left; } #howTo { margin: 12px 0 4px 0; } #howContent { margin-bottom: 12px; } #help #col1 { float: left; width: 328px; margin-top: 16px; } #help #col2 { float: left; width: 328px; margin: 16px 0 0 13px; } #help .ruleVert { float: left; margin-top: 10px; height: 311px; } #help #student, #help #teacher, #help #general { margin: 12px 0 2px 0; } #teacherContent { width: 166px; } #lincoln { float: right; margin-top: 12px } /* Table of Contents ------------------------------------------------------------------- */ #toc #headline { position: absolute; top: 179px; left: 190px; } #toc #contentWrap { position: absolute; top: 317px; left: 195px; width: 680px; } #toc #col1 { float: left; width: 176px; margin: 12px 26px 0 0; padding-left: 23px; /* Padding instead of Margin = Workaround for IE6 */ } #toc #col2 { float: left; width: 176px; margin: 12px 25px 0 25px; } #toc #col3 { float: left; width: 176px; margin: 12px 0 0 26px; } #toc .ruleVert { float: left; margin-top: 19px; height: 314px; } #toc #contentWrap p { margin-bottom: 18px; } /* Content ------------------------------------------------------------------- */ #content #contentWrap { position: absolute; top: 187px; left: 10px; width: 880px; height: 450px; } /******************* Extra Added By Gavin *******************/ .indent { margin-left : 2em; } .correct { margin-left : 2em; color : #139; } ul.incorrect_options { margin-top : 1em; margin-bottom : 1em; } ul.incorrect_options li { margin-left : 3em; } .tall { padding : 2em; background-color : #EFCF92; } .hidden { visibility : hidden; } #select_table { width : 600px; height : 12em; } #school_name, #teacher_name, #class_name { width : 180px; } .reg_select { width : 160px; } p.logged_in { color : #fff; } p.logged_in a { color : cyan; text-decoration : underline; } table.assess_list td, th { padding : 5px; } input { background-color : #EFCF92; } .email_message { background-color : #EFCF92; font-family : Arial, Verdana; width : 30em; height : 12em; } .sent_message { background-color : #ffcc99; border : solid 1px #000000; padding : 10px; width : 45em; } .faq_question { margin-bottom : 1em; } .faq_answer { margin-bottom : 2em; } #faq_frame { width : 320px; height : 300px; border : 0px; } #faq { background-color : #ffffff; font-color : #000000; background : transparent; /* filter : alpha(opacity=0); */ font-family : Arial, Verdana; font-size : 8pt; }