body {width: 760px; min-height: 1px; height: 900px; padding-top: 0px; margin: 0px auto; color: #660000; font-family: Arial; font-size: 12px; background: #ffff00;} .section-header {font-family: Arial; font-size: 15px; font-weight: 800; text-align: left;} #page-wrapper {width: 760px; min-height: 1px; height: 1500px; background: #fafafa;} #page-wrapper-supporters {width: 760px; min-height: 1px; height: 2700px; background: #fafafa;} #page-wrapper-down-n-dirty {width: 760px; min-height: 1px; height: 1600px; background: #fafafa;} #header {width: 760px; height: 155px; padding: 0px; margin: 0px; position: relative; top: 0; left: 0; z-index: 5;} #header img {border: 0px;} #nav {width: 760px; height: 60px; padding: 0px; margin-top: -11px; position: relative; top: 0; left: 0; z-index: 10; background: url(nav-background2.gif) top left no-repeat; text-align: left;} #top-nav-bar {float: left; width: 760px; height: 17px; margin: 0px; padding: 0px; background: transparent;} .nav-button1 {float: left; margin:0; margin-top: 5px; padding: 0; display: inline;} #welcome {margin-left: 10px;} #events {margin-left: 23px;} #down-dirty {margin-left: 20px;} #mil-med {margin-left: 20px;} #contact {margin-left: 20px;} #bottom-nav-bar {clear: left; width: 760px; height: 17px; margin: 0px; margin-top: -4px; padding: 0px; background: transparent;} .nav-button2 {float: left; margin:0; margin-top: 17px; padding: 0; display: inline;} #directions {margin-left: 10px;} #photo-gallery {0px; margin-left: 30px;} #supporters {margin-left: 17px;} #rcmp {margin-left: 15px;} #content-wrapper {width: 760px; min-height: 1px; height: 690px; background: #fafafa;} /** CONTENT ON RIGHT SIDE OF PAGE **/ #right-content-wrapper {float: right; width: 250px; height: 690px; min-height: 1px; margin-top: -20px; background: #fafafa; position: relative; top: 0; left:0; z-index: 20;} #right-content-wrapper ul a:link {color: #ff6600; text-decoration: none;} #right-content-wrapper ul a:visited {color: #ff6600; text-decoration: none;} #right-content-wrapper ul a:hover {color: #ff6600; text-decoration: underline;} #right-content-wrapper ul a:active {color: #ff6600; text-decoration: none;} #proceeds-support {width: 250px; height: 141px; background: url(proceeds-support-background.jpg) top left no-repeat;} #omod {float: left; width: 129px; height: 55px; margin-top: 65px; padding-left: 20px;} #omod img {border: 0px;} #ydp {float: left; width: 78px; height: 79px; margin-top: 45px; margin-left: 10px;} #ydp img {border: 0px;} #right-text {clear: left; width: 250px; height: 561px; min-height: 1px; background: transparent;} #right-text p {text-align: left; padding: 0px 15px 0px 25px;} #right-text ul {text-align: left; list-style-type: disc;} #right-text li {text-align: left; margin-right: 10px;} #right-text p a:link {color: #f60; text-decoration: none;} #right-text p a:visited {color: #f60; text-decoration: none;} #right-text p a:hover {color: #f60; text-decoration: underline;} #right-text p a:active {color: #f60; text-decoration: none;} /** CONTENT ON LEFT SIDE OF PAGE **/ /***** Index *****/ #left-content-wrapper {float: left; width: 510px; background: #fafafa; height: 655px; min-height: 1px; padding-top: 40px; position: relative; top: 0; left: 0; z-index: 20;} #features-wrapper {width: 490px; height: 218px; margin-left: 20px; background: transparent;} #features-wrapper p a:link {color: #f60; text-decoration: none;} #features-wrapper p a:visited {color: #f60; text-decoration: none;} #features-wrapper p a:hover {color: #f60; text-decoration: underline;} #features-wrapper p a:active {color: #f60; text-decoration: none;} #feature-1 {float: left; width: 144px; height: 218px; background: url(down-dirty-background.gif) top left no-repeat;} .feature-para {margin-top: 120px;} .feature-para-title {font-weight: 800; font-size: 11px; font-family: Arial; text-align: left; text-decoration: underline; margin-left: 5px; margin-bottom: 15px;} .feature-para-text {font-family: Arial; font-size: 10px; text-align: left; margin-left: 5px; margin-right: 5px; margin-top: -5px;} #feature-2 {float: left; width: 144px; height: 218px; background: url(mil-med-background.gif) top left no-repeat; margin-left: 22px;} #feature-3 {float: left; width: 144px; height: 218px; background: url(photo-gallery-background.gif) top left no-repeat; margin-left: 22px;} #special-event {float: left; width: 477px; height: 309px; background: url(special-event-background.gif) top left no-repeat; margin-top: 30px;} #special-event-left {float: left; width: 263px; height: 255px; margin-top: 50px; position: relative; top: 0px; left: 10px;} #disclaimer {clear: left; font-family: Arial; font-size: 9px; text-align: left; margin-top: 0px; margin-left: 15px;} #special-event-right-text {float: left; width: 200px; height: 255px; background: transparent; margin:0; margin-top: 50px; padding: 0; position: relative; top: 0px; left: 15px;} #special-event-right-text p {margin: 0px; margin: 8px 10px 0 8px; padding: 0px; text-align: left;} #special-event-right-text p a:link {color: #f60; text-decoration: none;} #special-event-right-text p a:visited {color: #f60; text-decoration: none;} #special-event-right-text p a:hover {color: #f60; text-decoration: underline;} #special-event-right-text p a:active {color: #f60; text-decoration: none;} #special-event-right-text p.heading {font-weight: 800;} /***** Events *****/ #events-wrapper {float: left; width: 477px; height: 309px; background: url(events-background.gif) top left no-repeat; margin-top: 30px;} /***** Down 'n' Dirty *****/ #down-n-dirty-wrapper-1 {float: left; width: 477px; height: 309px; background: url(down-n-dirty-background.gif) top left no-repeat; margin-top: 30px;} #down-n-dirty-1 {float: left; position: relative; top: 70px; left: 20px;} #down-n-dirty-1 img {float: left; margin: 0; padding: 0;} #down-n-dirty-wrapper-2 {float: left; width: 477px; height: 309px; background: url(down-n-dirty-background.gif) top left no-repeat; margin-top: 30px;} #down-n-dirty-2 {float: left; position: relative; top: 70px; left: 40px;} #down-n-dirty-2 img {float: left; margin: 0; padding: 0;} #down-n-dirty-1 .image-left, #down-n-dirty-2 .image-left {margin-right: 3px;} /***** Military Media *****/ #military-media-wrapper {float: left; width: 477px; height: 309px; background: url(military-media-background.gif) top left no-repeat; margin-top: 30px;} #military-media img {margin: 60px 0 0 0;} /***** Contact *****/ #contact-info-wrapper {float: left; width: 477px; height: 309px; background: url(contact-us-background.gif) top left no-repeat; margin-top: 30px;} #contact-info-wrapper p {margin: 0px; margin: 75px 20px 0 20px; padding: 0px; text-align: left;} #contact-info-wrapper p a:link {color: #f60; text-decoration: none;} #contact-info-wrapper p a:visited {color: #f60; text-decoration: none;} #contact-info-wrapper p a:hover {color: #f60; text-decoration: underline;} #contact-info-wrapper p a:active {color: #f60; text-decoration: none;} #contact-info-wrapper span {font-weight: 800;} /***** Directions *****/ #directions-info-wrapper {float: left; width: 477px; height: 309px; background: url(directions-background.gif) top left no-repeat; margin-top: 30px;} #directions-info-wrapper img {margin: 45px 0 0 2px;} /***** Photo Gallery *****/ #photo-gallery-wrapper {float: left; width: 477px; height: 309px; margin-top: 30px;} #photo-gallery-wrapper div p {text-align: center; margin-top: 10px; margin-bottom: 5px; line-height: 12px; width: 122px;} .image-wrapper {height: 125px;} #photo-gallery #image-1-wrapper {float: left; background: transparent; margin-top: 50px; margin-left: 5px;} #photo-gallery #image-2-wrapper {float: left; background: transparent; margin-top: 50px; margin-left: 20px;} #photo-gallery #image-3-wrapper {float: left; background: transparent; margin-top: 50px; margin-left: 20px;} #photo-gallery #image-4-wrapper {clear: left; float: left; background: transparent; margin-top: 15px; margin-left: 5px;} #photo-gallery #image-5-wrapper {float: left; background: transparent; margin-top: 15px; margin-left: 20px;} #photo-gallery #image-6-wrapper {float: left; background: transparent; margin-top: 15px; margin-left: 20px;} /***** Supporters *****/ #premier-supporter img, #sun-supporters img, #moon-supporters img, #starburst-supporters img, #volunteer-supporters img, #media-supporters img, #shooting-stars-supporters img, #moon-beam-supporters img {behavior: url(iepngfix.htc); float: left; border: 0px; margin: 0; padding: 0;} #premier-supporter-wrapper {float: left; width: 477px; height: 309px; background: url(premier-supporter-background.gif) top left no-repeat; margin-top: 30px;} #premier-supporter #great-west-life {float: left; margin-left:25px; margin-top: 80px;} #sun-supporters-wrapper {float: left; width: 477px; height: 309px; background: url(sun-supporters-background.gif) top left no-repeat; margin-top: 30px;} #sun-supporters #kingston-city {float: left; margin-left:15px; margin-top: 40px;} #sun-supporters #jensen {float: left; margin-left: 15px; margin-top: 45px;} #sun-supporters #asu-kingston {float: left; margin-left: 40px; margin-top: 50px;} #sun-supporters #fire-rescue {clear: left; float: left; margin-left: 10px; margin-top: -10px;} #sun-supporters #rbc {float: left; margin-left: 25px; margin-top: -55px;} #sun-supporters #mulrooney {float: left; margin-left: 15px; margin-top: -35px;} #sun-supporters #paramed {float: left; margin-left: 25px; margin-top: 15px;} #sun-supporters #kingston-police {float: left; margin-left: 10px; margin-top: -85px;} #moon-supporters-wrapper {float: left; width: 477px; height: 309px; background: url(moon-supporters-background.gif) top left no-repeat; margin-top: 30px;} #moon-supporters #bell {float: left; margin-left: 20px; margin-top: 40px;} #moon-supporters #kingston-par {float: left; margin-left: 10px; margin-top: 60px;} #moon-supporters #shoppers {float: left; margin-left: 10px; margin-top: 50px;} #moon-supporters #par-t {float: left; margin-left: 10px; margin-top: 30px;} #moon-supporters #empire {clear: left; float: left; margin-left: 20px; margin-top: -60px;} #moon-supporters #braebury {float: left; margin-left: 120px; margin-top: -45px;} #moon-supporters #homestead {float: left; margin-left: 240px; margin-top: -120px;} #moon-supporters #travel {clear: left; float: left; margin-left: 20px; margin-top: -20px;} #moon-supporters #westbrook {float: left; margin-left: 130px; margin-top: -75px;} #moon-supporters #rogers-towing {clear: left; float: left; margin-left: 10px; margin-top: 10px;} #moon-supporters #alliance {clear: left; float: left; margin-left: 125px; margin-top: -100px;} #moon-supporters #country {clear: left; float: left; margin-left: 230px; margin-top: -80px;} #moon-supporters #feed {clear: left; float: left; margin-left: 340px; margin-top: -120px;} #starburst-supporters-wrapper {float: left; width: 477px; height: 309px; background: url(starburst-supporters-background.gif) top left no-repeat; margin-top: 30px;} #starburst-supporters #slc {float: left; margin-left: 30px; margin-top: 60px;} #starburst-supporters #can-tire {float: left; margin-left: 20px; margin-top: 50px;} #starburst-supporters #leons {float: left; margin-left: 20px; margin-top: 110px;} #starburst-supporters #y-service {clear: left; float: left; margin-left: 5px; margin-top: -50px;} #starburst-supporters #charm {clear: left; float: left; margin-left: 285px; margin-top: -70px;} #volunteer-supporters-wrapper {float: left; width: 477px; height: 309px; background: url(volunteer-supporters-background.gif) top left no-repeat; margin-top: 30px;} #volunteer-supporters #kp-volunteers {float: left; margin-left: 70px; margin-top: 50px;} #volunteer-supporters #citivan {float: left; margin-left: 90px; margin-top: 50px;} #volunteer-supporters #fusix {clear: left; float: left; margin-left: 170px; margin-top: 20px;} #media-supporters-wrapper {float: left; width: 477px; height: 309px; background: url(media-supporters-background.gif) top left no-repeat; margin-top: 30px;} #media-supporters #whig {float: left; margin-left: 5px; margin-top: 15px;} #media-supporters #can-tech {float: left; margin-left: 5px; margin-top: 40px;} #media-supporters #cogeco2 {float: left; margin-left: 15px; margin-top: 48px;} #media-supporters #k-rock {float: left; margin-left: 380px; margin-top: -78px;} #media-supporters #bob {clear: left; float: left; margin-left: 10px; margin-top: 15px;} #media-supporters #ckws {clear: left; float: left; margin-left: 80px; margin-top: -90px;} #media-supporters #drive {clear: left; float: left; margin-left: 210px; margin-top: -80px;} #media-supporters #fly {clear: left; float: left; margin-left: 280px; margin-top: -90px;} #media-supporters #lite {clear: left; float: left; margin-left: 380px; margin-top: -90px;} #media-supporters #kix {clear: left; float: left; margin-left: 75px; margin-top: -45px;} #media-supporters #kingston-week {clear: left; float: left; margin-left: 190px; margin-top: -5px;} #media-supporters #fm96 {clear: left; float: left; margin-left: 350px; margin-top: -55px;} #media-supporters #heritage {clear: left; float: left; margin-left: 10px; margin-top: -20px;} #media-supporters #digi {clear: left; float: left; margin-left: 50px; margin-top: 10px;} #media-supporters #lake {clear: left; float: left; margin-left: 280px; margin-top: -60px;} #shooting-stars-supporters-wrapper {float: left; width: 477px; height: 309px; background: url(shooting-star-supporters-background.gif) top left no-repeat; margin-top: 30px;} #shooting-stars-supporters #benson {float: left; margin-left: 10px; margin-top: 60px;} #shooting-stars-supporters #tjv {left; float: left; margin-left: 20px; margin-top: 60px;} #shooting-stars-supporters #oddfellow {float: left; margin-left: 20px; margin-top: 60px;} #shooting-stars-supporters #abramsky {clear: left; float: left; margin-left: 10px; margin-top: 30px;} #shooting-stars-supporters #hydro {float: left; margin-left: 5px; margin-top: 40px;} #shooting-stars-supporters #ny-fries {float: left; margin-left: 5px; margin-top: 40px;} #moon-beam-supporters-wrapper {float: left; width: 477px; height: 309px; background: url(moon-beam-supporters-background.gif) top left no-repeat; margin-top: 30px;} #moon-beam-supporters p {margin-top: 45px; line-height: 20px;}