/* Three Dot Dash v2.0 Style Sheet Author: Intellectual Alchemy Implimenation: public Date: 10/19/2007 */ /*---------------------------------------------------------------------------------- ***************************** Global Elements *********************************** ----------------------------------------------------------------------------------*/ Body { scrollbar-arrow-color: #ffffff; scrollbar-base-color:#FFE512; scrollbar-shadow-color:#000000; scrollbar-face-color:#FFE512; scrollbar-highlight-color:ffffff; scrollbar-dark-shadow-color:#FFE512; scrollbar-3d-light-color:#ffffff; background-color: #ffffff; padding-top:12px; margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; } /* Font Family -- Designates font-family globally. */ html, body, div, p, td, th { font-family: Arial, Helvetica, sans-serif; color: #867866; font-size: 10pt; line-height: 11pt; margin: 0; } /****************************** Fonts ************************************/ /* Copy -- Used as the main copy font */ .fntCopy { font: 12px Arial, Helvetica, sans-serif; color:#867866; font-weight: normal; letter-spacing:0px; line-height: 11pt; } a:link { color: ##CC9900; } a:link .fntCopy { color: ##CC9900; } /* SubCopy -- Used as the smaller copy font */ .fntSubCopy { font: 11px Arial, Helvetica, sans-serif; color:#867866; font-weight: normal; letter-spacing:0px; line-height: 10pt; } /* Copyright -- Used in the copyright on the footer */ .fntCopyright { font: 10px Arial, Helvetica, sans-serif; color:#867866; font-weight: normal; letter-spacing:0px; line-height: 11pt; } /* Validation Messaging -- Used as the font for val messages */ .fntValMessage { font: 11px Arial, Helvetica, sans-serif; color:#FFFFFF; font-weight: normal; letter-spacing:0px; line-height: 9pt; } /* User Control Label */ .fntUCLbl{ font: 10px Arial, sans-serif; color:#0093CA; font-weight:normal; letter-spacing:0px; text-transform:lowercase; } /* FAQs Question -- Used as the font for a question */ .fntQuestion{ font: 12px Arial, sans-serif; color:#EC008C; font-weight: bold; letter-spacing:0px; line-height: 11pt; text-transform:lowercase; } /* FAQs Answer -- Used as the font for a question */ .fntAnswer{ font: 12px Arial, Helvetica, sans-serif; color:#867866; font-weight: normal; letter-spacing:0px; line-height: 11pt; margin-bottom:35px; } /* Profile Title -- Used as the font for the name of partner, mentor, or GTL */ .fntProfileTitle{ font: 14px Arial, sans-serif; color:#EC008C; font-weight: bold; letter-spacing:0px; line-height: 11pt; } /* Snag Catagory Title -- Used as the font for the name of a snag category*/ .fntSnagCat{ font: 12px Arial, sans-serif; color:#000000; font-weight: bold; letter-spacing:0px; line-height: 11pt; } /* Snag Title -- Used as the font for the title of a snag */ .fntSnagTitle{ font: 12px Arial, sans-serif; color:#867866; font-weight: bold; letter-spacing:0px; line-height: 11pt; } /* Snag File -- Used as the font for the files in a snag Zip */ .fntSnagFile{ font: 11px Arial, sans-serif; color:#67A336; font-weight: bold; letter-spacing:0px; line-height: 11pt; } /*---------------------------------------------------------------------------------- ***************************** Hyperlink Styles *********************************** ----------------------------------------------------------------------------------*/ /* Lower Nav Global Links -- */ .lnkLNav{ font: 10px Arial, sans-serif; color:#EB008B; font-weight: normal; letter-spacing:0px; text-transform:lowercase; line-height:0px; } A.lnkLNav:link, A.lnkLNav:visited, A.lnkLNav:active { text-decoration: none; } A.lnkLNav:HOVER { color:#FF82CD;} /* Footer Nav Global Links -- */ .lnkFooter{ font: 10px Arial, sans-serif; color:#867866; font-weight: normal; letter-spacing:0px; line-height: 11pt; } A.lnkFooter:link, A.lnkFooter:visited, A.lnkFooter:active { text-decoration: none; } A.lnkFooter:HOVER {text-decoration: underline;} /* Tertiary Nav Links -- */ .lnkTertNav{ font: 12px Arial, sans-serif; color:#88D1CE; font-weight: normal; letter-spacing:0px; text-transform:lowercase; line-height:18px; } A.lnkTertNav:link, A.lnkTertNav:visited, A.lnkTertNav:active { text-decoration: none; } A.lnkTertNav:HOVER {color: #42AAA5;} /* Copy Links -- */ .lnkCopy{ font: 12px Arial, sans-serif; color: #CC6600; font-weight: normal; letter-spacing:0px; } A.lnkCopy:link, A.lnkCopy:visited, A.lnkCopy:active { text-decoration: none; } A.lnkCopy:HOVER {color: #CC9900} /*---------------------------------------------------------------------------------- ***************************** Div Styles *********************************** ----------------------------------------------------------------------------------*/ /* Site Container -- Centers the site table */ .divSiteContainer { width: 978px; position: absolute; left: 50%; margin-left: -489px; border: none; background-color:#FFFFFF; } /* Site Header -- Row for the site header and global nav */ .divSiteHeader { width: 978px; height:180px; position: relative; top:0px; background-image:url(../images/Site_HdrBacking.gif); } /* Global Nav Button -- */ .divGNavBtn { width: 162px; height:155px; position:relative; margin:12px 18px 13px 12px; float:left; } /* Site Logo -- */ .divLogo { width: 186px; height:51px; position:relative; margin:64px 90px 0px 0px; float:right; } /* Site Sound -- */ .divSound { width: 75px; height:18px; position:relative; margin:45px 62px 0px 0px; float:right; } /* Site Body -- Row for the body of site */ .divSiteBody { width: 740px; position: relative; margin:30px 0px 30px 20px; padding:0 0 2px 0px; float:left; min-height:450px; } /* Site Body Body Image -- */ .divSiteBodyImage { position: relative; float:right; margin:90px 0 30px 0; } /* Section Header -- Row for the Section Header and subnav */ .divSectionHeader { width:100%; height:23px; position: relative; margin:0px 0px 20px 0; } /* Chapter Header -- Row for the Section Header */ .divChapterHeader { width:100%; height:17px; position: relative; margin:0px 0px 18px 0; } /* Page Header -- Row for the Section Header and subnav */ .divPageHeader { width:100%; height:12px; position: relative; margin:0px 0px 10px 0; } /* Tertiary Container -- creates the column for the Tertiary Nav */ .divTertNavContainer { position: relative; margin-right:12px; width:150px; bottom:0px; float:left; } /* Tertiary row -- creates row for a link */ .divTertNavRow{ position: relative; margin-bottom:10px; width:150px; bottom:0px; float:left; } /* Content Container -- creates the column for the page content */ .divContentContainer { position: relative; width:578px; bottom:0px; float:left; } /* thumbs Column -- creates the column for the thumbs */ .divThumbColumn { position: relative; width:290px; float:left; margin:0 0px 150px 0px; } /* photo/video container -- */ .divPhotoContainer { position: relative; width:465px; float:left; margin:0 0px 0 20px; } /* Content Row -- */ .divContentRow { position: relative; width:578px; float:left; margin:12px 0 12px 0; } /* SubNav Buttons -- */ .divSubnavBtn { position: relative; margin:11px 0px 0px 20px; bottom:0px; float:left; } /* ThumbNail -- */ .divThumbnail { width:141px; height:141px; position: relative; margin:0px 3px 3px 0px; float:left; overflow:hidden; } /* 2012 thumb -- */ .Thumb{ width:141px; height:141px; position: relative; display:block; margin:0px 3px 3px 0px; float:left; overflow:hidden; background-position:50% 50%; background-repeat:no-repeat; text-decoration:none; } /* ThumbNail Copy -- */ .divThumbnailCopy { width:141px; height:24px; position:absolute; bottom:0px; background-image:url(../images/Thumb_HvrLblBacking.gif); padding-top:2px; font: 11px Arial, Helvetica, sans-serif; color:#FFFFFF; font-weight: normal; letter-spacing:0px; line-height: 9pt; } .div_ThumbOverlay{width:141px; height:24px; position:absolute; bottom:0px; background-image:url(../images/Thumb_Hvr.png); padding:0px; text-align:center; } .fnt_OverlayCopy{font: 11px Arial, Helvetica, sans-serif; color:#FFFFFF; font-weight: normal; letter-spacing:0px; line-height: 11px; width:125px; padding:0px; margin:0px; position:relative; margin:0 auto; } /* Site Lower Nav -- Row for the lower nav of site */ .divSiteLowNav { width: 978px; height:180px; position: relative; background-image: url(../images/Site_LowNavBacking.gif); float:left; } /* Lower Nav Column -- Columns for each section of lower nav */ .divLowNavColumn { width: 180px; height:140px; position: relative; top:0px; margin:28px 0px 0px 20px; float:left; } /* Lower Nav Link Container -- */ .divLowNavLink { width: 180px; height:12px; position: relative; margin:0px 0px 3px 0px; float:left; } /* Site Footer -- Row for the footer of site */ .divSiteFooter { width: 978px; height:40px; position: relative; margin: 30px 0 0 0; float:left; } /* Validation Message, SUCCESS -- */ .divValMsgSuccess { width: 416px; position: relative; top:0px; padding:2px; background-color:#67A336; margin:5px 0px 5px 0px; } /* Validation Message, ERROR -- */ .divValMsgError { width: 416px; position: relative; top:0px; padding:2px; background-color:#BD1C0F; margin:5px 0px 5px 0px; } /* Form Row -- */ .divFormRow { width: 420px; height:32px; position: relative; margin:5px 0px 5px 0px; } /* Form Column -- */ .divFormColumn{ width:200px; height:32px; position:absolute; } /* Gallery Row -- */ .divGalleryRow { width: 790px; min-height:141px; position: relative; float:left; margin:0px 0px 25px 0px; } /*---------------------------------------------------------------------------------- ***************************** Button Styles *********************************** ----------------------------------------------------------------------------------*/ /* Global Nav Button, INITIATIVE -- */ .btnInitiative { display: block; /* a tag must be a block */ width: 162px; /* width of reactive image */ height: 155px; /* height of reactive image */ background-image: url(../images/GlobalNav_Initiative.gif);/* source for start image */ background-repeat: no-repeat; background-position: 0px 0%; margin-bottom:0px; } A.btnInitiative:link, A.btnInitiative:visited, A.btnInitiative:active { display: block; width: 162px; height: 155px; background-image: url(../images/GlobalNav_Initiative.gif); background-repeat: no-repeat; background-position: 0px 0%; margin-bottom:0px; } A.btnInitiative:HOVER {display: block; width: 162px; height: 155px; background-image: url(../images/GlobalNav_Initiative.gif); background-repeat: no-repeat; background-position: 0px -155px; margin-bottom:0px; } /* Global Nav Button, SUMMIT -- */ .btnSummit { display: block; /* a tag must be a block */ width: 162px; /* width of reactive image */ height: 155px; /* height of reactive image */ background-image: url(../images/GlobalNav_Summit.gif);/* source for start image */ background-repeat: no-repeat; background-position: 0px 0%; margin-bottom:0px; } A.btnSummit:link, A.btnSummit:visited, A.btnSummit:active { display: block; width: 162px; height: 155px; background-image: url(../images/GlobalNav_Summit.gif); background-repeat: no-repeat; background-position: 0px 0%; margin-bottom:0px; } A.btnSummit:HOVER {display: block; width: 162px; height: 155px; background-image: url(../images/GlobalNav_Summit.gif); background-repeat: no-repeat; background-position: 0px -155px; margin-bottom:0px; } /* Global Nav Button, MOVEMENT -- */ .btnMovement { display: block; /* a tag must be a block */ width: 162px; /* width of reactive image */ height: 155px; /* height of reactive image */ background-image: url(../images/GlobalNav_Movement.gif);/* source for start image */ background-repeat: no-repeat; background-position: 0px 0%; margin-bottom:0px; } A.btnMovement:link, A.btnMovement:visited, A.btnMovement:active { display: block; width: 162px; height: 155px; background-image: url(../images/GlobalNav_Movement.gif); background-repeat: no-repeat; background-position: 0px 0%; margin-bottom:0px; } A.btnMovement:HOVER {display: block; width: 162px; height: 155px; background-image: url(../images/GlobalNav_Movement.gif); background-repeat: no-repeat; background-position: 0px -155px; margin-bottom:0px; } /* Lower Nav Button, Initiative -- */ .btnLnavInitiative { display: block; /* a tag must be a block */ width: 100px; /* width of reactive image */ height: 14px; /* height of reactive image */ background-image: url(../images/LnavBtn_Initiative.gif);/* source for start image */ background-repeat: no-repeat; background-position: 0px 0%; margin-bottom:8px; } A.btnLnavInitiative:HOVER {background-position: 0px -20px; } /* Lower Nav Button, Movement -- */ .btnLnavMovement { display: block; /* a tag must be a block */ width: 100px; /* width of reactive image */ height: 14px; /* height of reactive image */ background-image: url(../images/LnavBtn_Movement.gif);/* source for start image */ background-repeat: no-repeat; background-position: 0px 0%; margin-bottom:8px; } A.btnLnavMovement:HOVER {background-position: 0px -20px; } /* Lower Nav Button, Summit -- */ .btnLnavSummit { display: block; /* a tag must be a block */ width: 100px; /* width of reactive image */ height: 14px; /* height of reactive image */ background-image: url(../images/LnavBtn_Summit.gif);/* source for start image */ background-repeat: no-repeat; background-position: 0px 0%; margin-bottom:8px; } A.btnLnavSummit:HOVER {background-position: 0px -20px; } /* Lower Nav Button, Quick Links -- */ .btnLnavLinks { display: block; /* a tag must be a block */ width: 100px; /* width of reactive image */ height: 14px; /* height of reactive image */ background-image: url(../images/LnavBtn_Links.gif);/* source for start image */ background-repeat: no-repeat; background-position: 0px 0%; margin-bottom:8px; } A.btnLnavLinks:HOVER {background-position: 0px -20px; } /* Initiative Sub Nav Button, Inspiration -- */ .btnInspiration { display: block; /* a tag must be a block */ width: 57px; /* width of reactive image */ height: 12px; /* height of reactive image */ background-image: url(../images/SubNavBtn_Initiative_Inspiration.gif);/* source for start image */ background-repeat: no-repeat; background-position: 0px 0%; margin-bottom:0px; } A.btnInspiration:link, A.btnInspiration:visited, A.btnInspiration:active { display: block; width: 57px; height: 12px; background-image: url(../images/SubNavBtn_Initiative_Inspiration.gif); background-repeat: no-repeat; background-position: 0px 0%; margin-bottom:0px; } A.btnInspiration:HOVER {display: block; width: 57px; height: 12px; background-image: url(../images/SubNavBtn_Initiative_Inspiration.gif); background-repeat: no-repeat; background-position: 0px -20px; margin-bottom:0px; } /* Initiative Sub Nav Button, WAFF -- */ .btnWAFF { display: block; /* a tag must be a block */ width: 136px; /* width of reactive image */ height: 12px; /* height of reactive image */ background-image: url(../images/SubNavBtn_Initiative_WAFF.gif);/* source for start image */ background-repeat: no-repeat; background-position: 0px 0%; margin-bottom:0px; } A.btnWAFF:link, A.btnWAFF:visited, A.btnWAFF:active { display: block; width: 136px; height: 12px; background-image: url(../images/SubNavBtn_Initiative_WAFF.gif); background-repeat: no-repeat; background-position: 0px 0%; margin-bottom:0px; } A.btnWAFF:HOVER {display: block; width: 136px; height: 12px; background-image: url(../images/SubNavBtn_Initiative_WAFF.gif); background-repeat: no-repeat; background-position: 0px -20px; margin-bottom:0px; } /* Initiative Sub Nav Button, Campaign -- */ .btnCampaign{ display: block; /* a tag must be a block */ width: 54px; /* width of reactive image */ height: 12px; /* height of reactive image */ background-image: url(../images/SubNavBtn_Initiative_Campaign.gif);/* source for start image */ background-repeat: no-repeat; background-position: 0px 0%; margin-bottom:0px; } A.btnCampaign:link, A.btnCampaign:visited, A.btnCampaign:active { display: block; width: 54px; height: 12px; background-image: url(../images/SubNavBtn_Initiative_Campaign.gif); background-repeat: no-repeat; background-position: 0px 0%; margin-bottom:0px; } A.btnCampaign:HOVER {display: block; width: 54px; height: 12px; background-image: url(../images/SubNavBtn_Initiative_Campaign.gif); background-repeat: no-repeat; background-position: 0px -20px; margin-bottom:0px; } /* Initiative Sub Nav Button, Coalition Partners -- */ .btnCoalitionPartners{ display: block; /* a tag must be a block */ width: 95px; /* width of reactive image */ height: 12px; /* height of reactive image */ background-image: url(../images/SubNavBtn_Initiative_CoPartners.gif);/* source for start image */ background-repeat: no-repeat; background-position: 0px 0%; margin-bottom:0px; } A.btnCoalitionPartners:link, A.btnCoalitionPartners:visited, A.btnCoalitionPartners:active { display: block; width: 95px; height: 12px; background-image: url(../images/SubNavBtn_Initiative_CoPartners.gif); background-repeat: no-repeat; background-position: 0px 0%; margin-bottom:0px; } A.btnCoalitionPartners:HOVER {display: block; width: 95px; height: 12px; background-image: url(../images/SubNavBtn_Initiative_CoPartners.gif); background-repeat: no-repeat; background-position: 0px -20px; margin-bottom:0px; } /* Initiative Sub Nav Button, Sponsor Partners -- */ .btnSponsorPartners{ display: block; /* a tag must be a block */ width: 93px; /* width of reactive image */ height: 12px; /* height of reactive image */ background-image: url(../images/SubNavBtn_Initiative_SpoPartners.gif);/* source for start image */ background-repeat: no-repeat; background-position: 0px 0%; margin-bottom:0px; } A.btnSponsorPartners:link, A.btnSponsorPartners:visited, A.btnSponsorPartners:active { display: block; width: 93px; height: 12px; background-image: url(../images/SubNavBtn_Initiative_SpoPartners.gif); background-repeat: no-repeat; background-position: 0px 0%; margin-bottom:0px; } A.btnSponsorPartners:HOVER {display: block; width: 93px; height: 12px; background-image: url(../images/SubNavBtn_Initiative_SpoPartners.gif); background-repeat: no-repeat; background-position: 0px -20px; margin-bottom:0px; } /* Summit Sub Nav Button, Global Teen Leaders -- */ .btnGTLs{ display: block; /* a tag must be a block */ width: 106px; /* width of reactive image */ height: 12px; /* height of reactive image */ background-image: url(../images/SubNavBtn_Summit_GTLs.gif);/* source for start image */ background-repeat: no-repeat; background-position: 0px 0%; margin-bottom:0px; } A.btnGTLs:link, A.btnGTLs:visited, A.btnGTLs:active { display: block; width: 106px; height: 12px; background-image: url(../images/SubNavBtn_Summit_GTLs.gif); background-repeat: no-repeat; background-position: 0px 0%; margin-bottom:0px; } A.btnGTLs:HOVER {display: block; width: 106px; height: 12px; background-image: url(../images/SubNavBtn_Summit_GTLs.gif); background-repeat: no-repeat; background-position: 0px -20px; margin-bottom:0px; } /* Summit Sub Nav Button, Mentors -- */ .btnMentors{ display: block; /* a tag must be a block */ width: 44px; /* width of reactive image */ height: 12px; /* height of reactive image */ background-image: url(../images/SubNavBtn_Summit_Mentors.gif);/* source for start image */ background-repeat: no-repeat; background-position: 0px 0%; margin-bottom:0px; } A.btnMentors:link, A.btnMentors:visited, A.btnMentors:active { display: block; width: 44px; height: 12px; background-image: url(../images/SubNavBtn_Summit_Mentors.gif); background-repeat: no-repeat; background-position: 0px 0%; margin-bottom:0px; } A.btnMentors:HOVER {display: block; width: 44px; height: 12px; background-image: url(../images/SubNavBtn_Summit_Mentors.gif); background-repeat: no-repeat; background-position: 0px -20px; margin-bottom:0px; } /* Summit Sub Nav Button, Nomination Process -- */ .btnNomProcess{ display: block; /* a tag must be a block */ width: 108px; /* width of reactive image */ height: 12px; /* height of reactive image */ background-image: url(../images/SubNavBtn_Summit_NomProcess.gif);/* source for start image */ background-repeat: no-repeat; background-position: 0px 0%; margin-bottom:0px; } A.btnNomProcess:link, A.btnNomProcess:visited, A.btnNomProcess:active { display: block; width: 108px; height: 12px; background-image: url(../images/SubNavBtn_Summit_NomProcess.gif); background-repeat: no-repeat; background-position: 0px 0%; margin-bottom:0px; } A.btnNomProcess:HOVER {display: block; width: 108px; height: 12px; background-image: url(../images/SubNavBtn_Summit_NomProcess.gif); background-repeat: no-repeat; background-position: 0px -20px; margin-bottom:0px; } /* Summit Sub Nav Button, Agenda -- */ .btnAgenda{ display: block; /* a tag must be a block */ width: 42px; /* width of reactive image */ height: 12px; /* height of reactive image */ background-image: url(../images/SubNavBtn_Summit_Agenda.gif);/* source for start image */ background-repeat: no-repeat; background-position: 0px 0%; margin-bottom:0px; } A.btnAgenda:link, A.btnAgenda:visited, A.btnAgenda:active { display: block; width: 42px; height: 12px; background-image: url(../images/SubNavBtn_Summit_Agenda.gif); background-repeat: no-repeat; background-position: 0px 0%; margin-bottom:0px; } A.btnAgenda:HOVER {display: block; width: 42px; height: 12px; background-image: url(../images/SubNavBtn_Summit_Agenda.gif); background-repeat: no-repeat; background-position: 0px -20px; margin-bottom:0px; } /* Summit Sub Nav Button, Speakers -- */ .btnSpeakers{ display: block; /* a tag must be a block */ width: 49px; /* width of reactive image */ height: 12px; /* height of reactive image */ background-image: url(../images/SubNavBtn_Summit_Speakers.gif);/* source for start image */ background-repeat: no-repeat; background-position: 0px 0%; margin-bottom:0px; } A.btnSpeakers:link, A.btnSpeakers:visited, A.btnSpeakers:active { display: block; width: 49px; height: 12px; background-image: url(../images/SubNavBtn_Summit_Speakers.gif); background-repeat: no-repeat; background-position: 0px 0%; margin-bottom:0px; } A.btnSpeakers:HOVER {display: block; width: 49px; height: 12px; background-image: url(../images/SubNavBtn_Summit_Speakers.gif); background-repeat: no-repeat; background-position: 0px -20px; margin-bottom:0px; } /* Summit Sub Nav Button, Team -- */ .btnTeam{ display: block; /* a tag must be a block */ width: 28px; /* width of reactive image */ height: 12px; /* height of reactive image */ background-image: url(../images/SubNavBtn_Summit_Team.gif);/* source for start image */ background-repeat: no-repeat; background-position: 0px 0%; margin-bottom:0px; } A.btnTeam:link, A.btnTeam:visited, A.btnTeam:active { display: block; width: 28px; height: 12px; background-image: url(../images/SubNavBtn_Summit_Team.gif); background-repeat: no-repeat; background-position: 0px 0%; margin-bottom:0px; } A.btnTeam:HOVER {display: block; width: 28px; height: 12px; background-image: url(../images/SubNavBtn_Summit_Team.gif); background-repeat: no-repeat; background-position: 0px -20px; margin-bottom:0px; } /* Movement Sub Nav Button, Spread the peace -- */ .btnSpread{ display: block; /* a tag must be a block */ width: 96px; /* width of reactive image */ height: 12px; /* height of reactive image */ background-image: url(../images/SubNavBtn_Movement_Spread.gif);/* source for start image */ background-repeat: no-repeat; background-position: 0px 0%; margin-bottom:0px; } A.btnSpread:link, A.btnSpread:visited, A.btnSpread:active { display: block; width: 96px; height: 12px; background-image: url(../images/SubNavBtn_Movement_Spread.gif); background-repeat: no-repeat; background-position: 0px 0%; margin-bottom:0px; } A.btnSpread:HOVER {display: block; width: 96px; height: 12px; background-image: url(../images/SubNavBtn_Movement_Spread.gif); background-repeat: no-repeat; background-position: 0px -20px; margin-bottom:0px; } /* Movement Sub Nav Button, Speak your peace -- */ .btnSpeak{ display: block; /* a tag must be a block */ width: 97px; /* width of reactive image */ height: 12px; /* height of reactive image */ background-image: url(../images/SubNavBtn_Movement_Speak.gif);/* source for start image */ background-repeat: no-repeat; background-position: 0px 0%; margin-bottom:0px; } A.btnSpeak:link, A.btnSpeak:visited, A.btnSpeak:active { display: block; width: 97px; height: 12px; background-image: url(../images/SubNavBtn_Movement_Speak.gif); background-repeat: no-repeat; background-position: 0px 0%; margin-bottom:0px; } A.btnSpeak:HOVER {display: block; width: 97px; height: 12px; background-image: url(../images/SubNavBtn_Movement_Speak.gif); background-repeat: no-repeat; background-position: 0px -20px; margin-bottom:0px; } /* Movement Sub Nav Button, Media Press -- */ .btnMedia{ display: block; /* a tag must be a block */ width: 80px; /* width of reactive image */ height: 12px; /* height of reactive image */ background-image: url(../images/SubNavBtn_Movement_MediaPress.gif);/* source for start image */ background-repeat: no-repeat; background-position: 0px 0%; margin-bottom:0px; } A.btnMedia:HOVER {background-position: 0px -20px; margin-bottom:0px; } /* Movement Sub Nav Button, Join the movement -- */ .btnJoin{ display: block; /* a tag must be a block */ width: 103px; /* width of reactive image */ height: 12px; /* height of reactive image */ background-image: url(../images/SubNavBtn_Movement_Join.gif);/* source for start image */ background-repeat: no-repeat; background-position: 0px 0%; margin-bottom:0px; } A.btnJoin:link, A.btnJoin:visited, A.btnJoin:active { display: block; width: 103px; height: 12px; background-image: url(../images/SubNavBtn_Movement_Join.gif); background-repeat: no-repeat; background-position: 0px 0%; margin-bottom:0px; } A.btnJoin:HOVER {display: block; width: 103px; height: 12px; background-image: url(../images/SubNavBtn_Movement_Join.gif); background-repeat: no-repeat; background-position: 0px -20px; margin-bottom:0px; } /* SEND -- */ .btnSend{ display: block; /* a tag must be a block */ width: 93px; /* width of reactive image */ height: 18px; /* height of reactive image */ background-image: url(../images/Btn_Send.gif);/* source for start image */ background-repeat: no-repeat; background-position: 0px 0%; margin-bottom:0px; } A.btnSend:link, A.btnSend:visited, A.btnSend:active { display: block; width: 93px; height: 18px; background-image: url(../images/Btn_Send.gif); background-repeat: no-repeat; background-position: 0px 0%; margin-bottom:0px; } A.btnSend:HOVER {display: block; width: 93px; height: 18px; background-image: url(../images/Btn_Send.gif); background-repeat: no-repeat; background-position: 0px -20px; margin-bottom:0px; } /* Sign In -- */ .btnSignIn{ display: block; /* a tag must be a block */ width: 93px; /* width of reactive image */ height: 18px; /* height of reactive image */ background-image: url(../images/Btn_SignIn.gif);/* source for start image */ background-repeat: no-repeat; background-position: 0px 0%; margin-bottom:0px; } A.btnSignIn:link, A.btnSignIn:visited, A.btnSignIn:active { display: block; width: 93px; height: 18px; background-image: url(../images/Btn_SignIn.gif); background-repeat: no-repeat; background-position: 0px 0%; margin-bottom:0px; } A.btnSignIn:HOVER {display: block; width: 93px; height: 18px; background-image: url(../images/Btn_SignIn.gif); background-repeat: no-repeat; background-position: 0px -20px; margin-bottom:0px; } /* Submit -- */ .btnSubmit{ display: block; /* a tag must be a block */ width: 93px; /* width of reactive image */ height: 18px; /* height of reactive image */ background-image: url(../images/Btn_Submit.gif);/* source for start image */ background-repeat: no-repeat; background-position: 0px 0%; margin-bottom:0px; } A.btnSubmit:link, A.btnSubmit:visited, A.btnSubmit:active { display: block; width: 93px; height: 18px; background-image: url(../images/Btn_Submit.gif); background-repeat: no-repeat; background-position: 0px 0%; margin-bottom:0px; } A.btnSubmit:HOVER {display: block; width: 93px; height: 18px; background-image: url(../images/Btn_Submit.gif); background-repeat: no-repeat; background-position: 0px -20px; margin-bottom:0px; } /* Via Paypal -- */ .btnPaypal{ display: block; /* a tag must be a block */ width: 206px; /* width of reactive image */ height: 18px; /* height of reactive image */ background-image: url(../images/btn_ViaPaypal.gif);/* source for start image */ background-repeat: no-repeat; background-position: 0px 0%; margin-bottom:0px; } A.btnPaypal:link, A.btnPaypal:visited, A.btnPaypal:active { display: block; width: 206px; height: 18px; background-image: url(../images/btn_ViaPaypal.gif); background-repeat: no-repeat; background-position: 0px 0%; margin-bottom:0px; } A.btnPaypal:HOVER {display: block; width: 206px; height: 18px; background-image: url(../images/btn_ViaPaypal.gif); background-repeat: no-repeat; background-position: 0px -20px; margin-bottom:0px; } /* Quick Links Sub Nav Button, What's new -- */ .btnWhatNew{ display: block; /* a tag must be a block */ width: 62px; /* width of reactive image */ height: 12px; /* height of reactive image */ background-image: url(../images/SubNavBtn_Links_WhatNew.gif);/* source for start image */ background-repeat: no-repeat; background-position: 0px 0%; margin-bottom:0px; } A.btnWhatNew:link, A.btnWhatNew:visited, A.btnWhatNew:active { display: block; width: 62px; height: 12px; background-image: url(../images/SubNavBtn_Links_WhatNew.gif); background-repeat: no-repeat; background-position: 0px 0%; margin-bottom:0px; } A.btnWhatNew:HOVER {display: block; width: 62px; height: 12px; background-image: url(../images/SubNavBtn_Links_WhatNew.gif); background-repeat: no-repeat; background-position: 0px -20px; margin-bottom:0px; } /* Quick Links Sub Nav Button, FAQs -- */ .btnFAQs{ display: block; /* a tag must be a block */ width: 23px; /* width of reactive image */ height: 12px; /* height of reactive image */ background-image: url(../images/SubNavBtn_Links_FAQs.gif);/* source for start image */ background-repeat: no-repeat; background-position: 0px 0%; margin-bottom:0px; } A.btnFAQs:link, A.btnFAQs:visited, A.btnFAQs:active { display: block; width: 23px; height: 12px; background-image: url(../images/SubNavBtn_Links_FAQs.gif); background-repeat: no-repeat; background-position: 0px 0%; margin-bottom:0px; } A.btnFAQs:HOVER {display: block; width: 23px; height: 12px; background-image: url(../images/SubNavBtn_Links_FAQs.gif); background-repeat: no-repeat; background-position: 0px -20px; margin-bottom:0px; } /* Quick Links Sub Nav Button, Login -- */ .btnLogin{ display: block; /* a tag must be a block */ width: 26px; /* width of reactive image */ height: 12px; /* height of reactive image */ background-image: url(../images/SubNavBtn_Links_Login.gif);/* source for start image */ background-repeat: no-repeat; background-position: 0px 0%; margin-bottom:0px; } A.btnLogin:link, A.btnLogin:visited, A.btnLogin:active { display: block; width: 26px; height: 12px; background-image: url(../images/SubNavBtn_Links_Login.gif); background-repeat: no-repeat; background-position: 0px 0%; margin-bottom:0px; } A.btnLogin:HOVER {display: block; width: 26px; height: 12px; background-image: url(../images/SubNavBtn_Links_Login.gif); background-repeat: no-repeat; background-position: 0px -20px; margin-bottom:0px; } /* Quick Links Sub Nav Button, Contact Us -- */ .btnContact{ display: block; /* a tag must be a block */ width: 56px; /* width of reactive image */ height: 12px; /* height of reactive image */ background-image: url(../images/SubNavBtn_Links_Contact.gif);/* source for start image */ background-repeat: no-repeat; background-position: 0px 0%; margin-bottom:0px; } A.btnContact:link, A.btnContact:visited, A.btnContact:active { display: block; width: 56px; height: 12px; background-image: url(../images/SubNavBtn_Links_Contact.gif); background-repeat: no-repeat; background-position: 0px 0%; btnContact-bottom:0px; } A.btnContact:HOVER {display: block; width: 56px; height: 12px; background-image: url(../images/SubNavBtn_Links_Contact.gif); background-repeat: no-repeat; background-position: 0px -20px; margin-bottom:0px; } /* Quick Links Sub Nav Button, Donate -- */ .btnDonate{ display: block; /* a tag must be a block */ width: 38px; /* width of reactive image */ height: 12px; /* height of reactive image */ background-image: url(../images/SubNavBtn_Links_Donate.gif);/* source for start image */ background-repeat: no-repeat; background-position: 0px 0%; margin-bottom:0px; } A.btnDonate:link, A.btnDonate:visited, A.btnDonate:active { display: block; width: 38px; height: 12px; background-image: url(../images/SubNavBtn_Links_Donate.gif); background-repeat: no-repeat; background-position: 0px 0%; btnContact-bottom:0px; } A.btnDonate:HOVER {display: block; width: 38px; height: 12px; background-image: url(../images/SubNavBtn_Links_Donate.gif); background-repeat: no-repeat; background-position: 0px -20px; margin-bottom:0px; } /* Legal Sub Nav Button, Terms -- */ .btnTerms{ display: block; /* a tag must be a block */ width: 68px; /* width of reactive image */ height: 12px; /* height of reactive image */ background-image: url(../images/SubNavBtn_Legal_Terms.gif);/* source for start image */ background-repeat: no-repeat; background-position: 0px 0%; margin-bottom:0px; } A.btnTerms:link, A.btnTerms:visited, A.btnTerms:active { display: block; width: 68px; height: 12px; background-image: url(../images/SubNavBtn_Legal_Terms.gif); background-repeat: no-repeat; background-position: 0px 0%; btnContact-bottom:0px; } A.btnTerms:HOVER {display: block; width: 68px; height: 12px; background-image: url(../images/SubNavBtn_Legal_Terms.gif); background-repeat: no-repeat; background-position: 0px -20px; margin-bottom:0px; } /* Legal Sub Nav Button, Privacy Policy -- */ .btnPrivacy{ display: block; /* a tag must be a block */ width: 74px; /* width of reactive image */ height: 12px; /* height of reactive image */ background-image: url(../images/SubNavBtn_Legal_Privacy.gif);/* source for start image */ background-repeat: no-repeat; background-position: 0px 0%; margin-bottom:0px; } A.btnPrivacy:link, A.btnPrivacy:visited, A.btnPrivacy:active { display: block; width: 74px; height: 12px; background-image: url(../images/SubNavBtn_Legal_Privacy.gif); background-repeat: no-repeat; background-position: 0px 0%; btnContact-bottom:0px; } A.btnPrivacy:HOVER {display: block; width: 74px; height: 12px; background-image: url(../images/SubNavBtn_Legal_Privacy.gif); background-repeat: no-repeat; background-position: 0px -20px; margin-bottom:0px; } /* Download Zip -- */ .btnDloadZip{ display: block; /* a tag must be a block */ width:123px; /* width of reactive image */ height: 18px; /* height of reactive image */ background-image: url(../images/btn_DownloadZip.gif);/* source for start image */ background-repeat: no-repeat; background-position: 0px 0%; margin-bottom:0px; } A.btnDloadZip:link, A.btnDloadZip:visited, A.btnDloadZip:active { display: block; width: 123px; height: 18px; background-image: url(../images/btn_DownloadZip.gif); background-repeat: no-repeat; background-position: 0px 0%; margin-bottom:0px; } A.btnDloadZip:HOVER {display: block; width: 123px; height: 18px; background-image: url(../images/btn_DownloadZip.gif); background-repeat: no-repeat; background-position: 0px -20px; margin-bottom:0px; } /* Download Mentor Application -- */ .btnDloadMentorApp{ display: block; /* a tag must be a block */ width:213px; /* width of reactive image */ height: 18px; /* height of reactive image */ background-image: url(../images/btn_DLoadMentorApp.gif);/* source for start image */ background-repeat: no-repeat; background-position: 0px 0%; margin-bottom:0px; } A.btnDloadMentorApp:link, A.btnDloadMentorApp:visited, A.btnDloadMentorApp:active { display: block; width: 213px; height: 18px; background-image: url(../images/btn_DLoadMentorApp.gif); background-repeat: no-repeat; background-position: 0px 0%; margin-bottom:0px; } A.btnDloadMentorApp:HOVER {display: block; width: 213px; height: 18px; background-image: url(../images/btn_DLoadMentorApp.gif); background-repeat: no-repeat; background-position: 0px -20px; margin-bottom:0px; } /* Learn more about this GTL -- */ .btnLearnGTL{ display: block; /* a tag must be a block */ width:208px; /* width of reactive image */ height: 18px; /* height of reactive image */ background-image: url(../images/btn_LearnGTL.gif);/* source for start image */ background-repeat: no-repeat; background-position: 0px 0%; margin-bottom:0px; } A.btnLearnGTL:link, A.btnLearnGTL:visited, A.btnLearnGTL:active { display: block; width: 208px; height: 18px; background-image: url(../images/btn_LearnGTL.gif); background-repeat: no-repeat; background-position: 0px 0%; margin-bottom:0px; } A.btnLearnGTL:HOVER {display: block; width: 208px; height: 18px; background-image: url(../images/btn_LearnGTL.gif); background-repeat: no-repeat; background-position: 0px -20px; margin-bottom:0px; } /*---------------------------------------------------------------------------------- ***************************** PNG Workarounds *********************************** ----------------------------------------------------------------------------------*/ /* Thumb Overlay -- */ #ThumbOverlay { width:141; height:141; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod='scale',src='http://www.threedotdash.org/images/Thumb_Overlay.png') } html>body #ThumbOverlay { background-image: url(http://www.threedotdash.org/images/Thumb_Overlay.png); cursor:auto } /* Thumb Overlay, HOVER -- */ #ThumbOverlayHvr { width:141; height:141; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod='scale',src='http://www.threedotdash.org/images/Thumb_OverlayHvr.png'); cursor:auto } html>body #ThumbOverlayHvr { background-image:url(http://www.threedotdash.org/images/Thumb_OverlayHvr.png); cursor:auto } /* Val Message Corner Overlay, Top Left -- creates the rounded corners */ #ValMsgCrnrTL { width:4; height:4; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod='scale',src='http://www.threedotdash.org/images/ValMsgCrnr_TL.png') } html>body #ValMsgCrnrTL { background-image: url(http://www.threedotdash.org/images/ValMsgCrnr_TL.png); } /* Val Message Corner Overlay, Top Right -- creates the rounded corners */ #ValMsgCrnrTR { width:4; height:4; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod='scale',src='http://www.threedotdash.org/images/ValMsgCrnr_TR.png') } html>body #ValMsgCrnrTR { background-image: url(http://www.threedotdash.org/images/ValMsgCrnr_TR.png); } /* Val Message Corner Overlay, Bottom Right -- creates the rounded corners */ #ValMsgCrnrBR { width:4; height:4; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod='scale',src='http://www.threedotdash.org/images/ValMsgCrnr_BR.png') } html>body #ValMsgCrnrBR { background-image: url(http://www.threedotdash.org/images/ValMsgCrnr_BR.png); } /* Val Message Corner Overlay, Bottom Left -- creates the rounded corners */ #ValMsgCrnrBL { width:4; height:4; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod='scale',src='http://www.threedotdash.org/images/ValMsgCrnr_BL.png') } html>body #ValMsgCrnrBL { background-image: url(http://www.threedotdash.org/images/ValMsgCrnr_BL.png); } /*---------------------------------------------------------------------------------- ***************************** User Controls *********************************** ----------------------------------------------------------------------------------*/ /* User Control, 150PX WIDTH -- sets color, border and font style for all text inputs, dropdowns */ .ucGeneric{ border: 1px solid #998B7D; background: #ffffff; font-family: Arial, Helvetica, sans-serif; font-size: 10px; letter-spacing: 0px; color: #867866; padding:0 2px 0 2px; width:200px; scrollbar-arrow-color: #ffffff; scrollbar-base-color:##FFE512; scrollbar-shadow-color:#ffffff; scrollbar-face-color:##FFE512; scrollbar-highlight-color:ffffff; scrollbar-dark-shadow-color:##FFE512; scrollbar-3d-light-color:#ffffff; }