/******************************** COLOR GLOSSARY --------------------------------- LIGHT-BLUE-CONTENT-BACK --#ECF1F0; PURPLE TEXT --#110A4A; FORM BACKGROUND --#ECF1F0; FORM BORDER --#245064; ORANGE A:HOVER --#C84F0B; ORANGE IMAGE ROLLEVER --#F98810; BLUE LINKS ON ABOUT --#1C74AA; --------------------------------- *********************************/ /* CLEAR BROWSER PRESETS */ * {margin:0;padding:0; font:10px Lucida Grande, Verdana, sans-serif;} /* HTML FRAME MARKUP */ h1,h2,h3,h4,p{padding-bottom:10px;color:#110A4A;} a{text-decoration:none;} a:hover{color:#C84F0B;} h1{font-size:1.8em;} h2{font-size:1.7em;} h3{font-size:1.6em;} h4{font-size:1.5em;} p{font-size:1.2em;} #wrapper{background:#fff url(../images/header_back.png) repeat-x top left;} #inner{ background:#F2F3F5 url(../images/inner_header.png) repeat-x top left; width:778px; margin:0 auto; text-align:center; height:100%; min-height:800px; } /* HEADER MARKUP */ #rightSection h1 { float:left; text-align:left; /* text-indent:-9999px; background:url(../images/logo.png) no-repeat top left; */ height:98px; width:262px; margin-left:-10px;} #rightSection h1 img{border:0;} #rightSection {float:left;text-align:left;} /* HEADER NAVIGATION MARKUP */ #nav { float:right; background:url(../images/header_nav.png) no-repeat 0 -37px; width:368px; height: 31px; margin:0px; } #nav span{display:none;} #nav li, #nav a {height:37px; display:block;} #nav li{float:left; list-style:none; _display:inline;} #nav-01{width:60px; margin-left:4px;} #nav-02{width:76px; margin-left:4px;} #nav-03{width:90px; margin-left:3px;} #nav-04{width:123px; margin-left:3px;} #nav-01 a:hover {background:url(../images/header_nav.png) no-repeat -4px 0;} #nav-02 a:hover {background:url(../images/header_nav.png) no-repeat -68px 0;} #nav-03 a:hover {background:url(../images/header_nav.png) no-repeat -147px 0;} #nav-04 a:hover {background:url(../images/header_nav.png) no-repeat -241px 0;} /* SEARCH MARKUP */ #search{ float:right; background:transparent url(../images/search2.png) no-repeat bottom right; width:249px; height:44px; /*margin:20px 15px 0 0;*/ margin:20px 15px 0 0;} #search form{margin-left:10px;} #search input{margin-top:5px;} #search_box{background-color: #fff; color: #555; width: 190px; border: 1px solid #333; position: relative; left: 2px; padding: 1px; } #search label{background: #E0E2E1; padding: 7px 4px; } #search_button {margin:0 0 0 5px; position: relative; top: 5px; } /* SUB NAVIGATION */ #main{float:left;background-color:#F2F3F5;width:778px;} #subNav{ margin:30px 0 0 -20px; _margin-top: 18px; width:135px; float:left; text-align:left; font-size: 1.2em; } #subNav li { list-style:none; display:block; width:135px; margin-bottom:5px; } #subNav li a { background:url(../images/side_nav.png) no-repeat top left; height:12px; width:135px; display:block; padding:9px; color: #fff; text-decoration:none; font-weight: bold; text-transform: uppercase; font-size: 10px; } #subNav li a:hover{ background:url(../images/side_nav_roll.png) no-repeat; } /* MAIN AREA */ #top_holder{ float:left; background:#fff url(../images/content_top.jpg) no-repeat; width:649px; height:10px; margin-top:10px; } #content{ float:left; background:#fff url(../images/content_back.jpg) repeat-y; width:609px; text-align:left; padding:20px; } #footer { float:right; background:#F2F3F5 url(../images/content_bottom.jpg) no-repeat top left; width:623px; height:12px; font-size: 0.9em; padding:20px; color: #878787; } #footer a, #footer p {text-decoration:none; color: #878787;} /* CONTACT FORM MARKUP */ #contact_form form{margin-top: 10px;} #contact_form input, #contact_form textarea, #contact_form select{ background-color:#ECF1F0; border-top:1px solid #245064; border-left:1px solid #245064; border-bottom:1px solid #245064; border-right:1px solid #245064;} .submit_button{margin-right:75px;} #contact_form input.button{border:none;background-color:#fff;border-bottom:1px solid #245064;color:#245064;} /* HOME PAGE MARKUP */ #home #top_content { background:none; margin-left:-15px; text-align:left; } #home #special_side{ background: url(../images/home_img_top.jpg) no-repeat; margin-top:-30px; width:393px; float:left; margin-left:2px; line-height: 2.5em; } #home #special_side img{margin-top:10px;} #home #special_side div { background:#fff url(../images/home_img_back.jpg) repeat-y; padding:20px; line-height: 1.5em; } #home #side_content {float:left; width:268px;margin-top:18px;} #home #side_content #h2_contact {text-indent:-9999px;background:url(../images/h2_contactUs.png) no-repeat;} #home #side_content #h2_pharmacy{text-indent:-9999px;background:url(../images/h2_pharmacy.png) no-repeat;margin-top:47px;} /* #h2_contact, #h2_pharmacy { position: relative; left: -9px; bottom: -10px; } #h2_pharmacy { top: 10px; } */ #home #side_content p{padding:15px 15px 0 15px; font-family: verdana, sans-serif; font-size: 1.3em;} #home #side_content p a {font-size: .9em; color: #1C74AA; font-weight: 700; } #home #side_content p a:hover{color:#C84F0B;} /****************/ /* problem one */ #home #side_bottom{ background:url(../images/home_txt_top.jpg) no-repeat; width:804px; height:21px; float:left; margin-left:-13px;} /* problem 2 */ #home #content{ background: url(../images/home_txt_back.jpg) repeat-y; width:805px; margin-left:-14px; } /*problem 3 */ #home #footer{ background:transparent url(../images/home_txt_bottom.jpg) no-repeat; width:804px; float:left; margin-left:-13px; padding:20px 0 10px 0;} /*problem 4*/ #home #footer p{width:778px;} /*****************/ #home #img_background { background:url(../images/grid_back.jpg) no-repeat; width:779px; height:292px; float:left; margin-left:-7px;} #patient_img, #physicians_img, #admin_img { float:left; background:url(../images/picBox.png) no-repeat; width:238px; height:272px; margin:10px 0 0 11px; font-size: 10px;} #patient_img h3, #physicians_img h3, #admin_img h3 {margin:-27px 0 0 110px;} /* #patient_img h3{background:url(../images/home_patients.png) no-repeat;} #physicians_img h3{background:url(../images/home_physicians.png) no-repeat;} #admin_img h3{background:url(../images/home_admin.png) no-repeat;} */ #patient_img, #physicians_img{margin-right:10px;} .image_placeholder {margin:10px 0 0 15px;} .image_placeholder img {margin:-5px 0 0 -8px;} .image_placeholder p {color:#fff; margin-top:5px;font-size:0.9em;line-height:1.5em; padding: 0 15px 0 0; } .image_placeholder a {color:#fff; text-decoration:underline;} .image_placeholder a:hover{color:#C84F0B;} .image_placeholder h5 {color:#fff; margin-top:10px; font-weight: 700; } #home a img {border:none;padding:8px;} /* #img_background a:hover img{border:8px solid #F98810; padding:0;} */ #content {line-height: 1.5em; } /* ABOUT/INTERIOR PAGE MARKUP */ #interior .left, #about .left {line-height:20px; padding:20px 0 10px 0; text-align:left; font-size: 10px; } #interior h2, #about h2{margin-top: -30px; padding-bottom:5px; text-transform: uppercase; } #interior h3, #about h3{padding:15px 0 8px 0; font-size: 1.3em; font-weight: 700; } #interior #content ul, #about #content ul{margin-left:30px; color:#110A4A;} #interior #content li, #interior #content li a, #about #content li, #about #content li a{padding:5px; font-size: 12px;} #interior .right h3, #about .right h3{ text-indent:-9999px; background:url(../images/contact_us.jpg) no-repeat; width:119px; padding:0; margin-left:110px;} #interior .right a, #about .right a{text-decoration:underline; color:#1C74AA;} #interior .right a:hover, #about .right a:hover{color:#C84F0B;} #interior .large_text, #about .large_text{font-size: 1.2em; margin-right:5px;} #interior .med_text, #about .med_text{font-size: 1em; margin-right:5px;} #interior .small_text, #about .small_text{font-size: .9em; margin-right:5px;} #interior .print, #about .print{margin-right:5px;} #interior #meet, #about #meet{text-indent:-9999px; background:url(../images/meet_you.png) no-repeat; width:119px;} #about #js { position: relative; right: 7px; } /* INTERIOR PAGE MARKUP */ #sub_nav{float:left;background:#fff url(../images/content_back.jpg) repeat-y;width:649px;text-align:left;} #navlist {padding: 3px 0; margin-left:0; border-bottom:1px solid #ddd;} #navlist li{list-style:none; margin-left:5px; display:inline;} #navlist a{padding:3px 0.5em; margin-left:3px; border:1px solid #ddd; border-bottom:none; background:#fff; text-decoration:none;border-bottom: 1px solid white;} #sub_nav a, #sub_nav a:visited {color:#1C74AA;} #sub_nav a:hover {color:#F98810;} #interior #js {margin-top:-15px; margin-right: 6px; } /* MISC CLASS MARKUP */ .left{float:left;} .right{float:right;} .clear{clear:both;} .align_right{text-align:right;} .align_left{text-align:left;} .labels p{padding-bottom:20px;} .inputs p{padding-bottom:14px;} .labels {margin-right:5px;} .med{width:55%;} .small{width:40%;} .bottom_space{margin-bottom:20px;} /* -- Chris Ruppel's Additions -- */ h2{ position: relative; } #home #subNav {position: relative; left: 3px; _left: 4px; } #content div.left * {line-height: 1.5em;} #content div.left ul li {line-height: 1.2em; margin-bottom: -3px; } #interior #wrapper li{ font-size: 1.2em; } #interior #wrapper em { font-size: inherit; font-style: italic; } a img { border: 0px; } #js a img { border: 0; position: relative; top: 3px; } #search-results {} span.search-term {font-weight: 700; font-size: 11px; color: #1c74aa; } div#filter-bar {font-size: 12px; background: #f7f7f7; border: 1px solid #eee; padding: 2px 10px; } #content input, #content textarea, #content select {border: 1px solid #245064; border-top-width: 2px; border-left-width: 2px; background: #f7f7f7; } #content form table td { padding: 3px 0; } #content form table input, #content form table select {width: 160px; } #content h4 {text-transform: uppercase; font-weight: 700; font-size: 11px; } #content a {font-size: 12px; } #content li {font-size: 12px; } #content a.larger-text { font-size: 14px; } #content a.medium-text { font-size: 11px; } #content a.smaller-text { font-size: 8px; } /* -- Lauren Smith Additions -- */ #content div.left ul li {margin-left: 6px;} #content div.left ul ol li{margin-left: 22px; font-size: .9em;} b {font-weight:bold; font-size:1.1em;}