/* 
Stylesheet for elements/objects in Dreams Unlimited website. 
*/

#backgroundimage	{position: absolute; left: 0px; top: 0px;}

#logo			{position: absolute; left: 70px; top: 20px; width: 100px; height: 100px; border-style: solid; border-width: 1px;}
#MainHeaderDiv	{position: absolute; left: 70px; top: 70px; width: 830px; height: 120px; z-index: 1;}
#MainTitle		{position: absolute; left: +170px; top: +10px; width: 500px; text-align: center; z-index: 2;}
#Shadow			{position: absolute; left: +171px; top: +11px; width: 500px; text-align: center; z-index: 1;}
#TopLinks		{position: absolute; left: +160px; top: +68px; width: 660px; height: 20px; text-align: center;}
#Mission		{position: absolute; left: +0px; top: +100px; width: 500px; text-align: left;}
#WhatWeDo		{position: absolute; left: +0px; top: +230px; width: 500px; text-align: left;}
#Participants	{position: absolute; left: +0px; top: +490px; width: 470px; text-align: left;}

#LeftList		{position: absolute; left: 70px; top: 430px; width: 180px; z-index: 1;}
#RightList		{position: absolute; left: 270px; top: 430px; width: 180px; z-index: 1;}

#EventPreview	{position: absolute; left: 580px; top: 390px; width: 300px; height: 150px; z-index: 1; 
                 background-color: White; border: solid 1px black;}
#EventHdr		{position: absolute; left: 0px; top: 10px; text-align: center; width: 290px;}
#UpcomingEvents	{position: absolute; left: 10px; top: 35px; text-align: left; width: 280px;}

#HomePgPics		{position: absolute; left: 580px; top: 170px; width: 300px; height: 200px;}

#SponsorLinks	{position: absolute; left: 580px; top: 550px; width: 360px; height: 240px; z-index: 1;}
#LinksHdr		{position: absolute; left: 0px; top: 10px; text-align: left; width: 360px;}
#LinkList		{position: absolute; left: 00px; top: 35px; text-align: left; width: 360px;}

#Footer			{position: absolute; left: 200px; top: 830px; width: 580px; height: 40px; z-index: 1;}
#address		{position: absolute; left: +0px; top: +0px; width: 560px; text-align: center;}
#phoneemail		{position: absolute; left: +0px; top: +15px; width: 560px; text-align: center;}

/** about.asp page **/

#AboutBgImage	{position: absolute; left: 0px; top: 0px; height: 560px; overflow: hidden;}

#PageHdr		{position: absolute; left: +192px; top: +30px; width: 460px; text-align: center; z-index: 2;}
#PageHdrShadow	{position: absolute; left: +193px; top: +31px; width: 460px; text-align: center;}
#WhoWeAre		{position: absolute; left: +0px; top: +120px; width: 700px; text-align: left;}
#Directors		{position: absolute; left: +0px; top: +290px; width: 650px; text-align: left;}

#AboutFooter	{position: absolute; left: 200px; top: 520px; width: 580px; height: 40px; z-index: 1;}
#Aboutaddress	{position: absolute; left: +0px; top: +0px; width: 560px; text-align: center;}
#Aboutphone		{position: absolute; left: +0px; top: +15px; width: 560px; text-align: center;}

/** bowlsponsor.asp page **/

#BowlSponsorGraph   {position: absolute; left: 20px; top: 20px; width: 480px; height: 500px; text-align: left; background-color: #FFFFEC;}
#BowlSponsorLogo    {position: absolute; left: +300px; top: +350px;}
#BowlSponsorHdr     {position: absolute; left: +10px; top: +5px; width: 400px;}
#BowlerHdr          {position: absolute; left: +10px; top: +42px;}
#Bowler             {position: absolute; left: +140px; top: +40px; width: 300px;}
#BowlDonationHdr    {position: absolute; left: +10px; top: +72px;}
#BowlDonation       {position: absolute; left: +140px; top: +70px;}
#BowlerNameHdr	    {position: absolute; left: +10px; top: +132px; width: 300px;}
#BowlerYourName	    {position: absolute; left: +140px; top: +130px; width: 300px;}
#BowlerPhoneHdr		{position: absolute; left: +10px; top: +162px;}
#BowlerYourPhone	{position: absolute; left: +140px; top: +160px; width: 300px;}
#BowlerEmailHdr		{position: absolute; left: +10px; top: +192px; text-align: left;}
#BowlerYourEmail	{position: absolute; left: +140px; top: +190px; width: 300px;}
#BowlerQuestionsHdr	{position: absolute; left: +10px; top: +240px; text-align: left;}
#BowlerQuestions    {position: absolute; left: +10px; top: +240px; width: 430px;}
#BowlerSubmitEmail	{position: absolute; left: +10px; top: +350px; width: 100px; height: 40px;}

