/* CSS Document for the Great Start Colloborative of Saginaw County. Created by BS Solutioins Inc. Author Sam Licavoli II*/ html {background-color:#46A85A;} body { background-color:#46A85A; margin:0; padding:0; color:#000;font-family: Verdana,Arial,Helvetica; height:auto !important; /* FF and compliant browsers should automatically size the body/html */ height:100%; /* ie will set the body/html to 100%, anything overflowing that will (incorrectly) resize it. go IE */ min-height:100%; /* when FF/etc automatically size the body/html it should be AT LEAST the height of the entire browser window, but can expand based on content. */ font-size:62.5%; } .eventbox table{border: 1px solid #800080; background-color:#CAD7ED; line-height:1.2em;} .eventbox form, input {line-height:1.2em;} .eventbox table td{vertical-align:top; margin:1; padding:1} /* Links ----------------------------------------------- */ a:link {color:#003399;} a:visited {color:#800080;} a:hover {color:#DCB577;} a img {border-width:0px;text-decoration:none;} /* Masthead ----------------------------------------------- */ #masthead { font-size: .9em; background-color: #fff; margin:0px auto;padding:0px;width:960px;float: left;min-width:960px;height:189px;} /* Header ----------------------------------------------- */ #header {background-image: url(images/navbar_repeat.jpg);background-repeat: repeat-x;background-color: #fff; width: 960px;height:28px;margin:0 auto;padding:0;float:left;} /* Structure ----------------------------------------------- */ #page-body { margin:0 auto; width:960px; height:auto !important; /* FF and compliant browsers should automatically size the body/html */ height:80%; /* ie will set the body/html to 100%, anything overflowing that will (incorrectly) resize it. go IE */ min-height:490px; /* when FF/etc automatically size the body/html it should be AT LEAST the height of the entire browser window, but can expand based on content. */ /*CSS 3.0*/ box-shadow: 0px -5px 10px #003300; -webkit-box-shadow:0px -5px 10px #003300; -moz-box-shadow:0px -5px 10px #003300; padding:0px 1px 3px 1px; } #content {background-repeat:repeat-y;background-position:0 0; background-color:#DFDFDF; padding:4px 2px 4px 2px; float:left; width:956px; min-width:875px; height:auto !important; /* FF and compliant browsers should automatically size the body/html */ height:80%; /* ie will set the body/html to 100%, anything overflowing that will (incorrectly) resize it. go IE */ min-height:350px; /* when FF/etc automatically size the body/html it should be AT LEAST the height of the entire browser window, but can expand based on content. */ } /* Partner ----------------------------------------------- */ #partner {margin:0px 2px 2px 0px;min-width:188px;width:19%;font-size:85%;line-height:1.2em;z-index:1;background-color:#FFFFFF;border:1px solid #000000; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; } #validation{margin-top:5px; margin-bottom:2px;min-width:178px;width:19%;font-size:85%;line-height:1.2em;z-index:1; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; } /*------------------------------------------------------------- /* Nav ----------------------------------------------- */ #nav {margin:0px 2px 2px 0px;width:188px;font-size:85%;line-height:1.2em;z-index:1;background-color:#FFFF33;border:1px solid #460747; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; } #nav h2 {margin:0;padding:5px;border-top:1px solid #999;font-size:1.4em;} #nav ul {margin:0; padding:0 1px;list-style:none;} #nav .firstbigletter {font-family:Arial;color: #D01F27;font-size:1.8em;font-weight:bold;line-height:1em;letter-spacing:.1em;} #nav .subnav {font-family:Arial; color:#2A00AA; font-size:13px;} /*------------------------------------------------------------- /* Content Main ----------------------------------------------- */ #content-main {min-width:626px;width:78%; float:right;margin:0px;padding:10px;position:relative;background-color:#fff;border:1px solid #460747; -webkit-border-radius: 0px 5px 5px 5px; -moz-border-radius: 0px 5px 5px 5px; height:auto !important; /* FF and compliant browsers should automatically size */ height:95%; /* ie will set the body/html to 100%, anything overflowing that will (incorrectly) resize it. go IE */ } #content-main p {color: #000000;margin:0;padding:5px 20px 5px 5px; font-size:1em;} #content-main .normallist {list-style:disc;} #content-main .numberlist {margin-left:50px;} #content-main .normallist ul {margin-left:50px;} #content-main .normallist ul li{display: compact;} #content-main ol {color: #000000;margin:0;padding:0; padding:5px 20px 5px 5px; font-size:.9em;} #content-main ul {color: #000000;margin:0 0 0 20px;padding:0;display:block;list-style:none;padding:5px 20px 5px 5px; font-size:.9em; text-indent:5px;} #content-main table {color: #000000;margin:0 5px 0 0; padding:5px 5px 5px 5px;} #content-main tbody{width:95%;} #content-main p.updated {float:left;margin:0;padding:20px 10px 15px 13px; font-size:1em;} #content-main caption.captiontext{text-align:left;font-size:14px;font-weight:bold;font-family:Tahoma;color:#000000;} #content-main caption.captiontextred{text-align:left; font-size:14px;font-weight:bold; font-family:Tahoma;color:#FF0000} #content-main caption.captiontextgreen{text-align:left;font-size:14px;font-weight:bold;font-family:Tahoma;color: #007F00;} #content-main th.redheader {color: #FF0000;font-size:1em;text-align:left;font-family:Tahoma;} #content-main th.headertext{text-align:left;font-size:1em;font-family:Tahoma;color:#000000;} #content-main td.redcelltext {color: #FF0000;font-size:1em%;text-align:right;font-family:Tahoma;} #content-main th.topheader{border-bottom:1px solid #000000;font-size:1em;font-family:Tahoma;color:#000000;} #content-main th.topheaderred{border-bottom:1px solid #FF0000;font-size:1em;font-family:Tahoma;color:#FF0000;} #content-main td.celltext{font-size:1em;color:#000000;text-align:right;font-family:Tahoma;color:#000000;} #content-main td.total{font-size:1em;font-family:Tahoma;background-color:#FFFF55;color:#FF0000;text-align:right;} #content-main td.cpi{color:#000000;text-align:center;border-bottom:1px solid #000000;} #content-main td.cpi_no_border{color:#000000;text-align:center;} #content-main th.cpi{border-bottom:2px solid #000000;font-size:1em;font-family:Tahoma;color:#000000;} #content-main td{font-size:1em;font-family:Tahoma;} #content-main h1{margin: 5px;padding:5px 0 0 0;color:#080057;font-family:Tahoma;} #content-main h2{margin: 5px;padding:5px 0 0 0;color:#080057;font-family:Tahoma;} #content-main h3{margin: 5px;padding:5px 0 0 0;color:#080057;font-family:Tahoma;} #content-main h4{margin: 5px;padding:5px 0 0 0;color:#080057;font-family:Tahoma;} #content-main h5{margin: 5px;padding:5px 0 0 0;color:#080057;font-family:Tahoma;} #content-main a.partner, a:link.partner, a:visited.partner {text-decoration:underline;} #content-main a:hover.partner {color:#ffcc00; text-decoration:none;} #content-main table.partner {background-color:#CAD7ED; border:2px solid #800080} #content-main table.event{background-color:#CAD7ED; border:2px solid #800080;margin-left:4px;} #content-main td.agency{font-size:9px;} #content-main ul, table ul, table tr td ul {list-style:disc;} /* Footer ----------------------------------------------- */ #footer { background:#CAD7ED; clear:both; width:960px; margin:0px 0px 0px -1px; border:1px solid #460747; font-size:.8em; line-height:1.2em;} #footer hr { display:none; } #footer ul { margin:0; padding:10px 10px 0; list-style:none; } #footer li { display:inline; margin:0; padding:0; } #footer a { padding:0 .3em 0 .65em; color:#0033CC; border-left:1px solid #DCB577;} #footer a.first {border-left-width:0;} #footer li a.first { padding-left:0; } #footer p { margin:0; padding:10px 0 10px 0; color:#460747; width:auto; position: relative; text-align:center; z-index:0; } /*Article Styling -------------------------------------------------*/ .art_heading a, a:link, a:visited, a:hover {font-family:Georgia, "Times New Roman", Times, serif; text-decoration:none; color:#000080; font-size:1.2em; font-weight:bold} .art_heading a img {border-width:0;text-decoration:none;} #Article{font-size:1em; width:95%; font-family:Arial, Helvetica, sans-serif;} #content-main h5{font-size:1em;font-weight:normal} #Article p a{font-size:.8em; font-weight:normal;} #Article ul li a {font-size:.8em; font-weight:normal;} #Article_Summary table p a{font-size:.8em; font-weight:normal;} #Article_Summary ul li a {font-size:.8em; font-weight:normal;} #Article_Summary p {font-size:.8em; font-weight:normal;} #Article_Summary table p {font-size: 1em;} #Article_Summary table td {font-size: 1em;} #Article_Summary table td p {font-size:1em; font-weight:normal;}