/* CSS Document */ /* Normalizes margin, padding, remove list style --------------------------------------------------*/ html, body, h1, h2, h3, h4, h5, h6, li, ol, ul, form, fieldset, input, p, blockquote, em, strong {margin: 0px; padding: 0px;} img, img a {border:none; padding:0px; margin:0px;} body {position:inherit; z-index:1; height:100%; min-width: 740px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; background:url(../images/bkg_pawleft.gif) repeat-y;} html {height:100%;} /* General classes --------------------------------------------------*/ .left {float:left;} .right {float:right;} .left_percent {float:left; width:47%; margin:0px; padding:0px;} .right_percent {float:right; width: 47%; margin:0px; padding:0px;} .break {clear:both; height:0px; width:0px;} .thirds_left, .thirds_right, .thirds_middle {width:32%; float:left;} form {padding:0px; margin:0px;} input, select, textarea {font-family:Arial, Helvetica, sans-serif; font-size:11px;} /* Containers --------------------------------------------------*/ #pg_holder {} * html #pg_holder {height:auto;} #left_column {width:161px; position:absolute; z-index:100; left:0px; top:0px; max-width:161px; float:left; margin:0px; padding:0px; background:url(../images/bkg_hm_nav.gif) repeat-x #eae2d3;} *html #left_column {height:auto;} #left_column ol {list-style:none; list-style-image:none; padding:0px 0px 0px 1px; margin:0px;} #left_column li {list-style:none; list-style-image:none; padding:0px; margin:0px;} #right_column {position:absolute; left:161px; top:0px; bottom:30px; z-index:100; float:none; padding:0px;} *html #right_column {height:auto;} #left_container {width:161px; margin:0px; padding:0px; background:url(../images/bkg_pawleft.gif) repeat-y;} #left_container p {font-size:11px; margin:0px 11px 0px 20px; width:125px;} #left_container hr {width:125px; margin:0 auto;} #left_container img {margin:0px 11px 0px 20px;} /* Navigation Main --------------------------------------------------*/ #logo, #logo a {width:161px; height:142px; display:block; margin:0px; padding:0px;} #logo a {background:url(../images/transparent.gif) no-repeat;} #logo h1, #logo h2, #logo span {display:none;} #navigation_container {position:relative; left:20px; width:131px; padding:5px 10px 0px 20px; font-weight:bold; font-size:11px;} #navigation_container li {border-bottom:#eee4d4 solid 1px; clear:both; padding:5px 0px;} #navigation_container a:link, #navigation_container a:visited {color:#000; font-size:11px; text-decoration:none;} #navigation_container a:hover, #navigation_container a:active {color:#000; text-decoration:underline;} /* Navigation Sub --------------------------------------------------*/ .subnav_holder {width:131px; border-top: #c49e96 solid 2px; border-bottom: #c49e96 solid 1px; padding:3px 0px;} .subnav_holder p {padding:3px 5px 0px 15px; font-size:11px;} #navigation_container .subnav_holder a:link, #navigation_container .subnav_holder a:visited{color:#781026; text-decoration:none; font-weight:bold;} #navigation_container .subnav_holder a:hover, #navigation_container .subnav_holder a:active{color:#781026; text-decoration:underline;} .tertiary_holder {padding: 3px 5px 0px 15px; color:#780126} .tertiary_holder p {padding:3px 0px 0px 10px; font-weight:normal;} #navigation_container .subnav_holder .tertiary_holder a:link, #navigation_container .subnav_holder .tertiary_holder a:visited{color:#781026; text-decoration:none; font-weight:normal;} #navigation_container .subnav_holder .tertiary_holder a:hover, #navigation_container .subnav_holder .tertiary_holder a:active{color:#781026; text-decoration:underline;} /* Branding --------------------------------------------------*/ #header_container {height:35px; position:relative; top:0px; font-size:11px; padding:0px; margin:0px; background:url(../images/bkg_header.gif);} #header_container img {position:absolute; left:0px;} #header_container h2 {display:none;} #header_search_holder {float:right; padding:0px 10px 0px 0px;} #header_container a:link, #header_container a:visited {color:#FFF; background:none; font-size:11px; font-weight:bold; text-decoration:none;} #header_container a:hover, #header_container a:active {color:#FFF; text-decoration:underline;} #header_container p {font-size:11px; color:#FFF; font-weight:bold; text-align:right; padding:10px 5px 10px 15px;} #input_box {font-size: 11px; font-weight: normal; margin:7px 0px 10px 5px; padding:0px;} /* INSIDE PAGES --------------------------------------------------*/ /* Left Hand Column --------------------------------------------------*/ #donate_container {width:129px; height:91px; padding:10px 11px 0px 20px; margin:0px; background:url(../images/bkg_donate.gif) repeat-x;} #donate, #donate a {width:129px; height:71px; display:block; margin:0px; padding:0px;} #donate a {background:url(../images/btn_donate.gif) no-repeat;} #donate span {display:none;} #mailing_container {width:131px; height:100%; overflow:inherit; float:left; padding:20px 10px 10px 20px; margin:0px; background:url(../images/bkg_mailinglist.gif) #b14f64 no-repeat;} #mailing_container p {font-size:11px; margin:5px 0px;} #mailing_container img {margin:0px;} #mailing_title {width: 122px; height:22px; background:url(../images/txt_mailinglist.gif) no-repeat;} #mailing_title span {display:none;} #mail_box {font-size: 11px; font-weight: normal; margin:0px 5px 0px 0px; padding:0px; width:100px; color:#075991;} #mail_arrow {margin:0px; padding:0px;} /* Page Titles --------------------------------------------------*/ #page_img_container {height:113px; position:relative; left:0px; right:0px; top:-2px; background:url(../images/bkg_pg_title.gif) repeat-x; margin:0px; padding:0px;} *html #page_img_container {height:113px; position:relative; left:0px; right:0px; top:-2px; background:url(../images/bkg_pg_title.gif) repeat-x; margin:0px; padding:0px;} #page_img_container img {float:right;} #breadcrumbs_container {margin:0px; padding:5px 20px; background-color:#DCE3F2; border-bottom:#DCE3F2 1px solid; border-top:#DCE3F2 1px solid; font-size:11px;} #breadcrumbs_container a:link, #breadcrumbs_container a:visited{color:#000; text-decoration:none;} #breadcrumbs_container a:hover, #breadcrumbs_container a:active {color:#000; text-decoration:underline;} /* Inside Content --------------------------------------------------*/ #content_container {padding:10px 20px;} #content_container img {border:#2B54A3 1px solid; margin:5px; padding:0px;} #content_container ul {margin: 5px 0px 5px 5px;} #content_container li {padding: 2px 0px 2px 0px; list-style:url(../images/bullet_bluedot.gif);} #content_container #searchresults a:link, #content_container #searchresults a:visited, #content_container #searchresults a:active{color:#000; text-decoration:none;} #content_container #searchresults a:hover{color:#961F38; text-decoration:underline;} .columns2_container {width:70%; margin:0 auto; padding:0px;} .columns2_container ul {float:left; width:47%; list-style:url(../images/bullet_bluedot.gif);} .columns2_container li {list-style:url(../images/bullet_bluedot.gif);} .img_container_right {float:right; text-align:center; font-weight:normal; margin:10px 0px 10px 10px;} .img_container_right p {width:250px; margin:0px 60px;} .img_container_center {margin:0 auto; width:500px; text-align:center; font-weight:bold;} #pagination_container {float:right; padding:5px; margin:0px; font-size:11px;} #pagination_container a {color:#2B54A3;} /* Login --------------------------------------------------*/ #login_container {width:574px; margin:0 auto; padding:0px; position:relative;} #login_container form {margin:0px; padding:0px} #login_container h6 {margin: 15px 0px 0px 13px;} #login_container img {border:0;} .login_box {width:252px; height:115px; margin: 0px; padding:15px; background:url(../images/bkg_bwn_box.gif) repeat-x; background-color:#F0ECE3; border-bottom:#D5CBBA 1px solid; border-top:#D5CBBA 1px solid;} #login_fields_container {width: 100%; margin:0px; padding: 0px;} .login_fields_left {float:left; width:100px; margin:0px; padding:0px;} .login_fields_right {float:left; margin:0px; padding:0px;} .login_fields_right input {width: 135px;} .login_btn_login {position:relative; margin:0px 0px 5px 0px; padding:0px 0px 10px 180px; top:10px; right:auto;} .login_btn_cont {position:relative; margin:0px 0px 5px 0px; padding:0px 0px 10px 170px; top:20px; right:auto;} /* Shopping Cart --------------------------------------------------*/ #shop_container {width:570px; margin:0 auto; padding:0px;} #shop_container h3 {padding:0px 0px 5px 0px;} #shop_container img, #shop_container img a {border:none} #shop_container ol {padding:0px 0px 0px 0px; margin:0px;} #shop_container ol li {float:left; list-style:none; margin:0px; padding:10px 0px; height:18px; font-size: 18px; color:#961F38;} #shop_container ul {padding:0px 5px 0px 0px; margin:0px; background-color:#ebe3d5;} #shop_container ul li {height:65px; float:left; list-style:none; margin:0px; padding:10px 5px; background-color:#ebe3d5; border-bottom:1px solid #CDC1AC; border-top:1px solid #d5cbba;} #shop_container a:link, #shop_container a:visited {color:#000; font-size:13px; font-weight:bold; text-decoration:none;} #shop_container a:hover, #shop_container a:active {color:#961F38;} #shop_titles_donate, #shop_titles_dates {width:135px;} .shop_checkmark {width:12px; float:left; clear:both;} .shop_price, .shop_dates {width:98px; padding:0px 5px 0px 0px; float:left;} .shop_dates p {font-size:13px; font-weight:bold; padding:0px; margin:0px;} .shop_price span {font-size:20px; padding:0px; margin:0px;} .shop_price input {width:60px; padding:0px; font-size:20px;} #shop_titles_description, #shop_titles_address {width:28%;} .shop_desc {width:147px; padding:0px 10px 0px 0px;} .shop_address {width:150px; padding:0px 5px 0px 0px;} #shop_titles_reoccur {width:30%;} .shop_reoccur_row {width:170px; padding:0px 5px 0px 0px;} .shop_reoccur_row p {float:left; width:160px;} .shop_reoccur_row select {float:left;} #shop_titles_type {width:12%;} .shop_type {width:56px; padding:0px 10px 0px 0px;} #shop_titles_focus {width:25%;} .shop_focus {width:101px; text-align:center; padding:0px 5px 0px 0px;} #shop_titles_total {width:16%; text-align:right;} #shop_titles_total_training {width:10%; text-align:right;} .shop_pricetotal {width:85px; padding:0px; text-align:right; font-size:18px; color:#961F38;} #shop_sub_left {width: 90px; padding: 5px 0px; float:left; font-size:11px; font-weight:bold;} #shop_sub_right {width: 462px;float:right; text-align:right; padding:0px; font-size:20px; font-weight:bold;} #shop_update {width:23%;} #shop_continue {width:52%;} #shop_checkout {width:23%;} /* Photos --------------------------------------------------*/ #photo_container {width:540px; margin:0 auto; padding:0px;} #photo_container ul {clear:right; width:540px} #photo_container li {width: 130px; height:130px; text-align:center; float:left; list-style:none; padding:0px; margin:0px;} #photo_container hr {width:540px;} /*see noahs_popup.css stylesheet popup_container*/ /* Coordinators --------------------------------------------------*/ #coordinator {margin:0px; padding:0px;} #coordinator ol {margin:0px auto; list-style:none; width:600px; background:url(../images/bkg_region.gif) no-repeat; height:100%; overflow:auto;} #coordinator ol li {padding:5px 0px 5px 5px; list-style-image:none; list-style:none; font-size:14px; font-weight:bold; color:#000; float:left; width:170px;} #coordinator ol li ul {margin:5px; padding:0px 0px 0px 3px;} #coordinator ol li ul li {width:120px; padding:2px 5px; list-style-image:url(../images/bullet_dot_brwn.gif); font-size:12px; font-weight:normal; color:#000; float:none;} #coordinator h3 {color:#961F38;} #coordinator h3 a {text-decoration:none;} #coordinator .middle {padding:5px 20px; width:170px;} #coordinator .learn {background:url(../images/bkg_region_btm.gif) no-repeat; width:600px;} #coordinator .learn li {width:170px;} #coordinator .learn img {padding:0px 0px 0px 15px; border:none;} #coordinator .learn .middle {padding:5px 20px; width:150px;} #region, #volunteer {margin:0px; padding:0px;} #region ul, #volunteer ul {margin:5px;} #region li, #volunteer li {padding:5px; list-style-image:url(../images/bullet_paw.gif); font-size:14px; font-weight:bold; color:#000;} .coordinator_profile {margin:0px; padding:10px 0px; border-bottom:1px solid #2B54A3; clear:both; min-height:300px;} *html .coordinator_profile {margin:0px; padding:10px 0px; border-bottom:1px solid #2B54A3; clear:both; height:300px;} .coordinator_profile li {margin:0px 0px 0px 40px;} .coordinator_profile img {float:right; border:#7592cb 1px solid;} /* Volunteer Training --------------------------------------------------*/ .locations {margin:0px; clear:both; padding:10px 0px; border-bottom:1px solid #2B54A3; min-height:120px;} #volunteer .locations input, #volunteer .locations img {float:right; border:none;} .locations li {margin:0px 0px 0px 40px;} .locations li h2 {font-size:16px; font-weight:bold; color:#000;} .locations p {font-size:14px; font-weight:bold; color:#000;} .locations cite {font-style:normal; font-size:12px; font-weight:normal;} .locations_yr {width:275px; height:300px; float:left; padding:0px 10px 10px 10px;} .locations_yr h3 {font-size:83px; color:#e1d3bc; text-align:center} .locations_yr h4 {float:left; width:60px; padding:2px 10px 2px 5px; margin:0px 10px 0px 0px; text-align:right; border-right:1px solid #e1d3bc; font-style:normal; color:#000; font-size:12px; font-weight:normal;} .locations_yr em {float:left; width:160px; padding:2px 5px; color:#000; font-size:12px; font-style:normal;} #quote_locations {width:290px; height:60px; margin:0px 20px 30px 20px; font-size:18px; color:#b5c3df; font-style:italic;} /* Donations --------------------------------------------------*/ #donations {} #donations h2 b, #donations h2 strong {font-size:18px; color:#000; font-weight:normal;} #donations ul {list-style-image:none; margin:0px; padding:0px;} #donations ul li {float:left; padding:0px; margin:0px; font-size:12px; font-weight:normal; list-style-image:none; list-style:none; clear:both;} #donations h2 {clear:both;} #donations li h2 {font-size:18px; color:#000; padding:8px 0px 0px 0px; clear:none} #donations li span {margin:0px; padding:0px; float:left; width:30px; height:20px;} #donations li img {margin:10px 10px 0px 0px; float:left; border:none;} #donations li blockquote {margin:0px 0px 0px 30px;} #donations li input {margin:10px 10px 10px 0px; padding:0px; width:20px; float:left; font-size:18px;} #donations li select {float:left; margin:5px 10px 5px 0px} .donations_imgs {margin:0 auto; text-align:center; font-weight:bold;} .donations_imgs div {height:320px; float:left; margin:0px 15px 10px 0px} #donations #columns2_container {width:500px; margin:0 auto; padding:10px 0px 0px 0px; float:none} #donations #columns2_container input, #donations #columns2_container img{margin:0px 10px; border:none;} /* Training Registration --------------------------------------------------*/ #register ol {list-style:none; margin:0px; padding:0px;} #register ol li {clear:both; list-style:none; margin:10px 0px;} #register ul {list-style:none; list-style-image:none; margin:0px; padding:0px;} #register ul li {clear:both; list-style:none; margin:10px 0px 0px 0px; height:30px; list-style-image:none;} #register ul li ol {float:left; width:270px; height:240px; padding:0px 10px 0px 0px; margin:0px; list-style:none;} #register ul li ol p {float:left; width:120px; text-align:right; padding:0px 5px 0px 0px;} #register ul li ol li {height:30px;} #register ul li ol span {float:none; width:auto;} #register h4 {float:left; width:300px; padding:0px 10px 0px 0px; font-weight:normal; font-size:12px; color:#000;} #register span {color:#F00; float:left; width:8px;} #register img {border:none} #register select {width:120px; font-size:12px;} #register input, #register textarea{width:125px; font-size:12px;} #register .radio_btn h3 {float:left; width:120px; padding:0px 10px 0px 0px; font-weight:normal; font-size:12px; color:#000;} #register .radio_btn input {width:20px;} #register .radio_btn {margin:10px 0px 0px 0px; clear:both;} #register .radio_btn li {list-style:none;} #register .radio_btn .unavailable{color:#999;} #register .radio_btn .process {height:125px;} #register .radio_btn .process2 {height:75px;} #register .radio_btn .process li, #register .radio_btn .process2 li{margin:0px; padding:0px;} #register .radio_btn .process img {border:none; margin:10px 0px 10px 130px;} #register .radio_btn .process input, #register .radio_btn .process2 input{width:auto; margin:10px 0px 10px 130px;} #register blockquote {font-size:16px; font-weight:bold; color:#000; float:left; padding:0px 10px 0px 0px;} #register p cite, #register .radio_btn p cite {color:#961F38; font-style:normal;} #register .radio_btn img {float:left; margin:0px; padding:0px 8px 0px 0px;} #register .radio_btn li {margin:0px;} .submit_btn {width:184px;} #register #personal {height:360px;} #register #emergency {height:240px;} /* Letters --------------------------------------------------*/ #letters {min-height:320px; background:url(../images/bkg_letter_gradient.gif) repeat-x #efe8de; padding:10px 15px 10px 15px; margin:0px 0px 10px 0px;} #letters img {float:right; margin:10px 0px 10px 20px;} #letters_top {background:url(../images/img_letterstamp.jpg) no-repeat top right;} #letters_top img {float:none; border:0px; margin:30px 0px 10px 0px;} #letters_top cite {float:right; padding:20px 100px 0px 0px; font-style:normal;} #letters_btm {height:30px;} #letters_btm img {border:0px; float:none; margin:10px 0px;} /* Text --------------------------------------------------*/ ul {margin: 0px 0px 0px 5px;} li {margin: 2px 0px 2px 5px; list-style:url(../images/bullet_dot.gif);} h1 {font-size: 32px; color:#961F38; padding:10px 20px;} h2 {font-size: 18px; color:#2B54A3; font-weight:normal;} h3 {font-size: 22px; color:#000;} h4, .pageHeading {font-size: 18px; color:#961F38;} h5 {font-size: 16px; color:#000; font-weight: bold;} h6 {font-size: 14px; color:#961F38; font-weight: bold;} .white {color: #FFF;} .red, .inputRequirement {color: #961F38;} .infoBoxNoticeContents, .infoBoxNotice {font-weight:bold; color: #961F38;} .messageStackError {color: #961F38; font-weight:bold;} .blue {color: #2B54A3;} .small {font-size:10px;} .small_11px {font-size:11px;} .small_bld {font-size:10px; padding:2px 0px 0px 0px; font-weight:bold;} .redline {border-bottom:#961F38 1px solid; padding:0px; margin:0px;} .blueline {border-bottom:#CED9EC 1px solid; padding:0px; margin:0px;} .brownline {border-bottom:#9a6946 1px solid; padding:0px; margin:0px;} .search_results_wd {color:#961F38; font-style:italic; font-weight:bold;} .nobr {white-space:nowrap;} /* Tiny MCE Admin styles --------------------------------------------------*/ .first_header {font-size: 18px; color:#2B54A3; font-weight:normal; margin:0px; padding:0px; font-style:normal;} .second_header {font-size: 14px; color:#000; font-weight: bold; margin:0px; padding:0px; font-style:normal;} .third_header {font-size: 12px; color:#961F38; font-weight:bold; margin:0px; padding:0px; font-style:normal;} .quote {font-size:18px; color:#b5c3df; font-weight:normal; margin:0px; padding:0px; font-style:italic;} .regular_style {font-size:12px; color:#000; font-weight:normal; margin:0px; padding:0px; font-style:normal;} /* Text Links --------------------------------------------------*/ a:link, a:visited, a:active {color:#961F38; text-decoration: underline;} a:hover {text-decoration: none;} a.side_txt:link, a.side_txt:visited, a.side_txt:active {color:#781026; font-size:11px; text-decoration: underline;} a.side_txt:hover {color:#781026; text-decoration: none;} a.password:link, a.password:visited {color:#961F38; font-size:11px;} a.password:hover, a.password:active {color:#961F38; text-decoration: none;} /* Footer --------------------------------------------------*/ #site_info {position:fixed; z-index:999; left:0px; right:0px; bottom:0px; height:13px; clear:both; background:url(../images/bkg_footer.gif) repeat-x; font-size:10px; color:#FFF; padding:10px 15px 5px 5px; text-align:right;} * html #site_info { position:absolute; top: expression(document.compatMode=="CSS1Compat"? document.documentElement.scrollTop-28+document.documentElement.clientHeight+"px" : body.scrollTop+50+"px"); background:red; z-index:999; left:0px; right:0px; height:13px; clear:both; background:url(../images/bkg_footer.gif) repeat-x; font-size:10px; color:#FFF; padding:10px 15px 5px 5px; text-align:right; } *html #site_info {position:absolute; z-index:999; width:auto; bottom:0px; height:13px; clear:both; background:url(../images/bkg_footer.gif) repeat-x; font-size:10px; color:#FFF; padding:10px 15px 5px 5px; text-align:right;} #site_info h2 {display:none;} #site_info p {float:right;} #site_info a {color:#FFF;} #backtotop_container {float:left; clear:both; padding:5px 0px; margin:0px 0px 0px 0px; background:url(../images/btn_backtotop.gif) no-repeat;} #backtotop_container p {padding:0px 0px 0px 25px;} #backtotop_container a:link, #backtotop_container a:visited {color:#961F38; font-size:11px; font-weight:bold; text-decoration:none;} #backtotop_container a:hover, #backtotop_container a:active {color:#961F38;} #noahs_bio {clear:both; color:#FFF; font-size:10px;} #myacct_pg img {border:0px;} #myacct_pg h5 {color:#961F38;} #checkout_pg img {border:0px;} #navigation_container li.toggler { border-bottom: 2px solid #C49E96; }