/* gcps.css */ body { font-family: Arial, Helvetica, sans-serif; font-size: 15px; font-style: normal; font-weight: normal; text-transform: normal; letter-spacing: normal; line-height: 1.10em; margin: 0px; padding: 0px; } #header-container { background: url(/polproc.nsf/header_background.gif) repeat-x; height: 91px; } #header { background: url(/polproc.nsf/header_background.gif) repeat-x; padding: 0px 0 0 30px; width: 950px; height: 91px; } #header-logo { float: left; margin-left: 30px; } #header-logo img { border: 0; padding: 0; } #header-title { padding: 48px 0 10px 10px; float: left; } /* 10-15-08 PN - remove img and duplicated header-title to align title with logo correctly.*/ #header-links { font-size: 75%; float: right; margin: 30px 0 0 0px; /* 10-15-2008 PN set padding for the left to 0px to prevent wrapping of search bar.*/ padding: 5px; width: 160px; display: block; /* border: 1px solid #fff; */ } #header-links a { color: #CCCCCC; text-decoration: none; } #header-links a:hover { color: #fff; /* border-bottom: 1px solid #999; */ } #header-links form { padding: 3px 0; margin: 0; } #header-links .header-search-input { background-color: #B2B2B2; border: 1px solid #444; padding: 2px; font-size: 90%; } /* 11-04-2008 PN Replaced background from #777 to lighter grey #B2B2B2 */ #header-links #submit-search { padding: 0 5px; } .left { float: left; padding: 2px 5px; } .right { float: right; padding: 3px; margin: 5px; border: 1px solid #CCCCCC; background-color:#FFFFFF; } #logo-3dwall { float: left; background-color: #000000; } #logo { float: left; padding: 5px; } #threeD-wall { float: left; top: 50%; border-right: 10px solid #000; } .clear-both { clear: both; } /* Header Image ******************************/ .article .header-img { margin: 0 0 0 100px; } .lvl1-content { margin: 0px 0 0 0px; clear: both; } .flash-3dwall { padding: 3px; border: 1px solid #888; background-color: #AAA; } .lvl1-content td { vertical-align: top; } .lvl1-content a, .footer-links a { color: #000000; text-decoration: none; /* border-bottom: 1px solid #666666; */ line-height: 140%; } .lvl1-content a:hover, .footer-links a:hover { color: #B22222; /* border-bottom: 1px solid #B22222; 10-30-2008 PN Remove the duplicate underline when hover on a link. */ } .section-title { font-size: 100%; font-variant: small-caps; border-bottom: 1px solid #CCCCCC; } .spotlight { width: 300px; /* background-image: url(spotlight_background.gif); */ background-repeat: no-repeat; padding: 10px 10px 0 10px; margin: 0 10px 0 0; font-size: 9pt; } .favorite-resources { width: 300px; background-repeat: no-repeat; padding: 10px 10px 0 10px; margin: 0 10px 0 0; font-size: 9pt; } .favorite-resources ul { margin: 0; padding: 0 0 0 10px; } .favorite-resources h1, .spotlight h1, .latest-news h1, .events h1 { font-family: Arial, Helvetica, sans-serif; font-size: 120%; line-height: 130%; font-weight: bold; padding: 0; margin: 0; } .favorite-resources h2, .spotlight h2, .latest-news h2, .events h2 { font-family: Arial, Helvetica, sans-serif; font-size: 100%; line-height: 160%; font-weight: bold; padding: 0 0 5px 0; margin: 0; color: #000000; } .spotlight img { margin: 0 7px 0 0; padding: 3px; border: 1px solid #cccccc; background-color:#FFFFFF; float: left; } .spotlight p { margin: 0; padding: 5px; } .spotlight ul { margin: 0; padding: 0 0 0 10px; } .article-timestamp { font-size: 10pt; letter-spacing: -1px; font-weight: bold; text-align: right; color: #333333; } .timestamp { color:#666; } .latest-news { width: 400px; font-size: 9pt; padding: 10px 0 0 0; } .latest-news ul { margin: 0; padding: 0 0 0 15px; } .events p, .latest-news p { margin: 0; padding: 3px 0 1px 0; } .latest-news, .events { /* border-top: 1px solid #ccc; */ } .events { width: 230px; font-size: 9pt; padding: 10px 0 0 0; } .events-timestamp { font-size: 10pt; letter-spacing: -1px; font-weight: normal; text-align: left; color: #333333; } .full-article { margin-left:5px; /*02-10-09 PN Set the margin for the full-article so it would not be overlaid by the side menu. */ margin-right:50px; /*02-10-09 PN Set the right margin for the full-article */ width: 700px; font-size: 9.5pt; padding: 10px 0 0 0; line-height: 150%; color: black; /* 01-28-2009 Change from #444444 to black */ } .full-article .subcategories { width: 320px; float: left; padding: 10px; } .full-article p { margin: 5px 0 15px 0; padding: 0; } .full-article h1 { font-family: Arial, Helvetica, sans-serif; font-size: 180%; line-height: 130%; font-weight: normal; padding: 0; margin: 0; color: #B22222; } .full-article h2 { font-family: Arial, Helvetica, sans-serif; font-size: 140%; line-height: 130%; font-weight: normal; padding: 2px 0 0 0; margin: 0; color: #000000; } .full-article h2 a { text-decoration: none; } .main-subsection img { padding: 0 5px; float: left; } .main-subsection p { clear: both; margin: 0; padding: 0; } .main-subsection .read-more { padding: 5px 0 20px 0; margin: 0; } /* Main Section ********************************************/ .programs-main-section { width: 900px; font-size: 9pt; padding: 10px 0 0 0; line-height: 150%; } #program-headlines { float: left; } #programs-main img { float: left; padding: 0 1px 0 1px; } #programs-main-photos { position: relative; margin: 94px 0 0 189px; } #programs-main-photos img { border: 1px solid #CCCCCC; padding: 3px; } .programs .section-title { padding: 10px 0 0 0; border-bottom: 1px solid #CCCCCC; } .programs .latest-news { width: 440px; } .program-gallery { width: 180px; float: left; padding: 0 0 0 20px; } .gallery-column { float: right; padding: 10px 0 0 0; margin: 0 0 0 20px; width: 180px; font-size: 100%; font-variant: small-caps; } .gallery-links { padding: 10px 0 0 0; border-top: 1px solid #CCCCCC; width: 180px; float: right; text-align: center; } .gallery-links img { border: 1px solid #CCCCCC; padding: 3px; } .gallery-links h2 { font-size: 100%; line-height: 130%; font-weight: normal; padding: 0; margin: 10px 0 5px 0; color: #666666; } .link-to-gallery { background-image: url(/polproc.nsf/gfx/gallery_spyglass.gif); background-repeat: no-repeat; background-position: right; padding: 0 15px 0 0; font-size: 90%; font-weight: bold; } .gallery-separator, .separator { height: 30px; background-image: url(/polproc.nsf/gfx/gallery_separator.gif); background-repeat: no-repeat; background-position: center; margin: 10px 0 0 0; } /* SideNav is not being used at this time. *************************************************/ .sidenav td { margin: 0; width: 650px; /* 10-28-2008 PN Change from 220px to 540px */ /*padding: 10px 10px 0 10px; Remove 10-28-2008 PN*/ /*margin: 0 10px 0 0; Remove 10-28-2008 PN*/ font-size: 9pt; display: block; float: left; text-align: center; } .sidenav .main-nav { border: none; list-style-type: none; padding: 0; margin: 0; width: 220px; } .sidenav .sub-nav, .sidenav .click-sub-nav { margin: 0; padding: 0; } .sidenav .sub-nav li, .sidenav .click-sub-nav li { list-style-type: none; margin-left: 10px; padding-left: 10px; background-color: #FFFFFF; /* background-image: url(subnav_list_element.gif); */ background-image: url(/polproc.nsf/diamond2__red.gif); background-repeat: no-repeat; background-position: 0px 9px; } .sidenav p { font-family: Arial, Helvetica, sans-serif; margin: 0 0 10px 0; padding: 5px 5px 5px 10px; font-size: 160%; border-bottom: 1px solid #CCC; border-top: 1px solid #f0f0f0; border-left: 1px solid #f0f0f0; border-right: 1px solid #f0f0f0; background: url(/polproc.nsf/section_indicator.gif) repeat-x bottom; color: #930621; } .sidenav p.about { color: #470a17; } .sidenav p.schools { color: #930621; } .sidenav p.students { color: #0e465b; } .sidenav p.parents {color: #1391c2; } .sidenav p.staff { color: #ffcc00; } .sidenav p.community { color: #938b14; } .main-nav li { /* ie6 hack; do not remove! */ border-top: 1px solid #FFF; border-bottom: 1px solid #FFF; } .main-nav a { display: block; border-bottom: none; padding: 5px; } .main-nav a:hover { background-color: #f0f0f0; border-bottom: none; } .sidenav .separator-top { border-top: 1px solid #E2E2E2; border-bottom: 1px solid #FFF; } .sidenav .separator-bottom { border-bottom: 1px solid #E2E2E2; } .sidenav-current-section h1 { padding: 0; margin: 0; color: #B22222; font-size: 16pt; font-weight: normal; } .subnav-menu, .click-menu { margin: 0; padding: 0; border-top: 1px solid #fff; } .click-menu a { background: url(/polproc.nsf/css/submenu_more_arrow__right.gif) no-repeat center right; } .click-sub-nav a { color: #333; } .click-menu a:hover { background: #f0f0f0 url(/polproc.nsf/css/submenu_more_arrow__right__hover.gif) no-repeat center right; } .click-menu-selected a:hover { background: #f0f0f0 url(/polproc.nsf/css/submenu_more_arrow__down__hover.gif) no-repeat center right; color: #B22222; } .click-menu-selected a { background: url(/polproc.nsf/css/submenu_more_arrow__down.gif) no-repeat center right; color: #B22222; } .side-gcps { vertical-align: top; display: block; margin-top: 30px; border: 1px solid #fff; color: #999999; } .side-gcps img { margin: 0 5px 0 0; } .flash-gallery { padding: 5px; border: 1px solid #CCCCCC; display: block; width: 602px; } /* Footer *************************************************/ #footer-container { padding: 10px 0 0 0; margin-top: 30px; color: #444; } .footer-eeoc { width: 770px; padding: 10px 60px 10px 0px; /* 10-15-2008 PN replaced 0px 0 10px 210px to align footer eeoc correctly. */ font-size: 70%; color: #444; display: block; font-style: italic; margin: 0px 0px 0px 210px; /* 10-15-2008 PN replaced margin: 0 to align footer eeoc correctly. */ } /*.footer-eeoc { width: 760px; padding: 0px 0 10px 220px; font-size: 70%; color: #444; display: block; font-style: italic; margin: 0; }*/ .footer { margin-left: 190px; margin-top: 5px; width: 800px; padding: 10px 10px 10px 90px; clear: both; } .footer .contact-us { width: 771px; } .footer #motto { } .footer-adddress, .copy { padding: 5px 0 0 0; margin: 0; } .footer .light-link a, #footer-main .light-link a { color: #444; text-decoration: none; border-bottom: 1px solid #666666; } .footer .light-link a:hover, #footer-main .light-link a:hover { color: #000; text-decoration: none; border-bottom: 1px solid #000; } .footer-links { font-family: Helvetica, Arial, san-serif; font-size: 12px; font-style: normal; font-weight: bold; text-transform: normal; line-height: 1.5em; padding: 0px 0 0px 210px; margin: 0; background-color: #333333; } .footer-links .container { width: 770px; } .footer-links td { margin: 0; font-size:80%; /* 10-28-08 PN Handles font issues. */ /* padding: 3px 5px; */ padding: 1px 5px; color: #fff; display: block; width: 100px; float: left; text-align: center; } #footer-main { font-size: 80%; padding: 0px 0 0px 210px; } #footer-main .container { width: 771px; } #footer-main-left { font-family: Arial, Helvetica, san-serif; /* 11-04-2008 PN Add this line to ensure Helvetical or Arial */ background-color: #fff; padding: 10px 15px; width: 365px; font-size:80%; /* 10-28-2008 PN Handles font issues. */ } #footer-main-right { font-family: Arial, Helvetica, san-serif; /* 11-04-2008 PN Add this line to ensure Helvetical or Arial */ background-color: #fff; padding: 10px 15px; width: 344px; font-size:80%; /* 10-28-2008 PN Handles font issues. */ } .footer-lnk-home { background-color: #000000; } .footer-lnk-about { background-color: #590d1d; } .footer-lnk-schools { background-color: #a50829; } .footer-lnk-students { background-color: #115772; } .footer-lnk-parents { background-color: #18b5f2; } .footer-lnk-staff { background-color: #ff9900; } .footer-lnk-employment { background-color: #938b14; } .footer-lnk-home a, .footer-lnk-about a, .footer-lnk-schools a, .footer-lnk-students a, .footer-lnk-parents a, .footer-lnk-employment a, .footer-lnk-staff a { color: #fff; opacity: 0.8; filter: alpha(opacity=80); text-decoration: none; border-bottom: none; } .footer-lnk-home a:hover, .footer-lnk-about a:hover, .footer-lnk-schools a:hover, .footer-lnk-students a:hover, .footer-lnk-parents a:hover, .footer-lnk-employment a:hover, .footer-lnk-staff a:hover { color: #fff; opacity: 1; filter: alpha(opacity=100); text-decoration: none; border-bottom: none; } /* Menubar Definitions */ .MenuBarHorizontal li { font-size: 12pt; } #navigation .separator-top { border-top: 1px solid #CCC; } #navigation .separator-bottom { border-bottom: 1px solid #CCC; } #footer-logo { position: absolute; margin: 0; padding: 15 0 0 153px; /* 10-29-2008 PN Replaced 0 0 0 163px to 10 0 0 153px */ z-index: 100; }