/* CSS Document */ /* CLEAR DEFAULTS & SET PAGE ---------------------------------------------------*/ html {text-align: center; margin: 0px; padding: 0px} body {position: relative; z-index: 1; top:0px; margin: 0px; font-family:Arial, Helvetica, sans-serif; font-size: 12px; text-align: left; color: #474848; background-color: #fff} h1, h2, h3, h4, h5, h6, li, ol, ul, form, fieldset, input, p, blockquote, img {margin: 0px; padding: 0px; list-style:none; border: none} table, tr, td, th {padding: 0px; margin: 0px; vertical-align:top; border-collapse:collapse}/* sets declarations for all tables throughout the site */ th {speak-header: once} /*when rendered aurally, each row of data is to be spoken as a "Header1, Data1, Data1 ..." as opposed to "Header1, Data1, Header1, Data2"*/ a:link, a:visited {color: #178095; text-decoration:underline; cursor: pointer} a:hover, a:active {color: #515151; text-decoration:none} /* CONTENT & FORMATTING ---------------------------------------------------*/ #content {width: 761px; min-height: 300px; margin: 0px auto; background:url(../images/bkg/inContent.gif) no-repeat #fff} #content #left {position: relative; width: 545px; margin: 0px auto; padding: 30px 0px 20px 20px; float: left} #home #content {min-height: 0px} h6 {position: absolute; top: -40px; left: 17px} /*graphic pg titles*/ #content ul, #content ol {margin: 10px 5px 10px 20px} #content li {margin-bottom: 10px; margin-left: 20px} #content ul li {list-style: disc} #content ol li {list-style: decimal} #content ol li ol li {list-style: lower-alpha; margin-bottom: 5px} .nobullet {list-style: none; margin:0px} p {margin: 0px 0px 10px} b {color:#333} h1, h4 {font-size: 14px; margin: 26px 0px 10px; color: #178095; padding-bottom: 10px; border-bottom: 1px solid #dfdfdf} h2 {font-size: 16px; margin: 16px 0px 16px 0px; color: #404040} h3 {font-size: 12px; color:#cc6600} h3 i {font-weight: normal} hr {height: 1px; width: 80%; margin: 0px; padding:0px} .left {width: 48%; padding-right:5px; float: left} .right {width: 48%; float: left} blockquote {width: 180px; font-size: 12px; color: #00586a; padding: 15px; margin: 10px 25px 10px 0px; border-right: 1px solid #c6c6c6; text-align:center; float:left} blockquote b {color: #00586a} cite {font-size: 11px} .photoleft {margin: 20px 40px 20px -20px; float:left} .photoright {margin: 20px -20px 20px 40px; float:right} .biophotoleft {margin: 25px 25px 5px -20px; float:left; clear: left} .biophotoright {margin: 25px 0px 5px 25px; float:right} .top {width: 100%; height: 20px; display:block; font-size:11px; text-align:right; clear: left; margin-top: 20px} /* SIDEBAR ---------------------------------------------------*/ #sidebar {width: 175px; float: right} #sidebar h1 {font-size: 12px; color: #178095; display:inline; border: none; margin: 0px} #sidebar h1 img {margin: 3px 5px} #sidebar ul {margin: 5px 5px 10px 12px; line-height:12px} #sidebar ul li {list-style: none; margin:0px; padding:4px; border-bottom: 1px solid #dddddd} #sidebar li a:link, #sidebar li a:visited {font-size: 10px; font-weight: bold; color: #515151} #sidebar li a:hover, #sidebar li a:active {color: #178095} #sidebar li .last {border: none} #sidebar blockquote {width: 130px; padding: 15px; border: 1px solid #dfdfdf; margin: 0px 0px 0px 10px} #sidebar blockquote h1 {display: block} #sidebar blockquote {text-align: left; color: #626262; font-size: 11px} #sidebar #flashcontent {width: 174px; height: 222px} #sidebar #flashcontent blockquote {padding-top: 82px; height: 100px} /* BRANDING / NAVIGATION ---------------------------------------------------*/ #branding {position: relative; width: 760px; height: 142px; margin: 0px auto; clear: both; background: url(../images/bkg/intBranding.jpg) no-repeat bottom center} #branding h1 {width: 261px; height: 41px; margin:0; padding:0; border:none} #branding ul {position: absolute; top:0px; right:0px; width: 303px; height: 41px} #branding ul li {position: relative; top:31px; left:0px; display: block; margin: 0px; padding: 0px; float: left; font-size:10px } #branding li a {display: block} #branding li span {position: absolute; left:-9999px; z-index:999} * html a:hover {visibility:visible} #branding li a:hover img {visibility:hidden} #nav_home {width: 36px; height: 11px; background:url(../images/nav/home_o.gif) no-repeat} #nav_about {width: 60px; height: 11px; background:url(../images/nav/about_o.gif) no-repeat} #nav_success {width: 143px; height: 11px; background:url(../images/nav/success_o.gif) no-repeat} #nav_contact {width: 64px; height: 11px; background:url(../images/nav/contact_o.gif) no-repeat} #nav_compass {width: 175px; height: 25px; background:url(../images/nav/compass_o.gif) no-repeat} #nav_sacpain {width: 175px; height: 23px; background:url(../images/nav/sacpain_o.gif) no-repeat} #home #nav_home img, #about #nav_about img, #success #nav_success img, #contact #nav_contact img, #sacpain #nav_sacpain img, #compass #nav_compass img {visibility: hidden} ul#serviceLinks {position: absolute; top:62px; right: 0px; width: 175px} #home #branding {position: relative; width: 760px; height: 62px; margin: 0px auto; clear: both; background: none} #home #serviceLinks {position: absolute; left:-9999px; width: 175px} /* SITE INFO (footer) ---------------------------------------------------*/ #siteinfo {position: relative; width: 760px; height: 60px; margin: 20px auto 20px; clear: both; padding-top: 20px; border-top: 1px solid #d5d5d5; color:#868787; font-size:11px; text-align:center; display:block} #siteinfo a:link, #siteinfo a:visited {color: #868787; text-decoration: none; font-weight: normal} #siteinfo a:hover, #siteinfo a:active {color: #868787; text-decoration:underline} /* PAGE - SPECIFIC ---------------------------------------------------*/ #home {background:url(../images/bkg/hometile.jpg) repeat-x} #home branding {height: 61px; background: none} #home #flashcontent {position: relative; z-index: 1; width: 100%; min-width: 766px; height:416px; text-align: center; clear: both; background:url(../images/bkg/home.gif) no-repeat top center; margin:0px auto} #home #content {width: 700px; margin: 30px auto 10px; background:none} #home h1 {border: none; padding: 0; margin: 0px 0px 10px} #about, #success, #sacpain, #compass, #contact, {background: url(../images/bkg/interior.jpg) repeat-x #fff} #spanish {background: none;} #compass #funcSchedule {margin-bottom: 30px} #funcSchedule td, #funcSchedule th {padding:8px; border-bottom: 1px solid #CCCCCC} #funcSchedule th {width: 150px; text-align: right} #success td, #success th {border-bottom: 1px solid #CCCCCC; padding: 3px} #spanish td, #spanish th {border-bottom: 1px solid #CCCCCC; padding: 3px} #about .staff {height: 263px; clear: both; margin-bottom: 20px} #contact .left {width: 100%; padding-right:5px; float: left}