/* Screen Style Sheet */ /* CSS Reset --------------------------------------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, blockquote, a, abbr, acronym, address, big, cite, code, del, dfn, en, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; font:normal 14px/20px Tahoma,Verdana,Arial,Helvetica,sans-serif; } :focus { } :link,:visited { text-decoration:none; } a img,:link img,:visited img { border:none; } ul { list-style:none; } table { } /* tables still need 'cellspacing="0"' in the markup */ caption, th, td { text-align:left; font-weight:normal; } /* Main Structure ---------------------------------- */ html, body { text-align:left; height:100%; } body { background:#ffffff url("../cssimg/tile.png") repeat fixed; color:#000000; } #OuterWrap { width:760px; background-color:#ffffff; border-left:1px solid #6699FF; border-right:1px solid #6699FF; } #InnerWrap { width:720px; } #OuterWrap, #InnerWrap { margin:0 auto; height:100%; height:auto; height:100%; } /* Masthead ---------------------------------------- */ #Header { } #banner { font-family: Arial, Helvetica, sans-serif; font-size: 100%; height: 132px; width: 720px; background-image: url(../images/banner.jpg); background-repeat: no-repeat; margin-left: auto; margin-right: auto; background-color: #FFFFFF; /********* YOUR BACKGROUND COLOR */ } #TopNav { width:720px; margin:0; padding:6px 0 0 0; align="right"} #TopNav a, #TopNav p { font:normal 11px/11px Tahoma,Verdana,Arial,Helvetica,sans-serif; text-align:left; } #TopNav a:link, #TopNav a:visited { padding:0; color:#000000; } #TopNav a:hover { color:#C79810; text-decoration:underline; } .TopMenu { height:18px; } img.imgleft, img.imgright { } img.imghome { padding:6px 0px 2px 36px; float:right; height:132px; } #Header form { padding-top:6px; } #SubHeader { clear:both; } #Sections { float:right; } #Sections #Sec1 { } #Sections #Sec2 { } #Sections #Senior, #Sections #Caregiver, #Sections #Waiver, #Sections #Aaa, #Sections #Housing, #Sections #Faqs { display:block; width:178px; margin-top:5px; margin-bottom:1px; } #Sections #Senior { background:#FFFFFF url(../cssimg/green.jpg) no-repeat right top; } #Sections #Caregiver { background:#FFFFFF url(../cssimg/blue.jpg) no-repeat right top; } #Sections #Waiver { background:#FFFFFF url(../cssimg/red.jpg) no-repeat right top; } #Sections #Aaa { background:#FFFFFF url(../cssimg/purple.jpg) no-repeat right top; } #Sections #Housing { background:#FFFFFF url(../cssimg/gray.jpg) no-repeat right top; } #Sections #Faqs { background:#FFFFFF url(../cssimg/orange.jpg) no-repeat right top; } #Sections #Senior, #Sections #Caregiver, #Sections #Waiver, #Sections #Aaa, #Sections #Housing, #Sections #Faqs a { display:block; } #Sections a strong { display:block; padding:4px 0 0px 0; text-decoration:none; font:bold 18px/20px Arial,Helvetica,Tahoma,Verdana,sans-serif; } #Sections a.two strong { display:block; width:178px; padding:12px 0; } #Sections #Senior a, #Sections #Senior a:link { color:#008c00; text-align:center; text-transform:uppercase; } #Sections #Caregiver a, #Sections #Caregiver a:link { color:#3366CC; text-align:center; text-transform:uppercase; } #Sections #Waiver a, #Sections #Waiver a:link { color:#B02B2C; text-align:center; text-transform:uppercase; } #Sections #Aaa a, #Sections #Aaa a:link { color:#9900CC; text-align:center; text-transform:uppercase; } #Sections #Housing a, #Sections #Housing a:link { color:#36393D; text-align:center; text-transform:uppercase; } #Sections #Faqs a, #Sections #Faqs a:link { color:#9C780B; text-align:center; text-transform:uppercase; } #Sections #Senior a.active { color:#ffffff; text-transform:uppercase; background:#008C00 url(../cssimg/green.jpg) no-repeat left top; } #Sections #Caregiver a.active { color:#ffffff; text-transform:uppercase; background:#3399cc url(../cssimg/blue.jpg) no-repeat left top; } #Sections #Waiver a.active { color:#ffffff; text-transform:uppercase; background:#B02B2C url(../cssimg/red.jpg) no-repeat left top; } #Sections #Aaa a.active { color:#ffffff; text-transform:uppercase; background:#9966cc url(../cssimg/purple.jpg) no-repeat left top; } #Sections #Housing a.active { color:#ffffff; text-transform:uppercase; background:#36393D url(../cssimg/gray.jpg) no-repeat left top; } #Sections #Faqs a.active { color:#ffffff; text-transform:uppercase; background:#C79810 url(../cssimg/orange.jpg) no-repeat left top; } #Sections #Senior a:hover { color:#ffffff; text-transform:uppercase; background:#008C00 url(../cssimg/green.jpg) no-repeat left top; } #Sections #Caregiver a:hover { color:#ffffff; text-transform:uppercase; background:#3399cc url(../cssimg/blue.jpg) no-repeat left top; } #Sections #Waiver a:hover { color:#ffffff; text-transform:uppercase; background:#B02B2C url(../cssimg/red.jpg) no-repeat left top; } #Sections #Aaa a:hover { color:#ffffff; text-transform:uppercase; background:#9966cc url(../cssimg/purple.jpg) no-repeat left top; } #Sections #Housing a:hover { color:#ffffff; text-transform:uppercase; background:#36393D url(../cssimg/gray.jpg) no-repeat left top; } #Sections #Faqs a:hover { color:#ffffff; text-transform:uppercase; background:#9C780B url(../cssimg/orange.jpg) no-repeat left top; } #Sections p { clear:both; text-align:center; color:#36393D; font:normal 11px/13px Arial,Helvetica,Tahoma,Verdana,sans-serif; font-style:italic; } #TopPix { float:left; width:348px; margin:0 0 8px 0; margin:0 0 4px 0; } #Welcome { float:left; width:348px; font:normal 12px/14px Tahoma,Verdana,Arial,Helvetica,sans-serif; display:block; margin:0 0 8px 0; margin:0 0 4px 0; background:#0066cc url(../cssimg/roundt2.gif) no-repeat center top; } #WelcomeWrap { float:left; width:348px; height:280px; display:block; padding-bottom:12px; background: url(../cssimg/roundb2.gif) no-repeat center bottom; } #Welcome h2, #Welcome h3, #Welcome h4, #Welcome p, #Welcome a { margin:0; color:#ffffff; } #Welcome h2 { text-align:center; font:bold 21px/24px Tahoma,Verdana,Arial,Helvetica,sans-serif; padding:12px 9px 15px 9px; } #Welcome h3 { padding:0 12px; font:bold 18px/24px Tahoma,Verdana,Arial,Helvetica,sans-serif; } #Welcome h4 { padding:0 12px; font:normal 14px/18px Arial,Helvetica,Tahoma,Verdana,sans-serif; font-style:italic; } #Welcome img { float:left; padding:0 12px; } #Welcome p { padding:12px; font:normal 14px/18px Tahoma,Verdana,Arial,Helvetica,sans-serif; } #Welcome p.more { text-align:right; margin:0; padding:6px 0 12px 0; } #Welcome a { font:normal 12px/14px Tahoma,Verdana,Arial,Helvetica,sans-serif; padding:12px; } #Welcome a:hover { color:#FFFF88; } /* Navigation --------------------------------------- */ #Nav { clear:both; width:720px; height:18px; margin:8px 0; margin:4px 0; } #MainNav ul, #MainNav li { float:left; list-style:none; margin:0; } #MainNav li { border-left:1px solid #ffffff; } #MainNav a, #MainNav a:link, #MainNav a:visited { float:left; display:block; width:119px; height:20px; padding-top:6px; background:#0066cc; color:#FFFFFF; text-align:center; text-transform:uppercase; } #MainNav a strong { font:bold 12px/14px Arial,Helvetica,Tahoma,Verdana,sans-serif; } body#About #MainNav #About a, body#Services #MainNav #Services a, body#Programs #MainNav #Programs a, body#Events #MainNav #Events a, body#Contact #MainNav #Contact a { color:#FFFFFF; background:#C79810; } #MainNav a:hover, body#About #MainNav #About a:hover, body#Services #MainNav #Services a:hover, body#Programs #MainNav #Programs a:hover, body#Events #MainNav #Events a:hover, body#Contact #MainNav #Contact a:hover { color:#36393D; background:#C79810; } #MainNav a.active, #MainNav a:active { color:#ffffff; background:#C79810; } #MainNav #Home a, #MainNav #Home a:link { background:#0066cc url(../cssimg/roundl.gif) no-repeat left top; } #MainNav #Home a:hover, body#Home #MainNav #Home a, body#Home #MainNav #Home a:link { background:#C79810 url(../cssimg/roundl.gif) no-repeat left top; } #MainNav #Home a:active, #MainNav #Home a.active { color:#ffffff; background:#C79810 url(../cssimg/roundl.gif) no-repeat left top; } #MainNav #Home a strong, body#Home #MainNav #Home a strong { display:block; width:119px; height:20px; background: url(../cssimg/roundl.gif) no-repeat left bottom; } #MainNav #Contact li { border:none; } #MainNav #Contact a, #MainNav #Contact a:link { background:#0066cc url(../cssimg/roundr.gif) no-repeat right top; } #MainNav #Contact a:hover, body#Contact #MainNav #Contact a, body#Contact #MainNav #Contact a:link { background:#C79810 url(../cssimg/roundr.gif) no-repeat right top; } #MainNav #Contact a:active, #MainNav #Contact a.active { color:#ffffff; background:#C79810 url(../cssimg/roundr.gif) no-repeat right top; } #MainNav #Contact a strong, body#Contact #MainNav #Contact a strong { display:block; width:119px; height:20px; background: url(../cssimg/roundr.gif) no-repeat right bottom; } /* Content ----------------------------------------- */ #MainContent { clear:both; float:left; display:block; width:720px; margin:8px 0; margin:4px 0; background:#ffffff url(../cssimg/contentm.png) repeat-y center top; } #MainContentWrap1 { float:left; display:block; width:720px; background: url(../cssimg/contentt.png) no-repeat center top; } #MainContentWrap2 { float:left; display:block; width:720px; padding:12px 0; background: url(../cssimg/contentb.png) no-repeat center bottom; } #MainContent em { font-style:italic; } #MainContent strong { font-weight:bold; } #ColTwo { clear:both; float:right; margin:6px 15px 6px 0; width:160px; width:155px; } #ColTwo h2, #ColTwo h3 { margin:0 0 8px 0; font:bold 16px/19px Tahoma,Verdana,Arial,Helvetica,sans-serif; color:#B02B2C; } #ColTwo p, #ColTwo ul, #ColTwo ul li, #ColTwo a { margin:12px 0; font:normal 12px/16px Tahoma,Verdana,Arial,Helvetica,sans-serif; color:#000000; } #ColTwo ul { margin:12px 0; } #ColTwo a, #ColTwo a:link, #ColTwo a:visited { text-decoration:underline; color:#0B6BB9; } #ColTwo a:hover, #ColTwo a:active, #ColTwo a.active { text-decoration:none; color:#FF9704; } #ColOne { margin:0 18px; padding:6px 12px 6px 0; width:498px; border-right:1px solid #0B6BB9; } #ColOne h2, #ColOne h3, #ColOne h4 { color:#B02B2C; font:bold 24px/28px Tahoma,Verdana,Arial,Helvetica,sans-serif; } #ColOne h2 { margin:0 0 12px 0; } #ColOne h3 { margin:18px 0 8px 0; font-size:19px; line-height:24px; } #ColOne h4 { margin:18px 0 8px 0; font-size:15px; line-height:20px; } #ColOne p, #ColOne a, #ColOne ul, #ColOne ul li { margin:8px 0; padding:0px; font:normal 14px/20px Arial,Helvetica,Tahoma,Verdana,sans-serif; color:#000000; } #ColOne a, #ColOne a:link, #ColOne a:visited { text-decoration:underline; color:#0B6BB9; } #ColOne a:hover, #ColOne a:active { text-decoration:none; color:#FF9704; } #ColOne ul, #ColOne ul li { margin:6px 6px 6px 12px; list-style: square outside; } #ColOne img { margin-right: 12px; margin-bottom: 6px; } #WideCol { margin:0 18px; padding:6px 12px 6px 0; width:684px; } #WideCol h2, #WideCol h3, #WideCol h4 { color:#B02B2C; font:bold 24px/28px Tahoma,Verdana,Arial,Helvetica,sans-serif; } #WideCol h2 { margin:0 0 12px 0; } #WideCol h3 { margin:18px 0 8px 0; font-size:19px; line-height:24px; } #WideCol h4 { margin:18px 0 8px 0; font-size:15px; line-height:20px; } #WideCol p, #WideCol a, #WideCol ul, #WideCol ul li { margin:8px 0; padding:0px; font:normal 14px/20px Arial,Helvetica,Tahoma,Verdana,sans-serif; color:#000000; } #WideCol a, #WideCol a:link, #WideCol a:visited { text-decoration:underline; color:#0B6BB9; } #WideCol a:hover, #WideCol a:active { text-decoration:none; color:#FF9704; } #WideCol ul, #WideCol ul li { margin:6px 6px 6px 12px; list-style: square outside; } #WideCol ul li ul , #WideCol ul ul li { margin:2px 6px 2px 12px; list-style: circle outside; } #WideCol ol, #WideCol ol li { margin:6px 12px 6px 6px; } #WideCol img { margin-right: 12px; margin-bottom: 6px; } #SubNav p { padding: 3px 0 12px 0; } #SubNav a { font:normal 12px/12px Tahoma,Verdana,Arial,Helvetica,sans-serif; text-transform:uppercase; color:#B02B2C; border-left:1px solid #36393D; } #SubNav a:link, #SubNav a:visited { padding:0 6px; color:#B02B2C; } #SubNav a:hover { color:#C79810; } #SubNav a.norule, #SubNav a.norule:hover { border:none; padding:0 9px 6px 0; } /* SubContent ---------------------------------------- */ #SiteMap { float:left; width:720px; display:block; background:#0066cc url(../cssimg/roundt.gif) no-repeat center top; margin:0 0 8px 0; margin:4px 0 8px 0; } #SiteMapWrap { float:left; display:block; background: url(../cssimg/roundb.gif) no-repeat center bottom; } #SiteMap #Site1 { padding-left:12px; } #SiteMap #Site3 { padding-right:12px; } #SiteMap #Site1, #SiteMap #Site2, #SiteMap #Site3 { float:left; width:228px; padding-top:12px; padding-bottom:12px; } #SiteMap ul, #SiteMap ul li { padding:3px; } #SiteMap a, #SiteMap a:link { display:block; padding-left:24px; font:bold 11px/17px Arial,Helvetica,Tahoma,Verdana,sans-serif; color:#FFFFFF; text-transform:uppercase; background: url(../cssimg/bluarrow.png) no-repeat left center; } #SiteMap a:hover { color:#FFFF88; background: url(../cssimg/redarrow.png) no-repeat left center; } /* Footer ------------------------------------------ */ #Footer { margin:0 auto; width:720px; background:#ffffff; } #Footer p, #Footer a { text-align:right; font:normal 11px/14px Tahoma,Verdana,Arial,Helvetica,sans-serif; color:#333333; } #Footer a:link, #Footer a:visited { text-decoration:underline; color:#0B6BB9; } #Footer a:hover, #Footer a:active, #Footer a.active { text-decoration:none; color:#FF9704; } #Footer, #Push { clear:both; height:24px; }