/* styles.css */ /*------------------------------------------------------------------ Project: CHOPTX.org Version: 1.0 Last change: 8/22/11 -------------------------------------------------------------------*/ html, body {height:100%;} body {background:url(../images/bg01.jpg) repeat-x fixed #d2d2d2; height:100%; color:#545164; font-family:Georgia,"Times New Roman",Times,serif; font-size:11pt; line-height:26px; } a {color:#B1072C;} a:hover {text-decoration:none;} i {color:#B1072C; font-size:13px;} p{margin-bottom:25px;} em{display:block; color:#2c215b; font-weight:bold; font-size:10pt; line-height:18px; margin-bottom:20px; font-family:Helvetica,Arial,sans-serif;} .containerA {background:url(../images/bg02.jpg) top left no-repeat fixed; width:100%; min-height:100%; /* ie6 height:100% */ border-top:#2c215b solid 7px;} .containerB {width:952px; margin:0 auto; padding-bottom:30px; height:100%; min-height:100%;} .txt1, label {color:#2c215b; font-weight:bold; font-size:10pt; font-family:Helvetica,Arial,sans-serif;} .txt2 {color:#B1072C; font-weight:bold; font-size:10pt; font-family:Helvetica,Arial,sans-serif;} .p1 {margin-top:5px;} .p2 {margin:45px 0 0 0;} .em1 {margin:20px 0 0 0;} /* --------- Header Styles ---------*/ .header {position:relative; width:952px; height:151px; background:url(../images/headerBg.png) bottom no-repeat;} .topNav {position:absolute; width:268px; right:28px; top:0; line-height:38px; text-align:center; font-size:10pt; letter-spacing:0.02em;} .topNav a{color:#2c215b; text-decoration:none;} .topNav a:hover {border-bottom:#c4082d solid 2px;} .title {position:absolute; top:27px; left:142px; line-height:23px;} .title h1{color:#b1072c; font-weight:bold; font-size:14pt;} .title h2{color:#615b77; font-size:11pt; font-style:italic;} a.logo {position:absolute; width:119px; height:132px; top:26px; left:22px; background:url(../images/logo.png) no-repeat; text-indent:-999em; z-index:20;} /* --------- Navigation Styles ---------*/ .nav {position:absolute; width:677px; height:49px; top:86px; left:133px; list-style:none; z-index:9; background:url(../images/mainNavBg.png) no-repeat;} .nav li {display:inline;} .nav li a:link, .nav li a:visited {position:absolute; top:0; height:49px; text-indent:-999em; overflow:hidden; z-index:10;} .nav .home a:link, .nav .home a:visited {left:0; width:74px;} .nav .home a:hover, .nav .home a:focus {background:url(../images/mainNavBg.png) no-repeat 0px -49px;} .nav .home a:active {background:url(../images/mainNavBg.png) no-repeat 0px -98px;} .current-home .home a:link, .current-home .home a:visited {background:url(../images/mainNavBg.png) no-repeat 0px -147px; cursor:default;} .nav-home, .nav-home-click {position:absolute; top:0; left:0; width:74px; height:49px; background: url(../images/mainNavBg.png) no-repeat 0px -49px;} .nav-home-click {background:url(../images/mainNavBg.png) no-repeat 0px -98px;} .nav .about a:link, .nav .about a:visited {left:75px; width:90px;} .nav .about a:hover, .nav .about a:focus {background:url(../images/mainNavBg.png) no-repeat -75px -49px;} .nav .about a:active {background:url(../images/mainNavBg.png) no-repeat -75px -98px;} .current-about .about a:link, .current-about .about a:visited {background:url(../images/mainNavBg.png) no-repeat -75px -147px; cursor:default;} .nav-about, .nav-about-click {position:absolute; top:0; left:75px; width:90px; height:49px; background: url(../images/mainNavBg.png) no-repeat -75px -49px;} .nav-about-click {background:url(../images/mainNavBg.png) no-repeat -75px -98px;} .nav .membership a:link, .nav .membership a:visited {left:166px; width:111px;} .nav .membership a:hover, .nav .membership a:focus {background:url(../images/mainNavBg.png) no-repeat -166px -49px;} .nav .membership a:active {background:url(../images/mainNavBg.png) no-repeat -166px -98px;} .current-membership .membership a:link, .current-membership .membership a:visited {background:url(../images/mainNavBg.png) no-repeat -166px -147px; cursor:default;} .nav-membership, .nav-membership-click {position:absolute; top:0; left:166px; width:111px; height:49px; background: url(../images/mainNavBg.png) no-repeat -166px -49px;} .nav-membership-click {background:url(../images/mainNavBg.png) no-repeat -166px -98px;} .nav .sponsor a:link, .nav .sponsor a:visited {left:278px; width:91px;} .nav .sponsor a:hover, .nav .sponsor a:focus {background:url(../images/mainNavBg.png) no-repeat -278px -49px;} .nav .sponsor a:active {background:url(../images/mainNavBg.png) no-repeat -278px -98px;} .current-sponsor .sponsors a:link, .current-sponsor .sponsor a:visited {background:url(../images/mainNavBg.png) no-repeat -278px -147px; cursor:default;} .nav-sponsor, .nav-sponsor-click {position:absolute; top:0; left:278px; width:91px; height:49px; background: url(../images/mainNavBg.png) no-repeat -278px -49px;} .nav-sponsor-click {background:url(../images/mainNavBg.png) no-repeat -278px -98px;} .nav .physicians a:link, .nav .physicians a:visited {left:370px; width:99px;} .nav .physicians a:hover, .nav .physicians a:focus {background:url(../images/mainNavBg.png) no-repeat -370px -49px;} .nav .physicians a:active {background:url(../images/mainNavBg.png) no-repeat -370px -98px;} .current-physicians .physicians a:link, .current-physicians .physicians a:visited {background:url(../images/mainNavBg.png) no-repeat -370px -147px; cursor:default;} .nav-physicians, .nav-physicians-click {position:absolute; top:0; left:370px; width:99px; height:49px; background: url(../images/mainNavBg.png) no-repeat -370px -49px;} .nav-physicians-click {background:url(../images/mainNavBg.png) no-repeat -370px -98px;} .nav .events a:link, .nav .events a:visited {left:470px; width:74px;} .nav .events a:hover, .nav .events a:focus {background:url(../images/mainNavBg.png) no-repeat -470px -49px;} .nav .events a:active {background:url(../images/mainNavBg.png) no-repeat -470px -98px;} .current-events .events a:link, .current-events .events a:visited {background:url(../images/mainNavBg.png) no-repeat -470px -147px; cursor:default;} .nav-events, .nav-events-click {position:absolute; top:0; left:470px; width:74px; height:49px; background: url(../images/mainNavBg.png) no-repeat -470px -49px;} .nav-events-click {background:url(../images/mainNavBg.png) no-repeat -470px -98px;} .nav .news a:link, .nav .news a:visited {left:545px; width:131px;} .nav .news a:hover, .nav .news a:focus {background:url(../images/mainNavBg.png) no-repeat -545px -49px;} .nav .news a:active {background:url(../images/mainNavBg.png) no-repeat -545px -98px;} .current-news .news a:link, .current-news .news a:visited {background:url(../images/mainNavBg.png) no-repeat -545px -147px; cursor:default;} .nav-news, .nav-news-click {position:absolute; top:0; left:545px; width:131px; height:49px; background: url(../images/mainNavBg.png) no-repeat -545px -49px;} .nav-news-click {background:url(../images/mainNavBg.png) no-repeat -545px -98px;} /* --------- Main Content --------- */ .mainContent {padding:30px 20px 30px 55px;} .content {width:620px; padding-top:18px;} .content h1{color:#2c215b; font-size:22pt;} .content h2{color:#b1072c; font-size:11pt; margin:2px 0 20px;} .content ul{font-size:13px; line-height:23px; margin:0 0 30px 20px; font-style:italic;} .content table {margin-top:15px;} .addressBox {float:right; text-align:right;} #quickLinks {width:210px; height:339px; font-family:Helvetica,Arial,sans-serif; margin-bottom:40px; position:relative; float:right; background:url(../images/quickLinks1.png) repeat-y; z-index:10;} #quickLinks ul {list-style:none; margin:13px 0 0 9px;} #quickLinks li {margin-top:2px;} #quickLinks a {display:block; height:24px; color:#2c215b; font-weight:bold; font-size:9pt; text-decoration:none; line-height:24px; text-indent:12px;} #quickLinks a:hover {background:url(../images/quickLinks2.png) no-repeat; color:#fefaf3;} .member-table td {vertical-align:top; padding:10px;} .member-table td {line-height:16px; font-size:13px;} .member-table td+td+td {text-align:right;} .member-table p {font-size:.9em; margin-bottom:0;} .sponsor-table td {padding:10px;} .sponsor-table td+td {padding:0;} /* --------- Footer Styles --------- */ .footer {width:860px; height:49px; margin:0 auto; padding:0 20px; color:#63666a; line-height:49px; font-size:8pt; letter-spacing:0.02em; background:url(../images/footerBg.png) no-repeat; clear:both;} .footer a {color:#a5213a;} .footer .right {float:right;} /* --------- 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 {line-height:15px; font-size:13px;} td.rowContent {padding:13px; line-height:16px; font-size:13px;} td.rowContent3 {padding:5px; line-height:24px; vertical-align:middle;} td.rowContent4 {padding:5px; line-height:24px; vertical-align:top;} .alternateRow td {background:url(../images/rowBg1.png); overflow:hidden; border-top:#bab6c1 solid 1px; border-bottom:#bab6c1 solid 1px;} #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:220px; font-size:11px; padding:7px 5px; margin-bottom:10px; background:url(../images/rowBg1.png); border:solid 1px #bab6c1;} #message, #item_name { width:350px; height:100px; padding:5px; margin-bottom:10px; background:url(../images/rowBg1.png); border:solid 1px #bab6c1; color: #2C215B; font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode, sans-serif"; font-size: 11px; }