/* Basics ---------------------------------------------------------------- */ body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px; padding: 0; margin: 0; background-color: #ECA048; } /* Text Styles ---------------------------------------------------------------- */ #content h1 { font-size: 24px; font-weight: bold; color: #002664; line-height: 24px; } #content p { font-size: 14px; line-height: 18px; color: #333; } a:active {text-decoration: underline;color: #002664;} a:link {text-decoration: underline;color: #002664;} a:hover {text-decoration: underline;color: #ECA048;} a:visited {text-decoration: underline;color: #002664;} a:visited:hover {text-decoration: underline;color: #ECA048;} #content h2 { font-size: 18px; font-weight: bold; color: #002664; line-height: 24px; } h3 { font-size: 16px; font-weight: bold; color: #002664; } h4 { font-size: 14px; font-weight: bold; color: #002664; } table.floatright_wcaption {width:175px;margin-left:10px;margin-bottom:10px;padding:10px;font-size:10px;border:1px solid #CCC;float:right;} table.floatleft_wcaption {width:175px;margin-right:15px;margin-bottom:10px;padding:10px;font-size:10px;border:1px solid #CCC;float:left;} img.staffboardphoto {font-family:Arial, Helvetica, sans-serif;font-size:10px;border:1px solid #002664;margin-right:10px;margin-bottom:30px;} .floatright {margin-left:10px;margin-bottom:10px;border:1px solid #CCC;float:right;} .floatleft {margin-right:10px;margin-bottom:10px;border:1px solid #CCC;float:left;} .floatright_w_border {margin-left:10px;margin-bottom:10px;border:1px solid #CCC;float:right;border: 1px solid #002664;} .floatleft_w_border {margin-right:10px;margin-bottom:10px;border:1px solid #CCC;float:left;border: 1px solid #002664;} img.imgborder { border: 1px solid #CCC; } table.tableborder { border: 1px solid #CCC; } td.firstandmiddlecolumns { border-right: 1px solid #CCC; background: #F1F1F1; padding-left:8px; padding-right:8px; } td.lastcolumn { background: #F1F1F1; padding-left:8px; padding-right:8px; } /* Start Divs */ /* Main Elements ---------------------------------------------------------------- */ #wrapper { width: 1020px; background-image:url(../images/wrapper_bgd.jpg); background-repeat: repeat-y; /* [disabled]overflow: auto; */ margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; } .clear { clear:both; height:0; font-size: 1px; line-height: 0px; background: #FFF; } /* Header ---------------------------------------------------------------- */ #header { color: #333; width: 929px; padding-left: 25px; padding-right: 25px; height: 180px; background-image:url(../images/swoop_w_tagline.jpg); background-repeat: no-repeat; margin-right: 20px; margin-top: 0px; margin-bottom: 0px; margin-left: 20px; } #headerlogo { width: 131px; float: left; height: 112px; padding-top:20px; padding-left: 15px; } #topsubmenu { font-size:11px; color:#333; width:650px; float:right; text-align:right; margin-top:25px; margin-bottom:10px; } #topsubmenu a:active {text-decoration: none;color: #333;} #topsubmenu a:link {text-decoration: none;color: #333;} #topsubmenu a:hover {text-decoration: underline;color: #333;} #topsubmenu a:visited {text-decoration: none;color: #333;} #topsubmenu a:visited:hover {text-decoration: underline;color: #333;} #resizefont { font-size:11px; color:#333; width:650px; float:right; text-align:right; margin-bottom:10px; } #search { font-size:11px; color:#333; width:650px; float:right; text-align:right; margin-bottom:10px; } input.searchbox { color: #333333; border: 1px solid #cccccc; width: 175px; height: 15px; background-color: #ffffff; font-family: Arial, Helvetica, sans-serif; vertical-align:middle; font-size: 11px; font-style: normal; line-height: 12px; font-weight: normal; font-variant: normal; text-transform: none; padding-left: 0px; padding-top: 2px; padding-right: 0px; padding-bottom: 0px; } /* Navigation ---------------------------------------------------------------- */ #navigation { color: #333; width: 931px; height: 50px; padding-top: 1px; padding-left: 25px; padding-right: 25px; padding-bottom: 1px; z-index:20; position:absolute; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 20px; } /* General */ #cssdropdown, #cssdropdown ul { list-style: none; text-decoration:none; } #cssdropdown, #cssdropdown * { padding: 0; margin: 0; text-decoration:none; } /* Head links */ #cssdropdown li.headlink { width: 153px;height:50px; float: left; margin-left: -1px; border-left: 1px white solid; border-right: 1px white solid; background-color: #002664; text-align: center; font-weight:bold; } #cssdropdown li.headlink a { display: block; padding-top: 16px; padding-bottom:20px; margin-bottom: -1px; } #cssdropdown li.headlink a:hover { display: block; background-image:url(../images/menu_bgd_rollover.jpg); background-repeat:no-repeat; } /* Head links that go to 2 lines */ #cssdropdown li.headlink2 { width: 157px;height:50px; float: left; margin-left: -1px; border-left: 1px white solid; border-right: 1px white solid; background-color: #002664; text-align: center; font-weight:bold; } #cssdropdown li.headlink2 a { display: block; padding-top: 11px; padding-bottom:11px; margin-bottom: -2px; } #cssdropdown li.headlink2 a:hover { display: block; background-image:url(../images/menu_bgd_rollover.jpg); background-repeat:no-repeat; } /* Head links with star background */ #cssdropdown li.headlink_stars { width: 153px;height:50px; float: left; margin-left: -1px; border-left: 1px white solid; border-bottom: 1px white solid; background-color: #002664; text-align: center; font-weight:bold; } #cssdropdown li.headlink_stars a { display: block; padding-top: 16px; padding-bottom:18px; margin-bottom: -2px; background-image:url(../images/menustars_bgd.jpg); } #cssdropdown li.headlink_stars a:hover { display: block; background-image:url(../images/menustars_bgd_rollover.jpg); background-repeat:no-repeat; } /* Drop Downs and their links */ #cssdropdown li.headlink ul { display: none; border: 1px white solid; margin-left: -1px; text-align: left;width:169px; font-size:11px; } #cssdropdown li.headlink:hover ul { display: block; font-size:11px; } #cssdropdown li.headlink ul li a { padding: 4px; height: 17px; font-size:11px; } #cssdropdown li.headlink ul li a:hover { background-color: #002664; font-size:11px; } #cssdropdown li.headlink2 ul { display: none; border: 1px white solid; margin-left: -1px; text-align: left;width:169px; font-size:11px; } #cssdropdown li.headlink2:hover ul { display: block; font-size:11px; } #cssdropdown li.headlink2 ul li a { padding: 5px; height: 17px; font-size:11px; } #cssdropdown li.headlink2 ul li a:hover { background-color: #002664; font-size:11px; } /* Pretty styling */ #cssdropdown a { color: white; } #cssdropdown ul li a:hover { text-decoration: none;background-image:url(../images/menu_bgd_rollover.jpg); text-decoration:none; } #cssdropdown li.headlink { background-color: white; background-image:url(../images/menu_bgd.jpg); text-decoration:none; } #cssdropdown li.headlink ul { background-image:url(../images/submenu_bgd.jpg); background-position: bottom; padding-bottom: 1px; text-decoration:none; } #cssdropdown li.headlink2 { background-color: white; background-image:url(../images/menu_bgd.jpg); text-decoration:none; } #cssdropdown li.headlink2 ul { background-image:url(../images/submenu_bgd.jpg); background-position: bottom; padding-bottom: 1px; text-decoration:none; } /* Navigation Row 2, Carousel, Welcome Target Audience Pictures, etc. ---------------------------------------------------------------- */ #navigation_row2 { color: #333; width: 930px; height: 265px; padding-left: 25px; padding-right: 25px; padding-bottom: 1px; padding-top:52px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 20px; } #targetaudiencepicture { width:930px; height:250px; padding-left: 25px; padding-right: 25px; padding-bottom: 1px; padding-top:52px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 20px; } #carouselplaceholder { width: 623px; background-color: #CCC; background-image:url(../images/carousel_placeholder1.jpg); background-repeat:no-repeat; float: left; height: 265px; margin-right: 1px; z-index:-1; } #welcome { width: 271px; height: 260px; background-color: #ECA048; float: left; padding-left: 20px; padding-right: 15px; padding-top: 5px; z-index:-1; } #welcome h3 { font-size: 18px; color: #FFF; line-height:0px; } #welcome p { font-size: 12px; line-height: 16px; font-weight: bold; color: #FFF; } /* Main Content Area ---------------------------------------------------------------- */ #faux { background:url(../images/faux_columns.jpg); background-color:#FFF; margin-bottom: 0px; overflow: auto; width: 929px; padding-top: 15px; padding-right: 25px; padding-left: 25px; padding-bottom:0px; margin-top: 0px; margin-right: 0px; margin-left: 20px; } #faux_nonlandingpage { background:url(../images/faux_columns.jpg); background-color:#FFF; margin-bottom: 0px; overflow: auto; width: 929px; padding-top: 15px; padding-right: 25px; padding-left: 25px; padding-bottom:0px; margin-top: 0px; margin-right: 0px; margin-left: 20px; margin-top:52px; } /* For Enagement Platform */ #nosidebar-content { background-color:#FFF; margin-bottom: 0px; width: 929px; padding-top: 10px; padding-bottom:15px; margin-top: 0px; margin-right: 35px; margin-left: 45px; margin-top:52px; color: #333; min-height: 400px; } #content { display: inline; float: left; color: #333; width: 580px; margin-right: 15px; margin-left: 15px; } #bottomstars { width: 600px; background-image: url(../images/stars_for_iebrowsers.jpg); background-repeat:no-repeat; float: left; height: 155px; margin-right: 1px; } /* Content Menus ---------------------------------------------------------------- */ #smallmenucontentarea { width:242px; min-height:150px; border: 1px solid #CCC; background:#FFF; float:left; margin-right:5px; margin-bottom:15px; } #smallmenucontentarea2 { width:242px; min-height:150px; border: 1px solid #CCC; background:#FFF; float:left; margin-bottom:15px; } #contentarea_menutitle { width:232px; height:22px; background-color: #002664; float:left; padding-left:10px; padding-top:7px; } #contentarea_menutitle2 { width:232px; height:22px; background-color: #002664; float:left; padding-left:10px; padding-top:7px; } .contentarea_menutitle { color:#FFF; font-size:16px; font-weight:normal; } .contentarea_menutitle a:active {text-decoration: none;color: #FFF;} .contentarea_menutitle a:link {text-decoration: none;color: #FFF;} .contentarea_menutitle a:hover {text-decoration: none;color: #CCC;} .contentarea_menutitle a:visited {text-decoration: none;color: #FFF;} .contentarea_menutitle a:visited:hover {text-decoration: none;color: #CCC;} .contentarea_menu { color:#002664; font-size:13px; line-height:18px; font-weight:bold; text-decoration:none; padding-left:10px; padding-top:10px; padding-bottom:10px; } .contentarea_menu a:active {text-decoration: none;color: #002664;padding-left:0px;padding-top:0px;} .contentarea_menu a:link {text-decoration: none;color: #002664;padding-left:0px;padding-top:0px;} .contentarea_menu a:hover {text-decoration: none;color: #ECA048;padding-left:0px;padding-top:0px;} .contentarea_menu a:visited {text-decoration: none;color: #002664;padding-left:0px;padding-top:0px;} .contentarea_menu a:visited:hover {text-decoration: none;color: #ECA048;padding-left:0px;padding-top:0px;} #longmenucontentarea { width:485px; height:22px; float:left; margin-bottom:15px; background-color: #002664; padding-left:10px; padding-top:7px; } #longmenucontentarea2 { width:485px; height:22px; float:left; margin-bottom:15px; background-color: #002664; padding-left:10px; padding-top:7px; } #longmenucontentarea_sidebar { width:232px; height:22px; float:left; background-color: #002664; padding-left:10px; padding-top:7px; margin-top:15px; margin-bottom:15px; border: 1px solid #CCC; } #longmenucontentarea_sidebar2 { width:232px; height:22px; float:left; background-color: #002664; padding-left:10px; padding-top:7px; margin-bottom:15px; border: 1px solid #CCC; } /* Right Column ---------------------------------------------------------------- */ #rightcolumn { display: inline; position: relative; float: right; color: #333; width: 265px; padding-left: 15px; padding-right: 15px; font-size:14px; } .dotted { border-top: 1px dotted #333; } /* Upcoming Events */ .accordiantitlebar { width: 242px; height:24px; color:#FFF; background-color:#002664; font-size:16px; font-weight:bold; padding-left:15px; margin-top:15px; padding-top:7px; border-top: 1px solid #c4c4c4; border-right: 1px solid #c4c4c4; border-left: 1px solid #c4c4c4; } .accordion { width: 258px; border-bottom: solid 1px #c4c4c4; margin-bottom:15px; } .accordion h3 { background: #e9e7e7 url(../images/arrow-square.gif) no-repeat right -51px; padding: 7px 18px; margin: 0; font-size:14px; font-weight:bold; border: solid 1px #c4c4c4; border-bottom: none; cursor: pointer; } .accordion h3:hover { background-color: #e3e2e2; } .accordion h3.active { background-position: right 5px; } .accordion p { background: #f7f7f7; margin: 0; padding: 10px 15px 20px; border-left: solid 1px #c4c4c4; border-right: solid 1px #c4c4c4; font-size:13px; } /* Grant Impact Section ---------------------------------------------------------------- */ #grant-impact { background-color:#ECA048; width: 880px; margin: 0px 0px 0px 45px; padding:1px 25px; font-size:14px; line-height: 18px; } #grant-impact h3 { font-size:24px; font-weight:bold; color:#FFF; } #grant-impact hr { color:#FFF; } #grant-impact p.intro { color:#FCF1E4; font-style:italic; font-size:16px; } #grant-impact table { border-top:1px solid #ECA048; border-right:1px solid #ECA048; margin:1em auto; border-collapse:collapse; } #grant-impact tr.odd td { background: #FBECDA} #grant-impact tr.odd .column1 { background:#FBECDA; } #grant-impact tr.even td { background:#FDF5EC; } #grant-impact tr.even .column1 { background:#FDF5EC; } #grant-impact .column1 { background:none; } #grant-impact td { color:#333; border-bottom:1px solid #ECA048; border-left:1px solid #ECA048; padding:.3em 1em; } #grant-impact th { font-weight:normal; color: #678197; text-align:left; border-bottom: 1px solid #ECA048; border-left:1px solid #ECA048; padding:.3em 1em; } #grant-impact thead th { font:bold 16px Arial,Helvetica,sans-serif; color:#FFF; background-color:#F2BC7F; } #grant-impact tfoot th { background:#FCF1E4; } /* Footer ---------------------------------------------------------------- */ #footer { width: 929px; height: 120px; clear: both; color: #333; background-image:url(../images/faux-footerbgd.jpg); background-repeat:repeat-y; margin: 0px 0px 0px 20px; padding-top: 1px; padding-left: 25px; padding-right: 25px; padding-bottom: 1px; } #footerleft { padding-left: 15px; padding-top: 5px; width: 638px; float: left; } #footerleft p { font-size: 11px; line-height: 16px; color: #FFF; } #footerleft a:active {text-decoration: none;color: #FFF;} #footerleft a:link {text-decoration: none;color: #FFF;} #footerleft a:hover {text-decoration: underline;color: #FFF;} #footerleft a:visited {text-decoration: none;color: #FFF;} #footerleft a:visited:hover {text-decoration: underline;color: #FFF;} img.nationalstandardslogo { padding-top:5px; padding-bottom: 5px; } #footerright { width: 200px; float: left; padding-top:10px; } .compliancestatement { font-size: 11px; line-height: 13px; color: #FFF; padding-top: 10px; }