* {margin:0; padding:0;} body { height:100%; display:block;} a {text-decoration:none;} #imageBG { background:url(../../Media/Images/BGNew.jpg) no-repeat #abafbb top center; width: 100%; position: absolute; top: 0; left: 0; z-index: -1; } #container {margin: 0 auto; text-align:center; width:850px;} /*HEADER STYLES BEGIN*/ #header {width: 850px; margin: 0 auto;} #header #logo {float:left; margin-top:40px;} #header #menu {background:url(../../Media/Images/headerBGNew.png) top left; width:528px; height:87px; float:right; margin-top:40px;} #header #menu #menuitems {padding: 25px 0px 0px 55px;} #header #menu .menuDivider {padding: 0px 10px 0px 10px; float:left;} a#menuHome {width:38px; height:11px; background:url(../../Media/Images/menuHome.png) bottom left no-repeat; float:left;} a#menuHome:hover {width:38px; height:11px; background:url(../../Media/Images/menuHome.png) top left no-repeat; float:left;} a#menuWhy {width:200px; height:11px; background:url(../../Media/Images/menuWhy.png) bottom left no-repeat; float:left;} a#menuWhy:hover {width:200px; height:11px; background:url(../../Media/Images/menuWhy.png) top left no-repeat; float:left;} a#menuStop {width:135px; height:11px; background:url(../../Media/Images/menuStop.png) bottom left no-repeat; float:left;} a#menuStop:hover {width:135px; height:11px; background:url(../../Media/Images/menuStop.png) top left no-repeat; float:left;} a#menuHow {width:170px; height:11px; margin-left: 30px; background:url(../../Media/Images/menuHow.png) bottom left no-repeat; float:left;} a#menuHow:hover {width:170px; height:11px; margin-left: 30px; background:url(../../Media/Images/menuHow.png) top left no-repeat; float:left;} a#menuFeatures {width:62px; height:11px; background:url(../../Media/Images/menuFeatures.png) bottom left no-repeat; float:left;} a#menuFeatures:hover {width:62px; height:11px; background:url(../../Media/Images/menuFeatures.png) top left no-repeat; float:left;} a#menuDonate {width:82px; height:11px; background:url(../../Media/Images/menuDonate.png) bottom left no-repeat; float:left;} a#menuDonate:hover {width:82px; height:11px; background:url(../../Media/Images/menuDonate.png) top left no-repeat; float:left;} /*HEADER STYLES END*/ /*SLIDER STYLES BEGIN*/ #daStuff {position: relative; width:850px; height:450px; text-align:left; margin:-10px 0px 0px 0px; padding-bottom: 10px;} #daStuffTitle {width:137px; height:17px; position:relative; top:430px; left:750px;} #daStuffTitle2 {width:137px; height:17px; position:relative; top:430px; left:740px;} #daStuffTitle3 {width:137px; height:17px; position:relative; top:430px; left:790px;} #daStuff ul.tabs { list-style:none; margin:0px 0px 2px 0px !important; padding:0; height:20px; width:850px; float:left;} #daStuff ul.tabs li { float:left; text-indent:0; padding:0; margin:0 !important; list-style-image:none !important; } #daStuff ul.tabs a { background: url(../../Media/Images/tabs.png) no-repeat -420px 0; font-size:11px; display:block; height: 20px; line-height:20px; width: 134px; text-align:center; text-decoration:none; color:#333; padding:0px; margin:0px; position:relative; top:1px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; color:#FFFFFF; } #o ul.tabs a:active {outline:none;} #daStuff ul.tabs a:hover {background-position: -420px -31px; color:#fff;} #daStuff ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a { background-position: -420px -62px; cursor:default !important; color:#000 !important;} #daStuff ul.tabs a.s { background-position: -553px 0; width:81px; } #daStuff ul.tabs a.s:hover { background-position: -553px -31px; } #daStuff ul.tabs a.s.current { background-position: -553px -62px; } #daStuff div.panes div.pane { display:none; padding:10px 10px; border-top:0; height:450px; width:830px; font-size:14px; background:url(../../Media/Images/BGvideobit.png);} #slideshowCategories {color:#FFFFFF; font-size:9pt; width:130px; float:left; margin-left:20px;} #slideshowCategories a, #slideshowCategories a:visited {color:#9accfb; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:9pt;} #slideshowCategories a:hover {color:#83b0da;} #WriteNowText {color:#FFFFFF; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:10pt; padding: 20px 30px 0px 30px;} a#WriteNow {background:url(../../Media/Images/WriteNow.png) top left; width:400px; height:240px; display:block;} a#WriteNow:hover {background:url(../../Media/Images/WriteNow_dn.png) top left; width:400px; height:240px; display:block;} #SlideshowFrame {width:500px; float:left; margin-top:-10px;} .gallerytext {padding:10px; border: 1px #fff solid; margin:10px 0px 10px 0px; text-align:center; width:120px;} a#slideProtest {background: url(../../Media/Images/SlideProtest.png) bottom left no-repeat;width:130px; height:32px; display:block; margin:5px 0px 5px 0px;} a#slideProtest:hover {background: url(../../Media/Images/SlideProtest.png) top left no-repeat;width:130px; height:32px; display:block; margin:5px 0px 5px 0px;} a#slideYouth {background: url(../../Media/Images/SlideYouth.png) bottom left no-repeat;width:130px; height:32px; display:block; margin:5px 0px 5px 0px;} a#slideYouth:hover {background: url(../../Media/Images/SlideYouth.png) top left no-repeat;width:130px; height:32px; display:block; margin:5px 0px 5px 0px;} a#slideCeleb {background: url(../../Media/Images/SlideCeleb.png) bottom left no-repeat;width:130px; height:32px; display:block; margin:5px 0px 5px 0px;} a#slideCeleb:hover {background: url(../../Media/Images/SlideCeleb.png) top left no-repeat;width:130px; height:32px; margin:5px 0px 5px 0px;} a#slideInternat {background: url(../../Media/Images/SlideInternat.png) bottom left no-repeat;width:130px; height:32px; display:block; margin:5px 0px 5px 0px;} a#slideInternat:hover {background: url(../../Media/Images/SlideInternat.png) top left no-repeat;width:130px; height:32px; display:block; margin:5px 0px 5px 0px;} /*SLIDER STYLES END*/ /*VIDEO STYLES BEGIN*/ #videoThumbs {width:250px; height:80px; background-color:#7b8d9e; margin: 10px 0px 18px 510px;} #videoThumbs img{float:left; margin: 10px;} .videoText {padding: 10px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; text-transform:uppercase; font-size: 8pt;} #daVideo {width:510px; height:410px; float:left;} /*VIDEO STYLES END*/ /*FORM ON ACT TAB*/ #Alertform {font-family:Arial, Helvetica, sans-serif; font-size: 10pt; color:#fff; padding: 15px; line-height:14pt;} #column1 {width: 400px; float:left; margin-left:0px;} #column2 {width: 360px; float:left;} /*FORM ON ACT TAB ENDS*/ /*FEATURE STYLES BEGIN*/ #features {width:850px; height:161px; background:url(../../Media/Images/BGfeaturesbit.png); margin-top: 50px;} a#featureCeleb {width:197px; height:139px; background:url(../../Media/Images/featureCeleb.png) bottom left no-repeat; margin:10px 0px 0px 15px; float:left; display:block;} a#featureCeleb:hover {width:197px; height:139px; background:url(../../Media/Images/featureCeleb.png) top left no-repeat; margin:10px 0px 0px 15px; float:left; display:block;} a#featureEcard {width:197px; height:139px; background:url(../../Media/Images/featureEcard.png) bottom left no-repeat; margin:10px 0px 0px 10px; float:left; display:block;} a#featureEcard:hover {width:197px; height:139px; background:url(../../Media/Images/featureEcard.png) top left no-repeat; margin:10px 0px 0px 10px; float:left; display:block;} a#featureFacebook {width:197px; height:139px; background:url(../../Media/Images/featureFacebook.png) bottom left no-repeat; margin:10px 0px 0px 10px; float:left; display:block;} a#featureFacebook:hover {width:197px; height:139px; background:url(../../Media/Images/featureFacebook.png) top left no-repeat; margin:10px 0px 0px 10px; float:left; display:block;} a#featureSlalom {width:197px; height:139px; background:url(../../Media/Images/featureSlalom.png) bottom left no-repeat; margin:10px 0px 0px 10px; float:left; display:block;} a#featureSlalom:hover {width:197px; height:139px; background:url(../../Media/Images/featureSlalom.png) top left no-repeat; margin:10px 0px 0px 10px; float:left; display:block;} a#featureCanadasWar {width:197px; height:139px; background:url(../../Media/Images/featureCanadasWar.png) bottom left no-repeat; margin:10px 0px 0px 10px; float:left; display:block;} a#featureCanadasWar:hover {width:197px; height:139px; background:url(../../Media/Images/featureCanadasWar.png) top left no-repeat; margin:10px 0px 0px 10px; float:left; display:block;} /*FEATURE STYLES END*/ /*BOTTOM STYLES BEGIN*/ #bottom {width:850px; height:210px; background:url(../../Media/Images/bottomBG.png) repeat-x; margin-top:10px;} #share {width:60px; height:180px; margin: 0px 0px 0px 5px; padding-top:10px; float:left;} #share img {margin-bottom:5px;} #celebrity {width:262px; height:186px; float:left; margin:10px 0px 0px 10px; border:1px #ffffff solid;} #merch {width:227px; height:186px; float:left; margin:10px 0px 0px 10px; border:1px #ffffff solid;} #latest {width:316px; height:186px; float:left; margin:10px 0px 0px 10px; background:url(../../Media/Images/CampaignUpdates.png) no-repeat;} #latest ul {text-align:left; padding: 10px 7px 0px 25px; line-height:10pt; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:9pt;} #latest li {padding-bottom:5px;} #latest li a, #latest li a:visited {color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; line-height:13pt; font-size:11pt; text-decoration:none;} #latest li a:hover {color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; line-height:13pt; font-size:11pt; text-decoration:underline;} #morelatest {width:75px; height:20px; position:relative; top:5px; left:230px;} /*BOTTOM STYLES END*/ /*FOOTER STYLES BEGIN*/ #footer {width:850px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:7pt; text-transform:uppercase; text-decoration:none; color:#32465c; margin-top::10px;} #footer a, #footer a:visited {font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:7pt; text-transform:uppercase; text-decoration:none; color:#32465c; padding: 0px 3px 0px 3px;} #footer .icon {padding:0px;} #footer a:hover {color:#111f2e;} #footerleft {width: 400px; float:left;} #footerright {width: 400px; float:right; text-align:left;} /*FOOTER STYLES ENDS*/ /*INTERIOR PAGE STYLES*/ #mainContent{width:850px; height:100%; background:url(../../Media/Images/BGfeaturesbit.png); margin-top:10px;} #mainContent p {padding: 10px; text-align:left; font-size:9pt; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; line-height:14pt; background:url(../../Media/Images/pBG.png);} #mainContent p a, #mainContent p a:visited {color:#9accfb; text-decoration:none;} #mainContent p a:hover {color:#83b0da; text-decoration:none;} #mainContent h1 {padding: 10px; text-align:left; font-size:14pt; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase;} #mainContent h2 {padding: 10px; text-align:left; font-size:11pt; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase;} #mainContent ol, #mainContent ul {padding: 10px 10px 10px 30px; text-align:left; font-size:9pt; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; line-height:14pt; background:url(../../Media/Images/pBG.png);} #mainContent li a, #mainContent li a:visited {color:#9accfb; text-decoration:none;} #mainContent li a:hover {color:#83b0da; text-decoration:none;} /*WHY SLIDESHOW*/ #slideshow {float:right; width:310px; height:400px; background:#000 no-repeat; margin:10px 10px 0 20px; border: 1px solid #999;} #slide {width: 310px; margin: 25px auto 0; color: #3ca1ca;} #slide p {background:#000;} /* slideshow function button style: */ #slideshowFunctionButtons {margin:0; padding: 0.5em 0 0 0;} #slideshowFunctionButtons a img {filter: alpha(opacity=50); opacity: 0.50; -moz-opacity: 0.50;} #slideshowFunctionButtons a:hover img {filter: alpha(opacity=100); opacity: 1.00; -moz-opacity: 1.00;} /*WHY SLIDESHOW ENDS*/ /*CELEB PAGE*/ #Celeb {} #CelebImage {width:300px; height:300px; float:left; border: 1px solid #fff;} #CelebDesc {width:350px; float:right;} #CelebDesc p {font-size:9pt;} /*CELEB PAGE ENDS*/ /*ECARD PAGES*/ #EcardButton {float:left; width:300px; height:195px; margin: 10px 20px 10px 65px;} a#ecardStop {background:url(../../Media/Images/ecardStop.png) top left no-repeat; width:320px; height:215px; display:block; overflow:hidden;} a#ecardStop:hover {background:url(../../Media/Images/ecardStop.png) bottom left no-repeat; width:320px; height:215px; display:block; overflow:hidden;} a#ecardBloody {background:url(../../Media/Images/ecardBloody.png) top left no-repeat; width:320px; height:215px; display:block; overflow:hidden;} a#ecardBloody:hover {background:url(../../Media/Images/ecardBloody.png) bottom left no-repeat; width:320px; height:215px; display:block; overflow:hidden;} a#ecardSlalom {background:url(../../Media/Images/ecardSlalom.png) top left no-repeat; width:320px; height:215px; display:block; overflow:hidden;} a#ecardSlalom:hover {background:url(../../Media/Images/ecardSlalom.png) bottom left no-repeat; width:320px; height:215px; display:block; overflow:hidden;} a.link, a.link:visited {color:#9accfb; text-decoration:none;} a.link:hover {color:#83b0da; text-decoration:none;} /*ECARD PAGES ENDS*/ /*FORM SYTLES*/ .formbuilder {color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:9pt; text-decoration:none;} .formbuilder input, .formbuilder option, .formbuilder textarea {color:#000;} #form {background:url(../../Media/Images/pBG.png); padding: 0px 10px 0px 10px;} .formbuilder a, .formbuilder a:visited {color:#9accfb; text-decoration:none;} .formbuilder a:hover {color:#83b0da; text-decoration:none;} .Smaller {font-size:60%;} /*FORM STYLE ENDS*/ /*HOW and DEMO STYLES*/ .square {width: 400px; height:250px; display:block; float:left; text-align:left; font-size:9pt; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; line-height:14pt;background:url(../../Media/Images/pBG.png); margin: 0px 0px 15px 15px;} .StopTitle {font-size:14pt; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-weight:bold;} #stopContent{width:850px; height:100%; background:url(../../Media/Images/BGfeaturesbit.png); margin-top:10px;} #stopContent p {padding: 10px; text-align:left; font-size:10pt; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; line-height:14pt; background:url(../../Media/Images/pBG.png);} #stopContent p a, #stopContent p a:visited {color:#9accfb; text-decoration:none;} #stopContent p a:hover {color:#83b0da; text-decoration:none;} #stopContent h1 {padding: 10px; text-align:left; font-size:14pt; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase;} #stopContent h2 {padding: 10px; text-align:left; font-size:11pt; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase;} #stopContent ol, #stopContent ul {padding: 10px 10px 10px 30px; text-align:left; font-size:9pt; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; line-height:14pt;} #stopContent li a, #stopContent li a:visited {color:#9accfb; text-decoration:none;} #stopContent li a:hover {color:#83b0da; text-decoration:none;} a.HowButton1 {width:395px; border:1px #aabad4 solid; float:right; margin-right:10px; margin-bottom:5px; padding:10px; font-size:16px; text-align:center; text-transform:uppercase; color:#aabad4; font-family:Arial, Helvetica, sans-serif; background:url(../../Media/Images/pBG.png);} a.HowButton1:hover {width:395px; border:1px #fff solid; float:right; margin-right:10px; margin-bottom:5px; padding:10px; font-size:16px; text-align:center; text-transform:uppercase; color:#fff; font-family:Arial, Helvetica, sans-serif; background:url(../../Media/Images/pBG.png);} /*HOW and DEMO STYLES END*/ /*INTERIOR PAGE STYLES END/*