/*CHILD CARE FACILITY*/ /* TABLE OF CONTENTS ----------------------------- DEP Header Block ........... (from original Core.css... kept for layout purposes) Base Rules .................1 Layout .....................2 Header .....................3 Navigation .................3a sub-Header .................4 Content ....................5 Index page Content .........6 (this CSS only applies to the Index page) */ /***************DEP Core Header Block***************/ div#wrapper {width:100%;} a#linkSkip { display:none; } table#hdrDEP {margin: 0px;padding: 0px;font-size: 12px;font-family: Verdana, Geneva, Arial, Lucida, Helvetica, sans-serif;height: 30px;overflow:hidden;} table#hdrDEP tr#row0 td#hdrGovernor {background: black;font-family: Verdana, Arial, Geneva, sans-serif;font-size: 11px;color: #FFF;text-align: right;padding-top: 2px;padding-right: 5px;padding-bottom: 2px;border-bottom:1px solid gray;} table#hdrDEP img {padding: 0px;margin-top: 0px;margin-right: 0px;margin-left: 0px;margin-left: 15px;} table#hdrDEP tr#row1 td { background: #336699; } table#hdrDEP tr#row2 td {background-color: #333366;background-image: url(../../images/deptitlebgsm.jpg);background-repeat: repeat-y;background-position: 377px;} img#imgBanner {padding-left: 10px;padding-bottom: 0px;} /****************************************************/ /***************Base Rules (1)***************/ /*body{ height:100%; margin:0px; padding:0px; border:none; text-align:justify; font-family:arial; font-size:12px; }*/ html, body { height: 100%; margin:0px; padding:0px; border:none; text-align:justify; font-family:arial; font-size:12px; background: #E6E6E6; } .page-wrap { min-height: 100%; margin-bottom: -164px; } .page-wrap:after { content: ""; display: block; } #footer, .page-wrap:after { height: 142px; } h1{ font-size:24px; } h2{ font-size:20px; } h3{ font-size:18px; } h4{ font-size:16px; } h5{ font-size:14px; } h6{ font-size:12px; } h3, h4, h5, h6{ font-weight:normal; margin:15px 0; padding:0; } a{ cursor:pointer; } a img{ border:0; border:none; } .clear{ clear:both; } .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } /* For IE 6/7 only */ .clearfix { *zoom: 1; } /** Gonna have to fix the paragraph (p) margin and padding throught the site **/ /***************Layout (2)***************/ div#wrapper { min-width:863px; } #main-container{ width:100%; margin:0px; padding:15px 0 0 0; background-color:#E6E6E6; /*background-color:#E6E6E6; added 10-10-12 if dont like remove this and change background back*/ } #container{ margin:10px auto 30px; width:900px; background-color:#FFF; padding:15px; border:1px solid #ccc; position:relative; box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.06); -moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.06); -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.06); } #contentcontainer{ /* has no css declarations dont know why i have it. might just put width:100% just to have something maybe also position:relative for any added inside images */ } #container-padding{ padding:5px 15px; } #container .siteindex-link-all { position: absolute; top: 4px; left: 15px; font-size: 10px; color: #333; line-height: 17px; } .siteindex-link-all a{ display:block; } .siteindex-link-all img{ float:left; margin-right:3px; } /***************Header (3)***************/ #childcare-header{ margin-top:10px; padding:13px 10px; background-color:#336699; color:white; } #childcare-header h2{ font-weight:normal; margin:0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; } #childcare-header p#communityrelationscontact{ position:absolute; bottom:0; right:157px; font-size:10px; } /* Navigation (3a)*/ #navigation{ position:absolute; right:0; top:-2px; font-size:10px; width:120px; /*was 100*/ height:100px; padding:10px 10px 10px 0; /*was 10px*/ background-color:#6495ED; color:white; text-align:left; border-bottom:2px solid gray; z-index:1000; /*added 5-13-13*/ } #menu{ margin:0; padding:0; list-style-type:none; } #menu li{ margin:1px 0; padding:0 0 1px 0; border-bottom:1px solid #ccc; } #menu li:hover{ position:relative; } #menu li a{ text-decoration:none; color:white; display:block; padding-left:10px;white-space:nowrap; /*no padding-left or white-space*/ } #menu li a:hover{ color:orange; } #menu li ul.sub-level{ display:none; margin:0; padding:0; } #menu li ul li{ margin:0; padding:3px 10px 3px 5px; } #menu li:hover .sub-level { z-index:1000; list-style-type:none; background: #999; border: 1px #fff solid; border-width: 1px; display: block; position: absolute; right: 112px; /*was 102px*/ top: 0px; white-space:nowrap; } /*This menu is for IE6. Its in a addClass() JQuery function*/ .jqy-sub-level { z-index:1000; list-style-type:none; background: #999; border: 1px #fff solid; border-width: 1px; display: block; position: absolute; right: 122px; top: 0px; white-space:nowrap; } /***************sub-Header (4)***************/ #childcare-subheader{ background:#E6E6E6; padding:10px 10px 1px 10px; } #childcare-subheader h3{ color: #036; } #crumbs{ font-size: x-small; margin:0; padding:0; } /***************Content (5)***************/ #content{ line-height:22px; } #content ul{ list-style-type:square; } #content ul.spacing li{ margin-bottom:15px; } #content strong{ color:#336; } #content ol.spacer li{ margin-bottom:7px; } ol.spacer li div p{ text-align:left; } a.faqsection { display:block; cursor:default; } span.faq-title{ color:#336; font-weight:bold; cursor:pointer; } span.plus-toggle{ height:15px; width:15px; display:block; float:left; margin-right:15px; background-image: url(../images/plus_toggle.gif); cursor:pointer; } span.minus-toggle{ height:15px; width:15px; display:block; float:left; margin-right:15px; background-image: url(../images/minus_toggle.gif); cursor:pointer; } .answer{ /*display:none; used jquery to display none for javascript disabled users */ width:800px; background-color:#D6E0EB; border:1px dotted #85A3C2; padding:1px 6px 10px 6px; } .question{ text-decoration:underline; color:blue; cursor:pointer; } .uncollapse{ display:none; } .important{ padding:7px; background-color:#FAFAD2; border:1px solid #C8C8A8; } .disclaimer{ padding:0 7px; background-color:#FFE6E6; border:1px dotted #FF9999; } /***************Index Page CSS(6)***************/ #schoolimage{ float:right; margin:0 0 15px 20px; text-align:center; font-size:10px; } /*#schoolimage a{ color:#333; }*/ #about{ line-height: 22px; } #category-table{ border:none; border-collapse:collapse; font-size:11px; margin:20px auto; width:750px; } .category{ vertical-align:top; border:1px solid gray; } .category-header{ border-bottom:1px solid gray; background-color:#D9D9D9; padding:7px 0px 9px 0px; margin:0px; text-align:center; } .category-header h3{/*change 10-10-12 h5 to h6 and removed font-size*/ margin:0; padding:0; font-weight:bold; font-size:12px; color:#336; font-family:Verdana, Arial, Helvetica, sans-serif; } .category-info p{ padding:0px 9px; margin:11px 0; } /*Site-Index page*/ #side-1{ width:420px; float:left; } #side-2{ width:420px; float:right; } .alpha-header{ background-color:#DAE6F0; padding-left:5px; } .alpha-section{ color:#333; } /*New Centers page*/ #newchildcare-section{ float:left; width:405px; padding-right:20px; border-right:2px solid #CCD; } #maddenlegislation-section{ float:right; width:425px; } #footer{ background-color: #A6A6A6; text-align:center; margin:20px 0px 0px 0px; font-size:11px; border-top:2px solid gray; width:100%; min-width:863px; } /*---- Dont forget to update every year ----*/ #copyrightyear:after { content: "2018"; }