body{margin:0;padding:0;background-color:#fff;font-family:verdana,geneva,arial,helvetica,sans-serif;color:#000;font-size:13px}h1{background-color:initial;color:#000;clear:both}h2,h3,h4,h5,h6{margin-top:20px}h1{margin-top:0;font-family:verdana,geneva,arial,helvetica,sans-serif;text-align:center;color:#000;font-size:26px}h2{font-family:verdana,geneva,arial,helvetica,sans-serif;color:#000;font-size:20px;text-align:center}h3{border-top:0 solid #1d1c5e;border-bottom:0 solid #1d1c5e;font-family:verdana,geneva,arial,helvetica,sans-serif;color:#000;font-size:15px}h4,h5,h6{font-family:verdana,geneva,arial,helvetica,sans-serif;color:#000}blockquote{margin:12px 56px;color:#006;font-size:100%;line-height:140%;letter-spacing:1px}a:link img{border:none}a:link{color:blue;text-decoration:underline}a:visited{color:purple;text-decoration:underline}a:active{color:red;text-align:center}#PageWrapper{margin:0 auto;width:720px}#Header{position:relative;height:169px}#SubHeader{position:relative;top:169px;height:10px}#ContentWrapper{float:left;width:100%}#ContentColumn{margin:-10px 6px 0 180px}#NavColumn{float:left;width:180px;margin-top:-10px;margin-left:-716px}#ExtraColumn{float:left;width:10px;margin-left:-200px;display:none}#Footer{padding:8px 0;width:100%}.Liner{padding:10px;margin-bottom:0}#Header .Liner{padding:0}#Footer .Liner{margin:0;padding:0}#PageWrapper{margin:10px auto}.top_rect{display:inline-block;width:336px;height:280px}.bottom_rect{display:inline-block;width:336px;height:280px}.eucookiebar{background:#dadce0!important}@media screen and (max-width:720px){.long_left{display:none}.top_rect{width:300px;height:250px}.bottom_rect{width:300px;height:250px}}@media screen and (min-width:721px) #ContentWrapper{background-image: url(image-files/backimage.jpg); background-repeat: repeat-y; } } #ContentWrapper { padding-top: 15px; margin-top: 5px; } #NavColumn { border: 0px solid gray; margin-top: 20px; } #ContentColumn { border: 0px solid #b8b8b8; margin-top: 10px; } #ExtraColumn { background-color: transparent; } .img-center { display: block; margin-left: auto; margin-right: auto; } .BottomBox { padding: 5px; background-color: rgb(204,204,255); margin-top: 25px; margin-bottom: 25px; } @media screen and ( min-width: 721px){ #Footer { background-image: url(../image-files/backimage.jpg); background-repeat: repeat-y; margin-bottom: -15px; } } #Footer { background-color: transparent; text-align: center; font-size: 11px; } #NavColumn { font-size: 90%; } #ExtraColumn { font-size: 90%; } #NavColumn h4 { font-size: 90%; margin-top: 0; } #ExtraColumn h4 { font-size: 90%; margin-top: 0; } .social { padding-bottom: 20px; } .Navigation { width: 100%; font-family: 'Verdana','Geneva','Arial','Helvetica',sans-serif; background-color: transparent; } .Navigation h3 { border: none; padding: 3px; background-color: #4d8ce9; color: white; margin-top: 10px; margin-left: 1px; font-size: 12px; } .Navigation ul { margin: -6px 0 0 -4px; padding: 0 0 8px 5px; list-style-type: none; } .Navigation li { background-color: transparent; margin-bottom: 3px; } .Navigation a:link { border: 1px dotted #1b69de; padding: 3px 0 3px 4px; color: black; display: block; text-decoration: none; } .Navigation a:visited { padding: 3px 0 3px 4px; color: black; display: block; text-decoration: none; } .Navigation a:hover { border: 1px solid #3e508f; padding: 3px 0 3px 4px; color: black; display: block; background-color: #d2e2fa; text-decoration: none; } .Navigation a:active { color: white; } .ThumbnailLink { border: 1px dotted #3e508f; padding: 5px; text-align: center; } .ThumbnailLink a:link { text-decoration: none; } .ThumbnailLink a:hover .Caption { text-decoration: underline; color: red; } .ExtraNav { font-family: 'Verdana','Geneva','Arial','Helvetica',sans-serif; } .ExtraNav ul { padding: 0; list-style-type: none; } .ExtraNav ul li { display: inline; background-color: transparent; text-align: center; } #Header .ExtraNav { font-size: 85%; position: absolute; top: 0; right: 0; } #Header .ExtraNav ul { margin: 0; } #Footer .ExtraNav { margin: 12px auto; background-color: transparent; } #Footer .ExtraNav a:link { padding: 0 4px; color: #1b69de; text-decoration: none; text-align: center; } #Footer .ExtraNav a:visited { color: #1b69de; text-decoration: none; } #Footer .ExtraNav a:hover { background-color: transparent; text-decoration: underline; } .CalloutBox { margin: 18px auto 24px; padding: 4px; background-color: #9ca6c6; width: 85%; color: #ffffff; font-weight: bold; } div.CalloutBox p { margin: 13px; } p.CalloutBox { padding: 13px; } div.CalloutBox h1,div.CalloutBox h2,div.CalloutBox h3,div.CalloutBox h4,div.CalloutBox h5,div.CalloutBox h6 { margin: 13px 0 0 13px; } .ReminderBox { margin: 0 0 12px 18px; background-color: #e4e7f0; width: 24%; float: right; color: #3f3f3f; } .ReminderBox h4 { margin: 0; padding: 2px; text-align: center; background-color: #3f3f3f; color: #ffffff; } .ReminderBox p { padding: 0 4px; font-size: 80%; line-height: 120%; } .AdSenseBoxLeft,.AdSenseBoxRight,.AdSenseBoxCenter468,.AdSenseBoxExtraColumn { border: none; padding: 5px; background-color: #ffffff; } .AdSenseBoxLeft { margin: 0 18px 12px; float: left; } .AdSenseBoxRight { margin: 0 18px 12px; float: right; } .AdSenseBoxCenter468 { margin: 0 auto 12px; width: 468px; clear: both; } .AdSenseBoxExtraColumn { margin: 0 auto 12px; padding: 0; width: 160px; clear: both; } .ReturnToNavBox { margin: -15px 0px 20px; padding: 0; width: 100%; } #RSSbox { border: 0px solid #8f8fb3; margin: 8px auto 10px 3px; padding: 2px 2px 10px; width: 148px; background-color: #ffffff; font-size: 100%; font-weight: bold; color: #3f3f3f; line-height: 120%; text-align: center; } .Exercise { border: none; margin: -10px auto 40px; padding: 0; width: 100%; } .Exercise2 { border: none; padding: 0; width: 100%; margin-left: auto; margin-right: auto; } .Exercise3 { border: none; margin: 0px auto 20px; padding: 0; width: 100%; margin-left: auto; margin-right: auto; } .Clear { clear: both; } .Caption { font-size: 85%; font-weight: normal; color: #000000; display: block; line-height: 150%; margin-bottom: 10px; text-align: center; font-style: italic; } .ItemRight { margin: 2px 0 12px 18px; float: right; text-align: center; } .ItemCenter { margin: 2px auto 12px; text-align: center; clear: both; } .ItemLeft { margin: 2px 18px 12px 0; float: left; text-align: center; } .head { border: none; padding: 5px; color: white; font-weight: bold; text-align: left; font-size: 200%; background-color: #666666; margin-top: 60px; } .upImage { border: 0px solid ; position: relative; padding-top: 0; width: 40px; height: 49px; float: right; top: 30px; } .head2 { color: #666666; padding-top: 30px; } .store-item{ width: 100%; clear: both; padding-top: 20px; } .store-title{ float: left; width: 35%; text-align: center; } .store-img{ width: 100%; border: 0px solid; } .store-info{ float: left; width: 63%; padding-left: 2%; } .store-pay{ text-align: center; font-weight: bold; color: rgb(0,0,153); } .store-pay img{ margin-top: 10px; } .img-float-right { float: right; clear: both; margin-left: 2%; } .img-float-left { float: left; clear: both; margin-right: 2%; } .buy-now-button { background: #3498db; background-image: -webkit-linear-gradient(top,#3498db,#2980b9); background-image: -moz-linear-gradient(top,#3498db,#2980b9); background-image: -ms-linear-gradient(top,#3498db,#2980b9); background-image: -o-linear-gradient(top,#3498db,#2980b9); background-image: linear-gradient(to bottom,#3498db,#2980b9); -webkit-border-radius: 9; -moz-border-radius: 9; border-radius: 9px; text-shadow: 1px 1px 3px #666666; -webkit-box-shadow: 0px 1px 3px #666666; -moz-box-shadow: 0px 1px 3px #666666; box-shadow: 0px 1px 3px #666666; font-family: 'Verdana','Geneva','Arial','Helvetica',sans-serif; color: #ffffff; font-size: 20px; padding: 10px 20px 10px 20px; display: inline-block; margin: -5px 0px -5px 0px; text-decoration: none; } .buy-now-button:hover { background: #3cb0fd; background-image: -webkit-linear-gradient(top,#3cb0fd,#3498db); background-image: -moz-linear-gradient(top,#3cb0fd,#3498db); background-image: -ms-linear-gradient(top,#3cb0fd,#3498db); background-image: -o-linear-gradient(top,#3cb0fd,#3498db); background-image: linear-gradient(to bottom,#3cb0fd,#3498db); text-decoration: none; } .buy-now-button:link{ color: #ffffff !important; text-decoration: none !important; } .buy-now-button:visited{ color: #ffffff !important; text-decoration: none !important; } .mobile-only { display:none; } .btn-below-paragraph-1 { background: #3498db; background-image: -webkit-linear-gradient(top,#3498db,#2980b9); background-image: -moz-linear-gradient(top,#3498db,#2980b9); background-image: -ms-linear-gradient(top,#3498db,#2980b9); background-image: -o-linear-gradient(top,#3498db,#2980b9); background-image: linear-gradient(to bottom,#3498db,#2980b9); -webkit-border-radius: 10; -moz-border-radius: 10; border-radius: 50px; font-family: arial; color: #ffffff; padding: 10px 20px 10px 20px; text-align: center; width: 90%; } .btn-below-paragraph-1:hover { background: #3cb0fd; background-image: -webkit-linear-gradient(top,#3cb0fd,#3498db); background-image: -moz-linear-gradient(top,#3cb0fd,#3498db); background-image: -ms-linear-gradient(top,#3cb0fd,#3498db); background-image: -o-linear-gradient(top,#3cb0fd,#3498db); background-image: linear-gradient(to bottom,#3cb0fd,#3498db); text-decoration: none; } .btn-below-paragraph-1 a { color: #ffffff; font-size: 134%; line-height: 134%; text-decoration: none; } @media screen and ( max-width: 720px) { .btn-below-paragraph-1 a { color: #ffffff; font-size: 100%; line-height: 125%; text-decoration: none; } } @media screen and ( max-width: 720px) { .mobile-only{ display:block; width:100%; } .desktop-only { display:none; } .Liner { background-color: white; } .social { padding-top:10%; } body { background-color: white; } img[style*="float: left"],img[style*="float:left"]{ margin-bottom: 2% !important; margin-top: 2% !important; margin-right: 2% !important; clear: both; width: 40% !important; height: auto !important; } img[style*="float: right"],img[style*="float:right"]{ margin-bottom: 2% !important; margin-top: 2% !important; margin-left: 2% !important; clear: both; width: 40% !important; height: auto !important; } #Footer{ width:100%; padding-bottom: 0px; } #Footer .ExtraNav { display:none; } #Footer .Liner { width:100%; background : #EEF4FD; padding-top: 3% !important; padding-bottom: 3%; } #Header .Liner { padding: 5%; } #NavColumn,#ExtraColumn { display:none; } #Header{ margin:0; background-color: white; height:100%; overflow:hidden; } html,body { margin: 0px; padding: 0px; font-size: 100%; line-height: 150%; } h1,h2,h3,h4,h5,h6 { font-size: 150%; line-height: 110%; } img { max-width:100%; height: auto !important; -ms-interpolation-mode: bicubic; display: block; margin-left: auto; margin-right: auto; clear:both; } #mc_embed_signup h2 { line-height:150%; } .FormBlockLeft,.formwrapper,formbody,.titleInput,.storyInput,.c2Form,#NotifyDiv input[type=text],.formbody input[type=text],.comments input[type=text],#NotifyDiv textarea,.formbody textarea,.comments textarea,#NotifyDiv select,.formbody select,comments select { width: 100% !important; } table{ max-width:100% !important; margin-left:auto; margin-right:auto; clear:both; display: block; } #comments{width:150% !important; border:transparent;} .subBodyText {display:block;} .video-container{ position: relative; width: 100%; padding-bottom: 75%; padding-top: 25px; height: 0; } .video-container iframe,.video-container object,.video-container embed{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; } .video-container-2{ position: relative; width: 100%; padding-bottom: 56.3%; padding-top: 25px; height: 0; } .video-container-2 iframe,.video-container-2 object,.video-container-2 embed{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; } #PageWrapper,#ContentWrapper { margin:0 auto; float:none; display:block; width:100%; } #ContentColumn { margin:0 auto; display:block; } .MobileNav{ margin: 2em 2em 2em 1em; } .MobileNav h3{ color: black; text-align: left; font-size: 160%; margin-top: 40px; margin-bottom: 23px; } ul.MobileNav,li.MobileNav{ text-align: left; display: block; list-style-type: none; margin: 0px; padding-left: 15px; } .MobileNav a{ color: #904A28; display: block; text-decoration:none; font-weight: bold; border-bottom: 1px solid gray; padding-left: 15px; padding-bottom: 3%; margin-bottom: 3%; font-size:120%; } .MobileNav a:link { color: #904A28; text-decoration:none; font-weight: bold; } .MobileNav a:visited { color: #904A28; text-decoration:none; font-weight: bold; } .MobileNav a:hover { color: #904A28; text-decoration:none; font-weight: bold; } .back { text-align: center; color: black; font-size: 200% !important; } .bottom-search{ margin: auto,auto; margin-top: 1px; margin-left: 15px !important; } .store-item{ width: 100%; padding-top: 10px; } .store-title{ width: 100%; display: block; margin-left: auto; margin-right: auto; clear:both; text-align: center !important; padding-bottom: 2em; } .store-img{ width: 70%; border: 0px solid; } .store-info{ float: left; width: 100%; } .space-above-footer { margin-top: 0px !important; } } @media screen and ( max-width: 370px) { .logo-div svg{ width: 151.76px; height: 15.49px; padding-top: 3%; } } @media screen and ( max-width: 305px) { .logo-div svg{ width: 121.41px; height: 12.39px; padding-top: 5%; } } @media screen and ( max-width: 270px) { .logo-div svg{ width: 110.49px; height: 11.27px; padding-top: 6%; } .home-div svg{ width: 22.43px; height: 18.04px; padding-top: 2%; } .search-div svg{ width: 22.43px; height: 18.04px; padding-top: 2%; } .menu-div svg{ width: 50.38px; height: 18.04px; padding-top: 2%; } } @media screen and ( max-width: 230px) { .logo-div { width:100% !important; margin-top:1.25%; margin-bottom:2%; margin-left: 0; margin-right: 0; display: block !important; text-align: center; } .buttons-div { text-align: center !important; margin-left: auto !important; margin-right: auto !important; width: 110px !important; display: block !important; float: none !important; } .logo-div svg{ width: 165.74px; height: 16.90px; padding-top: 6%; margin-right:auto; margin-left:auto; display: block; text-align: center; } .home-div svg{ width: 22.43px; height: 18.04px; padding-top: 2%; text-align: center; } .search-div svg{ width: 22.43px; height: 18.04px; padding-top: 2%; text-align: center; } .menu-div svg{ width: 50.38px; height: 18.04px; padding-top: 2%; text-align: center; } #ContentWrapper{ position: relative; top: 40px; } } .logo-img { width: 40%; height: 40%; float: left; display: inline !important; } .buttons-home-search-img { width: 4%; height: 4%; display: inline !important; } .buttons-menu-img{ width: 4%; height: 4%; display: inline !important; } .logo-div { float:left; width:39%; margin-top:1.25%; margin-left:1%; display: inline !important; } .buttons-div { float: left; width:59%; text-align: right; margin-top:1%; margin-right:1%; } .home-div { display:inline; margin:0.1%; } .search-div { display: inline; margin:0.1%; } .menu-div { display:inline; margin:0.1%; } .background-div { background : #E3EDFB; border-bottom: 3px solid #D1E1F8; position : absolute ; top : 0px; left: 0px; width : 100%; } .glossary { padding-left: 40px ; text-indent: -40px ; } .HangingIndent { margin-left: 0.5cm; text-indent: -0.5cm; } .blank-line { border-bottom: solid 1px #111; margin-top: 40px; margin-bottom: 40px; } .toc-image { float: left; width: 21%; margin-right: 0%; margin-left: 1%; margin-bottom: 5%; clear: both; } .toc-text { float: left; width: 73%; margin-left: 3%; margin-bottom: 5%; } .toc-image img { max-width: 100%; margin-right: 0%; margin-left: 0%; } .img-radius { border-radius: 15px; } .img-radius2 { border-radius: 50px; } .img-radius3 { border-radius: 25px; } #___gcse_1 { width:80%; margin-left:auto; margin-right:auto; } ins.adsbygoogle[data-ad-status=unfilled] { display: none !important; } .google-auto-placed{ margin-top:15px !important; } .list-spacing li{ margin-bottom: 15px; } .spaced-table li { padding-top: 7px; padding-bottom: 7px; } .flex-container { display: flex; flex-direction: row; margin-bottom: 20px; } .flex-container img { box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.5); border-radius:10px; margin-bottom:20px; max-width: 100%; max-height: 100%; } .flex-container p { margin-left:20px; } @media (max-width: 660px) { .flex-container { flex-direction: column; } } div.join-newsletter .join-newsletter { margin: 10px; padding: 5px 0px 0px 0px; } div.join-newsletter .cz_form_template { padding: 10px 20px 20px 20px; } div.join-newsletter .seva-form { display: flex; align-items: center; justify-content: space-between; } div.join-newsletter .input-wrapper { width: 100%; margin-bottom: 20px; } div.join-newsletter input[type=text] { width: 100%; height: 50px; font-size: 16px; padding: 0 20px; border: 1px solid #dddddd; border-radius: 25px; background-color: #fafafa; color: #333333; } div.join-newsletter .submit-btn { display: flex; align-items: center; justify-content: center; width: 100%; height: 50px; background-color: #3d69de; color: #ffffff; font-size: 16px; font-weight: bold; border: none; border-radius: 25px; cursor: pointer; } div.join-newsletter .right { width: 100%; } div.join-newsletter .input_fields_wrap { margin-right: 50px; } div.join-newsletter h2 { font-size: 180%; } div.join-newsletter h3,h4 { font-size: 120%; text-align: center; } div.join-newsletter p { padding-left: 20px; padding-right: 20px; padding-bottom: 20px; font-size: 85%; color:gray } div.join-newsletter p a { color: gray; } div.join-newsletter h4 span { background-color: #faefa1; padding-left: 3px; padding-right: 3px; padding-top: 1px; padding-bottom: 1px; }}