/* Independence 4 Seniors CSS Styles - author: Danielle LeComte - hello@madebyspark.com */ body { background-color:#dadada; } h2 { font:24px/28px "Frutiger45", Arial; color:#d0142a; } h3 { font:20px/24px "Frutiger55", Arial; text-transform:none; color:#002d82; margin-bottom:20px; } h3.signup { font:20px/24px "Frutiger55", Arial; text-transform:uppercase; color:#d0142a; margin-bottom:10px; } h4 { font:18px/24px "Frutiger55", Arial; text-transform:uppercase; color:#898989; margin-bottom:10px; } h5 { font:18px/20px Arial, Helvetica, sans-serif; text-transform:none; color:#002d82; } h5 a { font:18px/20px Arial, Helvetica, sans-serif; text-transform:none; color:#002d82; text-decoration:none; } h5 span { font:12px/20px Arial, Helvetica, sans-serif; text-transform:none; color:#7d7d7d;} h6 { font:14px/16px "Frutiger55", Arial; text-transform:none; color:#d0142a; margin-bottom:0px; } p { font-size:12px; line-height:18px; font-family:Arial, Helvetica, sans-serif; } /* Top Nav and Search Box */ #topper { width:925px; height:32px; margin:0 auto; background-color:#edeff2; color:#898989; font:11px Arial, Helvetica, sans-serif; text-align:right; padding:12px 15px 0 0; } #topper ul { float:left; width:700px; line-height:24px; } #topper li { display:inline; } #topper a { color:#555555; text-decoration:none; text-transform:uppercase; padding:0 8px; } #topper a:hover { color:#000000; text-decoration:underline; } #topper a.on { color:#002d82; } #topper .search { float:left; width:225px; } .search .input { width:186px; height:22px; background:url(/~i4si/images/magnify.jpg) 98% 50% no-repeat; background-color:#ffffff; border:0; padding:0 5px; } /* Rotator Section */ #rotator { height:300px; width:100%; background:url(/~i4si/images/rotator-bg.jpg) top left repeat-x; } #rotator .box { width:940px; margin:0 auto; } #rotator .slides { position:absolute; z-index:50; width:940px; height:300px; } #rotator .slides ul { height:300px; overflow:hidden; } #rotator .over { position:relative; z-index:100; float:right; width:290px; height:270px; background:url(/~i4si/images/over-bg.png) top left repeat; padding:15px; } #rotator .line { height:6px; border-bottom:1px solid #cacacb; width:100%; margin:0 auto; margin-bottom:8px; } #rotator .over p { margin-bottom:10px; padding-left:25px; color:#464646; font:12px/14px Arial, Helvetica, sans-serif; } #rotator .divider { height:10px; border-bottom:1px dotted #7d7d7d; margin-bottom:10px; } /* Top Image Section */ #header { height:150px; width:100%; background:url(/~i4si/images/rotator-bg.jpg) top left repeat-x; } #header .box { width:940px; margin:0 auto; } #header .slides { position:absolute; z-index:50; width:940px; height:150px; } #header .over { position:relative; z-index:100; float:right; width:290px; height:90px; background:url(/~i4si/images/over-bg.png) top left repeat; padding:60px 15px 0 15px; } /* Content Area */ #wrapper { width:100%; background-color:#fdfdfd; } #content { margin:0 auto; width:940px; background:url(/~i4si/images/content-bg.jpg) top left no-repeat; } #content p { font:12px/18px Arial, Helvetica, sans-serif; color:#555555; margin-bottom:10px; } #content ul, #content ol { margin-left:30px; margin-bottom:10px; } #content ol li { font:12px/18px Arial, Helvetica, sans-serif; color:#555555; list-style:decimal; } #content ul li { font:12px/18px Arial, Helvetica, sans-serif; color:#555555; list-style:disc; } #content .main { float:left; width:600px; padding:20px 20px 20px 0; } #content .main a { color:#d0142a; text-decoration:underline; } #content .main a:hover { color:#000000; } #content .welcome p { font:14px/20px Arial, Helvetica, sans-serif; color:#555555; margin-bottom:10px; } #content .sidebar { float:left; width:280px; padding:20px; } #content .sidebar ul { margin:0; padding:0; } #content .sidebar li { border-bottom:1px solid #898989; font-size:16px; font-family:"Frutiger55", Arial, Helvetica, sans-serif; padding:10px 0; list-style:none; } #content .sidebar li a { color:#002d82; text-decoration:none; } #content .sidebar li a:hover { color:#000000; } #content .sidebar li a.active { color:#555555; background:url(/~i4si/images/subnav-li-bg.gif) 0% 50% no-repeat; padding-left:20px; } #content .sidebar li a.active:hover { color:#000000; text-decoration:none; } #content .divider { height:10px; border-bottom:1px dotted #dadada; margin-bottom:10px; } #signup p { font:12px/18px Arial, Helvetica, sans-serif; color:#555555; margin-bottom:10px; } #signup input { margin-bottom:10px; } #signup a { color:#d0142a; text-decoration:underline; font:11px/14px Arial, Helvetica, sans-serif; } #signup a:hover { color:#000000; } /* Bottomer Styles */ #bottomer { width:1010px; margin:0 auto; background:url(/~i4si/images/bottomer-bg.png) bottom left no-repeat; height:auto; margin-bottom:15px; } .bottom { width:940px; margin:0 auto; background-color:#edeff2; padding:25px; } .bottom p { color:#555555; font:12px/18px Arial, Helvetica, sans-serif; margin-bottom:10px;} .bottom .left { width:200px; float:left; } .bottom .right { width:690px; padding-left:50px; float:left; } p.testimonial { margin-bottom:0px;} p.signature, #content .main p.signature { text-align:right; color:#002d82; font-style:italic; } ul.assoc li { display:inline; padding-right:15px;} /* Form Styles */ #signup .input { background-color:#fff; border:1px solid #e3e5e9; font:12px/18px Arial, Helvetica, sans-serif; padding:5px; color:#002d82; width:300px;} .submit { background-color:#898989; color:#fff; padding:5px; border:1px solid #dadada; } #contact-form .input { background-color:#fff; border:1px solid #e3e5e9; font:12px/18px Arial, Helvetica, sans-serif; padding:5px; color:#002d82; width:175px; } .dates p { padding:6px 0 7px; height:20px; font-weight:bold; } #contact-form .textarea { background-color:#fff; border:1px solid #e3e5e9; font:12px/18px Arial, Helvetica, sans-serif; padding:5px; color:#002d82; width:480px; } /* Footer Styles */ #footer { width:940px; margin:0 auto; padding:0; font:13px/18px Arial, Helvetica, sans-serif; } #footer a { color:#898989; text-decoration:none; font-weight:normal; } #footer a:hover { color:#000; text-decoration:none; } #footer .left { float:left; width:700px; } #footer .left .list { width:155px; padding:10px; float:left; } #footer .left .last { width:300px; } #footer .left .list a.main:link, #footer .left .list a.main:visited { color:#002d82; text-decoration:none; font-weight:bold; } #footer .left .list a.main:hover { color:#000; text-decoration:none; } #footer .left .list li { font:11px/16px Arial, Helvetica, sans-serif; padding-left:4px; } #footer .right { float:left; width:240px; padding:10px 0px; text-align: right; } #footer .right p { color:#898989; font:12px/14px Arial, Helvetica, sans-serif; margin-bottom: 8px; } #footer .right p.name { font:bold 16px/18px Arial, Helvetica, sans-serif; color:#d0142a; } #footer .right p.name img { margin:0 20px 75px 0; border:0; padding:0; } /* Main Nav Area */ #nav { width:100%; background-color:#ffffff; } #nav .holder { width:940px; margin:0 auto; height:100px; text-align:right; } #nav .logo { float:left; width:165px; height:100px; } #nav .logo h1 { background:url(/~i4si/images/logo.jpg) top left no-repeat; width:165px; height:100px; } #nav .logo h1 span { display:none; } #nav ul { float:left; width:690px; padding:40px 0px 0 75px; } #nav ul li { display:block; float:left; font-family:"Frutiger45", Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:18px; padding-left:30px; position:relative; z-index:200; } #nav ul li a { color:#707070; text-decoration:none; display:block; float:left; } #nav ul li a:hover, #nav ul li a.on { color:#d0142a; border-bottom:2px solid #002d82; /* font-family:"Frutiger55", Arial; */ } /* Drop Menu Styles */ #nav ul li.drop a { padding-right:0px; } #nav ul li.drop:hover li { border:none; padding-right:15px; } #nav ul li.drop:hover { -moz-border-radius:0; -webkit-border-radius:0; -moz-border-radius-topleft:4px; -moz-border-radius-topright:4px; -webkit-border-top-left-radius:4px; -webkit-border-top-right-radius:4px; } #nav ul li.drop:hover ul { display:block; z-index:300; padding-bottom:8px; -khtml-opacity: 0.85; /* khtml, old safari */ -moz-opacity: 0.85; /* mozilla, netscape */ opacity: 0.90; /* fx, safari, opera */ } #nav ul li ul { display:none; position:absolute; width:100%; top:23px; left:18px; list-style-type:none; margin:0; padding:9px 0 0; background:#000; filter:alpha(opacity=90); /* internet explorer */ text-align: left; } #nav ul li ul li { font-family:Arial, Helvetica, sans-serif; text-transform:none; text-align:left; color:#fff; float:none; height:auto; margin:0; padding:0; border:none; filter:alpha(opacity=100); /* internet explorer */ } #nav ul li ul li a { color:#fff; float:none; background:none; margin:00; display:block; font-family:Arial, Helvetica, sans-serif; font-size:14px; padding:4px 35px 4px 15px; font-weight:normal; border-bottom:0px; text-align:left; } #nav ul li ul li a:hover { border-bottom:0; text-align:left; } /* drop down menu hover styles */ #nav ul li:hover ul { border:none; -moz-border-radius-bottomleft:4px; -moz-border-radius-bottomright:4px; -webkit-border-bottom-left-radius:4px; -webkit-border-bottom-right-radius:4px; } #nav ul li:hover ul * { background:none; -moz-border-radius:0; -webkit-border-radius:0; } #nav ul li ul li:hover { background-color:#000; } /* Blog Styles */ /* Blog Styles */ p.paginate { color:#000; } p.paginate a { padding:5px 8px; background-color:#d0142a; color:#fff !important; margin:0 5px;} .blogTitle { float:left; width:540px; padding-top:8px; } .blogTitle h5 { font-size:18px; } .blogDate { float:left; width:30px; padding:5px; margin-right:10px; background-color:#002d82; text-align:center; color:#fff; font-family:"Frutiger45", Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:14px; line-height:14px; border:1px dotted #7d7d7d; } ul.social { margin:0 !important; padding:0 !important; } ul.social li { list-style:none !important; float:left; margin-right:8px; }