/** BowlingTeam.asp page **/

#BowlTeamGraph      {position: absolute; left: 20px; top: 20px; width: 480px; height: 500px; text-align: left; background-color: #FFFFEC;}
#BowlTeamLogo       {position: absolute; left: +300px; top: +350px;}
#BowlTeamHdr        {position: absolute; left: +10px; top: +5px; width: 400px;}
#BowlTeamNameHdr    {position: absolute; left: +10px; top: +42px;}
#BowlTeamName       {position: absolute; left: +140px; top: +40px; width: 300px;}
#BowlTeamMembersHdr {position: absolute; left: +10px; top: +72px;}
#BowlTeamMember1    {position: absolute; left: +140px; top: +70px; width: 150px;}
#BowlTeamMember2    {position: absolute; left: +300px; top: +70px; width: 150px;}
#BowlTeamMember3    {position: absolute; left: +140px; top: +95px; width: 150px;}
#BowlTeamMember4    {position: absolute; left: +300px; top: +95px; width: 150px;}


/** BowlThanks.asp page **/

#BowlThanksDiv      {position: absolute; left: 00px; top: 00px;}
#BowlThanksLogo     {position: absolute; left: +20px; top: +10px;}
#BowlThanksMessage  {position: absolute; left: +20px; top: +170px;}

/** Check.asp **/

#CheckUserDiv               {position: absolute; left: 270px; top: 185px; width: 350px; height: 140px; background-color: #FFFFEC; z-index: 1;}
#CheckUserNotice            {position: absolute; left: +40px; top: +10px; width: 290px;}
#CheckUserUserIDHdr         {position: absolute; left: +20px; top: +40px; width: 90px;}
#CheckUserUserID            {position: absolute; left: +120px; top: +40px; width: 200px;}
#CheckUserPasswordHdr       {position: absolute; left: +20px; top: +70px; width: 90px;}
#CheckUserPassword          {position: absolute; left: +120px; top: +70px; width: 200px;}
#CheckUserButton            {position: absolute; left: +20px; top: +100px; width: 90px;}

#CheckPasswordDiv           {position: absolute; left: 270px; top: 185px; width: 350px; height: 140px; background-color: #FFFFEC; z-index: 1;}
#CheckPasswordNotice        {position: absolute; left: +70px; top: +10px; width: 290px;}
#CheckPasswordUserIDHdr     {position: absolute; left: +20px; top: +40px; width: 90px;}
#CheckPasswordUserID        {position: absolute; left: +120px; top: +40px; width: 200px;}
#CheckPasswordPasswordHdr   {position: absolute; left: +20px; top: +70px; width: 90px;}
#CheckPasswordPassword      {position: absolute; left: +120px; top: +70px; width: 200px;}
#CheckPasswordButton        {position: absolute; left: +20px; top: +100px; width: 90px;}

#CheckFooter	            {position: absolute; left: 200px; top: 490px; width: 580px; height: 40px; z-index: 1;}
#CheckAddress	            {position: absolute; left: +0px; top: +0px; width: 560px; text-align: center;}
#CheckPhone	                {position: absolute; left: +0px; top: +15px; width: 560px; text-align: center;}

/** contact.asp page **/

