/* Styles for "NORMAL" browsers Christopher Webb, christopher@teamIPC.com BLUE = #1462AD */ /* THE ONE, THE ONLY, THE ERIC MEYER RESET */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } body { line-height: 1; color: black; background: white;font-size:62.5%; } ol, ul { list-style: none; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } /* DEFAULT STYLING */ body {background:url(/images/body_bg.jpg) top left repeat-x;} /* TYPOGRAPHY */ #content-wrap {color:#333;} #footer {font-size:0.833em;line-height:1.3;} /* LARGE CONTAINERS*/ #wrap {width:910px;margin:0 auto;font-family:Arial,sans-serif;font-size:1.2em;line-height:1.5;} #wrap_empty {width:100%;margin:0;font-family:Arial,sans-serif;font-size:1.2em;line-height:1.5;} #header {position:relative;margin-top:10px;z-index:1;width:100%;} #content-wrap {position:relative;margin:23px 0 30px;float:left;clear:both;width:100%;} #content {width:450px;float:left;margin-left:200px;display:inline;} #sidebar1 {width:190px;float:left;position:absolute;top:0;left:0;} #sidebar2 {width:230px;float:right;} #footer {background:#ccc;height:60px;border-left:5px solid #19A1EF;position:relative;z-index:1;color:#333;margin-top:60px;clear:both;} /* SELF-CLEARING FLOATS */ .group:after {content: "."; display:block; height:0; clear:both; visibility:hidden;} /* SMALLER CONTAINERS */ #header h1 {width:207px;float:left;} #header h1 a {text-indent:-9999px;background:url(/images/header_bg3.jpg) top left no-repeat;height:130px;width:207px;display:block;} #header #sitemap_link {position:absolute;top:10px;right:10px;color:#9ABBDC;text-decoration:none;} #header .language_link {position:absolute;top:10px;right:10px;color:#9ABBDC;} #header .language_link a {color:#9ABBDC;text-decoration:none;} #main_nav {position:absolute;z-index:100;bottom:0;left:207px;} #main_nav li {float:left;} #main_nav li a {text-indent:-9999px;display:block;} #main_nav li li a {text-indent:0px;display:block;} /* NAV-ABOUT */ #main_nav li.about a {background:url(/images/nav.jpg) no-repeat 0 0;width:131px;height:60px;} #main_nav li.about a:hover {background:url(/images/nav.jpg) no-repeat 0 -60px;width:131px;height:60px;} #main_nav ul.about li.active a {background:url(/images/nav.jpg) no-repeat 0 -120px;width:131px;height:60px;} #main_nav ul.about li.active a:hover {background:url(/images/nav.jpg) no-repeat 0 -120px;width:131px;height:60px;} /* NAV-SRI */ #main_nav li.sri a {background:url(/images/nav.jpg) no-repeat -131px 0;width:92px;height:60px;} #main_nav li.sri a:hover {background:url(/images/nav.jpg) no-repeat -131px -60px;width:92px;height:60px;} #main_nav ul.sri li.active a {background:url(/images/nav.jpg) no-repeat -131px -120px;width:92px;height:60px;} #main_nav ul.sri li.active a:hover {background:url(/images/nav.jpg) no-repeat -131px -120px;width:92px;height:60px;} /* NAV-PROGRAMS */ #main_nav li.programs a {background:url(/images/nav.jpg) no-repeat -223px 0;width:211px;height:60px;} #main_nav li.programs a:hover {background:url(/images/nav.jpg) no-repeat -223px -60px;width:211px;height:60px;} #main_nav ul.programs li.active a {background:url(/images/nav.jpg) no-repeat -223px -120px;width:211px;height:60px;} #main_nav ul.programs li.active a:hover {background:url(/images/nav.jpg) no-repeat -223px -120px;width:211px;height:60px;} /* NAV-NEWS */ #main_nav li.news a {background:url(/images/nav.jpg) no-repeat -434px 0;width:104px;height:60px;} #main_nav li.news a:hover {background:url(/images/nav.jpg) no-repeat -434px -60px;width:104px;height:60px;} #main_nav ul.news li.active a {background:url(/images/nav.jpg) no-repeat -434px -120px;width:104px;height:60px;} #main_nav ul.news li.active a:hover {background:url(/images/nav.jpg) no-repeat -434px -120px;width:104px;height:60px;} /* NAV-SERVICES */ #main_nav li.services a {background:url(/images/nav.jpg) no-repeat -538px 0;width:182px;height:60px;} #main_nav li.services a:hover {background:url(/images/nav.jpg) no-repeat -538px -60px;width:182px;height:60px;} #main_nav ul.services li.active a {background:url(/images/nav.jpg) no-repeat -538px -120px;width:182px;height:60px;} #main_nav ul.services li.active a:hover {background:url(/images/nav.jpg) no-repeat -538px -120px;width:182px;height:60px;} /* Temporarily hide news section until there is content */ /* NAV-NEWS */ #main_nav li.news a {width:0px} #main_nav li.news a:hover {width:0px} #main_nav ul.news li.active a {width:0px} #main_nav ul.news li.active a:hover {width:0px} /* NAV-SERVICES */ #main_nav li.services a {background:url(/images/nav.jpg) no-repeat -538px 0;width:182px;height:60px;} #main_nav li.services a:hover {background:url(/images/nav.jpg) no-repeat -538px -60px;width:182px;height:60px;} #main_nav ul.services li.active a {background:url(/images/nav.jpg) no-repeat -538px -120px;width:182px;height:60px;} #main_nav ul.services li.active a:hover {background:url(/images/nav.jpg) no-repeat -538px -120px;width:182px;height:60px;} /* NAV-SPANISH BEGIN */ /* NAV-ABOUT */ #main_nav.spanish li.about a {background:url(/images/nav_spanish.jpg) no-repeat 0 0;width:142px;height:60px;} #main_nav.spanish li.about a:hover {background:url(/images/nav_spanish.jpg) no-repeat 0 -60px;width:142px;height:60px;} #main_nav.spanish ul.about li.active a {background:url(/images/nav_spanish.jpg) no-repeat 0 -120px;width:142px;height:60px;} #main_nav.spanish ul.about li.active a:hover {background:url(/images/nav_spanish.jpg) no-repeat 0 -120px;width:142px;height:60px;} /* NAV-SRI */ #main_nav.spanish li.sri a {background:url(/images/nav_spanish.jpg) no-repeat -142px 0;width:148px;height:60px;} #main_nav.spanish li.sri a:hover {background:url(/images/nav_spanish.jpg) no-repeat -142px -60px;width:148px;height:60px;} #main_nav.spanish ul.sri li.active a {background:url(/images/nav_spanish.jpg) no-repeat -142px -120px;width:148px;height:60px;} #main_nav.spanish ul.sri li.active a:hover {background:url(/images/nav_spanish.jpg) no-repeat -142px -120px;width:148px;height:60px;} /* NAV-PROGRAMS */ #main_nav.spanish li.programs a {background:url(/images/nav_spanish.jpg) no-repeat -290px 0;width:147px;height:60px;} #main_nav.spanish li.programs a:hover {background:url(/images/nav_spanish.jpg) no-repeat -290px -60px;width:147px;height:60px;} #main_nav.spanish ul.programs li.active a {background:url(/images/nav_spanish.jpg) no-repeat -290px -120px;width:147px;height:60px;} #main_nav.spanish ul.programs li.active a:hover {background:url(/images/nav_spanish.jpg) no-repeat -290px -120px;width:147px;height:60px;} /* NAV-NEWS */ #main_nav.spanish li.news a {background:url(/images/nav_spanish.jpg) no-repeat -437px 0;width:138px;height:60px;} #main_nav.spanish li.news a:hover {background:url(/images/nav_spanish.jpg) no-repeat -437px -60px;width:138px;height:60px;} #main_nav.spanish ul.news li.active a {background:url(/images/nav_spanish.jpg) no-repeat -437px -120px;width:138px;height:60px;} #main_nav.spanish ul.news li.active a:hover {background:url(/images/nav_spanish.jpg) no-repeat -437px -120px;width:138px;height:60px;} /* NAV-SERVICES */ #main_nav.spanish li.services a {background:url(/images/nav_spanish.jpg) no-repeat -575px 0;width:145px;height:60px;} #main_nav.spanish li.services a:hover {background:url(/images/nav_spanish.jpg) no-repeat -575px -60px;width:145px;height:60px;} #main_nav.spanish ul.services li.active a {background:url(/images/nav_spanish.jpg) no-repeat -575px -120px;width:145px;height:60px;} #main_nav.spanish ul.services li.active a:hover {background:url(/images/nav_spanish.jpg) no-repeat -575px -120px;width:145px;height:60px;} /* Temporarily hide news section until there is content */ /* NAV-NEWS */ #main_nav.spanish li.news a {width:0px} #main_nav.spanish li.news a:hover {width:0px} #main_nav.spanish ul.news li.active a {width:0px} #main_nav.spanish ul.news li.active a:hover {width:0px} /* NAV-SERVICES */ #main_nav.spanish li.services a {background:url(/images/nav_spanish.jpg) no-repeat -575px 0;width:145px;height:60px;} #main_nav.spanish li.services a:hover {background:url(/images/nav_spanish.jpg) no-repeat -575px -60px;width:145px;height:60px;} #main_nav.spanish ul.services li.active a {background:url(/images/nav_spanish.jpg) no-repeat -575px -120px;width:145px;height:60px;} #main_nav.spanish ul.services li.active a:hover {background:url(/images/nav_spanish.jpg) no-repeat -575px -120px;width:145px;height:60px;} /* NAV-SPANISH END */ /* NAV-ITALIAN BEGIN */ /* NAV-ABOUT */ #main_nav.italian li.about a {background:url(/images/nav_italian.jpg) no-repeat 0 0;width:135px;height:60px;} #main_nav.italian li.about a:hover {background:url(/images/nav_italian.jpg) no-repeat 0 -60px;width:135px;height:60px;} #main_nav.italian ul.about li.active a {background:url(/images/nav_italian.jpg) no-repeat 0 -120px;width:135px;height:60px;} #main_nav.italian ul.about li.active a:hover {background:url(/images/nav_italian.jpg) no-repeat 0 -120px;width:135px;height:60px;} /* NAV-SRI */ #main_nav.italian li.sri a {background:url(/images/nav_italian.jpg) no-repeat -135px 0;width:156px;height:60px;} #main_nav.italian li.sri a:hover {background:url(/images/nav_italian.jpg) no-repeat -135px -60px;width:156px;height:60px;} #main_nav.italian ul.sri li.active a {background:url(/images/nav_italian.jpg) no-repeat -135px -120px;width:156px;height:60px;} #main_nav.italian ul.sri li.active a:hover {background:url(/images/nav_italian.jpg) no-repeat -135px -120px;width:156px;height:60px;} /* NAV-PROGRAMS */ #main_nav.italian li.programs a {background:url(/images/nav_italian.jpg) no-repeat -291px 0;width:168px;height:60px;} #main_nav.italian li.programs a:hover {background:url(/images/nav_italian.jpg) no-repeat -291px -60px;width:168px;height:60px;} #main_nav.italian ul.programs li.active a {background:url(/images/nav_italian.jpg) no-repeat -291px -120px;width:168px;height:60px;} #main_nav.italian ul.programs li.active a:hover {background:url(/images/nav_italian.jpg) no-repeat -291px -120px;width:168px;height:60px;} /* NAV-NEWS */ #main_nav.italian li.news a {background:url(/images/nav_italian.jpg) no-repeat -459px 0;width:105px;height:60px;} #main_nav.italian li.news a:hover {background:url(/images/nav_italian.jpg) no-repeat -459px -60px;width:105px;height:60px;} #main_nav.italian ul.news li.active a {background:url(/images/nav_italian.jpg) no-repeat -459px -120px;width:105px;height:60px;} #main_nav.italian ul.news li.active a:hover {background:url(/images/nav_italian.jpg) no-repeat -459px -120px;width:105px;height:60px;} /* NAV-SERVICES */ #main_nav.italian li.services a {background:url(/images/nav_italian.jpg) no-repeat -564px 0;width:156px;height:60px;} #main_nav.italian li.services a:hover {background:url(/images/nav_italian.jpg) no-repeat -564px -60px;width:156px;height:60px;} #main_nav.italian ul.services li.active a {background:url(/images/nav_italian.jpg) no-repeat -564px -120px;width:156px;height:60px;} #main_nav.italian ul.services li.active a:hover {background:url(/images/nav_italian.jpg) no-repeat -564px -120px;width:156px;height:60px;} /* Temporarily hide news section until there is content */ /* NAV-NEWS */ #main_nav.italian li.news a {width:0px} #main_nav.italian li.news a:hover {width:0px} #main_nav.italian ul.news li.active a {width:0px} #main_nav.italian ul.news li.active a:hover {width:0px} /* NAV-SERVICES */ #main_nav.italian li.services a {background:url(/images/nav_italian.jpg) no-repeat -564px 0;width:156px;height:60px;} #main_nav.italian li.services a:hover {background:url(/images/nav_italian.jpg) no-repeat -564px -60px;width:156px;height:60px;} #main_nav.italian ul.services li.active a {background:url(/images/nav_italian.jpg) no-repeat -564px -120px;width:156px;height:60px;} #main_nav.italian ul.services li.active a:hover {background:url(/images/nav_italian.jpg) no-repeat -564px -120px;width:156px;height:60px;} /* NAV-ITALIAN END */ /* -------------- MENU TOP -----------------------------------*/ /* MenuBegin:main_nav */ #main_nav ul li { margin: 0; border: 0; padding: 0; float: left; display: inline /*Gecko*/; list-style: none; position: relative; } #main_nav ul ul { margin: 0; border: 0; padding: 0; list-style: none; width: 170px; display: none; position: absolute; top: 60px; left: 0px; } #main_nav ul.services li.active ul a, #main_nav ul.services li.active ul a:hover, #main_nav.spanish ul.services li.active ul a, #main_nav.spanish ul.services li.active ul a:hover, #main_nav.italian ul.services li.active ul a, #main_nav.italian ul.services li.active ul a:hover { width:190px; } #main_nav ul .services ul, #main_nav ul.services li.active ul { margin: 0; border: 0; padding: 0; list-style: none; width: 170px; position: absolute; top: 60px; left: -28px; } #main_nav.spanish ul .services ul, #main_nav.spanish ul.services li.active ul { left: -65px; } #main_nav.italian ul .services ul, #main_nav.italian ul.services li.active ul { left: -54px; } #main_nav ul ul li, #main_nav.spanish ul ul li, #main_nav.italian ul ul li { z-index: 999; position: relative /*IE 7*/; display: inline; float: left /*For IE*/; } /* 1st Level */ ul.menu_www_top a { padding: 0px; } /* 2nd Level */ #main_nav ul li:hover li a, #main_nav ul li.over li a, #main_nav.spanish ul li:hover li a, #main_nav.spanish ul li.over li a, #main_nav.italian ul li:hover li a, #main_nav.italian ul li.over li a { font-size: 12px; width: 190px !important; padding:5px 10px; display:block; min-height:20px;height:auto !important;height:20px; color: #fff; background-image: none; background: #3D7DBB; float: none; text-decoration: none; } #main_nav ul li:hover li a:hover, #main_nav ul li:hover li:hover a, #main_nav ul li.over li a:hover, #main_nav ul li.over li.over a, #main_nav.spanish ul li:hover li a:hover, #main_nav.spanish ul li:hover li:hover a, #main_nav.spanish ul li.over li a:hover, #main_nav.spanish ul li.over li.over a, #main_nav.italian ul li:hover li a:hover, #main_nav.italian ul li:hover li:hover a, #main_nav.italian ul li.over li a:hover, #main_nav.italian ul li.over li.over a { color: #fff; width: 190px !important; display:block; min-height:20px;height:auto !important;height:20px; background-image: none; background: #1462AD; text-decoration: none; float: none; } #main_nav ul li:hover ul, #main_nav ul li.over ul, #main_nav.spanish ul li:hover ul, #main_nav.spanish ul li.over ul, #main_nav.italian ul li:hover ul, #main_nav.italian ul li.over ul { width: 210px; } /* Do Not Move - Must Come Before display:block for Gecko */ #main_nav ul li:hover ul ul, #main_nav ul li.over ul ul, #main_nav.spanish ul li:hover ul ul, #main_nav.spanish ul li.over ul ul, #main_nav.italian ul li:hover ul ul, #main_nav.italian ul li.over ul ul { display: none; } #main_nav ul li:hover ul, #main_nav ul ul li:hover ul, #main_nav ul li.over ul, #main_nav ul ul li.over ul, #main_nav.spanish ul li:hover ul, #main_nav.spanish ul ul li:hover ul, #main_nav.spanish ul li.over ul, #main_nav.spanish ul ul li.over ul, #main_nav.italian ul li:hover ul, #main_nav.italian ul ul li:hover ul, #main_nav.italian ul li.over ul, #main_nav.italian ul ul li.over ul { display: block; } #main_nav ul.group li.active ul li a, #main_nav.spanish ul.group li.active ul li a, #main_nav.italian ul.group li.active ul li a {background: #3D7DBB;display:block;min-height:30px;min-height:20px;height:auto !important;height:20px;} #main_nav ul.group li.active ul li a:hover, #main_nav.spanish ul.group li.active ul li a:hover, #main_nav.italian ul.group li.active ul li a:hover {background: #1462AD;display:block; min-height:20px;height:auto !important;height:20px;} /* MenuEnd:main_nav */ #content-wrap h2 {font-family:Georgia,Times,serif;font-size:1.5em;border-bottom:1px solid #ccc;margin-bottom:3px;} #content-wrap h3 {color:#1461AD;font-family:'Gill Sans',Verdana,'Arial Bold',sans-serif;font-weight:bold;font-size:1.25em;} #content-wrap h4 {color:#666;font-family:Verdana,'Arial Bold',sans-serif;font-size:1em;font-weight:bold;} #content .intro {font-size:1.167em;} #content p {margin-bottom:10px;} #content ul {list-style:disc;margin-left:15px;margin-top:5px;margin-bottom:5px;} #content-wrap a {color:#1461AD;text-decoration: none;} #content-wrap a:hover {color:#1461AD;border-bottom:1px dashed #1462AD; text-decoration: none;} .contact_btn { border:1px solid #ccc; margin: 10px 0; -moz-border-radius:5px;-webkit-border-radius:5px; } #content-wrap .contact_btn h3 { color: #fff; } #content-wrap .contact_btn h3 a { display: block; padding: 5px 10px; background-color: #3D7DBB; color: #fff; -moz-border-radius:3px;-webkit-border-radius:3px;} #content-wrap .contact_btn h3 a:hover { border: 0px; background-color: #D6DEE9; color: #3D7DBB; } .news_lister li .title a {color:#1461AD;font-family:'Gill Sans',Verdana,'Arial Bold',sans-serif;font-size:1em;font-weight:bold;text-decoration:none;} .news_lister li .title a:hover {border-bottom:1px dashed #1462AD;} .news_lister li .date {color:#999;font-size:0.75em;} .news_lister li .blurb {display:block;} .news_lister li {margin-bottom:10px;} .inactive { color: #999; } #sidebar1 #nav_title {font-size:1.3em;border:none;background:url(/images/subnav-icon.gif) no-repeat center left;padding-left:15px;} #sidebar1_nav li {background:url(/images/subnav_bullet.gif) center left no-repeat;margin-left:15px;padding-left:10px;} #footer p {padding:3px 100px 3px 5px;} #footer_people {position:absolute;top:-30px;right:0;z-index:2;} /* ========================= */ /* = PAGE-SPECIFIC STYLING = */ /* ========================= */ #content .home-bottom {margin-top:55px;} #sidebar2 .home-bottom {margin-top:14px;} #print-only {display:none;} /* Web Editor STYLING */ .WebEditor {background:#fff;} .WebEditor * {font-family:Arial,Helvetica,sans-serif;line-height:1.4;} .WebEditor p, .WebEditor li {font-size:14px;margin-bottom:10px;} .WebEditor h1 {font-size:40px;} .WebEditor h2 {font-size:36px;} .WebEditor h3 {font-size:24px;} .WebEditor h4 {font-size:20px;} .WebEditor h5 {font-size:18px;} .WebEditor h6 {font-size:16px;} .WebEditor ol, .WebEditor ul { margin-left:10px;} .WebEditor ol li, .WebEditor ul li { list-style:disc;margin-left:15px;} .WebEditor ul.clean { list-style:none;} .WebEditor a {color:#1462AD;font-weight:bold;text-decoration:none;} .WebEditor a:hover {border-bottom:1px dashed #1462AD;}