/* ### MSW main.css ### Author: Stuart Elmore @ e4education o/b MySchoolWebsite Date: 2/2/09 */ body {margin: 0px auto; background:#EAEBAE url(images/design/body_bg.jpg) repeat-x; font-family: "Calibri", Arial, sans-serif; font-size: 90%; line-height: 170%; text-align: center; color: #000;} /* Structure and DIV specific styling -------------------------------------------------- */ .pcodeLoading {display: none; position: absolute; top: -5px;} #pageContainer {position: relative;} #mainContent {margin: 30px auto 0; width: 780px; position: relative;} #contentTop {line-height:1px;clear:both; margin:0 auto; width:820px; height:16px; background:url(images/design/content_top.png) no-repeat top center;} #contentBottom {margin:0 auto; width:820px; background:url(images/design/content_bottom.png) no-repeat top center;} #contentContainer {margin:0 auto; padding:10px 0; width:820px; background:url(images/design/content_body.png) repeat-y top center; text-align:left;position: relative;} #callToAction {padding:0 30px;} #callToAction h2, #callToAction h3 {color:#F7931E; width:550px;} #callToAction h2 {font-size:175%; letter-spacing:0.5px; margin-bottom: 0.4em; line-height:115%;} #callToAction h3 {font-size:200%; letter-spacing:0.5px; font-weight:normal; margin-bottom: 0.8em} #callToAction h4 {color:#45AB9A; letter-spacing:0.5px; font-size:150%; font-weight:normal; line-height: 125%;} #menu {height:62px; background:#A5CA12 url(images/design/menu_rpt_green.jpg) repeat-x 0px -1px; width:800px; margin:25px auto 0;clear: both;} #menu ul {margin:0; padding:0; list-style:none;} #menu ul ul {margin:0; padding:0; list-style:none; position:absolute; bottom:6px; left:12px; cursor:pointer;} #menu li {margin:0; padding:0; position:relative; display:inline; float:left; color:#FFF; font-size:160%; letter-spacing:0.5px; border-right:1px solid #8EB311;} #menu li a {display:block; width:175px; padding:8px 12px 10px; height:44px; color:#fff; text-decoration:none; } #menu li ul li {margin:0; padding:0; font-size:60%; border:none;} #menu li.endMenu {border:none !important;} #menu li a:hover {background:#45AB9A url(images/design/menu_rpt_blue.jpg) repeat-x 0px -1px; position:relative;} #menu li.selected a {background:#45AB9A url(images/design/menu_rpt_blue.jpg) repeat-x 0px -1px; position:relative;} #menu li.hover a {background:#45AB9A url(images/design/menu_rpt_blue.jpg) repeat-x 0px -1px; position:relative;} #menu ul li.hover {background:none;} #menu li.selected .pointer {display:block; height:18px; width:34px; background:url(images/design/pointer.png) no-repeat top center; position:absolute; left:75px; bottom:-23px;} #formContent {display:inline; float:left; width:515px;} #formContent h2 {color:#F7931E; font-size:270%;} #formContent legend {font-weight:bold;} #formContent fieldset {border:none;} #formContent input {color:#000; background:#EDEDED; border:1px solid #8A8A8A;} #formContent textarea {color:#000; background:#EDEDED; border:1px solid #8A8A8A; font-size:100%; font-family:Arial, Helvetica, sans-serif; letter-spacing:0.2px;} #header {width:820px; margin:10px auto 0; background:url(images/design/logo.png) no-repeat 10px 30px; } #header h1, #header h2 {display:none;} #login {display:inline; clear:both; margin:17px 29px auto auto; padding:3px 10px 0; float:right; text-align:center; font-size:85%; color:#fff; width:360px; background:url(images/design/header.png) no-repeat top center;} #login p {margin:0; padding:0;} #copyright {display:inline; margin:16px 29px auto auto; padding:3px 10px 0; float:right; text-align:center; font-size:85%; color:#fff; width:360px; background:url(images/design/copyright.jpg) no-repeat bottom center;} #txtLoginName, #txtLoginPassword {width:130px; height:19.5px; border:1px solid #666; margin-bottom:4px;} #login .login_detail {width:40%; float:left; margin-right:2px;} #login .login_detail label {text-align:left; font-size:125%; margin:4px 0 2px 7px; font-weight:bold; color:#E1F49F;} #login .submit {width:60px; float:left; margin:0 0 0 4px;} #login .submit input {width:60px; height:25px; border:1px solid #666; float:left; font-size:110%; margin:28.5px 0 0;} #login .forgot {margin:0; padding-right:75px; width:130px; float:right; display:block; text-align:left;} #login .forgot a {color:#FFF;} #login .rememberMe {margin:0; padding-left:10px; width:200px; float:left; display:block; text-align:left;} #login #remember_check {display:inline; width:10px; float:left; margin:3px 5px 0 0;} #login #remember_check label {display:inline; width:180px; float:left; margin:0;} #generalContainer {margin:0 0 0 30px; display:inline; float:left; width:730px;} #stepText {width: 500px; float: left;} .stepIllustration {float: right; margin-top: -10px; margin-bottom: 10px; width: 210px;} ul#jigsaw {margin: 0 0 10px 0; list-style:none; color:#45AB9A; font-size:160%;} ul#jigsaw li {padding: 8px 0 8px 40px; margin-left:15px;} ul#jigsaw li#listItem1 {background: url(images/design/list_item_1_bg.gif) no-repeat left;} ul#jigsaw li#listItem2 {background: url(images/design/list_item_2_bg.gif) no-repeat left;} ul#jigsaw li#listItem3 {background: url(images/design/list_item_3_bg.gif) no-repeat left;} #launchOfferBanner a {display:block; background:url(images/design/launchoffer.png) no-repeat center center; width:100px; height:100px; position:absolute; top:-60px; left:-50px;} #launchOfferBanner a span {display:none;} /* HOME PAGE */ #homeBG.pageID_1 {background:url(images/design/content_body_home.png) repeat-y top center; } #contentBottom.pageID_1 {background:url(images/design/content_bottom_home.png) no-repeat center top;} #contentContainer.pageID_1 {padding-bottom:0;} #mainContent.pageID_1 {margin:20px auto 0; width:800px; padding-bottom: 10px;} #mainContent.pageID_1 .mainContent{width:800px; padding:0; font-size:90%; color:#333; padding-bottom: 10px;} #column1 {float:left; padding:0 10px 0 5px; width:240px;} #column1 h5,#column1 h6, #column1 strong {color:#F7931E;} #column1 h5 {line-height:155%; font-size:140%; font-weight:normal;} #column1 h6 {line-height:155%; font-size:130%; font-weight:normal;} #column1 p {line-height:150%; font-family:Arial, Helvetica, sans-serif;} #column2 {float:left; padding:0 15px; width:245px;} #column2 h5,#column2 strong {color:#45AB9A;} #column2 h5 {line-height:155%; font-size:140%; font-weight:normal;} #column2 p {line-height:150%; font-family:Arial, Helvetica, sans-serif;} #column2 a {color:#45AB9A; text-decoration:underline;} #column2 a:hover {color:#45AB9A; text-decoration:none;} #column2 ul {font-family:Arial, Helvetica, sans-serif; margin:0 0 1em; padding:0; list-style:none;} #column2 ul li {padding-left:70px; margin-left:0; margin:5px 0 20px;} #homePage_UL_pages {background:url(images/design/home_pages.png) no-repeat center left;} #homePage_UL_galleries {background:url(images/design/home_photo.png) no-repeat center left;} #homePage_UL_calendars {background:url(images/design/home_calendar.png) no-repeat center left;} #column3 {float:left; padding:0 15px; width:225px;} #column3 h5,#column3 strong {color:#97AF41;} #column3 h5 {line-height:155%; font-size:140%; font-weight:normal;} #column3 p {line-height:150%; font-family:Arial, Helvetica, sans-serif;} #column3 a {color:#97AF41; text-decoration:underline;} #column3 a:hover {color:#97AF41; text-decoration:none;} #column3 ul {margin:0; padding:0; list-style:none; font-family:Arial, Helvetica, sans-serif;} #column3 li {margin:0 0 -15px 0; padding:0;} #column3 li .dateBlock {width:38px; margin-right:5px; text-align:center; float:left; display:block; border:1px solid #97AF41; background:#fff; font-size:85%;line-height:150%;} #column3 li .dateBlock span {background:#97AF41; color:#fff; display:block; font-size:140%; line-height:160%;} #column3 li .descBlock {width:180px; float:left; display:block; line-height:140%;} /* SERVICES PAGE */