html, body { margin: 0px; padding: 0px; background-color:#666666;
font-family: verdana, Helvetica, sans-serif;
font-size:12px;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
height:100%;
}

#wrapper {background-color:#FFF; width: 800px; padding:4px; margin: 0 auto; min-height:100%; overflow: auto; }		
#banner { height:auto; width:100%; }
#banner2{display:none;}
a { color: inherit; text-decoration: inherit;}
a img { border: 0;}
#actionBar{ background-color: #01329A; width: 800px; margin: auto;  height: 30px; color: #FFF; border-top: white 1px solid; border-bottom: white 1px solid; overflow: hidden;} 
.indexButton {padding: 5px; width: 90px; text-align: center; float: left;  line-height: 20px; }
.indexButton:hover {cursor: pointer; background-color: #7D9EC0; color: #FFFFFF; height: 20px; }
.login {padding: 5px; color: gold; width: 90px; text-align: center; float: right;  line-height: 20px; }
.login:hover {cursor: pointer; background-color: #7D9EC0; color: gold; height: 20px; }
.chapterlink { margin-left: 10px; padding: 5px; width: auto; text-align: left; float: left;  line-height: 20px; }
.chapterlink:hover {cursor: pointer; background-color: #7D9EC0; color: #FFFFFF; height: 20px; }
#banner-chapter { width: 800px; background: #363636; height: 60px; float: left;  margin-top: 0px; padding: 0px; border: 0px; display: inline-block; }
#banner-chapter h1 { font-size: 1.5em; color: #F2F2F2; font-family: verdana, sans-serif; text-transform: uppercase; letter-spacing: 3px; word-spacing: 3px; margin-left: 20px; line-height: 1.8em; font-weight: normal; }
#banner-chapter h2 { color: #F2F2F2; font-family: verdana, sans-serif; text-transform: uppercase; letter-spacing: 3px; word-spacing: 3px; margin-left: 20px; line-height: 1.4em; font-weight: normal; }
#legal {padding: 8px; width: 784px; clear: both;}
#legal img {margin: 0 auto; }


/*chapter page only*/
#AllOnePage { width: 784px; clear: both; min-height: 100%;  margin-top: 0px; margin-left: 0px; margin-bottom: 10px;  padding: 8px;  font-family: verdana; overflow: auto; }
#AllOnePage a:visited {color: #551A8B;} 
#AllOnePage p {font-family: verdana; font-size: 14px;  }
#AllOnePage img { max-width: 100%; }
.section-title { font-family: verdana, sans-serif; margin-left: 5px; margin-top: 60px; margin-bottom: 20px; color: #000000; }
.section-title-E7E8E9 { background-image:url(/images/studyE7E8E9.png); background-repeat: no-repeat; background-position: 0px 0px; font-family: verdana, sans-serif; padding-top: 25px; margin-left: 5px; margin-top: 60px; margin-bottom: 20px; color: #000000; }
.section-title-E6E7E8E9 { background-image:url(/images/studyE6E7E8E9.png); background-repeat: no-repeat; background-position: 0px 0px; font-family: verdana, sans-serif; padding-top: 25px; margin-left: 5px; margin-top: 60px; margin-bottom: 20px; color: #000000; }
.section-title-E8E9 { background-image:url(/images/studyE8E9.png); background-repeat: no-repeat; background-position: 0px 0px; font-family: verdana, sans-serif; padding-top: 25px; margin-left: 5px; margin-top: 60px; margin-bottom: 20px; color: #000000; }
#AllOnePage .section-links { font-size: 14px; color: #01329A; text-decoration: underline; margin-left: 16px; margin-bottom: 25px; padding: 6px; width: 95%; text-align: left; }
#AllOnePage .section-links:hover {cursor: pointer; background-color:#DCE5FF; height: auto; color: #999999;}
#chapter-test {  min-height: 80px; width: 786px; background-color: #FFF; padding: 4px;  margin-top: 0px; clear: both; display: inline-block; border: 1px solid #770000; }
#chapter-test .section-title { font-family: verdana, sans-serif; margin-left: 5px; padding-top: 10px; margin-bottom: 20px; color: #000066; margin-top: 20px; }
#chapter-test .section-links { font-size: 14px; color: #01329A; text-decoration: underline; margin-left: 16px; margin-bottom: 30px; padding: 6px; width: 95%; text-align: left; }
#chapter-test .section-links:hover {cursor: pointer; background-color:#DCE5FF; height: auto; color: #999999;}
#chapter-notes { min-height: 75px; width: 786px; background-color: #FFF; padding: 4px; margin-top: 10px; clear: both;border: 1px solid #d3d3d3; }
#chapter-notes .links { font-size: 14px; color: brown; text-decoration: underline; margin-left: 16px; margin-top: 15px; margin-bottom: 10px; padding: 6px; width: 95%; text-align: left; }


/*index page only*/

.chapter-links { font-size: 14px; margin-left: 10px; padding-top: 10px; padding-bottom: 10px; width: 90%; text-align: left;   }
.chapter-links:hover {cursor: pointer; background-color:#DCE5FF;  padding-right: 5px; padding-left: 0px; color:#999999;}
#login { margin-top: 10px; margin-bottom: 10px; margin-left: 20px; width: 370px; height: 80px; border: 1px solid #15317E; background-color: #fff; overflow: hidden; display: block; float: left; border-radius: 0.25em 0.25em 0.25em 0.25em; }
#cover {margin-left: 6px; margin-top: 2px; padding: 0px; float: left; display: block; height: 510px; clear: both; }
#arrow {margin-left: 6px; margin-top: 16px; padding: 0px; float: left; display: block; height: 63px; clear: both; }
#helenboxtab{margin-left: 6px; margin-top: 5px; width: 374px; color:#fff; background-color:#15317E; padding: 4px; clear: both; }
#helenbox { margin-top: 0px; margin-bottom: 10px; margin-left: 6px; width: 380px; height: 150px; border: 1px solid #15317E; background-color: #fff; overflow: hidden; display: block; float: left; border-radius: 0 0 0.25em 0.25em; }
#helenbox div p { margin-top: 4px; padding: 8px; text-align: left; font-size: 12px; }
#helenbox div img { float: left; margin-top: 13px; padding: 0px; }
#RightColumn { float: left; overflow: auto; }
#LeftColumn { float: left; width:49%; padding-top: 10px;}
#chapter-heading{float:left; width: 373px; background-color: #660000; color:#FFF; text-align: left; padding: 8px; border-radius: 0 0 0.25em 0.25em ;   margin-left: 0px; }
.quickLink{float:right;background-color:#15317E;margin-left:2px;margin-bottom:5px;width: 110px;text-align:center;color:#fff;padding: 8px; border-radius: 0 0 0.25em 0.25em ; }



/*extras*/
.bodytext{width: 97%; padding: 4px; margin: auto;}
.section{width:100%;border-top: 1px solid grey;margin-top:5px;clear:both;}
.fullpic{width:100%;}
.leftpic{float:left;max-width:50%;margin-right:5px;}
.rightpic{float:right;max-width:50%;margin-left:5px;}








@media screen and (max-width:825px) {
#wrapper { width: 97%; padding: 4px; margin: auto; }
#banner img {max-width: 100%; }
#actionBar { width: 100%;}
.indexButton {padding: 4px; width: 85px; text-align: center; float: left;  line-height: 20px; }
.indexButton:hover {cursor: pointer; background-color: #7D9EC0; color: #FFFFFF; height: 20px; }
.login {padding: 4px; color: gold; width: 85px; text-align: center; float: right;  line-height: 20px; }
.login:hover {cursor: pointer; background-color: #7D9EC0; color: gold; height: 20px; }
#banner-chapter { width: 100%;height: auto;  }
#banner-chapter h1 { font-size: 1.4em; line-height: 1.5em; margin-top: 10px; }
#banner-chapter h2 { margin-top: 15px; }
#legal {padding: 0px; width: 100%; overflow: hidden; }
#legal img { width: 100%; height: auto;}

/*chapter page only*/
#AllOnePage { width: 98%; background-color: #FFF; padding: 1%; }
#AllOnePage img { max-width: 98%; }

#chapter-test { width: 97%; }
#chapter-notes { width: 97%;}


/*index page only*/
#LeftColumn { float: none; width:98%; clear: both; position: relative;}
#WAPSimg {width:100%;}
#cover img { width: 100%; height: auto; }
#helenbox { width: 97%;}
#helenboxtab{width:70px;}
.spacer{width:100%;height:30px;}
.quickLink{float:left;;margin-left:0px;;margin-right:2px;}
#chapter-heading{width: 94%;padding:3%;clear:both;padding-top:8px;padding-bottom:16px;height:8px; border-radius: 0 0 0 0;}
}










@media screen and (max-width:480px) {
#wrapper {width: 96%; }
#menu { width: auto; position: fixed; top: 4px; right: 9px; z-index: 101; }
#menu img{ display: block;  }
#menu:hover{ opacity:.8; cursor:pointer; background-color: #C7C;}
#banner { display: none; }
#banner2 { width: 100%; margin-bottom: 1px; background-color: #C70100; display: block; z-index: 100; overflow: hidden;}
#actionBar { display: none;  height: auto;}
.indexButton {border-bottom:1px solid white; width:100%;}
.login {border-bottom:1px solid white; width:100%;}

#cover img {width: 100%; height: auto; }
#login {width: 98%; }
#legal {padding: 0px; width: 100%; overflow: hidden; }
#legal img { width: 100%; height: auto;}

/*chapter page only*/
#banner-chapter h1 {line-height: 1.2em; }
#banner-chapter h2 {line-height: 1.2em; }


/*index page only*/
#RightColumn { float: none; clear: both; position:relative;}
#RightColumn img { width: 99%; height: auto; }
#helenbox { width: 97%; margin-left: 3px; }
#LeftColumn { float: none;width:98%;clear:both;position:relative;}
.quickLink{width:auto;}

/*extras*/
.leftpic{float:none;max-width:100%;width:100%;}
.rightpic{float:none;max-width:100%;width:100%;}
}