/* ******************************************************************************** The Jubilee Academy ******************************************************************************** The contents of this style sheet are copyright 1999-2007 The Jubilee 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. ******************************************************************************** */ /** Top Nav **/ @import "/css/jaNav.css"; /** General Selectors **/ * {margin: 0; padding: 0;} a:focus, a:active {outline: none;} body {margin-top: 6px;} body {background-color: #ffffff; font-family: Arial, sans-serif;} h1, h2, h3, h4, h5, h6 {font-family: Georgia, "Times New Roman", serif;} /** Sidebar **/ /** Content **/ div#social {width: 800px; margin: 0 auto 4px auto;} /** Footer **/ #footer {text-align: left;} #footer {position: relative;} #bbb {display: block;} #bbb {font-size:10px; border:2px solid #999999; padding:8px 5px 5px 5px; text-align:center; margin-right:10px;} #bbb {float: left; height:60px} #bbb a:link, #bbb a:hover, #bbb a:visited, #bbb a:active {color:#666666; text-decoration:none;} #footer p {font-size: 10px;} #footer ul {padding-top: 20px;} #footer ul {font-size: 12px;} #footer ul {} #footer ul li {padding: 0 5px 2px 5px;;} #footer ul li {display: inline;} #footer ul li a {color: #29505a;} #scanAlert {padding-left: 0; } #scanAlert {position: absolute; right: 10px; top: 40px; clear: both;} form.google {padding-top: 20px; padding-left: 0px;} form.google {font-family: Georgia, "Times New Roman", serif; font-size: 15.5px; color: #295a56; font-weight: bold;} form.google {} form.google label {} /** Home page-specific **/ #homePage { position: absolute; width: 1000px; margin-left:50%; left:-400px; } #homePage #top {margin-bottom: 20px;} #homePage ul, #homePage ol {list-style: none; } #homePage h1 {width: 189px; height: 211px;} #homePage h1 {background: url( /images/logo2.jpg ) no-repeat; text-indent: -9999px;} #homePage h1 {float: left; margin-right:10px;} #introduction {width: 581px; height: 239px; padding-left: 10px; padding-right: 200px; } #introduction {background: url( /images/banner_old.jpg ) no-repeat;} #introduction {float: right;} #introduction h2 {margin-bottom: 3px;} #introduction h2 {font-family: "Times New Roman", serif; font-size: 20px;} #introduction h3 {margin-bottom: 10px;} #introduction h3 {font-size: 13px; color: #21447c;} #introduction p {padding-right: 248px; margin-bottom: 5px;} #introduction p {font-size: 11px;} #introduction p q {font-family: Georgia, "Times New Roman", serif; font-size: 11.5px; color: #29505a;} #introduction p span {display: block;} #introduction p span {text-align: right; font-size: 9px;} #introduction p span a {color: #29505a;} #redSquare {position:absolute; right:17px; top:150px;} #subLinks {margin-top: 0; padding-top: 0; d/isplay:inline; _display:inline;} #subLinks {clear:both;} #subLinks li {padding-right: 6px;} #subLinks li {float: left;} #subLinks li.last {padding-right: 0;} #subLinks li a {display: block; width: 75px; height:86px;} #subLinks li a {text-indent: -9999px;} #subLinks li.last a {text-indent: 0px;} #blog {background: url( /images/jubeBlog_upState.jpg ) no-repeat;} #tour {background: url( /images/tour_upState.jpg ) no-repeat;} #demo {background: url( /images/courseDemo_upState.jpg ) no-repeat;} #subLinks li a#smartCar {background: url( /images/jubileeSmartCar.jpg ) no-repeat; width:395px; height:86px;} #radioGrace {background: url( /images/radioGrace_upState.jpg ) no-repeat;} #subLinks li a#lpChatBtn {text-indent: 0;} #subLinks li form {width: 300px; height: 76px; padding-top: 5px;} #subLinks li form {background: url( /images/emailBackground_graphic.jpg ) no-repeat; text-align: center;} #subLinks li form fieldset {border: none;} #subLinks li form fieldset ol {padding-left: 60px;} #subLinks li form fieldset ol li {} #subLinks li form fieldset ol li label {font-size: 12px; font-weight: bold;} #subLinks li form fieldset ol li input {width: 90px;} #subLinks li form fieldset ol li input.submit {width: 45px; padding: 0; margin: 0;} #subLinks li form fieldset ol li input.submit {background: none; color: #29505a; border: none; border-bottom: 1px solid #29505a; line-height: 18px;} #subLinks li p {padding: 0 20px;} #subLinks li p {font-size: 10px;} #features {padding-left: 65px; padding-top: 20px;display: inline-block;} #features {color: #ffffff;} #features {clear: left;} #features li {height: 319px; padding-left: 14px; padding-right: 10px; padding-top: 10px;} #features li {float: left;} #accredited {width: 185px; width: 185px;} #accredited {background: url( /images/accreditedBack.gif ) no-repeat;} #accredited h2 {margin-bottom: 9px;} #accredited h2 {color: #5e6f3c;} #interactive {width: 189px;} #interactive {background: url( /images/interactiveBack.gif ) no-repeat;} #interactive h2 {color: #295a56;} #interactive h2 {margin-bottom: 34px;} #courses {width: 239px; margin-right: 0;} #courses {background: url( /images/coursesBack.gif ) no-repeat;} #courses h2 {color: #b1c06b;} #courses h2 {margin-bottom: 18px;} #features li h2 {padding-left: 60px;} #features li h2 {font-size: 17px; font-weight: normal; line-height: 14px;} #features li h2 strong {font-size: 15.5px;} #features li p {font-size: 12px; text-indent: 60px; line-height: 14px;} #features li p.last {margin-top: 14px;} #features li p.last {text-indent: 0;} #resources {padding-left: 10px;} #resources {background-color: #c9d4b2;} #resources {clear: left;} #resources ul {margin-bottom:20px;} #resources li {width: 130px;} #resources li {background: none;} #resources li {float: left;} #resources li h2 {width: 125px; height: 57px; padding-top: 50px; padding-left: 5px;} #resources li h2 {font-size: 14px; color: #295a56; background-color: #ffffff;} #resources li h2.parents {background: url( /images/parentStickiesBanner.jpg ) no-repeat 0 30px;} #resources li h2.students {background: url( /images/studentsStickiesBanner.jpg ) no-repeat 0 30px;} #resources li h2.community {background: url( /images/communityStickiesBanner.jpg ) no-repeat 0 30px;} #resources li ul {background: none;} #resources li ul {padding: 0 3px;} #resources li ul li {width: auto; height: auto; padding: 0; line-height: 14px;} #resources li ul li {float: none;} #resources li ul li span{font-size: 11px;} #resources li ul li a {padding: 0;} #resources li ul li a {font-size: 11px; color: #29505a; font-weight: bold;} #blogFeed {w\idth: 760px; _width:800px; padding:20px;} #blogFeed {border: 1px solid #000000; margin: 0px 0 20px 0;} #blogFeed {clear: left;} #blogFeed h2 { border-bottom: none;} #finalWord {width: 790px; height: 215px;} #finalWord {background: url( /images/banner3.jpg) no-repeat;} #finalWord {position: relative;} #finalWord h2 {padding-left: 200px; padding-bottom: 16px;} #finalWord h2 {font-size: 20px;} #finalWord h3 {margin-left: 210px; padding-bottom: 14px; width: 280px;} #finalWord h3 {font-size: 14px; color: #21447c; text-align: center;} #finalWord p {margin-left: 190px; width: 190px;} #finalWord p {color: #29505a; font-size: 11px; text-align: right; font-family: Georgia, "Times New Roman", serif;} #finalWord p q {} #finalWord a {display: block; width: 75px; height: 75px;} #finalWord a {text-indent: -9999px;} #finalWord a {position: absolute;} #finalWord a#student {left: 400px; bottom: 41px;} #finalWord a#parent {left: 483px; bottom: 41px;} /** Box-model hacks (IE 5.5) **/ #homePage {\width: w\idth: 790px; _800px; } #topNav li ul li a {\margin-left: -16px; ma\rgin-left: 0;} #introduction {\width: 591px; w\idth: 591px;} #subLinks li form {\height: 81px; he\ight: 76px;} #accredited {\width: 209px; w\idth: 185px;} #interactive {\width: 213px; w\idth: 189px;} #courses { w\idth: 239px; _width: 263px;} #resources li h2 {\width: 130px; w\idth: 125px; \height: 107px; he\ight: 57px;} #bolgTitles { font-size:11px; font-weight:700; font-family:Verdana, Arial, Helvetica, sans-serif; } #bolgTitles a{ color:#810081; } /*#finalWord h3 {\width: 490px; w\idth: 280px;}*/ /*#finalWord p {\width: 380px; w\idth: 190px;}*/ #blogFeed #widgetbox_widget_parent_0 { text-align: center; } /* Facebook Send Button */ .fb-send-button { -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; cursor: pointer; color: #3b5998; -moz-outline-style: none; text-decoration: none; background: #eceef5; border: 1px solid #cad4e7; display: inline-block; padding: 4px 5px; white-space: nowrap; padding: 2px 5px; font-family: 'Arial', sans-serif; font-size: 11px; } .fb-send-button:hover { border-color: #9dacce; text-decoration: none; color: #3b5998; } .fb-send-button span { line-height: 20px; line-height: 19px; } .fb-send-button i, .fb-send-button img { float: left; height: 18px; margin-right: 3px; width: 14px; } .fb-send-button i { background-image: url(http://static.ak.fbcdn.net/rsrc.php/v1/z7/r/ql9vukDCc4R.png); background-position: -1px -45px; }