/* styles.css */ /*------------------------------------------------------------------ Project: SUMOCancer.com Version: 1.0 Last change: 08/02/10 -------------------------------------------------------------------*/ body {background:#d8cbb2 url(../images/bg01.png) repeat-x; font-family:Helvetica, Arial, sans-serif; color:#a89278; font-size:11pt; line-height:22px;} a:link, a:visited {color:#72acf0;} a:hover {text-decoration:none;} p {margin-bottom:20px;} h1 {text-indent:-999em; margin:15px 0;} .right {float:right;} .txt1, label {color:#6a4d43; font-weight:bold; font-size:9pt;} .txt2 {color:#ac6f2a; font-weight:bold;} .p2 {margin:40px 0 0 0;} .p3 {font-size:9pt; line-height:20px;} .container {width:940px; margin:0 auto; background:url(../images/bg02.png) repeat-y;} div.hr {width:100%; height:1px; line-height:1px; margin-bottom:20px; border-bottom:1px dotted #A89278;} /* --------- Header Styles --------- */ .header {width:900px; height:322px; margin:0 20px; background:url(../images/header1.jpg) no-repeat; border-top:#e08200 solid 7px; position:relative;} .header2 {width:900px; height:192px; margin:0 20px; background:url(../images/header2.jpg) no-repeat; border-top:#e08200 solid 7px; position:relative;} ul.topNav {list-style:none; height:33px; margin-left:20px;} ul.topNav li {float:left; height:33px; line-height:33px; background:url(../images/topNavBg2.png) repeat-x;} ul.topNav a {color:#ffffff; padding:0 16px 0 14px; font-size:11px; font-weight:bold; text-transform:uppercase; text-decoration:none; background:url(../images/topNavSpacer.gif) right no-repeat;} ul.topNav a:hover {text-decoration:underline;} ul.topNav li.first {background:url(../images/topNavBg1.png) no-repeat left;} ul.topNav li.first2 {background:url(../images/topNavBg4.png) no-repeat left;} ul.topNav li.last {background:url(../images/topNavBg3.png) no-repeat right;} ul.topNav li.last2 {background:url(../images/topNavBg5.png) no-repeat right;} ul.topNav li.last a, ul.topNav li.last2 a {background:none;} a.logoLink {display:block; width:200px; height:100px; position:relative; top:150px; left:25px; text-indent:-999em;} a.logoLink2 {display:block; width:178px; height:100px; position:relative; top:40px; left:48px; text-indent:-999em;} /* --------- Link Bar Styles --------- */ .linkBar {height:50px; margin:0 20px; background:url(../images/bg03.png) repeat-x; position:relative;} .nav {width:721px; height:50px; list-style:none; background:url(../images/linkBar.png) no-repeat; position:absolute;} .nav li {display:inline;} .nav li a:link, .nav li a:visited {position:absolute; top:0; height:50px; text-indent:-999em; overflow:hidden; z-index:10;} .nav .home a:link, .nav .home a:visited {left:0; width:76px;} .nav .home a:hover, .nav .home a:focus {background:url(../images/linkBar.png) no-repeat 0px -50px;} .nav .home a:active {background:url(../images/linkBar.png) no-repeat 0px -100px;} .current-home .home a:link, .current-home .home a:visited {background:url(../images/linkBar.png) no-repeat 0px -150px; cursor:default;} .nav-home, .nav-home-click {position:absolute; top:0; left:0; width:76px; height:50px; background: url(../images/linkBar.png) no-repeat 0px -50px;} .nav-home-click {background:url(../images/linkBar.png) no-repeat 0px -100px;} .nav .about a:link, .nav .about a:visited {left:76px; width:99px;} .nav .about a:hover, .nav .about a:focus {background:url(../images/linkBar.png) no-repeat -76px -50px;} .nav .about a:active {background:url(../images/linkBar.png) no-repeat -76px -100px;} .current-about .about a:link, .current-about .about a:visited {background:url(../images/linkBar.png) no-repeat -76px -150px; cursor:default;} .nav-about, .nav-about-click {position:absolute; top:0; left:76px; width:99px; height:50px; background: url(../images/linkBar.png) no-repeat -76px -50px;} .nav-about-click {background:url(../images/linkBar.png) no-repeat -76px -100px;} .nav .membership a:link, .nav .membership a:visited {left:175px; width:121px;} .nav .membership a:hover, .nav .membership a:focus {background:url(../images/linkBar.png) no-repeat -175px -50px;} .nav .membership a:active {background:url(../images/linkBar.png) no-repeat -175px -100px;} .current-membership .membership a:link, .current-membership .membership a:visited {background:url(../images/linkBar.png) no-repeat -175px -150px; cursor:default;} .nav-membership, .nav-membership-click {position:absolute; top:0; left:175px; width:121px; height:50px; background: url(../images/linkBar.png) no-repeat -175px -50px;} .nav-membership-click {background:url(../images/linkBar.png) no-repeat -175px -100px;} .nav .sponsor a:link, .nav .sponsor a:visited {left:296px; width:97px;} .nav .sponsor a:hover, .nav .sponsor a:focus {background:url(../images/linkBar.png) no-repeat -296px -50px;} .nav .sponsor a:active {background:url(../images/linkBar.png) no-repeat -296px -100px;} .current-sponsor .sponsors a:link, .current-sponsor .sponsor a:visited {background:url(../images/linkBar.png) no-repeat -296px -150px; cursor:default;} .nav-sponsor, .nav-sponsor-click {position:absolute; top:0; left:296px; width:97px; height:50px; background: url(../images/linkBar.png) no-repeat -296px -50px;} .nav-sponsor-click {background:url(../images/linkBar.png) no-repeat -296px -100px;} .nav .physicians a:link, .nav .physicians a:visited {left:393px; width:105px;} .nav .physicians a:hover, .nav .physicians a:focus {background:url(../images/linkBar.png) no-repeat -393px -50px;} .nav .physicians a:active {background:url(../images/linkBar.png) no-repeat -393px -100px;} .current-physicians .physicians a:link, .current-physicians .physicians a:visited {background:url(../images/linkBar.png) no-repeat -393px -150px; cursor:default;} .nav-physicians, .nav-physicians-click {position:absolute; top:0; left:393px; width:105px; height:50px; background: url(../images/linkBar.png) no-repeat -393px -50px;} .nav-physicians-click {background:url(../images/linkBar.png) no-repeat -393px -100px;} .nav .events a:link, .nav .events a:visited {left:498px; width:80px;} .nav .events a:hover, .nav .events a:focus {background:url(../images/linkBar.png) no-repeat -498px -50px;} .nav .events a:active {background:url(../images/linkBar.png) no-repeat -498px -100px;} .current-events .events a:link, .current-events .events a:visited {background:url(../images/linkBar.png) no-repeat -498px -150px; cursor:default;} .nav-events, .nav-events-click {position:absolute; top:0; left:498px; width:80px; height:50px; background: url(../images/linkBar.png) no-repeat -498px -50px;} .nav-events-click {background:url(../images/linkBar.png) no-repeat -498px -100px;} .nav .news a:link, .nav .news a:visited {left:578px; width:143px;} .nav .news a:hover, .nav .news a:focus {background:url(../images/linkBar.png) no-repeat -578px -50px;} .nav .news a:active {background:url(../images/linkBar.png) no-repeat -578px -100px;} .current-news .news a:link, .current-news .news a:visited {background:url(../images/linkBar.png) no-repeat -578px -150px; cursor:default;} .nav-news, .nav-news-click {position:absolute; top:0; left:578px; width:143px; height:50px; background: url(../images/linkBar.png) no-repeat -578px -50px;} .nav-news-click {background:url(../images/linkBar.png) no-repeat -578px -100px;} /* --------- Content Styles --------- */ .contentContainer {width:860px; margin:0 auto; padding:20px; background:url(../images/bg04.png) repeat-x top; position:relative;} .content {width:545px; margin-left:15px;} .content ul {margin:0 0 20px 30px; color:#ac6f2a; font-weight:bold; font-size:12px; line-height:20px;} .content table {width:100%; margin:5px 0 20px; font-size:9pt;} h1.home_h1 {height:90px; width:525px; background:url(../images/home_h1.gif) no-repeat;} h1.about_h1 {height:66px; width:423px; background:url(../images/about_h1.gif) no-repeat;} h1.membership_h1 {height:66px; width:193px; background:url(../images/membership_h1.gif) no-repeat;} h1.sponsors_h1 {height:66px; width:89px; background:url(../images/sponsors_h1.gif) no-repeat;} h1.physicians_h1 {height:66px; width:94px; background:url(../images/physicians_h1.gif) no-repeat;} h1.events_h1 {height:66px; width:160px; background:url(../images/events_h1.gif) no-repeat;} h1.news_h1 {height:66px; width:202px; background:url(../images/news_h1.gif) no-repeat;} h1.practice_h1 {height:66px; width:128px; background:url(../images/practice_h1.gif) no-repeat;} h1.legislative_h1 {height:66px; width:165px; background:url(../images/legislative_h1.gif) no-repeat;} h1.j3mac_h1 {height:71px; width:81px; background:url(../images/j3mac_h1.gif) no-repeat;} h1.online_h1 {height:66px; width:156px; background:url(../images/online_h1.gif) no-repeat;} h1.links_h1 {height:66px; width:58px; background:url(../images/links_h1.gif) no-repeat;} h1.contact_h1 {height:66px; width:113px; background:url(../images/contact_h1.gif) no-repeat;} h1.privacy_h1 {height:66px; width:122px; background:url(../images/privacy_h1.gif) no-repeat;} h1.terms_h1 {height:66px; width:111px; background:url(../images/terms_h1.gif) no-repeat;} a.button {display:block; height:37px; text-indent:-999em; margin-bottom:20px;} a.button:hover {background-position:0 -37px;} a.home_b1 {float:right; width:110px; background:url(../images/b_learnMore.png) no-repeat 0 0;} #quickLinks {width:210px; margin:20px 30px 35px 0; position:relative; float:right; background:url(../images/quickLinks2.png) repeat-y; z-index:10;} #quickLinks ul {list-style:none; margin-left:9px;} #quickLinks li {margin-top:2px;} #quickLinks a {display:block; height:24px; color:#c7ad8d; font-weight:bold; font-size:9pt; text-decoration:none; line-height:24px; text-indent:11px;} #quickLinks a:hover {background:url(../images/quickLinks4.png) no-repeat; color:#fefaf3;} .qLtop {width:210px; background:url(../images/quickLinks1.png) no-repeat top; padding-top:12px;} .qLbottom {width:210px; height:15px; background:url(../images/quickLinks3.png) no-repeat bottom;} .paymentDiv {margin-bottom:15px; padding-bottom:5px; border-bottom:#a89278 dotted 1px;} /* --------- Footer Styles --------- */ .footerBox {height:42px; background:#f4edde; border:#e5ded1 solid 1px; clear:both;} .footer {height:40px; line-height:41px; padding:0 12px; font-size:11px; font-weight:bold; color:#ab7840; border:#fffaf1 solid 1px;} .footer a:link, .footer a:visited {color:#ff9d36;} /* --------- Bottom Styles --------- */ .bottom {background:#be9e78; height:10px;} .bottom div {width:940px; margin:0 auto; background:url(../images/bg05.png) no-repeat; height:10px; line-height:10px; font-size:8px;} /* --------- Universal Styles --------- */ .sponsors {width:180px; height:95px; background-color: #FFFFFF; border: 1px solid #666666; padding: 5px; margin: 10px; text-align:center; display:table; position:relative;} .sponsors1 {#position:absolute; #top:50%; left:50%; display:table-cell; vertical-align:middle;} .sponsors2 {#position:relative; #top:-50%; left:-50%;} .sponsors3 {} img.Headshot {margin:8px 10px;} td.rowContent {padding:10px; line-height:15px;} td.rowContent3 {padding:5px; line-height:24px; vertical-align:middle;} td.rowContent4 {padding:5px; line-height:24px; vertical-align:top;} .alternateRow td{background-color:#F4EDDE; overflow:hidden;} #search {text-align:right; margin-right:5px; right:0px; top:0px; position:relative; float:right;} #searchBox {margin-right:3px; width:120px; position:relative; top:0px; left:2px;} #contactBox {padding:20px; margin-left:10px;} #name, #email, #subject {width:250px; font-size:11px; padding:5px 4px; margin-bottom:10px; border:solid 1px #6A4D43;} #message {width:350px; height:100px; font-size:11px; padding:4px; margin-bottom:10px; border:solid 1px #6A4D43; font-family:Helvetica, Arial, sans-serif;}