/* ============================================================================================= Delaware Academy of Family Physicians General Site Layout Created by Inspire Media, LLC staff http://www.inspiremediallc.com Copyright (c) 2008 ============================================================================================= */ body {background-color:#fff; font:12px Arial, Helvetica, sans-serif; color:#000; margin:0;} #container {background-color:#fff; margin:0;} a {outline-style:none;} /* Removes dotted lines around links when active */ a:link, a:visited, a:active, a:focus {color:#4B80C4; text-decoration:none;} a:hover {color:#0A467A;} /* general selectors */ img {border:none;} input, textarea {background:#fff; border:1px solid #0A467A;} p {line-height:18px;} ul {list-style: none;} h3 {color:#4B80C4; border-bottom:#0A467A 1px solid; width:95%; font-size:14px; font-weight:normal; padding:0; margin:0 0 10px 0;} /* jump navigation / scrren reader text */ .access {display: none; text-indent:-9999px; overflow:hidden; height:0;} .blocker {position:absolute; top:-999px; overflow:hidden;} #branding {text-indent:-9999px; overflow:hidden; margin:0; padding:0; float:left;} .button {cursor:pointer;} .odd-row {background-color:transparent;} .even-row {background-color:#efefef;} .more-events-link {text-align:right; font-style:italic;} .wrapper {margin:0 auto; width:900px; position:relative;} #header .wrapper {height:43px;} #header {background:url(../images/header_bar.jpg) left top repeat-x; height:200px; color:#000; position:relative; z-index:10;} #header p {text-indent:-9999px; overflow:hidden; background:url(../images/logo.png) left top no-repeat; height:144px; width:281px; margin:0; position:absolute; top:50px; left:0;} #header p a {display:block; height:144px; width:281px;} #header h2 {text-indent:-9999px; overflow:hidden; margin:0;} #header-img {position:relative; top:43px; left:0;} #navMain {width:958px; margin:0; position:absolute; left:140px; top:0; z-index:100;} #navMain li {list-style:none; display:inline; float:left; height:43px;} #navMain li a {display:block; text-indent:-9999px; overflow:hidden; padding:0; width:100px; height:43px;} #navMain li.last a {background:none;} #navMain li ul {position: absolute; left: -999em; margin:0; z-index:100; background:url(../images/layout/dd-bg.png) left top repeat; height:auto; padding:5px 5px; border:1px solid #222;} #navMain li:hover {background:#111;} #navMain li:hover a {background:none;} #navMain li:hover ul, #navMain li.sfhover ul {left: auto;} #navMain li ul li {display:inline; float:none; padding:0; height:auto; margin:0;} #navMain li ul li:hover {background:none;} #navMain li ul li a {width:auto; height:auto; font-size:12px; padding:5px; background:none; color:#222; margin:0; text-indent:0; overflow:visible;} #navMain li ul li a:hover {background:#18538D; color:#000; text-decoration:underline;} #navMain li ul li h3 {margin:3px 0; background:#222; color:#fff; padding:5px; font-size:12px;} #navMain li ul li>h3 {background:#222 url(../images/layout/arrow_down.png) right center no-repeat; font-size:14px;} #navMain #leadershipNav a {background:url(../images/buttons/dafp_leadership.jpg) top left no-repeat;} #navMain #leadershipNav a:hover {background:url(../images/buttons/over/dafp_leadership_ovr.jpg) top left no-repeat;} #navMain #leadershipNav ul li a, #navMain #leadershipNav ul li a:hover {background:none;} #navMain #leadership #leadershipNav a {background:url(../images/buttons/over/dafp_leadership_ovr.jpg) top left no-repeat;} #navMain #trusteesNav a {background:url(../images/buttons/dafp_trustees.jpg) top left no-repeat;} #navMain #trusteesNav a:hover {background:url(../images/buttons/over/dafp_trustees_ovr.jpg) top left no-repeat;} #navMain #trusteesNav ul li a, #navMain #trusteesNav ul li a:hover {background:none;} #navMain #trustees #trusteesNav a {background:url(../images/buttons/over/dafp_trustees_ovr.jpg) top left no-repeat;} #navMain #resourcesNav a {background:url(../images/buttons/resources.jpg) top left no-repeat;} #navMain #resourcesNav a:hover {background:url(../images/buttons/over/resources_ovr.jpg) top left no-repeat;} #navMain #resourcesNav ul li a, #navMain #resourcesNav ul li a:hover {background:none;} #navMain #resources #resourcesNav a {background:url(../images/buttons/over/resources_ovr.jpg) top left no-repeat;} #navMain #newsNav a {background:url(../images/buttons/news.jpg) top left no-repeat;} #navMain #newsNav a:hover {background:url(../images/buttons/over/news_ovr.jpg) top left no-repeat;} #navMain #navMain #newsNav ul li a, #navMain #newsNav ul li a:hover {background:none;} #navMain #news #newsNav a {background:url(../images/buttons/over/news_ovr.jpg) top left no-repeat;} #navMain #eventsNav a {background:url(../images/buttons/events.jpg) top left no-repeat;} #navMain #eventsNav a:hover {background:url(../images/buttons/over/events_ovr.jpg) top left no-repeat;} #navMain #eventsNav ul li a, #navMain #eventsNav ul li a:hover {background:none;} #navMain #events #eventsNav a {background:url(../images/buttons/over/events_ovr.jpg) top left no-repeat;} #navMain #aboutNav a {background:url(../images/buttons/about.jpg) top left no-repeat;} #navMain #aboutNav a:hover {background:url(../images/buttons/over/about_ovr.jpg) top left no-repeat;} #navMain #aboutNav ul li a, #navMain #aboutNav ul li a:hover {background:none;} #navMain #about #aboutNav a {background:url(../images/buttons/over/about_ovr.jpg) top left no-repeat;} #content {background:url(../images/top_body.jpg) top left no-repeat; background-color:#fff; width:900px; padding:0; margin:0 auto 5px auto; position:relative; min-height:300px;} #tag-line {padding:10px 0 0 20px; overflow:hidden; color:#fff; font-size:14px; font-family:"Times New Roman", Times, serif; color:#fff;} #tag-line p {padding:0; margin:0;} #tag-line a {color:#fff;} #tag-line a:hover {text-decoration:underline;} #sub-content {background:url(../images/left_body.jpg) left top no-repeat; float:left; margin-top:17px; width:302px; height:148px;} #newsletter-form {width:290px;} #newsletter-form h3 {width:98%; color:#DBA344; margin-bottom:5px;} #newsletter-form p {margin:0 0 5px 0;} #newsletter-form img {display:inline; float:left; margin-right:10px;} #newsletter-form form {float:left;} .newsletter-label {float:left; width:40px;} #newsletter-form input {margin:0 0 5px 0;} #patient-site {position:absolute; top:215px; left:5px; font-weight:bold;} #member-login-form {width:170px; margin:25px 0 0 0; padding-left:110px;} #member-login-form h3 {width:98%; color:#DBA344;} #member-login-form ol {list-style:none; margin:0; padding:0;} #member-login-form li {padding:0 0 5px 0;} #member-login-form #email {width:98%;} #member-login-form #password {width:98%;} #member-login-form ul {list-style:none; margin:0 0 0 10px; padding:0;} /* #rss-feed {width:300px; margin:15px 5px 0 5px; padding:0;} */ #main-content {float:left; width:570px; margin:-25px 5px 0 5px;} #main-content h3 {padding:0; margin:0 0 0 50px; text-align:center; width:70%;} #main-content h4 {margin-left:18px;} #main-content table {margin-left:18px;} #main-content p {margin:15px 0 0 20px;} #main-content ul {list-style:disc;} #main-content .event-cal {margin-left:0;} #content-feeds {float:left; width:900px; margin:0; padding:0;} #content-feeds h3 {padding:0; margin:0 0 0 5px; width:98%;} #rss-feed {float:left; width:300px; padding-right:5px;} #rss-feed h5 {margin:0 0 5px 0; padding:0; border-bottom:#ccc 1px solid; font-size:11px; font-weight:normal;} #news-feed {float:left; width:282px;} #news-feed ul {margin:0 0 0 10px; padding:0;} #events-feed {float:left; width:282px; padding-right:5px;} #events-feed ul {margin:0 0 0 10px; padding:0;} #president-pic {display:inline; vertical-align:top; margin-right:5px; float:left; width:100px; height:150px; border:#222 1px solid;} #intro {display:inline; margin:0; padding:0;} #footer .wrapper {height:75px;} #footer {background-color:#DBA344; height:75px; color:#fff; position:relative;} #footer ul {font:11px Arial, Helvetica, sans-serif; position:absolute; top:15px; left:0; margin:0; padding:0;} #footer ul li {list-style:none; float:left; padding:0 8px; border-right:1px solid #fff;} #footer ul li.first {padding:0 8px 0 0;} #footer ul li.last {border:none;} #footer ul li a {color:#fff; text-decoration:underline;} #footer ul li a:hover {color:#fff; text-decoration:none;} #footer h4 {margin:0; position:absolute; top:1px; right:11px; text-indent:-9999px; overflow:hidden;} #footer h3 a {display:block;} #copyright {font:10px Arial, Helvetica, sans-serif; position:absolute; top:33px; left:0; margin:0; line-height:16px;} #copyright span {display:block; color:#fff;} #copyright a {color:#fff;} #copyright a:hover {text-decoration:underline;} /* HACKS */ .clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} .clearfix {display:inline;} /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */ /* Tagline shadow */ .shadow { /* needed for Internet explorer */ height: 1em; filter: Shadow(Color=#9c9c9c, Direction=135, Strength=5); /* Needed for Gecko */ line-height: 2em; white-space: nowrap; } /* * used by browsers which know about * :before to create the shadow */ .shadow:before { display: block; margin: 0 0 -2.12em 0.15em; padding: 0; color: #9c9c9c; } #shadow_1:before { content: 'Strong Medicine for Delaware'; } #second_2:before { content: 'Strong Medicine for Delaware'; } /*\*/ html*.shadow { [color:red;/* required by Safari * so that [] is correctly * begun. associated with * the property, yet hiding * it. Seen by IE6 */ /* * seen by IE6 and Safari, but hidden * from Gecko */ text-shadow: #9c9c9c 5px 5px 5px; ]color:auto; /* resets color for IE6 */ }/**/ /* * end hack using dummy attribute selector * for IE5 mac */ .dummyend[id]{clear: both;} /*\*/ html*.shadow:before { [color:red;/* required by Safari. seen by IE6 */ /* * seen by IE6 and Safari, but hidden * from Gecko */ display: none; ]color:auto; /* resets color for IE6 */ }/**/ /* * end hack using dummy attribute selector * for IE5 mac */ .dummyend[id]{clear: both;}