/* Global Reset */
HTML, BODY, FORM, DIV, SPAN, CITE, P, A, UL, OL, LI, DL, DT, DD, H1, H2, H3, H4, H5, H6, IMG, FORM, FIELDSET, LEGEND, LABEL, INPUT, BUTTON, SELECT, TEXTAREA, EMBED, TABLE TH, TD, OBJECT, EMBED {margin:0px; padding:0px;}
OBJECT, EMBED, IFRAME {float:left;}
DIV IMG {float:left; border:0px; font-size:10px; font-weight:bold;}
DIV A IMG { float: none;} 
DIV.content IMG {float:none;}
HTML {}
BODY {font-family:Arial,Helvetica,sans-serif; font-size:62.5%; line-height:normal; text-align:center; background: url(img/BodyBackGround2.jpg) repeat 0px 0px;}
BODY DIV {text-align:left;}
.hidden {position:absolute !important; left:-9999em !important; top:0px !important;}

/* Site Structure */

DIV.wrap-main {float:left; width:100%; background:url(images/bg_main_repeat.gif) 0 0 repeat-x;}
DIV.sidebar-primary {float:left; width:216px; padding:34px 0 0 0;}
DIV.sidebar-secondary {float:left; width:215px; padding:17px 0 0 19px}
DIV.content-narrow {float:left; width:417px; padding:30px 0;}
DIV.content-wide {float:left; width:633px; padding:30px 0;}
DIV.content-full {float:left; width:849px; padding:30px 0;}