#ContactGraph		{position: absolute; left: 60px; top: 190px; width: 760px; height: 500px; text-align: left; z-index: 2;}
#ContactHdr         {position: absolute; left: +0px; top: +5px; width: 400px; text-align: center;}
#ContactImage       {position: absolute; left: +440px; top: +5px;}
#ContactImage2      {position: absolute; left: +440px; top: +190px;}
#ParticipateCheckBox{position: absolute; left: +0px; top: +30px;}
#ParticipateHdr		{position: absolute; left: +30px; top: +30px; width: 700px; text-align: left;}
#DonateCheckBox		{position: absolute; left: +0px; top: +60px;}
#DonateHdr			{position: absolute; left: +30px; top: +60px; width: 700px; text-align: left;}
#VolunteerCheckBox	{position: absolute; left: +0px; top: +90px;}
#VolunteerHdr		{position: absolute; left: +30px; top: +90px; width: 700px; text-align: left;}
#OtherCheckBox		{position: absolute; left: +0px; top: +120px;}
#OtherHdr			{position: absolute; left: +30px; top: +120px; width: 700px; text-align: left;}
#NameHdr			{position: absolute; left: +0px; top: +152px; text-align: left;}
#YourName			{position: absolute; left: +100px; top: +150px; width: 300px; text-align: left;}
#AddressHdr			{position: absolute; left: +0px; top: +182px; text-align: left;}
#YourAddress    	{position: absolute; left: +100px; top: +180px; width: 300px; text-align: left;}
#CityHdr			{position: absolute; left: +0px; top: +212px; text-align: left;}
#YourCity			{position: absolute; left: +100px; top: +210px; width: 300px; text-align: left;}
#StateHdr			{position: absolute; left: +0px; top: +242px; text-align: left;}
#YourState			{position: absolute; left: +100px; top: +240px; width: 30px; text-align: left;}
#ZipHdr	    		{position: absolute; left: +155px; top: +242px; text-align: left;}
#YourZip			{position: absolute; left: +220px; top: +240px; width: 180px; text-align: left;}
#PhoneHdr			{position: absolute; left: +0px; top: +272px; text-align: left;}
#YourPhone			{position: absolute; left: +100px; top: +270px; width: 300px; text-align: left;}
#EmailHdr		    {position: absolute; left: +0px; top: +302px; text-align: left;}
#YourEmail			{position: absolute; left: +100px; top: +300px; width: 300px; text-align: left;}
#QuestionsHdr		{position: absolute; left: +0px; top: +350px; text-align: left;}
#QuestionsComments  {position: absolute; left: +0px; top: +380px; width: 320px; height: 80px; text-align: left;}
#SubmitEmail	    {position: absolute; left: +325px; top: +380px; width: 80px; height: 40px;}

#ContactBox         {position: absolute; left: 50px; top: 185px; width: 430px; height: 480px; background-color: #FFFFEC; z-index: -1;}

#ContactFooter	    {position: absolute; left: 200px; top: 690px; width: 580px; height: 40px; z-index: 1;}
#ContactAddress	    {position: absolute; left: +0px; top: +0px; width: 560px; text-align: center;}
#ContactPhone	    {position: absolute; left: +0px; top: +15px; width: 560px; text-align: center;}

/** ContactList.asp **/

#ContactListDiv     {position: absolute; left: 70px; top: 185px; width: 900px; height: 480px; overflow: auto; background-color: #FFFFEC; z-index: -1;}

/** HolidayParty.asp **/

#HolidayColorHdr    {position: absolute; left: 60px; top: 20px; width: 760px; height: 400px; text-align: center;}
#HolidayGreenBar    {position: absolute; left: +0px; top: +0px; width: 380px; height: 60px; background-color: #20ED20; padding-top: 9px;}
#HolidayRedBar      {position: absolute; left: +380px; top: +0px; width: 380px; height: 60px; 
                     background-color: #FF0000; padding-top: 9px;}
                     
#HolidayHdr         {position: absolute; left: 70px; top: 100px;}

/** Login.asp **/

#LoginDiv           {position: absolute; left: 270px; top: 185px; width: 350px; height: 140px; background-color: #FFFFEC; z-index: 1;}
#LoginUserHdr       {position: absolute; left: +20px; top: +20px; width: 90px;}
#LoginUserID        {position: absolute; left: +120px; top: +20px; width: 200px; z-index: 20;}
#LoginPasswordHdr   {position: absolute; left: +20px; top: +50px; width: 90px;}
#LoginPassword      {position: absolute; left: +120px; top: +50px; width: 200px; z-index: 20;}
#LoginButton        {position: absolute; left: +20px; top: +80px; width: 90px;}

#LoginFooter	    {position: absolute; left: 200px; top: 490px; width: 580px; height: 40px; z-index: 1;}
#LoginAddress	    {position: absolute; left: +0px; top: +0px; width: 560px; text-align: center;}
#LoginPhone	        {position: absolute; left: +0px; top: +15px; width: 560px; text-align: center;}


/** news.asp page **/

