/* ******************************************************************************** The MorningStar Academy ******************************************************************************** The contents of this style sheet are copyright 1999-2007 The MorningStar Academy and may not be reproduced without the expressed written consent of the copyright holder. ******************************************************************************** FORMAT The order of this style sheet corresponds to the intended visual appearance of page elements, prioritized first by left-to-right, and then by top-to-bottom. Elements will be selected up to three times (as necessary) and will be selected according to the following order: 1. Dimensional aspects - element width, height, margin, padding etc. 2. Stylistic aspects - backgrounds, colors, typography, etc. 3. Positional aspects - position, left, right, top, bottom, etc. ********************************************************************************* */ /** General Selectors **/ html {padding-top: 6px;} body {margin: 0; padding: 0;} body {background-color: #ffffff; font-family: Arial, Verdna, sans-serif;} a {text-decoration: none;} p, h1, h2, h3, h4, h5, h6, ul, li {margin: 0; padding: 0;} ul {list-style-type: none;} /** Left Column **/ #mainWrapper { position:absolute; margin-left:50%; left:-400px; } div#leftNav {width: 148px; padding-left: 8px;} div#leftNav {background: url( /images/left_nav_02.jpg ) no-repeat 8px 155px; text-align: center;} div#leftNav {position: absolute; left: 0;} h1 {display: block; width: 148px; height: 155px;} h1 a {display: block; width: 148px; height: 155px;} h1 a {text-indent: -9999px; background: url( /images/left_nav_01.jpg ) no-repeat;} div#livePerson {padding-top: 10px;} /**div#livePerson {.height: 360px;}**/ div#livePerson {text-align: center; border-left: 1px solid #999999; border-right: 1px solid #999999;} #leftNav ul {display: block;} #leftNav ul {font-size: 12px; font-weight: bold; border-top: 1px solid #999999; border-left: 1px solid #999999; border-right: 1px solid #999999;} #leftNav ul li {text-align: center;} #leftNav ul li a {display: block; padding: 3px 0; width: 146px;} #leftNav ul li a {color: #4b4e79; border-bottom: 1px solid #999999;} #leftNav ul li a.featuredLink {color: #c95854;} img#npsaa {margin: 15px 0;} /** Right Column **/ div#mainContainer {width: 630px; margin-left: 156px; padding-left: 4px;} h2 {display: block; width: 630px; height: 47px;} h2 {text-indent: -9999px; background: url( /images/topBannerTitle.jpg ) no-repeat;} /** Top Nav **/ div#top {margin-bottom: 5px; position:relative;} #top a#langLink {font-size:12px;} #top a#langLink {position:absolute; right:7px; top:30px;} #top h3 {display: block; width: 630px; height: 37px; padding-top: 10px;} #top h3 {background: url(/images/bottomBannerTitle.jpg) no-repeat; text-align: center; font-size: 20px; color: #414781;} #top ul {display: block; width: 630px; height: 43px;} #top ul {background: url(/images/topnav.gif) no-repeat;} #top ul li {background: transparent;} #top ul li {float: left; position: relative;} #top ul li a.main {display: block; width: 90px; height: 43px;} #top ul li a.main {text-indent: -9999px;} #top ul li ul.subMenu {display: none; width: 280px; height: auto;} #top ul li ul {display: block; width: 280px; height: auto;} #top ul li ul {background: url(/images/navback.png); font-size: 12px; border: 1px solid #3b336c; border-bottom: none; border-top: none; z-index: 1;} #top ul li ul {position: absolute; top: 43px;} #top ul li ul li {display: block; width: 280px; padding-left: 0;} #top ul li ul li {border-bottom: 1px solid #3b336c;} #top ul li ul li {float: none; position: static;} #top ul li ul li a {display: block; width: 270px; padding: 3px 5px;} #top ul li ul li a {text-indent: 0; color: #fff; text-decoration: none;} #top ul li ul li a:hover {background: url(/images/navhoverback.png); color: #000000;} /** Content **/ div#content {clear: left;} #content a {text-decoration: underline; color: #414781;} #content a img {border: none;} #content address {padding-left: 60px;} #content address {font-size: 13px; font-style: normal;} #content dl {padding-left: 30px;} #content dl {font-size: 13px;} #content dl dt {font-weight: bold;} #content h4 {padding-left: 30px; margin-top: 15px;} #content h4 {color: #414781; font-size: 16px;} #content h5 {padding-left: 30px; margin-top: 15px;} #content h5 {color: #000000; font-size: 14px;} #content img {margin: 3px 10px 3px 3px;} #content img {border: none;} #content ol {padding-left: 50px;} #content ol {font-size: 13px;} #content ol li {list-style-position: outside;} #content ul {padding-left: 50px; padding-top: 10px;} #content ul {font-size: 13px; list-style: disc;} #content ul.testimonials {list-style: none;} #content ul.sectionListing {list-style: none;} #content p {margin-top: 15px; padding: 0 0 0 30px;} #content p {font-size: 13px; line-height: 18px;} #content p {clear: none;} #content span#phoneNumber {display: block; padding-left: 60px; padding-top: 20px; margin-bottom: 10px;} #content span#phoneNumber {background: url( http://www.learningbygrace.org/images/global/icon_phone.gif ) no-repeat 40px 20px; font-size: 13px;} #content span#phoneTimes {padding-left: 60px; display: block;} #content span#phoneTimes {background: url( http://www.learningbygrace.org/images/global/icon_clock.gif ) no-repeat 40px 8px; font-size: 13px;} #content table {margin-top: 20px; margin-left: 30px; clear: both;} #content table {font-size: 13px;} #content table tr {} #content table td {/*width: auto;*/ padding: 5px;} #content table td {vertical-align: top;} #content table.cost {border-collapse: collapse; } #content table.cost tr {} #content table.cost tr td {border: 1px solid #005; vertical-align: middle;} #content table.cost tr td p {margin-left: 0;} #content table.graduationRequirements {} #content table.graduationRequirements tr {} #content table.graduationRequirements tr td {width: 300px;} #content ul.pictureStripRight {padding-left: 10px;} #content ul.pictureStripRight {list-style-type: none;} #content ul.pictureStripRight {float: right;} #content ul.pictureStripLeft {padding: 10px 10px 0 30px;} #content ul.pictureStripLeft {list-style-type: none;} #content ul.pictureStripLeft {float: left;} #content .pictureStripRight img, .pictureStripLeft img {margin: 0;} #content .pictureStripRight img, .pictureStripLeft img {border: 1px solid #72759a;} /** Homepage-specific **/ #content img#msaProvides {margin: 0;} #content img#msaProvides {float: left; margin-right: 23px;} #content a#notTooLate {display: block; width: 180px; height: 212px; } #content a#notTooLate {text-indent: -9999px; background: url( /images/Not-Too-Late.gif ) no-repeat top center;} #content a#notTooLate {float: right;} #content #notTooLate img {margin: 0;} #content img#learningTheyLove {margin: 0 20px 0 0;} #content img#learningTheyLove {float: left;} #content ul#mainIndexButtonList {display: block; width: 180px; padding-top: 2px; margin: 0 28px 0 0 ; padding-left: 0px; } #content ul#mainIndexButtonList {text-align: center; list-style: none;} #content ul#mainIndexButtonList {float: left;} #content #mainIndexButtonList li {margin: 0 6px 10px 6px;} #content #mainIndexButtonList li a {display: block; width: 168px; height: 30px; padding-top: 8px; margin-left:5px;} #content #mainIndexButtonList li a {background: url( /images/buttons.gif ) no-repeat 0px 0; color: #ffffff; text-decoration: none; font-size: 12px;} #content form#newsLetter {display:block; float:left; margin:0 0px 0 0; width:159px; border:none; text-align:center; background-image:url( /images/msaemail.jpg ); height:211px; color:#FFFFFF;} #content form p { margin:6px 0 20px 0; padding:0; } #content form p#midYear {color:#c95854; padding:0 5px; font-weight:bold;} #content form p#midYear a {color:#c95854;} #content form#newsLetter {font-size:12px; } #content form#newsLetter fieldset legend{font-weight:bold; font-size:12px;} #content form#newsLetter fieldset input#email {width:100px;} #content form#newsLetter fieldset input#submit {width:50px;} #content img#soEngaged {margin: 0;} #content img#soEngaged {float: left;} #content ul#mainIndexBenefits {display: block; width: 621px; height: 250px; margin: 0; padding: 0;} #content ul#mainIndexBenefits {background: url( /images/mainIndexBenefits.gif ) no-repeat; text-align: center; list-style-type: none;} #content ul#mainIndexBenefits {clear: both;} #content #mainIndexBenefits li {display: block; width: 177px; height: 200px; padding: 50px 15px 10px 15px;} #content #mainIndexBenefits li {font-size: 11px; color: #333367;} #content #mainIndexBenefits li {float: left;} #content #mainIndexBenefits li h3 {text-indent: -9999px;} #content #mainIndexBenefits li h4 {margin-bottom: 5px; margin-top: 0; padding-left: 0;} #content #mainIndexBenefits li h4 {font-size: 11px;} #content #mainIndexBenefits li p {margin: 0; padding: 0;} #content #mainIndexBenefits li p {font-size: 11px; line-height: 12px;} /** Multimedia **/ #multimedia img{margin:0;} #multimedia ul {list-style-type:none; } #multimedia ul {margin-left:10px; padding-right:0; padding-left:0;} #multimedia li {line-height:16px; margin:0 0 18px 0;} #multimedia .leftWrapper, .rightWrapper{width:200px;} #multimedia .leftWrapper, .rightWrapper{display: block; } #multimedia .leftWrapper, .rightWrapper{float:left;} #multimedia .centerWrapper{width:200px;} #multimedia .centerWrapper{display: block;} #multimedia .centerWrapper{float:left; margin: 0 15px 0 15px;} #multimedia .contentBlock {width: 200px;} #multimedia .contentBlock {display: block; } #multimedia .contentBlock {float: left; margin-bottom:20px;} #multimedia .contentBlock ul {padding-right:0px;} #multimedia .list {background-color: #f58583; overflow:hidden;} #multimedia .list {padding:10px 10px 10px 10px;} #multimedia .list a{color:#000000; font-family: Arial, Helvetica, sans-serif; font-size:12px;} #multimedia .whiteList {background-color: #f58583; overflow:hidden;} #multimedia .whiteList {padding:10px 10px 10px 10px;} #multimedia .whiteList a {color:#fff; font-family: Arial, Helvetica, sans-serif; font-size:12px;} /** diploma require **/ #content table.diploma {border-collapse: collapse; } #content table.diploma tr {} #content table.diploma tr td {border: 1px solid #000055; vertical-align: top;} #content table.diploma col#firstCol {} #content table.diploma tr td#firstCol {background-color: #595476; font-weight: bold; color: #fff;} #content table.diploma tr td#secondCol{background-color: #c4c3d5;} #content table.diploma tr td#thirdCol{background-color: #d3deea;} #content table.diploma tr td p {margin-left: 0;} /** Main index article lists **/ #content ul#articleLinks1 {margin-top: 20px; padding: 0;} #content ul#articleLinks1 {list-style-type: none;} #content ul#articleLinks1 {clear: left;} #content #articleLinks1 li {display:inline; width: 150px; margin:0 7px 15px 0; *_margin: 0 0 15px 0;} /** ie6 double float Margin hack **/ #content #articleLinks1 li {font-size: 11px; font-weight: bold;} #content #articleLinks1 li#lastBullet{margin-right:0;} #content #articleLinks1 li {float: left; display:inline;} #content #articleLinks1 li h3 {display: block; width: 140px; height: 77px; padding: 25px 0 0 10px;} #content #articleLinks1 li h3 {font-family: Georgia, "Times New Roman", serif; font-size: 15.5px;} #content #articleLinks1 li ul {display: block; margin: 0 0 0 0px; padding: 0;} #content #articleLinks1 li ul li {display: block; margin-bottom: 0;} #content #articleLinks1 li ul li {float: none; clear: left;} #content #articleLinks1 li ul li a {color: #424781; text-decoration: underline;} #content ul#articleLinks2 {padding: 0;} #content ul#articleLinks2 {list-style-type: none;} #content ul#articleLinks2 {clear: left;} #content #articleLinks2 li {display:inline; width: 150px; margin:0 7px 15px 0; *_margin: 0 0 15px 0;} /** ie6 double float Margin hack **/ #content #articleLinks2 li#lastBullet{margin-right:0;} #content #articleLinks2 li {float: left;} #content #articleLinks2 li {font-size: 11px; font-weight: bold;} #content #articleLinks2 li h3 {display: block; width: 140px; height: 77px; padding: 25px 0 0 10px;} #content #articleLinks2 li h3 {font-family: Georgia, "Times New Roman", serif; font-size: 15.5px;} #content #articleLinks2 li ul {display: block; margin: 0 0px 0 0px; padding: 0;} #content #articleLinks2 li ul li {display: block; margin-bottom: 0;} #content #articleLinks2 li ul li {float: none; clear: left;} #content #articleLinks2 li ul li a {color: #424781; text-decoration: underline;} .parentSticky {background: url( /images/parentsStickiesTab.jpg ) no-repeat; width:150px; } .communitySticky {background: url( /images/communityStickiesTab.jpg ) no-repeat; width:150px;} .studentSticky {background: url( /images/studentsStickiesTab.jpg ) no-repeat; width:150px;} #content ul#articleLinks1.subPage, #content ul#articleLinks2.subPage {padding-left: 30px;} /** FAQ Page **/ .faq {font-size: 13px;} #content #masterFaqAnswers h2 {background:none; text-indent:30px; height:auto; margin-bottom:15px;} #content #masterFaqAnswers h2 {font-size:16px;color:#414781; margin-bottom:15px;} #content #masterFaqAnswers h2 a {text-decoration:none; } #content #masterFaqAnswers p {margin:0 0 15px 0;} #content dl.faq {padding-left: 30px;} #content dl.faq dt {font-weight: bold;} #content dl.faq dd {padding: 0 0 20px 0; margin: 0;} #content h4.faq {font-size: 14px;} #content h5.faq {margin-top: 30px;} #content h5.faq {text-align: center; font-size: 14px;} #content ul.faq {list-style: none;} /** Demo Page **/ #content ul.demos, #content ul.demos li ul {margin: 0;} #content ul.demos, #content ul.demos li ul {list-style: none;} #content ul.demos {padding-left: 30px;} #content ul.demos li {display: block; width: 300px;} #content ul.demos li {text-align: center;} #content ul.demos li {float: left; clear: none;} #content ul.demos li h4 {padding-left: 0;} #content ul.demos li h4 {} #content ul.demos li ul {padding-left: 0;} #content ul.demos li ul li {float: none;} /** Placement **/ h3#placement {font-size:16px;color:#414781; margin-top:15px; margin-left:30px;} /** PBG Form **/ form#pbgForm {padding: 0; margin: 0 0 15px 0;} #pbgForm fieldset {padding: 0; margin: 0;} #pbgForm fieldset {border: none;} #pbgForm fieldset #freecap{margin-left:200px;} #pbgForm fieldset #fcRefresh{margin-left:200px;} #pbgForm fieldset ol {padding: 0 0 0 30px; margin: 0;} #pbgForm fieldset ol {list-style: none;} #pbgForm fieldset ol li {display: block; padding: 5px 0; width: 454px;} #pbgForm fieldset ol li {position: relative; clear: right;} #pbgForm fieldset ol li input {width: 250px;} #pbgForm fieldset ol li input {position: absolute; left: 200px; top: 5px;} #pbgForm fieldset ol li input#submit {width: 150px;} #pbgForm fieldset ol li input#submit {position: static; clear: right;} #pbgForm fieldset ol li label {display: block; width: 200px;} #pbgForm fieldset ol li label {clear: none;} #pbgForm fieldset ol li select {position: absolute; left: 200px; top: 5px;} #pbgForm fieldset ol li textarea {width: 250px;} #pbgForm fieldset ol li textarea {float: right;} /** Course Pages **/ #content ul.courseList{list-style:none; padding-left:30px;} #content ul.curriculumGradeLinks{list-style:none; padding-left:30px;} #content ul.courseList ul{list-style:none; padding-left:0px;} #content ul.courseList ul li {padding-left:20px;} #content ul.courseList h3{font-size:16px;color:#414781; margin-bottom:15px;} #content ul.courseList h4{font-size:14px;color:#414781; margin: 0 0 15px 0; padding-left:0;} #content ul.courseList dl{padding-left:0px;} #content ul.courseList dd {margin-bottom:10px;} #content dl.courseList {} #content ul.courseList dt {font-weight: normal;} /** Mailcenter Forms **/ form.mailcenter {padding-left: 30px;} form.mailcenter {} form.mailcenter fieldset {border: none;} form.mailcenter fieldset ol {list-style: none;} form.mailcenter fieldset ol li {display: block; padding: 5px 0; width: 250px;} form.mailcenter fieldset ol li {} form.mailcenter fieldset ol li {} form.mailcenter fieldset ol li label {display: block;} form.mailcenter fieldset ol li label {} form.mailcenter fieldset ol li input {} form.mailcenter fieldset ol li input {} form.mailcenter fieldset ol li input#submit {} /** Mimi CV **/ h3.mimiCV{text-align: center; margin-top:10px;} h4.mimiCV {text-align: center;} #content address.mimiCV {text-align: center; padding:0; width:300px; margin-left:50%; left:-150px; position:relative;} ul#mimiCV {padding-left: 30px;} ul#mimiCV {list-style: none;} ul#mimiCV li {padding-top: 5px; padding-bottom: 5px;} ul#mimiCV h5 {padding-left: 0;} ul#mimiCV h5 {text-align: center;} ul#mimiCV li ul {padding-left: 40px; padding-bottom: 20px;} ul#mimiCV li ul {} ul#mimiCV li ul li {} ul#mimiCV li ul li ul {padding-left: 50px;} ul#mimiCV li ul li ul {list-style: disc;} ul#mimiCV li ul#workExperience {padding-left: 0;} ul#mimiCV li ul#workExperience {list-style: none;} ul#mimiCV li ul#workExperience h6 {font-size: 13px;} /** State Portfolio Requirements **/ #content ul#stateList {padding-left: 30px;} #content ul#stateList {list-style: none;} #content ul#stateList li {padding: 5px 0;} /** Terms **/ h3#jubfix {font-size:16px; color:#414781;} h3#jubfix {margin-top:15px; padding-left:30px;} dl#jubfix dd{margin-bottom:15px;} /** Footer **/ div#footer {font-size: 10px;} div#footer {clear: left; position:relative; top: 20px;} #footer p {margin-bottom: 10px;} #footer ul {padding-left:80px; position:absolute; margin-left:50%; left:-400px; _padding-top: 15px;} #footer ul li {padding: 0 5px;} #footer ul li {border-right: 1px solid #424781;} #footer ul li {float: left;} #footer ul li.last {border-right: none;} #footer ul li a {color: #424781; text-decoration: underline;} /** IE 5.5 Fixes **/ /*#content ul#mainIndexButtonList { w\idth: 230px; _width: 210px;}*/ #content ul#mainIndexButtonList { m\argin-left: 0; _margin-left: -4px; m\argin-right: 0;} #content #mainIndexButtonList li { m\argin-left: auto; _margin-left: 0;} /*#content ul#mainIndexButtonList li a { h\eight: 30px; _height: 40px; m\argin: 0; _margin: 0 0 0 0px;}*/ /*#content #mainIndexButtonList li a {\width: 210px; w\idth: 230px;}*/ /*#content #mainIndexButtonList li a {p\adding: 8px; _padding: 0px;} #content #mainIndexButtonList li a {\background-position: 10px 0; b\ackground-position: 15px 0;}*/ div#leftNav {\width: 156px; w\idth: 148px;} #leftNav ul li a {\width: 144px; w\idth: 146px;} div#top {\background: url( /images/topnav.gif ) no-repeat 0 47px; b\ackground: none;} #top h3 {\height: 47px; h\eight: 47px;} #top ul {\background: none; b\ackground: url( /images/topnav.gif ) no-repeat;} /*#top ul li ul li {\width: 260px; w\idth: 280px;}*/ /*#top ul li ul li a {\width: 260px; w\idth: 270px;}*/ #content a#notTooLate {\width: 170px; w\idth: 180px;} #content #mainIndexBenefits li {\width: 207px; w\idth: 177px;} .searchBox { float:left; margin-left:20px; margin:0 0 0 183px; * _margin: 0 0 0 83px; /*IE6 hack*/ } .searchBoxHeader { color:#333367; text-align:center; font-weight:bold; font-size:12px; margin-left:17px } #radioGrace { background-image:url(../images/bg_left2.jpg); width:183px; height:400px; float:left; overflow:hidden; margin-left:70px; } #actualRadio { position:relative; top:150px; left:10px; height:230px; overflow:hidden; } #content #articleLinks1 li ul { m/argin: 0 0 0 7px; _margin: 0; } #content #articleLinks1 li { w/idth: 157px; _width: 155px; } #content #articleLinks2 li ul { m/argin: 0 0 0 7px; _margin: 0; } #content #articleLinks2 li { w/idth: 157px; _width: 155px; } #articleManagement { width:700px; margin-left:30px; } #masterFaqList h3{ color:#414781; padding:13px 0 0 0; } #masterFaqList h2{ color:#414781; padding:13px 0 0 0; background-image:none; display:inline; } #masterFaqAnswers h4{ color:#000; padding:13px 0 0 0; font-size:12px; } #masterFaqAnswers { padding-top:15px; font-family:Arial, sans-serif; font-size:10pt; line-height:18px; } #masterFaqAnswers h3{ color:#000; padding:13px 0 0 0; font-size:14px; } /** Tuition **/ #content small {display: block; padding-bottom: 10px; padding-right: 220px;} a#enrollment {display: block; width: 168px; height: 22px; padding-bottom: 14px;} a#enrollment {text-indent: -9999px; background: url( /images/enroll_08.gif ) no-repeat;} table {font-size: 13px;} table.tuition {width: 460px; margin-left:15px;} table.tuition {border-collapse: collapse; border: 1px solid #777777;} table.tuition thead {} table.tuition thead tr {} table.tuition thead tr td {padding: 3px;} table.tuition thead tr td {background-color: #59547c; color: #ffffff; font-weight: bold; border: 1px solid #777777;} table.tuition tbody {} table.tuition tbody tr {} table.tuition tbody tr td {padding: 4px;} table.tuition tbody tr td {background-color: #e5f0fd; border: 1px solid #777777;} #content table.tuition tbody tr td small {display: block; padding-right: 0;} span.tuition {font-size:10px;} table.fees {width: 460px; margin-bottom: 10px;} table.fees {border-collapse: collapse; border: 1px solid #777777;} table.fees thead {} table.fees thead tr {} table.fees thead tr td {padding: 3px;} table.fees thead tr td {background-color: #59547c; color: #ffffff; font-weight: bold; border: 1px solid #777777;} table.fees tbody {} table.fees tbody tr {} table.fees tbody tr td {padding: 4px;} table.fees tbody tr td {background-color: #e5f0fd; border: 1px solid #777777;} table.fees tbody tr td small {display: block;}