/* -------------------------------------------------------------------------- Colorado.gov - CMS websites global.css -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- Set Page Font Sizes -------------------------------------------------------------------------- */ #copy-Spec p,#copy p { font-size:100%; } /* .8em = 12px for parent div */ #copy-Spec font,#copy font {font-size:1em} table {font-size:.9em;} a {font-size:100%;} .docdownloadlink {font-size:1em;} /* em = 12px for nested divs */ /* -------------------------------------------------------------------------- General Elements -------------------------------------------------------------------------- */ /*td,th {padding:.3em;}*/ /* -------------------------------------------------------------------------- Main Containers -------------------------------------------------------------------------- */ #centerPage {width:747px;margin-left:auto;margin-right:auto;text-align:left;background-color:#FFF;} #contentBoxTabs {float:left;width:747px;background:#FFF url(http://www.colorado.gov/cms/images/body_images/bgrd_leftnav.gif) repeat-y;} #contentBoxTabs-NoLeft {float:left;width:747px;background:#FFF;} #contentBoxNTabs {width:747px;background:#FFF;} /* Breadcrumbs ---------------------------------------------------------------------------- */ #breadcrumbs1 { width:747px; background-color:#FFFFFF; } #breadcrumbsList1 { padding:0px 0px 3px 10px; margin:0px; list-style-type:none; } #breadcrumbsList1 li { display: inline; font-size: 60%; font-weight: normal; } #breadcrumbsList1 a:active, #breadcrumbsList a:link, #breadcrumbsList a:visited { color: #6699CC; text-decoration: none; font-weight: normal; padding: 0px 7px 0px 0px; background-image: url(http://www.colorado.gov/cybersecurity/images/breadcrumbs.gif); background-repeat: no-repeat; background-position: center right; } #breadcrumbsList1 a:hover { text-decoration:underline; color:#336699; } /*End Breadcrumb stuff*/ /* -------------------------------------------------------------------------- Content Containers -------------------------------------------------------------------------- */ #copy {display:inline;float:left;width:540px;margin-left:10px;} #copy-Spec {display:inline;float:left;width:700px;margin-left:10px;} #copy table tbody tr td p {font-size:100%!important} #copy table tbody tr td ul li div a {font-size:1.1em!important} #copy table tbody tr td {font-size:100%!important;line-height:1.6;} #copy table tbody tr td a {font-size:.9em!important;line-height:1.6;} /* End Divs Here */ /* -------------------------------------------------------------------------- Top Navigation -------------------------------------------------------------------------- */ #topNavBar {float:left;height:1%;width:746px;background:#e2e2e2;border-top:1px solid #FFF;border-bottom:1px solid #b9b9b9;border-right: 1px solid #FFFFFF;} #navcontainerEO ul, #navcontainer-2line ul, #navcontainer-3lineEO ul, #navcontainer-4line ul {background:#E2E2E2;color:#003366;float:left;width:100%;font-size:.9em;} #navcontainerEO li, #navcontainer-2line li, #navcontainer-3lineEO li, #navcontainer-4line li {display:inline;} #navcontainerEO a { border-left:1px solid #FFF; color:#0C205F; float:left; padding:.3em 0em .2em .5em; width:32%; height:1.2em; line-height:1.1; text-decoration: none; font-weight:bold; } #navcontainerEO a.long { border-left:1px solid #FFF; color:#0C205F; float:left; padding:.3em 0em .2em .5em; width:32%; height:1.2em; line-height:1.1; text-decoration: none; font-weight:bold; } #navcontainer-2line a {border-left:1px solid #FFF;color:#0C205F;float:left;padding:.3em .5em .2em .5em;width:12.4%;height:2.4em;line-height:1.1;text-decoration: none;font-weight:bold;} #navcontainer-3lineEO a {border-left:1px solid #FFF;color:#0C205F;float:left;padding:.3em .5em .2em .5em;width:14%;height:3.5em;line-height:1.1;text-decoration: none;font-weight:bold;} #navcontainer-4line a {border-left:1px solid #FFF;color:#0C205F;float:left;padding:.3em .5em .2em .5em;width:12.4%;height:4.6em;line-height:1.1;text-decoration: none;font-weight:bold;} #navcontainerEO a:hover, #navcontainer-2line a:hover, #navcontainer-3lineEO a:hover, #navcontainer-4line a:hover {background:#0067AE;color:#FFF;display:block;} /* DPA STYLES ---------------------------------------------------------------------------------------------------------------------------------------*/ #middle {margin: 0px;background:#ffffff;float:left;width: 235px;} #right {background-color: #ffffff;float:right;margin-right:1em;} #left {width: 242px;background-color:#ffffff;display:inline;float:left;margin-left: 1em;} /* ALL DPA SPECIFIC STYLES */ /* Global class styles for DPA -------------------------------------------------------*/ .topButtonHolders{ width: 663px; height:1%; clear: both; margin: 0 auto 1em auto; } .topHolder { width: 213px; background-color: #fff; margin-bottom: 1em; text-align:left; float: left; display: inline; } .topHolder p {margin:0px;font:11px Arial, Helvetica, sans-serif;line-height:1.4em;background:#dddddd;text-align:justify;} .pad5{padding:5px;} .marginRight{ margin-right:10px; } .marginLeft{margin-left:1em;} /* use on all buttons */ .more {color:#0c205f;font-weight:bold;text-decoration:none;text-align:right;display:block;background: url(http://colorado.gov/cms/cms-banner/dpa/new_site/images/btm-gray.gif) no-repeat bottom left; padding-left:0px; padding-right:10px; padding-top:0px; padding-bottom:5px } img.corner {border: none;display: block !important;} /* about DPA --------------------------------------------------------- */ #aboutDPA{background:#8b96b3;padding:10px;margin-bottom:15px;} /* DPA News --------------------------------------------- */ #dpaNews{ background:#fff url(http://colorado.gov/cms/cms-banner/dpa/new_site/images/grayBg.jpg) bottom left repeat-x;clear:both;margin-top:1em;} #dpaNews ul{margin:10px 10px 0px 0px;padding:0px;} #dpaNews li{ background:url(http://colorado.gov/cms/cms-banner/dpa/new_site/images/arrows.gif) left 10px no-repeat; font-size:12px; margin:0px; padding:5px 10px 5px 10px; list-style-type:none; } #dpaNews h1{ font-family:Arial, Helvetica, sans-serif; font-size: 15px; color:#333; margin-bottom:0px; padding-left:10px; } #dpaNews li a{ list-style-type:none; } #dpaNews p, li, li p{color:#000;font-size:100%;} .smallCopy{font-size:10px; margin:0em 1em 1em 1em;clear:both;display:block;float:left;} /* ALL SUB PAGE ELEMENST FOR DPA ------------------------------------------------------ */ /* each copy home uses the first letter of each word in department name so for example Human Resources would be named copyFullHR */ /*These styles will be used on all DPA sites */ .dpaBoxHolderMain{padding-left:1em;padding-right:1em;border:1px solid #8b96b3;background: url(http://www.colorado.gov/cms/cms-banner/dpa/new_site/images/grayBg.jpg) bottom left repeat-x;color:#333;} .dpaBoxHolder p, .dpaBoxHolderSpb p, .dpaBoxHolderMain p{color: #FFFFFF;line-height:1.4em;margin:0;padding:1em;} #copyFullHomeCS {font-size: 100%;width: 725px;margin: 0 auto 0 auto;padding:0;text-align:left;} .aboutCS{padding:0;margin: 1em 0 1.5em 0;} .aboutCS p{line-height:1.4em;padding:0.5em;margin: 0;color: #333;} .aboutCS h1{ font-family:Arial, Helvetica, sans-serif; font-size: 14px; color:#fff; border-bottom:1px solid #fff; padding:0px 10px 0 0; margin: .4em 1em 0em 1em; display: block; } /* this style is specific to particular site and renders the top color bars in the 'about' and 'news' sections*/ .homeTop{ background:url(http://colorado.gov/cms/cms-banner/dpa/images/executiveOffice/eo_BarTop.gif) top left no-repeat; margin:0; padding:0px; height:30px; } #copyFullHome { display: inline; font-size: 12px; float: left; width: 725px; margin-left:10px; margin-right:10px; margin-top:21px; margin-bottom:10px; } .topHolderMarginRight{width:242px;float:left} .topHolderTwo{ margin:0 auto 1em auto; clear:both; width:440px; height: 1%; } .spbHolder{width:213px;float:left}