#NewsSummerBox	    {position: absolute; left: 650px; top: 460px; width: 460px; height: 260px; z-index: 1; background-color: #eee8aa;}
#NewsSummer			{position: absolute; left: +10px; top: +130px; text-align: left; width: 150px;}
#NewsSummerPic		{position: absolute; left: +30px; top: +0px;}
#NewsSummerBlurb	{position: absolute; left: +180px; top: +130px; width: 250px;}

#NewsWinterBox	    {position: absolute; left: 650px; top: 170px; width: 460px; height: 280px; z-index: 1; background-color: #87cefa;}
#NewsWinterPic		{position: absolute; left: +30px; top: +0px;}
#NewsWinter			{position: absolute; left: +10px; top: +140px; width: 420px; text-align: left;}
#NewsWinterPicB		{position: absolute; left: +20px; top: +250px;}

#NewsBikeCampBox    {position: absolute; left: 90px; top: 420px; width: 550px; height: 660px; z-index: 0; 
                     background-image: url('images/bicycle.jpg');}
#BikeCampGraph      {position: absolute; left: +10px; top: +10px; text-align: left; width: 200px;}
#BikeCampImg1       {position: absolute; left: +220px; top: +10px; z-index: 2;}
#BikeCampImg2       {position: absolute; left: +25px; top: +180px; z-index: 1;}
#BikeCampImg3       {position: absolute; left: +200px; top: +250px; z-index: 2;}
#BikeCampImg4       {position: absolute; left: +20px; top: +470px;}
#BikeCampImg5       {position: absolute; left: +240px; top: +470px;}

#NewsDonationBox    {position: absolute; left: 520px; top: 690px; width: 280px; height: 170px; z-index: 4; 
                    background-color: #ffffff; border: solid 2px blue;}
#DonationGraph      {position: absolute; left: +10px; top: +10px; text-align: left; width: 260px;}

#NewsPartnerBox     {position: absolute; left: 820px; top: 650px; width: 340px; height: 190px; z-index: 2; background-color: #CCFF99; border: solid 2px #33CC33;}
#NewsPartnerHdr     {position: absolute; left: +10px; top: +10px; text-align: center; width: 320px;}
#NewsPartnerInfo    {position: absolute; left: +10px; top: +30px; text-align: left; width: 320px;}

#ArtPlanetDiv       {position: absolute; left: 420px; top: 180px; width: 190px; height: 190px; z-index: 2; background-color: #ffccff; border: solid 1px #000000;}
#ArtPlanetImage     {position: absolute; left: +133px; top: +00px;}
#ArtPlanetGraph     {position: absolute; left: +10px; top: +10px; text-align: left; width: 160px;}

#YogaDiv            {position: absolute; left: 80px; top: 200px; width: 320px; height: 190px; z-index: 2; background-color: #cccccc; border: solid 1px #000000;}
#YogaImage          {position: absolute; left: +05px; top: +20px;}
#YogaGraph          {position: absolute; left: +70px; top: +05px; text-align: left; width: 240px;}

#bowlingLink        {position: absolute; left: 00px; top: 100px;}
#NewsBowlAThonBox   {position: absolute; left: 600px; top: 650px; width: 360px; height: 300px; z-index: 0; background-color: #FF99FF;}
#NewsBowlImage      {position: absolute; left: +10px; top: +10px;}
#NewsBowlHdr        {position: absolute; left: +150px; top: +10px; text-align: left; width: 260px;}
#NewsBowlGraph      {position: absolute; left: +10px; top: +20px; text-align: left; width: 320px; z-index: 3;}
#NewsBowlImage2     {position: absolute; left: +295px; top: +10px;}

#NewsMDRTBox        {position: absolute; left: 560px; top: 1000px; width: 420px; height: 230px; z-index: 0; background-color: #65F895;}
#NewsMDRTHdr        {position: absolute; left: +10px; top: +10px; text-align: center; width: 400px;}
#NewsMDRTGraph      {position: absolute; left: +10px; top: +40px; text-align: left; width: 400px; z-index: 3;}

#NewsSwimDay        {position: absolute; left: 480px; top: 350px; width: 500px; height: 450px; z-index: 0; background-color: White;
                    background-image: url('images/waterdrop.jpg');}  
