@media screen, projection { /* BODY AND FONTS: =body ----------------------------------------------- */ * { margin: 0; padding: 0; list-style: none; } body { color: #232323; font: 62.5%/1.7 Verdana, sans-serif; color: #121212; background: #fff url("/images/bg-html.gif") 50% 0; text-align: center; } /* LINKS: =links ----------------------------------------------- */ a, a:visited { border-bottom: 1px dotted #64c0f9; color: #64c0f9; font-weight: bold; text-decoration: none; } a:hover { border-bottom: 1px dotted #0c659a; color: #0c659a; } a img, a.img { border: none; } a.learnmore, a.learnmore:visited { border: none; display: inline-block; text-indent: -999em; background-image: url("/images/link-learnmore.gif"); background-repeat: no-repeat; height: 16px; width: 71px; } a.learnmore:hover { border: none; background-position: 0px -16px; } a.learnmore span { visibility: hidden; line-height: 16px; } a.email { background: url("/images/email.gif") 0 50% no-repeat; padding-left: 17px; } /* TYPOGRAPHY: =typography ----------------------------------------------- */ li, dt, dd, p, td, th { font-size: 1.25em; } ul, ol, dl, table, form { margin-bottom: 1.8em; } p { margin-bottom: 1.5em; } h1, h2, h3, h4, h5, h6 { font-weight: bold; color: #e37ab0; font-family: georgia, times, serif; } h1 { clear: both; font-size: 2.6em; background: url("/images/dots-h1.gif") 60px bottom no-repeat; line-height: 45px; height: 60px; margin-bottom: 15px; white-space: nowrap; } h2 { color: #83a52a; font-size: 1.6em; line-height: 1.4em; margin: 0 0 .5em 0; } h3 { color: #83a52a; font-family: Verdana, sans-serif; font-size: 1.3em; margin: 0 0 .25em 0; } h4, h5, h6 { font-family: Verdana, sans-serif; font-size: 1.2em; } .dropcap { display: block; float: left; background-position: top left; background-repeat: no-repeat; text-indent: -999em; } .huge { width: 69px; height: 58px; margin: 0 5px 5px 0; } .huge-w { background-image: url("/images/dropcap-huge-w.gif"); } .h1cap { width: 62px; height: 52px; margin: 0 5px 5px 0; } .h1cap-a { background-image: url("/images/dropcap-h1-a.gif"); } .h1cap-b { background-image: url("/images/dropcap-h1-b.gif"); } .h1cap-c { background-image: url("/images/dropcap-h1-c.gif"); } .h1cap-d { background-image: url("/images/dropcap-h1-d.gif"); } .h1cap-e { background-image: url("/images/dropcap-h1-e.gif"); } .h1cap-f { background-image: url("/images/dropcap-h1-f.gif"); } .h1cap-g { background-image: url("/images/dropcap-h1-g.gif"); } .h1cap-h { background-image: url("/images/dropcap-h1-h.gif"); } .h1cap-i { background-image: url("/images/dropcap-h1-i.gif"); } .h1cap-j { background-image: url("/images/dropcap-h1-j.gif"); } .h1cap-k { background-image: url("/images/dropcap-h1-k.gif"); } .h1cap-l { background-image: url("/images/dropcap-h1-l.gif"); } .h1cap-m { background-image: url("/images/dropcap-h1-m.gif"); } .h1cap-n { background-image: url("/images/dropcap-h1-n.gif"); } .h1cap-o { background-image: url("/images/dropcap-h1-o.gif"); } .h1cap-p { background-image: url("/images/dropcap-h1-p.gif"); } .h1cap-q { background-image: url("/images/dropcap-h1-q.gif"); } .h1cap-r { background-image: url("/images/dropcap-h1-r.gif"); } .h1cap-s { background-image: url("/images/dropcap-h1-s.gif"); } .h1cap-t { background-image: url("/images/dropcap-h1-t.gif"); } .h1cap-u { background-image: url("/images/dropcap-h1-u.gif"); } .h1cap-v { background-image: url("/images/dropcap-h1-v.gif"); } .h1cap-w { background-image: url("/images/dropcap-h1-w.gif"); } .h1cap-x { background-image: url("/images/dropcap-h1-x.gif"); } .h1cap-y { background-image: url("/images/dropcap-h1-y.gif"); } .h1cap-z { background-image: url("/images/dropcap-h1-z.gif"); } .homebody { width: 50px; height: 42px; margin: 0 5px 5px 0; } .homebody-m { background-image: url("/images/dropcap-home-m.gif"); } .homebody-o { background-image: url("/images/dropcap-home-o.gif"); } .homebody-y { background-image: url("/images/dropcap-home-y.gif"); } .smcap { width: 50px; height: 42px; margin: 0 5px 5px 0; } .smcap-d { background-image: url("/images/dropcap-sm-d.gif"); } .faqcap { width: 30px; height: 25px; margin: 0 7px 0 0; } .faqcap-q { background-image: url("/images/faqcap-q.gif"); } .faqcap-a { background-image: url("/images/faqcap-a.gif"); } /* HEADER: =header ----------------------------------------------- */ #header { position: relative; background: url("/images/bg-header.gif") top left no-repeat; height: 208px; text-align: left; width: 100%; } #header a, #header a:hover { border: none; } #logo { margin: 18px 0 0 18px; } #address { text-align: right; color: #fff; line-height: 1.2em; position: absolute; top: 30px; right: 30px; width: 267px; } #address .phone { display: block; text-align: left; text-indent: -999em; float: right; background: url("/images/header-phone.gif") bottom right no-repeat; width: 267px; height: 28px; } #address .maplink { text-align: left; margin-left: 100px; margin-top: -.3em; display: block; float: left; text-indent: -999em; background-image: url("/images/header-map.gif"); background-position: top left; background-repeat: no-repeat; width: 39px; height: 20px; overflow: hidden; } #address .maplink:hover { background-position: 0 -20px; } #address .maplink span { text-indent: -999em; } #address .ohlink { font-size: .9em; color: #fff; text-decoration: underline; } ul#socialnetwork { float:right; position:relative; right:30px; top:100px; text-align:right; display:inline; margin-top:10px;} #socialnetwork li { background-image: none; float:left; padding-left:15px;} #socialnetwork a { padding-left: 20px; background-repeat: no-repeat; background-position: 0 0; color: #ffffff; font-weight: normal; } #socialnetwork a span { border-bottom: 1px dotted #fff; } #socialnetwork a:hover span { border-bottom: none; } #socialnetwork a.fb { background-image: url('/images/facebook.png'); } #socialnetwork a.tw { background-image: url('/images/twitter.png'); } #socialnetwork a.ln { background-image: url('/images/linkedin.png'); } /* #socialnetwork a.ln { background-image: url('/images/youtube.png'); } CODE IN HEADER.PHP IS ALREADY IN IN PLACE*/ /* NAVIGATION: =nav ----------------------------------------------- */ #nav { background: url("/images/nav.gif") top left no-repeat; position: absolute; right: 0px; bottom: 0px; width: 569px; height: 48px; } #nav ul { float: left; width: 569px; background-position: top left; background-repeat: no-repeat; height: 48px; margin: 0; padding: 0; } #nav ul li { background: none; float: left; text-indent: -999em; padding: 0; } #nav ul li a { border: none; display: block; height: 48px; text-decoration: none; overflow: hidden; } #nav ul li a:hover { border: none; background-image: url("/images/nav.gif"); background-repeat: no-repeat; } #nav ul li.home a { width: 100px; } #nav ul li.home a:hover { background-position: 0px -48px; } #nav ul li.about a { width: 95px; } #nav ul li.about a:hover { background-position: -100px -48px; } #nav ul li.services a { width: 89px; } #nav ul li.services a:hover { background-position: -195px -48px; } #nav ul li.forms a { width: 89px; } #nav ul li.forms a:hover { background-position: -284px -48px; } #nav ul li.visit a { width: 92px; } #nav ul li.visit a:hover { background-position: -373px -48px; } #nav ul li.contact a { width: 102px; } #nav ul li.contact a:hover { background-position: -465px -48px; } #subnav { text-align: center; } #subnav ul { margin: 0 auto 2em auto; } #subnav ul li { background: none; display: inline; margin: 0 5px; padding: 0; } #subnav ul li a { border: none; padding: 5px 10px 5px 0;} #subnav ul li.selected { background: url("/images/subnav-selected-right.gif") top right no-repeat; margin-left: 0; margin-right: 10px; padding: 5px 5px 5px 0; } #subnav ul li.selected a { cursor: default; padding-left: 15px; color: #fff; background: url("/images/subnav-selected-left.gif") top left no-repeat; } /* LAYOUT: =layout ----------------------------------------------- */ #wrapper { text-align: left; width: 858px; margin: 0 auto; padding: 0 15px; background: transparent; } #content { position: relative; float: left; width: 808px; clear: both; background: #fff url("/images/bg-interior-top.gif") top left no-repeat; padding: 50px 25px; } /* LISTS: =lists ----------------------------------------------- */ ul li { background: url("/images/listbullet.gif") 0 .2em no-repeat; margin-bottom: 5px; padding-left: 30px; } .file { margin-left: 0; padding: 0; } .file li { background: none; margin: 0 0 25px 0; padding: 0; } .file li a, .file li a:hover { display: block; border: none; line-height: 1.4em; padding: 5px 0 5px 55px; width: 350px; } .file li a span { font-size: .9em; color: #787878; font-style: italic; font-weight: normal; } .pdf a { background: url("/images/file-pdf.gif") top left no-repeat; } /* FORMS: =forms ----------------------------------------------- */ form { margin: 0 0 1.5em 0; padding: 0; } form input.text, form textarea { background: #fcfefa; border: 1px solid #c1d885; font-size: 1em; padding: 3px 5px; font-family: Verdana, sans-serif; color: #565656; width: 487px; } form label { color: #5a5a5a; font-family: georgia, times, serif; font-size: .9em; font-weight: bold; line-height: 2em; } form span.required { font-family: Verdana, sans-serif; font-style: italic; color: #bbbbbb; font-size: .9em: font-weight: normal !important; } form fieldset { margin: 0; padding: 0; border: 0; } form legend { display: none; } #error { border: 2px solid #ffe8e8; color: #d60000; margin: 0 0 1.8em 0; padding: 10px 15px; } #error ul { margin: 0; padding: 0 0 0 45px; background: url("/images/error.gif") top left no-repeat; } #error li { background: none; font-style: italic; margin: 0; padding: 0; } /* FOOTER: =footer ----------------------------------------------- */ #footer { background: url("/images/bg-footer.gif") top left no-repeat; clear: both; float: left; color: #fff; padding: 50px 10px 20px 10px; width: 838px; } #footer p { float: left; width: 300px; margin: 0; } #footer a { border: none; color: #fff; font-weight: normal; } #footer a:hover { border: none; color: #e6f3c3; } #footer .credits { color: #e0f5ff; font-size: .9em; } #footer .credits a.invis, #footer .credits a.invis:hover { color: #e0f5ff; cursor: default; } #footer ul { float: right; display: inline; } #footer li { background: none; display: inline; margin-left: 15px; padding: 0; text-transform: uppercase; } #affiliates { width:870px; float:left;} #affiliates ul{ list-style:none; margin:0px; padding:0px; float:left;} #affiliates ul li{ padding:0px; margin:0px;} ul#toprow{ float:left; margin:10px 10px 10px 0;} ul#middlerow{ float:left; margin:10px 10px 10px 70px;} ul#bottomrow{ float:left; margin:10px 10px 10px 240px;} #usc {background:url('/images/logos/usc.png') 0 100% no-repeat; height:49px; width:255px; float:left; display:block; text-indent:-999em; outline:none;} #usc:hover {background:url('/images/logos/usc.png') 0 0 no-repeat; height:49px; width:255px; float:left } #iusd {background:url('/images/logos/iusd.png') 0 113% no-repeat; height:49px; width:321px; float:left; display:block; text-indent:-999em; outline:none;} #iusd:hover {background:url('/images/logos/iusd.png') 0 13% no-repeat; height:49px; width:321px; float:left;} #clarian {background:url('/images/logos/clarian.png') 0 100% no-repeat; height:49px; width:280px; float:left; display:block; text-indent:-999em; outline:none;} #clarian:hover {background:url('/images/logos/clarian.png') 0 0 no-repeat; height:49px; width:280px; float:left;} #bbb {background:url('/images/logos/bbb.png') 0 100% no-repeat; height:65px; width:100px; float:left; display:block; text-indent:-999em; outline:none;} #bbb:hover {background:url('/images/logos/bbb.png') 0 0 no-repeat; height:65px; width:100px; float:left;} #fishers {background:url('/images/logos/fishers.png') 0 100% no-repeat; height:65px; width:179px; float:left; display:block; text-indent:-999em; outline:none;} #fishers:hover {background:url('/images/logos/fishers.png') 0 0 no-repeat; height:65px; width:179px; float:left;} #idds {background:url('/images/logos/idds.png') 0 100% no-repeat; height:65px; width:105px; float:left; display:block; text-indent:-999em; outline:none;} #idds:hover {background:url('/images/logos/idds.png') 0 0 no-repeat; height:65px; width:105px; float:left;} #riley {background:url('/images/logos/riley.png') 0 100% no-repeat; height:65px; width:145px; float:left ;display:block; text-indent:-999em; outline:none;} #riley:hover {background:url('/images/logos/riley.png') 0 0 no-repeat; height:65px; width:145px; float:left;} #underarmour {background:url('/images/logos/underarmour.png') 0 100% no-repeat; height:65px; width:142px; float:left; display:block; text-indent:-999em; outline:none;} #underarmour:hover {background:url('/images/logos/underarmour.png') 0 0 no-repeat; height:65px; width:142px; float:left;} #aapd {background:url('/images/logos/aapd.png') 0 100% no-repeat; height:88px; width:116px; float:left; display:block; text-indent:-999em; outline:none;} #aapd:hover {background:url('/images/logos/aapd.png') 0 0 no-repeat; height:88px; width:116px; float:left;} #abpd {background:url('/images/logos/abpd.png') 0 100% no-repeat; height:89px; width:117px; float:left; display:block; text-indent:-999em; outline:none;} #abpd:hover {background:url('/images/logos/abpd.png') 0 0 no-repeat; height:89px; width:117px; float:left;} #ada {background:url('/images/logos/ada.png') 0 100% no-repeat; height:89px; width:117px; float:left; display:block; text-indent:-999em; outline:none;} #ada:hover {background:url('/images/logos/ada.png')0 0 no-repeat; height:89px; width:117px; float:left;} #iu {background:url('/images/logos/iu.png') 0 100% no-repeat; height:89px; width:115px; float:left;display:block; text-indent:-999em; outline:none;} #iu:hover {background:url('/images/logos/iu.png') 0 0 no-repeat; height:89px; width:115px; float:left;} /* MISC: =misc ----------------------------------------------- */ .clearboth { clear: both; } .skip { margin-bottom: 0; position: absolute; left: -999em; width: 999em; } .caption { float: right; width: 320px; font-family: georgia; font-size: .9em; font-style: italic; color: #787878; margin: 0 -10px 15px 15px; position: relative; } .caption img { margin: 0 auto; } .caption p { padding: 0 10px 0 15px; } /* * "How To Clear Floats Without Structural Markup" - * http://www.positioniseverything.net/easyclearing.html */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* Holly Hack Targets IE Win only \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End Holly Hack */ } @media print { .skip, #header ul, #footer { display: none !important; } }