/* Global Typography */
/* Block Level Elements */
H1 {color:#2c6674; font-size:2.8em; padding:0.5em 0 0.5em 0; font-family: Georgia;}
H2 {color:#2c6674; font-size:2.0em; padding:0.3em 0 0; font-family: Georgia;}
H3 {color:#2c6674; font-size:1.7em; font-weight:normal; padding:0.5em 0 0; font-family: Georgia;}
H4 {color:#2c6674; font-size:1.4em; padding:0.4em 0 0; font-family: Georgia;}
H5 {color:#2c6674; font-size:1.2em; padding:0.4em 0 0; font-family: Georgia;}
H6 {color:#2c6674; font-size:1.1em; padding:0.4em 0 0; font-family: Georgia;}
P, LI, DT, DD {color:#464646; font-size:1.2em; line-height:1.4em; padding:0.5em 0;}
P {padding:0 0 0.8em; line-height:1.6em;}
P.large, LI.large {font-size:1.4em;}
UL {padding:0.2em 0 1em 0; list-style:none;}
OL {padding:0.2em 21px 1em 30px;}
UL UL, OL UL {padding:0.5em 0 0 10px;}
OL OL, UL OL {padding:0.5em 0 0 30px;}
UL LI, UL UL LI, UL OL UL LI, OL UL LI {margin:0; padding:0.2em 0 0.2em 17px;}
OL LI, OL OL LI, OL UL OL LI, UL OL LI {margin:0; padding:0.2em 0; background:none !important;}
UL UL LI, UL OL UL LI, OL UL LI, OL OL LI, OL UL OL LI, UL OL LI, TABLE LI {font-size:1.0em !important;}
DL {padding:0 5px 0.5em 14px;}
DL DT {padding:0.2em 0;}
DL DD {padding:0.2em 0 0.2em 20px;}
DL P, DL LI {font-size:1.0em !important;}
HR {height:1px; line-height:1px; color:#464646; background:#464646; border:none;}
/* Table Elements */
TD {color:#464646; font-size:1.0em;}
/* Inline Elements */
A {color:#4d4d4d; text-decoration:underline; outline:none;}
A:hover {text-decoration:none; }
A.top {position:relative; top:-10px;}
/* Form Elements */
FIELDSET {border:none;}
INPUT {color:#333; font-size:1.5em;}
INPUT.txt {padding:5px 0 5px 3px; border:1px #000 solid;}
INPUT.radio {height:15px; border:none;}
INPUT.checkbox {border:none;}
LABEL {color:#333; font-size:1.2em;}
LEGEND {color:#333; font-size:1.2em;}
SELECT {color:#333; font-size:1.2em; border:1px #969696 solid;}
TEXTAREA {color:#333; font-size:1.2em; border:1px #969696 solid; font-family:Arial,Helvetica,Arial,sans-serif;}
/* Accessibility Elements */
ACRONYM, ABBR {border:none;}
ACRONYM[title], ABBR[title] {cursor:help;}
P ABBR[title], P ACRONYM[title], BLOCKQUOTE ABBR[title], BLOCKQUOTE ACRONYM[title], DL ABBR[title], DL ACRONYM[title], CODE ABBR[title], CODE ACRONYM[title] {border-bottom:1px dotted #464646;}
ABBR {speak:normal;}
ACRONYM {speak:spell-out;}


/*Design 1 Front Page */
#WSPAlogobutton {position:absolute; top:74px; right:36px; height:35px; width:423px; background:url(img/wspa-initiative-button.png) right top no-repeat;}
#WSPAlogobutton a {margin-right:48px; height:35px; width:375px; display:block;}
DIV.wrap {width:1030px; margin:auto;}
DIV.main {float:left; width:1030px; padding:0 0 0 0px; border: solid 0px red;}
DIV.TopLogosLinesAndNav {float:left; width:1030px; padding: 157px 0px 0 0px; border: solid 0px red; height: 415px; background: url(img/TopLogosLinesAndNav3.png) no-repeat 0px 0px; position: relative;}
DIV#FlashDonationCounterWrap2 { float: right; margin: -161px 3px 0px 0px; padding: 0px 0px 0px 41px; width: 503px; height: 84px; background: url(img/Design1DonationCounterBG.png) no-repeat 0px 30px;}
A.LogoTopLeft { float: left; width: 330px; height: 137px; margin: -161px 3px 0px 0px;}
A.WSPALogoUnderFlashBanner { float: right; width: 306px; height: 46px; margin: 0px 81px 0px 0px;}
IMG.ContentPageGeneratedHeading { float: left; margin: 36px 0px 0px 50px;}
/*3 Column Outer*/
DIV.WrapThreeColumnContent { width: 100%; float: left; border: solid 0px blue;}
DIV.WrapThreeColumnContent div.ColumnLeft {  display:inline; width: 341px;} 
DIV.WrapThreeColumnContent div.ColumnCenter {  display:inline; width: 304px;}
DIV.WrapThreeColumnContent div.ColumnRight { display:inline; width: 353px;}
DIV.WrapThreeColumnContent div.CommonColumnClass { border: solid 0px green; float: left; }

/*2 Column Outer*/
DIV.WrapTwoColumnContent { width: 100%; float: left; border: solid 0px blue;}
DIV.WrapTwoColumnContent div.ColumnLeft {  width: 644px; float:left;} 
DIV.WrapTwoColumnContent div.ColumnRight { width: 353px; float: left;}



/*Left Column */
DIV.ColumnLeftHead { background: url(img/ColumnLeftHead1.png) no-repeat 0px 0px; width: 341px; float: left; }
DIV.ColumnLeftFoot { background: url(img/ColumnLeftFoot.png) no-repeat 21px 0px; width: 341px; height: 90px; float: left;}
DIV.ColumnLeftContent { padding: 0px 20px 0px 70px; float: left; width: 252px;}
DIV.ColumnLeftContent a,
DIV.ColumnCenterContent a,
DIV.ColumnRightContent a { color: #FFFFFF; text-decoration: underline; }
DIV.ColumnLeftContent a:hover,
DIV.ColumnCenterContent a:hover,
DIV.ColumnRightContent a:hover { color: #FFFFFF; text-decoration: none;}
DIV.ColumnLeftRepeatBG { background: url(img/ColumnLeftRepeatBG.gif) repeat-y 0px 0px; width: 341px; float: left;}

img.imgColumnLeftContentDivider { margin-left: -38px;}
img.imgColumnContentDivider { margin-left: -31px;}
DIV.TwitterHeading { color: White; font-family: Times New Roman; font-size: 1.8em; margin: 0px 0px 10px 0px;}
DIV.ColumnLeftFacebookContentDivider {background: url(img/ColumnLeftFacebookContentDivider.jpg) no-repeat 0px 0px; width: 244px; height: 29px; display: block;}
DIV.ColumnCenterMessagesContentDivider {background: url(img/ColumnCenterMessagesContentDivider.jpg) no-repeat 0px 0px; width: 265px; height: 28px; display: block;}



Table.FaceBookTwitterDG { border: solid 0px black;}
Table.FaceBookTwitterDG tr,Table.FaceBookTwitterDG tr td { border: solid 0px black;}
DIV.ColumnLeftContent h2 { color: White; font-family: Georgia; font-size: 1.8em; width: 292px; height: 36px; background: url(img/ColumnLeftH2BG.jpg) no-repeat 0 0; margin: 8px 0px 0px -21px; padding: 23px 0px 0px  23px;}


/*Center Column */
DIV.ColumnCenterHead { background: url(img/ColumnCenterHead.png) no-repeat 0px 0px; width: 304px; float: left;}
DIV.ColumnCenterFoot { background: url(img/ColumnCenterFoot.png) no-repeat 2px 0px; width: 304px; height: 95px; float: left;}
DIV.ColumnCenterRepeatBG { background: url(img/ColumnCenterRepeatBG.gif) repeat-y 0px 0px; width: 304px; float: left;}
DIV.ColumnCenterContent{ padding: 0px 20px 0px 33px; float: left; width: 252px;}
DIV.ColumnCenterContent h2 { color: White; font-family: Georgia; font-size: 1.8em; width: 292px; height: 36px; background: url(img/ColumnCenterH2BG.jpg) no-repeat 0 0; margin: 8px 0px 0px -21px; padding: 23px 0px 0px  23px;}

/*Right Column */
DIV.ColumnRightHead { background: url(img/ColumnRightHead.png) no-repeat 0px 0px; width: 353px; float: left;}
DIV.ColumnRightFoot { background: url(img/ColumnRightFoot.png) no-repeat 12px 0px; width: 338px; height: 54px; float: left;}
DIV.ColumnRightRepeatBG { background: url(img/ColumnRightRepeatBG.png) repeat-y 0px 0px; width: 353px; float: left;}
DIV.ColumnRightContent { padding: 0px 20px 0px 33px; float: left; width: 252px;}
DIV.ColumnRightContent h2 { color: White; font-family: Georgia; font-size: 1.8em; width: 292px; height: 39px; background: url(img/ColumnRightH2BG.jpg) no-repeat 0 0; margin: 8px 0px 0px -21px; padding: 23px 0px 0px  23px;}

/*Common Column Stuff*/


.imgTheProblem { padding: 0px 0px 0px 60px; }
.imgTheSolution { padding: 0px 0px 8px 20px; }
.imgTheChampion { padding: 0px 0px 1px 20px; }
img.TwitterPic { border: solid 2px white; margin: 0px 15px 0px 0px;}
SPAN.TweetText { color: White;}
SPAN.TwitterName { color: White; font-weight: bold; text-decoration: underline;}
SPAN.FacebookName { color: White; font-weight: bold; text-decoration: underline; }
SPAN.FacebookComment { color: White;}


DIV.PhotoMountSmall { background: url(img/PhotoMountSmall.png) no-repeat 0 0; width: 183px; height: 127px; padding: 5px 0px 0px 5px; }
DIV.PhotoMountLarge { background: url(img/PhotoMountLarge.png) no-repeat 0 0; width: 247px; height: 170px; padding: 5px 0px 0px 5px;}
DIV.SocialBookmarkContainer {background: url(img/SocialBookmarkContainer.png) no-repeat 0 0; width: 183px; height: 43px; margin: 0px 0px 0px 158px; padding: 6px 0px 0px 60px; }
DIV.SocialBookmarkContainerSmall {background: url(img/SocialBookmarkContainerSmall.png) no-repeat 0 0; width: 107px; height: 43px; margin: 0px 0px 0px 197px; padding: 6px 0px 0px 60px; }
DIV.SocialBookmarkContainer img { padding: 0px 10px 0px 0px;}

DIV.ColumnLeftContent p.Italic,
DIV.ColumnCenterContent p.Italic,
DIV.ColumnRightContent p.Italic { font-family: Times New Roman; color: White; font-weight: bold;}

DIV.ColumnLeftContent p.ColumnText,
DIV.ColumnCenterContent p.ColumnText,
DIV.ColumnRightContent p.ColumnText {font-family: Arial; color: White; }

DIV.ColumnLeftContent p.ColumnText a,
DIV.ColumnCenterContent p.ColumnText a,
DIV.ColumnRightContent p.ColumnText a { display: block;  color: White; }


/*Generic Content Page*/
DIV.ContentPaneHead { background: url(img/ContentPaneHead.png) no-repeat 0px 0px; width: 644px; float: left;}
DIV.ContentPaneFoot { background: url(img/ContentPaneFoot.png) no-repeat 28px 0px; width: 644px; height: 137px; float: left;}
DIV.ContentPaneRepeatBG { background: url(img/ContentPaneRepeatBG.png) repeat-y 30px 0px; width: 644px; float: left; margin: 12px 0px 0px 0px;}
DIV.ContentPaneContent { padding: 23px 20px 0px 75px; float: left; width: 549px; position: relative;}
DIV.ContentPaneContent h2 { color: #2e6773; font-family: Georgia; font-size: 1.8em; width: 292px; height: 39px; margin: 8px 0px 0px -21px; padding: 23px 0px 0px  23px;}
DIV.ContentPaneContent p {  font-family: Arial; color: #8b8a8a;}
DIV.ContentPaneContent p.Italic { font-family: Times New Roman; color: #8b8a8a; font-weight: bold; /*font-style: italic;*/}
DIV.ContentPaneContent ul li {list-style-image: url(img/bullet.gif); margin-left: 20px; font-family: Arial; color: #8b8a8a; font-size: 1.0em;}
DIV.ContentPaneContent ol li {list-style-type: decimal; font-family: Arial; color: #8b8a8a;}
DIV.ContentPaneContent DIV.FlashPageContent { padding: 20px 0px 20px 0px;}
DIV.ContentPaneContent DIV.FlashPageContent OBJECT { float: none;}

/*Generic Content Page Wide*/
DIV.ContentPaneWideHead { background: url(img/ContentPaneHeadWide.png) no-repeat 0px 0px; width: 990px; float: left;}
DIV.ContentPaneWideRepeatBG { background: url(img/ContentPaneWideRepeatBG.png) repeat-y 0px 0px; width: 990px; float: left; margin: 12px 0px 0px 0px;}
DIV.ContentPaneWideFoot { background: url(img/ContentPaneWideFoot2.png) no-repeat 0px 0px; width: 999px; height: 137px; float: left;}
DIV.ContentPaneWideContent { padding: 23px 20px 0px 75px; float: left; width: 847px;}
DIV.ContentPaneWideContent h2 { color: #2e6773; font-family: Georgia; font-size: 1.8em; width: 292px; height: 39px; margin: 8px 0px 0px -21px; padding: 23px 0px 0px  23px;}
DIV.ContentPaneWideContent p {  font-family: Arial; color: #8b8a8a;}
DIV.ContentPaneWideContent p.Italic { font-family: Times New Roman; color: #8b8a8a; font-weight: bold; /*font-style: italic;*/}
DIV.ContentPaneWideContent ul li {list-style-image: url(img/bullet.gif); margin-left: 20px; font-family: Arial; color: #8b8a8a; font-size: 1.0em;}
DIV.ContentPaneWideContent ol li {list-style-type: decimal; font-family: Arial; color: #8b8a8a;}
DIV.ContentPaneWideContent DIV.FlashPageContent { padding: 20px 0px 20px 0px;}
DIV.ContentPaneWideContent DIV.FlashPageContent OBJECT { float: none;}
DIV.ContentPaneWideContent H1 { font-size:2.7em; }


DIV.FullWidthWrapThreeColumnContent { width: 100%; float: left; border: solid 0px blue; font-family: Times New Roman; font-size: 1.4em;}
DIV.FullWidthWrapThreeColumnContent DIV.FullWidthColumnLeft {  display:inline; } 
DIV.FullWidthWrapThreeColumnContent DIV.FullWidthColumnCenter {  display:inline; }
DIV.FullWidthWrapThreeColumnContent DIV.FullWidthColumnRight { display:inline; }
DIV.FullWidthWrapThreeColumnContent DIV.CommonColumnClass { border: solid 0px green; float: left; background: url(img/TweetThisBG.png) no-repeat 0px 0px; width: 240px; height: 133px; padding: 20px;}
DIV.FullWidthWrapThreeColumnContent DIV.ButtonWrapper { width: 110px; float: right;}
DIV.FullWidthWrapThreeColumnContent DIV.MsgWrapper { width: 230px; height: 58px; float: left;  }


/*Design 2 Donation Forms*/
.imgTopBannerBuyABrick { float: right; margin: 30px 8px 0px 0px;}
.imgbtnBuyABrick { margin: 30px 0px 0px 20px;}
DIV.wrap2 {width: 950px; margin:auto;}
DIV.main2 {float:left; width: 950px; padding:0 0 0 0px; border: solid 0px red;}
DIV.TopLogosLinesAndNav2 {float:left; width: 950px; padding: 0px 0px 0 0px; border: solid 0px red; height: 98px; background: url(img/Design2HeaderPattern2.png) repeat-x 0px 0px;}
DIV.DonationFormParkBG {width: 950px; height: 620px; background: url(img/DonationFormParkBG.jpg) no-repeat 0px 88px;}
DIV.Design2FooterPattern { padding: 20px 0px 0px 20px; height: 102px; background: url(img/Design2FooterPattern.png) repeat-x 0px 0px;}
DIV.CenterContent {height: 499px; margin: 0px 0px 0px 50px; font-size: 1.2em;}
DIV.CenterContentFlashWall {height: 499px; margin: 0px 0px 0px 0px;}
#flashWall { margin: -10px 0px 0px 0px; z-index: 1;}
DIV#FlashDonationCounterWrapDesign2 {  margin: 0px; float: right; position: relative;}

img.WSPAFooterLogo { float: right; padding: 0px 20px 0px 0px;}
DIV.FooterDiv { display: inline; float: left; height: 74px; }
DIV.FooterDivBorder { border-right: dashed 1px #797979;}
DIV.FooterHeading,DIV.FooterDivBorder h4 { color: #bfba9f; margin: 0px 0px 7px 20px; float: left; font-size: 1.4em; padding: 0px; font-weight: normal; }

P.FooterText { color: white; margin: 0px 0px 7px 20px; float: left; font-size: 1.1em; width: 230px; padding: 0px; }
P.FooterText a { color: White; }
INPUT.FooterTextBox { margin: 0px 0px 0px 20px; float: left; width: 165px;}
DIV.FooterControls { float: left; width: 233px; padding: 0px 0px 0px 17px;  }
DIV.FooterControls INPUT { float: left; margin: 0px 0px 0px 3px; }

FIELDSET.SemiTransParentInputWindow { background: url(img/WhiteSemiTransparentBlock.png) repeat 0px 0px; width: 374px; height: 310px; padding: 11px 10px 0px 30px; float: left;}
FIELDSET.SemiTransParentInputWindow2 { background: url(img/WhiteSemiTransparentBlock.png) repeat 0px 0px; width: 370px; height: 310px; padding: 30px 0 0 30px; float: left;}
TABLE.FaceBookTwitterDG TR TD { font-size: 1.2em;}




/*Footer*/
a.FooterLink { color: #2e6773; text-decoration: none; font-size: 1.3em; font-weight: bold; font-family: Georgia;}
DIV.SiteFooterText { background: url(img/FooterGridBG.png) no-repeat 0px 0px; width: 233px; height: 27px; margin: 10px 0px 10px 0px; left: 62px; top: 497px; position: absolute;}
img.SiteFooterTextIcon { margin: 0px 0px 0px 10px;} 
DIV.HRRepeatBG { background: url(img/HRRepeatBG.jpg) repeat-x 0px 0px; height: 2px; width: 100%; margin: 15px 0px 15px 0px;}
DIV.wrapFooterInner { padding: 0px 75px 0px 47px; margin: 30px 0px 50px 0px; float: left; width: 904px;}
DIV.wrapFooterInnerDesign2 { padding: 0px 75px 0px 0px; margin: 0px 0px 50px 0px; float: left; width: 956px;}
DIV.wrapFooterInner p, DIV.wrapFooterInnerDesign2 p { color: #000000; font-size: 1.1em; }
DIV.wrapFooterInner p a, DIV.wrapFooterInnerDesign2 p a { color: #000000; text-decoration: underline;}
IMG.imgNickPic { float: left;}

DIV.VideoThumbNails { border: solid 0px red; width: 140px; height: 45px; float: left; position: absolute; top: 152px; left: 813px; z-index: 999;}
DIV.VideoThumbNails DIV.VideoThumbBears { float: left; width: 68px; height: 50px; background: url(img/VideoThumbBear.png) no-repeat 0px 0px; z-index: 999;}


DIV.VideoThumbNails DIV.VideoThumbBearsHover { float: left; background: url(img/VideoThumbBearHover.png) no-repeat 0px 0px;}
DIV.VideoThumbNails DIV.VideoThumbNick { float: left; width: 68px; height: 50px; background: url(img/VideoThumbNick.png) no-repeat 0px 0px;}
DIV.VideoThumbNails DIV.VideoThumbNickHover { float: left; background: url(img/VideoThumbNickHover.png) no-repeat 0px 0px;}
DIV.VideoThumbNails a { display: block; width: 68px; height: 50px; text-decoration: none;}
DIV#reTweetContainer { display: block; float: right; left: 512px; width: 120px; margin: 0px 0px 0px 10px;   }
A.facebookLikeLink { margin: 0px 0px 0px 10px;}