#NewsSwimImage      {position: absolute; left: +35px; top: +35px;}
#NewsSwimHdr        {position: absolute; left: +00px; top: +8px; text-align: center; width: 480px;}
#NewsSwimGraph      {position: absolute; left: +10px; top: +350px; text-align: left; width: 460px;}

#NewsPicnic         {position: absolute; left: 520px; top: 1130px; width: 310px; height: 170px; z-index: 0; background-color: White;}  
#NewsPicnicHdr      {position: absolute; left: +5px; top: +10px; text-align: left; width: 290px;}
#PicnicGraph        {position: absolute; left: +5px; top: +50px; text-align: left; width: 290px;}

#NewsScholarshipBox {position: absolute; left: 400px; top: 460px; width: 270px; height: 390px; z-index: 0; background-color: #eee8aa;}
#ScholarshipGraph   {position: absolute; left: +10px; top: +10px; text-align: left; width: 250px;}

#NewsFooter			{position: absolute; left: 200px; top: 1100px; width: 580px; height: 40px; z-index: 1;}

/** sponsors.asp page **/

#SponsorGraph		{position: absolute; left: +0px; top: +120px; width: 500px; text-align: left;}
#HowToDonate		{position: absolute; left: +510px; top: +130px; width: 300px; text-align: left;}
#DonationForm		{position: absolute; left: +500px; top: +160px; width:127px; height: 80px;}
#PayPalLink			{position: absolute; left: +620px; top: +175px; width:127px; height: 80px; text-align: center; z-index: 10;}
#PlatinumHdr		{position: absolute; left: +0px; top: +310px; width: 600px; text-align: left;}
#PlatinumSponsors	{position: absolute; left: +10px; top: +330px; text-align: left; width: 300px;}
#GoldHdr			{position: absolute; left: +0px; top: +410px; width: 600px; text-align: left;}
#GoldSponsors		{position: absolute; left: +10px; top: +430px; text-align: left; width: 300px;}
#SilverHdr			{position: absolute; left: +0px; top: +490px; width: 600px; text-align: left;}
#SilverSponsors		{position: absolute; left: +10px; top: +510px; width: 600px; text-align: left; width: 300px;}
#BronzeHdr			{position: absolute; left: +380px; top: +310px; width: 600px; text-align: left;}
#BronzeSponsors		{position: absolute; left: +390px; top: +330px; width: 600px; text-align: left; width: 300px;}
#SponsorPicB		{position: absolute; left: +10px; top: +590px; width: 200px; height: 150px;}
#SponsorPicC		{position: absolute; left: +290px; top: +540px; width: 200px; height: 150px;}
#SponsorPicD		{position: absolute; left: +580px; top: +500px; width: 200px; height: 150px;}

#SponsorBox {position: absolute; left: 570px; top: 190px; width: 250px; height: 130px; z-index: 0; 
	border: solid 1px #EE2C74; background-color: #FFFFEC;}
	
/** Swimming.asp - slide show of Family Swim Day **/

#SwimPicsDiv        {position: absolute; left: 240px; top: 180px; background-color: White;}

#SwimDayFooter      {position: absolute; left: 200px; top: 800px; width: 580px; height: 40px; z-index: 1;}
	
/** testimonial.asp page **/

#TestimonialBgImage	{position: absolute; left: 0px; top: 0px; height: 840px; overflow: hidden;}

#TestimonialMainDiv	{position: absolute; left: 235px; top: 170px; background-color: White; width: 650px; height: 1120px;}
#TestimonialGraph   {position: absolute; left: +20px; top: +30px; width: 610px;}

#TestimonialFooter	{position: absolute; left: 260px; top: 1310px; width: 580px; height: 40px; z-index: 1;}
#TestimonialAddress	{position: absolute; left: +0px; top: +0px; width: 560px; text-align: center;}
#TestimonialPhone	{position: absolute; left: +0px; top: +15px; width: 560px; text-align: center;}

/** thankyou.asp page **/

#ThanksBgImage	{position: absolute; left: 0px; top: 0px; height: 520px; overflow: hidden;}
#ThanksMessage	{position: absolute; left: +200px; top: +120px; width: 700px; text-align: left;}


#ThanksFooter	{position: absolute; left: 200px; top: 300px; width: 580px; height: 40px; z-index: 1;}
#ThanksAddress	{position: absolute; left: +0px; top: +0px; width: 560px; text-align: center;}
#ThanksPhone	{position: absolute; left: +0px; top: +15px; width: 560px; text-align: center;}