/* -------------------------------------------------- Standard Stylesheet for 'most' browsers! website: Kinders Mill Nursery School version: 2007.08 author: Liz Elcoate @ e4education -------------------------------------------------- */ /* import additional style sheets -------------------------------------------------- */ @import "news.css"; @import "calendar.css"; @import "contentblock.css"; @import "comments.css"; /* Remove default margins & paddings -------------------------------------------------- */ * {margin: 0; padding: 0;} /* Fixes forcer issue with news items -------------------------------------------------- */ .newsItemOdd, .newsItem {clear: none;} /* icons and styles for file attachments -------------------------------------------------- */ ul.fileAttachmentList {min-height: 40px; padding: 0 0 20px 0; margin: 0;} ul.fileAttachmentList li {list-style-type: none; height: 35px; padding-left: 40px; padding-top: 20px; margin-bottom: -10px; background-position: right; background-repeat: no-repeat; } ul.fileAttachmentList li a { padding-left: 25px;} ul.podcastList li {height: auto !important; } ul.podcastList li.attachmentDownload_mp3 {background-position: top left;} ul.fileAttachmentList li.attachmentDownload_doc {background-image: url(../images/icons/doc.gif) !important;} ul.fileAttachmentList li.attachmentDownload_mp3 {background-image: url(../images/icons/mp3.gif) !important;} ul.fileAttachmentList li.attachmentDownload_pdf {background-image: url(../images/icons/pdf.gif) !important; padding-right:40px;} ul.fileAttachmentList li.attachmentDownload_pub {background-image: url(../images/icons/pub.gif) !important;} ul.fileAttachmentList li.attachmentDownload_zip {background-image: url(../images/icons/zip.gif) !important;} ul.fileAttachmentList li.attachmentDownload_jpg {background-image: url(../images/icons/jpg.gif) !important;} ul.fileAttachmentList li.attachmentDownload_jpeg {background-image: url(../images/icons/jpeg.gif) !important;} ul.fileAttachmentList li.attachmentDownload_gif {background-image: url(../images/icons/gif.gif) !important;} ul.fileAttachmentList li.attachmentDownload_xls {background-image: url(../images/icons/xls.gif) !important;} ul.fileAttachmentList li.attachmentDownload_ppt {background-image: url(../images/icons/ppt.gif) !important;} ul.fileAttachmentList li.attachmentDownload_rar {background-image: url(../images/icons/rar.gif) !important;} ul.fileAttachmentList li.attachmentDownload_rtf {background-image: url(../images/icons/rtf.gif) !important;} ul.fileAttachmentList li.attachmentDownload_txt {background-image: url(../images/icons/txt.gif) !important;} ul.fileAttachmentList li.attachmentDownload_csv {background-image: url(../images/icons/csv.gif) !important;} ul.fileAttachmentList li.attachmentDownload_png {background-image: url(../images/icons/png.gif) !important;} /* Base styles, typography & alignments -------------------------------------------------- */ body {margin: 0px auto; background: #Ffffff url(../images/design/bg.jpg) repeat-x; font-family: "Lucida Sans Unicode", Verdana, Tahoma, Arial, sans-serif; font-size: 80%; line-height: 140%; text-align: center; color: #000;} h1, h2, h3 {font-family: Arial, Helvetica, sans-serif; font-weight: bold; color:#33c1c7;} h1 {font-size: 150%; margin-bottom:10px;} h2 {font-size: 130%; margin-bottom:5px;} h3 {font-size: 110%;} p {margin-bottom: 1em;} #content ul {margin-bottom: 1em; color:#000000;} #content li {margin-left: 1em;} img.left {float: left; margin: 0 10px 10px 0;} img.right {float: right; margin: 0 0 10px 10px;} .left {float: left;} .right {float: right;} .center {margin: 0 auto; text-align: center;} a:link {text-decoration: none; color: #0167BB; } a:visited {text-decoration: none; color: #0167BB;} a:hover {text-decoration: underline; color: #0167BB;} form {margin-bottom: 20px;} fieldset {border: 0;} input, textarea, select {margin-bottom: 10px; padding: 3px; font-family: Verdana, Arial, sans-serif; font-size: 90%;} input.button {margin-left: 210px; width: 100px;} .error {padding-left: 20px; color:#f00;} .caption {font-style: italic; font-size: 90%;} .noShow {display: none;} hr.cleaner {visibility: hidden; clear: both; margin: -1px 0 0 0; padding: 0; height: 1px; border: none;} .clear:after {content: "."; display: block; clear:both; height: 0; visibility: hidden;} /* Structure and DIV specific styling -------------------------------------------------- */ #container {margin: 0px auto; width: 955px; text-align: left;} #header {width: 955px; height: 191px; color: #FFF; background: url(../images/design/home/bg_top.jpg) no-repeat;} #header h1, #header h2 {display: none;} #accessibilityLinks {display: inline; font-size: 80%;} #accessibilityLinks li {display: inline;} #accessibilityLinks li a {margin: 0px .6em; padding: 0px 0px 0px 15px; background: url(../images/design/text_link.gif) no-repeat left;} #accessibilityLinks li a.homeLink {background-image: url(../images/design/home_link.gif);} #accessibilityLinks li a.contactLink{background-image: url(../images/design/contact_link.gif);} #accessibilityLinks li a.mapLink {background-image: url(../images/design/map_link.gif);} #main {width: 955px; height:457px; background: #FFF url(../images/design/home/content_body.jpg) no-repeat; } #menu {width: 600px;height:46px; float:right;margin:146px 0px 0px 0px; padding-right:74px; display:inline; } #menu ul {display: inline; width: 600px; list-style-type: none;} #menu li {display: inline; list-style: none; float:left;} #menu li a {width:120px; display: block; height: 46px; background-repeat: no-repeat; background-position: top left; text-indent: -5000px;} #menu li a:hover {background-position: bottom left;} #menu1 a {background-image: url(../images/design/menu_1.jpg); height:48px;} #menu2 a {background-image: url(../images/design/menu_2.jpg);} #menu3 a {background-image: url(../images/design/menu_3.jpg);} #menu4 a {background-image: url(../images/design/menu_4.jpg);} #menu5 a {background-image: url(../images/design/menu_5.jpg);} #contentWrapper {float: right; width: 580px; padding-right:100px;} #subnav {float:left;padding: 30px 0px 0px 90px; width: 130px; font-family:Arial, Helvetica, sans-serif; font-size:110%; } #subnav ul { text-align:center;} #subnav li {padding: 15px 0px 0px 0px;list-style:none;} #subnav a:link {text-decoration: none; color:#FFFFFF; } #subnav a:visited {text-decoration: none;color:#FFFFFF;} #subnav a:hover {text-decoration: underline;color:#FFFFFF;} #subnav a:active {text-decoration: none;color:#FFFFFF; } .submenuSelected {font-weight:bold; } #button {height:56px; width:111px; background-image:url(../images/design/home/message_btn.jpg); background-repeat:no-repeat; margin-left:9px;margin-top:170px;} #button li {padding-top:7px;} #breadcrumbs {color:#999999;padding-left: 260px; padding-top:5px; width: 400px; font-weight: normal; font-size: 80%;} #breadcrumbs ul {list-style: none;display: inline; } #breadcrumbs li {display: inline; } #breadcrumbs a:link {text-decoration: none;color:#999999;} #breadcrumbs a:visited {text-decoration: none;color:#999999;} #breadcrumbs a:hover {text-decoration: underline;color:#999999;} #breadcrumbs a:active {text-decoration: none;color:#999999;} #dateTime {display:none;} #content {width:590px; height:400px; clear: both; overflow:auto; font-family: Verdana, Arial, Helvetica, sans-serif;} #content h1 {margin-top:5px; padding-bottom:10px; font-size:24px; font-family:Verdana; font-size:170%; font-weight:bold;margin-top:20px;} #forcer {float: left; width: 0px; height: 250px;} .imageFooterMiddle {padding-bottom: 20px; /* Enough room for 4 lines of text */ padding-top: 5px; line-height: 120%; font-size: 90% !important;} .newsItem h2 {background: none; font-size: 110%;} #newsFeeds {margin: 30px 10px 0px; font-size: 90%;} #newsFeeds li {list-style: none;} #newsFeeds li a {font-size: 110%;} #newsFeeds img {margin: 0px 10px 0px 0px; padding: 0;} #footer { padding: 0px 5px 0px 5px; width: 945px; font-size: 80%; color: #FFF;} #footer a {color: #999999; } #footer p {color:#999999; padding: 0px 0px 0px 280px;} /* FORM STYLES FOR CONTACT FORM */ .inputForm heading {margin-top: 10px;} .inputForm legend {margin-left:30px; padding:10px; font-weight:bold;} .inputForm fieldset {width:450px; padding:0 0 10px 0; border:1px solid #000; } .inputForm label {display:block; margin-left:12px;} .inputForm h3 {margin-left:12px;} .inputForm .formFieldTextBox {float:left; clear:both; margin-left:12px; width:250px;} .inputForm input.formFieldTextBox{border:1px solid #000;} .inputForm .formFieldTextArea {clear:both; width:400px;} .inputForm .formFieldTextArea label{color:#27177F;} .inputForm textarea.formFieldTextArea {margin-left:12px;border:1px solid #000;} .inputForm .captcha {clear:both; width:260px;} .inputForm input.captcha {width:252px !important; margin:5px 0 5px 0; border:1px solid #000 !important;} .inputForm p.captcha {margin:10px auto 0px 0px !important; font-size:100% !important;} .inputForm img.captcha {width:260px !important; margin-top:5px;} .inputForm .submitButton {width:260px !important; margin:30px auto 0px 0px; background:#e7c130; font-weight:bold;!important; border:1px solid #000 !important; cursor:pointer;} .inputForm .formFieldCheckbox {margin-left:12px;} .inputForm .formFieldCheckbox label{display:inline;} .inputForm .formFieldDropdown {margin-left:12px; width:200px;} .inputForm #thirdParty label {width:250px; font-size:85%;} .inputForm #thirdParty {padding-bottom:10px;} em.required {display:inline; float:left; padding:2px 0 0 20px; color:#FF0000;} fieldset#interest .checkBox {float:left; width:435px;} .inputform {} /* FORM STYLES FOR CONTACT FORM */ #main #subnav #submenu_page_28.submenuSelected a{ letter-spacing:0.5px;} #main #subnav #submenu_page_28 a{letter-spacing:1px;} #main #subnav #submenu_page_25.submenuSelected a{letter-spacing:0.5px;} #main #subnav #submenu_page_25 a{letter-spacing:0.5px;} #main #subnav #submenu_page_17.submenuSelected a{letter-spacing:-0.5px;} /* Required for the editor in the backend. Make sure background images etc are removed in this attrubute... */ #editor {margin: 0px; padding: 0px; width: 495px; min-height: 400px; background-image: none; background-color: #fff; border: 5px solid #898989; text-align: left;}