body {background-color: #99c} #sheet {width: 100%; min-width: 1140px; background-color:#669} #titlebox {width: 100%; min-width: 1140px; height:160px; float:left; background-color: white; border:none} #modulebox {width: 200px; float:right; background-color: white; text-align:center} #contentwrap {width: 100%; min-width: 1140px;} #content {width:93%; float:right; background-color: #ffc; padding-top: 10px;} #leftmenu {width: 100px; float:left; background-color:#669} #chapterbar {float:left; background-color:#669; margin-left:10px} #tabbar {position:absolute; top:149px; margin-left:10px} div.topmenu {position: absolute; left: 500px; top: 138px; font-weight: bold; z-index: 1;} div.menu {float: right; margin-left: 10px; } div.popup a:hover {background-color: #fff;} div.menu:hover div:first-child {border-bottom: none;} div.menu div.popup {display: none;} div.menu:hover div.popup {display: block; background-color: #ccc;} div.menu div {width: 250px; background-color: #99f; padding: 5px;} div.popup div, div.popup a {display:block; text-decoration: none; margin: 2px 2px 2px 5px; } div.popup div + div, div.popup a + a { margin-top: 10px; } #activecontent a {background-color:#ccf} #activecontent a:hover {background-color:#09f} #activecontent a b {display:block; border:10px solid #ccf; float:right; clear:right; margin-left:30px;} #activecontent a b#item1 {width:100px; height:100px; background:url(ch1_p3_2b.jpg)} #activecontent a b#item2 {width:100px; height:100px; background:url(ch1_p3_2a.jpg)} #activecontent a b#item3 {width:100px; height:100px; background:url(ch1_p3_2c.jpg)} #activecontent a b#item4 {width:100px; height:80px; background:url(ch1_p3_15a.jpg)} #activecontent a b#item5 {width:100px; height:80px; background:url(ch1_p3_15b.jpg)} #activecontent a b#item6 {width:100px; height:80px; background:url(ch1_p3_15c.jpg)} #activecontent a b#item7 {width:100px; height:80px; background:url(ch1_p3_15d.jpg)} #activecontent a b#item8 {width:100px; height:80px; background:url(ch1_p3_15e.jpg)} #activecontent a b#item9 {width:100px; height:80px; background:url(ch1_p3_15f.jpg)} #activecontent a b#item10 {width:100px; height:80px; background:url(ch1_p3_15g.jpg)} #activecontent :hover b#item1 {border: 10px solid #09f} #activecontent :hover b#item2 {border: 10px solid #09f} #activecontent :hover b#item3 {border: 10px solid #09f} #activecontent :hover b#item4 {border: 10px solid #09f; background:url(ch1_p3_15aalt.jpg)} #activecontent :hover b#item5 {border: 10px solid #09f; background:url(ch1_p3_15balt.jpg)} #activecontent :hover b#item6 {border: 10px solid #09f; background:url(ch1_p3_15calt.jpg)} #activecontent :hover b#item7 {border: 10px solid #09f; background:url(ch1_p3_15dalt.jpg)} #activecontent :hover b#item8 {border: 10px solid #09f; background:url(ch1_p3_15ealt.jpg)} #activecontent :hover b#item9 {border: 10px solid #09f; background:url(ch1_p3_15falt.jpg)} #activecontent :hover b#item10 {border: 10px solid #09f; background:url(ch1_p3_15galt.jpg)} #iconoutline {position:absolute; left:40px; top:100px; background-color:#ccf; width:60px; height:30px} #iconstudy {position:absolute; left:115px; top:100px; background-color:#99f; width:60px; height:30px} #iconlecture {position:absolute; left:190px; top:100px; background-color:#66f; width:60px; height:30px} #icondiscuss {position:absolute; left:265px; top:100px; background-color:#33f; width:60px; height:30px} #iconexper {position:absolute; left:340px; top:100px; background-color:#00c; width:60px; height:30px} #iconexam {position:absolute; left:415px; top:100px; background-color:#009; width:60px;; height:30px} #iconpolicy {position:absolute; left:490px; top:100px; background-color:#006; width:60px; height:30px} #iconoutline:hover {background-color:#ccc} #iconlecture:hover {background-color:#ccc} #iconstudy:hover {background-color:#ccc} #icondiscuss:hover {background-color:#ccc} #iconexper:hover {background-color:#ccc} #iconexam:hover {background-color:#ccc} #iconpolicy:hover {background-color:#ccc} #iconch1 {position:absolute; left:10px; top:190px; background-color:#99f; width:60px; height:45px} #iconch2 {position:absolute; left:10px; top:255px; background-color:#99f; width:60px; height:45px} #iconch3 {position:absolute; left:10px; top:320px; background-color:#99f; width:60px; height:45px} #iconch4 {position:absolute; left:10px; top:395px; background-color:#99f; width:60px; height:45px} #iconchg {position:absolute; left:10px; top:610px; background-color:#99f; width:60px; height:45px} #iconchp {position:absolute; left:20px; top:665px; background-color:#99f; width:30px;; height:30px} #iconch1:hover {background-color:#ccc} #iconch2:hover {background-color:#ccc} #iconch3:hover {background-color:#ccc} #iconch4:hover {background-color:#ccc} #iconchg:hover {background-color:#ccc} #iconchp:hover {background-color:#ccc} #keepmid {text-align: center} #keepleft {float:left; margin-right:20px} #keepright {float:right; margin-left:20px} #clearall {clear:both} #textbox {width:90%; background-color: #ccf; text-align: left; margin:5%} #textboxleft {width:350px; float:left; background-color: #ccf; text-align: left; margin:10px; padding: 10px} #textboxright {width:350px; float:right; background-color: #ccf; text-align: left; margin:10px; padding: 10px} #footer {width: 100%; clear:both} #navigator {background-color: #666699; text-align: center; padding-top:10px; padding-bottom:10px} #credits {width:20%; float:left; background-color:#669; font-size:8pt; font-family: georgia; text-align: center} h1 {color: #999; font-family: arial black; font-size: 20pt; font-style: italic; margin-left: 10px} h2 {color: #999; font-family: arial; font-weight: bold; font-size: 14pt; font-style: italic; margin-left: 10px} h2.front {color: #999; font-family: arial; font-weight: bold; font-size: 14pt; font-style: italic; text-align: center} h3 {color: #999; font-family: arial; font-weight: bold; font-size: 12pt; font-style: italic; margin-left: 10px} h4 {color: #000; font-family: arial; font-weight: bold; font-size: 12pt; font-style: italic; text-align: center} h5 {color: #000; font-family: arial; font-weight: bold; font-size: 12pt; font-style: italic; margin-left: 10px} p {color: #000; font-family: georgia; font-size: 14pt; margin-left: 20px; margin-right: 20px} p.title {color: #000; font-family: arial black; font-size: 20pt; font-style: italic} p.module {color: #99f; font-family: arial black; font-size: 18pt; font-style: italic} p.tight {text-align: right; margin-top: -10px} p.quote {font-style: italic} #gentry {color: 000; font-family:arial; font-size: 18pt; font-weight: bold; margin-left: 15px; margin-top: 30px} #hbar {color:green; font-family: georgia; font-style:normal} #highlight {color:#36c; font-family: georgia black; font-style:italic} #focus {color:#36c; font-weight:bold} #footnote {background-color:#99f; font-weight:bold} #tab {margin-left: 40px} #eqref {margin-left: 300px} #textref {color:#f06; font-family: georgia; font-weight: bold} ul {color: #000; font-family: georgia; font-size: 14pt; margin-left:30px; margin-right:30px; list-style-type: square} ol {color: #000; font-family: georgia; font-size: 14pt; margin-left:30px; margin-right:30px} ol.lroman {color: #000; font-family: georgia; font-size: 14pt; margin-left:30px; margin-right:30px; list-style-type: lower-roman} li {margin-top: 10px; margin-bottom:10px} sub, sup {font-family: georgia; font-size: 65%} td.numer {border-bottom:2px solid green; text-align:center; vertical-align:bottom} td.numersml {border-bottom:2px solid green; text-align:center; font-size: 12pt; vertical-align:bottom} td.numerovr {border-bottom:2px solid green; border-top:2px solid green; text-align:center; vertical-align:bottom} td.denom {text-align:center; vertical-align:top} td.denomsml {text-align:center; font-size: 12pt; vertical-align:top} td.denomtop {border-top:2px solid green; text-align:center; vertical-align:top} td.smallspc {font-size: 8pt} #radiclg {font-size:70px} #symin {color: green; font-family: georgia; font-size: 16pt; font-style: normal; letter-spacing: 1px} #syminit {color: green; font-family: georgia; font-size: 16pt; font-style: italic; letter-spacing: 1px} #symlg {margin-left:50px; color: green; font-family: georgia; font-size: 22pt; font-style: normal; font-weight: bold; letter-spacing: 1px;} #intlg {margin-left:10px; color: green; font-family: georgia; font-size: 22pt; font-style: normal; font-weight: bold; letter-spacing: 1px;} #symlgit {margin-left:50px; color: green; font-family: georgia; font-size: 22pt; font-style: italic; font-weight: bold; letter-spacing: 1px} #overline {border-top: solid 1px} a.linklist {margin-left:10px; font-size: 14pt;} a.sublinklist {margin-left:10px; font-size: 11pt} a:link {color: #00c; font-family: georgia; font-weight: bold} a:visited {color: #609; font-family: georgia; font-weight: bold} a:hover {color: #00f; font-family: georgia; font-weight: bold} a:active {color: #99f; font-family: georgia; font-weight: bold} a.sgg:link {color: #00c; background: #fff; text-decoration: none; font-weight: normal} a.sgg:visited {color: #00c; background: #fff; text-decoration: none; font-weight: normal} a.sgg:hover {background: yellow} img.icon {height: 100px; width: 100px) img.marker {display:inline; height: 10px; width: 15px} /* studyguide style sheet documentation */ /* The elements in this style sheet are listed according to the position they are most likely to be found in within the document. */ /* body - Background behind everything else on the page. */ /* - #sheet - wrap containing all the various elements of the content -eg. sheet, header, footer, menu. */ /* - #titlebox - header - box containing title text. */ /* - p.title - formatting of title text */ /* - #modulebox - box containing "Module" and module number */ /* - p.module - formatting of module and module number text */ /* - #contentwrap - constrains linklist (menu) and content */ /* - #content - formatting of background of written content of each page */ /* - #eqref - formatting for equation reference numbers */ /* - #focus - formatting for words of note - ie: that the reader should pay specific attention to */ /* - #gentry - formatting for a glossary entry title */ /* - #hbar - formatting for the hbar symbol */ /* - #highlight - ? */ /* - #keepmid - positions an element in the content centrally */ /* - #keepleft - positions an element in the content on the left */ /* - #keepright - positions an element in content on the right */ /* - #symin - inline symbol/number/equation formatting where some elements can not be italic */ /* - #syminit - inline symbol/number/equation formattting where all elements are italic */ /* - #symlg - block formatting for symbol/number/equation where some elements can not be italic */ /* - #symlgit - block formatting for symbol/number/equation where all elements are italic */ /* - #overline - overlines text - used to make square roots etc. */ /* - #tab - an indent - used for spacing */ /* - #textbox - a central text box usually used for quotes or large blocks of information */ /* - #textboxleft - a text box postioned on the left usually used for links or information */ /* - #textboxright - a text box positioned on the right usually used for links of information */ /* - img.icon - formatting for icons indicating exercises, links, reading etc. Usually used in text boxes */ /* - #textref - formatting of references to texts */ /* - a.sgg:link - formatting of new glossary links */ /* - a.sgg:visited - formatting of previously visited glossary links */ /* - a.sgg:hover - formatting of glossary links when the mouse cursor is hovering over them */ /* - h1 - Heading one - Major heading */ /* - h2 - Heading two - Medium heading */ /* - h3 - Heading three - minor heading */ /* - h4 - Heading four - used in text boxes */ /* - h5 - Heading five - minor heading - alternative form */ /* - img.exp - formatting for exp symbol */ /* - img.op - formatting for op symbol */ /* - li - list element formatting */ /* - p - paragraph formatting */ /* - td - table cell formatting */ /* - ul - unordered list formatting */ /* - ol - ordered list formatting */ /* - ol.roman - alternate ordered list formatting - small roman numerals */ /* - sub - subscript formatting */ /* - sup - superscript formatting */ /* - table - formatting for tables */ /* - #linklist - side navigation menu */ /* - a:link - formatting of new links */ /* - a:visited - formatting of previously visited links */ /* - a:hover - formatting of links when the mouse cursor is hovering over them */ /* - a:active - formatting of links when they are clicked on */ /* - a.linklist - formatting of main elements in the side menu */ /* - img.marker - formatting of image indicating current position in side menu */ /* - p.tight - formatting of minor elements in expanded sections of the side menu */ /* - #footer - page forward/backward navigation bar at the bottom of the page */ /* - #credits - design credits */