@charset "UTF-8";
/* CSS Document */

/*
---------------------------------------------
Joyful Transformations Inc
---------------------------------------------
*/

 
body {
	text-align:left;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:15px;
	margin:0;
	padding:0;
	height: 100%;
	color: #7b888e;
	line-height: 23px;
	letter-spacing: -.2px;
        list-style-type: disc;
}

a {
text-decoration:none;
color: #7b888e;
}


a:hover {
text-decoration:none;
font-weight:string;
color:#ce336e;
}

a.selected {
font-weight:normal;
text-decoration:underline;
color:#ce336e;
}


a img {
border:none;
}

p{
color:#7b888e;
font-size:16px;
line-height:24px;
text-align:left;
}


h1  {
font-size:24px; 
font:normal
}
 
 
.bullet1 {
list-style-type: disc; 
color:#ce336e;
}


li {
	display:inline;
	list-style-image: none;
	list-style-type: disc;
} 

input
{
color: #febacf;;
background: #821545;
border: 1px solid #c64172;
}

textarea
{
color: #ffffff;
background:#821545;
border: 1px solid #c64172;
} 


 

/*
---------------------------------------------
nav bar
---------------------------------------------
*/

#nav {
float:right; 
height: 60px;
width: 550px;  
padding-top:8px
}

#nav ul {
margin:0px;
padding-top:15px;
font-family:  Georgia, "Times New Roman", Times, serif;
font-size:9px;
color: #7b888e;   
}



#nav li {
list-style-type:none;
display:inline;
}

#nav a {
text-decoration : none;
font-size:16px;
color: #7b888e;  
}

#nav a:hover {
text-decoration:none;
color:#ce336e;
}
 
#nav a:selected {
text-decoration:none;
color:#ce336e; 
text-decoration:none;
font-style:none;
}

 
/*
---------------------------------------------
.text styles
---------------------------------------------
*/
 
 
.sanserif {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;  
}


.sanserif1 {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
line-height: 18px;
}


.sanserif2 {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
line-height: 24px;
font-size:17px;
}

.sanserif3 {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 	
line-height:23px;
font-size:16px;
}


.sanserif4 {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
line-height: 19px;
}


.sanserif5 {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:17px;
}

.sanserif6 {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:19px;
line-height:20px;
}

.sanserif7 {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:14px;
line-height:20px;
}

.footertextsmall {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
line-height: 12px;
color:#767676;
}
	
	
.justify {
text-align:justify;
}

.fuscia1{ 
color:#5b0e6b; 
}


.pink{ 
color:#ce336e; 
}
 


.pink2{ 
color:#a92963; 
}


.pink3{ 
color:#ff438a; 
}


.pink4{ 
color:#ff9bc2; 
}


.ltpink{ 
color:#febacf; 
}


.gray {
color:##7b888e;
}

.lav{ 
color:#da9de8; 
}


.white{ 
color:#ffffff; 
}


.gold{ 
color:#d98038; 
}


.green{ 
color:#298777; 
}

.size18 {
font-size:18px;
}

.size14 {
font-size:14px;
}

.size21 {
font-size:21px;
line-height:23px;
}

.lineh22 {
line-height:22px;
}

.lineh10 {
line-height:10px;
}

.lineh13 {
line-height:13px;
}


.ltgreen {
color:#bee1da;
}
/*
---------------------------------------------
Logo container
---------------------------------------------
*/
 

#logo {
 
 
}

/*
---------------------------------------------
common divs
---------------------------------------------
*/

#topparag {
	
	width:850px;
	padding-left:25px;
	height:100px;
	padding-top:40px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
 
}


/*
---------------------------------------------
header section 
---------------------------------------------
*/

#headercont {
	width: 900px;
	height:140px;
	background-color:#ffffff; 
	margin:auto;
}

#headercol1 {  
width:350px;
height: 140px;
float:left; 
}


#headercol2 {
float:right;
width:550px; 
height:140px; 
}


#headercol2a {
float:right;
width:550px; 
height:70px; 
}

#headercol2b {
float:right;
width:550px; 
height:70px; 
}


/*
---------------------------------------------
home page
---------------------------------------------
*/

#homecont {
width:100%;
height:1555px;
background:url(../images/homebg.jpg) center repeat-x;
}

#homebg {
width:100%;
height:1555px;
background:url(../images/homebg2.png) center no-repeat;
}

#homemaincont {
width:900px;
height:1555px;
margin:auto;
}

#header2conthome {
	width: 900px;
	height:420px;  
	margin:auto;
	background:url(../images/homeheader.png) center no-repeat;
}


#header2conthome1 {
width:380px;
padding-left:520px;
height:410px;

}
 
#headerhome2cont1 {
float:left;
width:380px;
height:255px;
padding-top:60px;
}

#headerhome2cont2 {
float:left;
width:370px;
height:70px;
padding-top:10px;
padding-left:10px;
}

 

#pinkhomecont {
 width:900px;
height: 340px;
margin:auto; 
}
 
#pinkhomecol1 {
float:left;
height:270px;
color:#ffffff;
width:565px;
padding-top:40px;
padding-left:25px;
}

#pinkhomecol1title {
float:left;
width:565px;
height:30px;
padding-top:25px; 
}

#pinkhomecol2 {
float:right;
height:340px;
width:300px;
background:url(../images/homeeventsimg.png) center no-repeat;
}

#eventscontrow1 {
width:230px;
height:30px; 
float:left; 
padding-top:70px;
padding-left:70px;
}

#eventscontrow234 {
padding-top:25px;
height:130px;
width:260px;
padding-left:40px;
float:left;
}


#eventscontrow2 {
margin:auto;
height:20px;
width:260px;
padding-top:5px;
}

#eventscontrow3 {
margin:auto;
height:20px;
width:260px;
padding-top:17px;
}

#eventscontrow4 {
margin:auto;
height:20px;
width:260px;
padding-top:17px;
}

#eventscontrow5 {
float:left;
height:50px;
width:260px;
padding-left:40px;
padding-top:10px;
}

#snippetcont{
width:900px;
height:250px;
padding-top:60px;
margin:auto;
}

#snippetcol1 {
float:left;
width:250px;
height:250px;
padding-left:25px;
padding-right:55px;
}


#snippetcol2 {
float:left;
width:250px;
height:250px;
}

#snippetcol3 {
float:right;
width:320px;
height:250px;
}


#welcomecont {
width:900px;
height:300px;
margin:auto;
padding-top:40px;
}

#welcomecola {
float:left;
height:300px;
width:565px;
padding-left:25px;
}


#welcomecolb {
float:right;
height:300px;
width:270px;
padding-left:25px;
}


#welcometitle {
float:left;
width:565px;
height:60px;
}

/*
---------------------------------------------
about page
---------------------------------------------
*/

#aboutcont {
width:100%;
height:1090px;
background:url(../images/aboutbg.jpg) center repeat-x;
}

#aboutbg {
 width:100%;
height:1090px;
background:url(../images/aboutbg2.png) center no-repeat;
}

#aboutmaincont {
width:900px;
height:1090px;
margin:auto;
}
 

#header2contabout {
width:900px;
height:420px;
margin:auto;
background:url(../images/aboutheader.png) center no-repeat;
}


#header2contabout1 {
width:380px;
padding-left:580px;
height:100px;
padding-top:140px;

}



#aboutmidcont {
padding-top:30px;
height:440px;
width:900px;
margin:auto;
background:url(../images/aboutmidbg.png) bottom center no-repeat;
}

#aboutmidcol1 {
padding-left:55px;
width:205px;
height:440px;
float:left;
}

#aboutmidcol2 { 
width:200px;
height:440px;
float:left;
padding-left:10px;

}

#aboutmidcol3 { 
padding-right:50px;
padding-left:5px;
width:205px;
height:440px;
float:right;
}


.aboutmidpadright {
padding-right:85px;
}

.aboutmidpadtop {
padding-top:80px;
}

#aboutprefooter {
height:197px;
width:875px;
float:left;
padding-left:25px;
}

/*
---------------------------------------------
programs page
---------------------------------------------
*/

#programscont {
width:100%;
height:1900px;
background:url(../images/programsbg.jpg) center repeat-x;
}

#programsbg {
 width:100%;
height:1900px;
background:url(../images/programsbg2.png) center no-repeat;
}

#programsmaincont {
width:900px;
height:1900px;
margin:auto;
}
 
#header2contprograms {
width:900px;
height:420px;
margin:auto;
background: url(../images/programsheader.png) center no-repeat;
}


#header2programs {
height:360px;
width:380px;
padding-left:520px;
padding-top:60px;
}

#header2progrow1 {
height:250px;
width:380px;
float:left;
}

 #header2progrow2 {
height:110px;
width:350px;
float:left;
padding-right:15px;
}

#programspinkcont {
height:375px;
width:900px;
margin:auto;
}

#programspinkcol1 {
float:left;
width:565px;
height:295px;
padding-top:80px;
padding-left:25px;
}

#progpinktitle {
height:40px;
width:565px;
float:left;
}

#programspinkcol2 {
float:right;
width:300px;
height:375px;  
background:url(../images/purprectangle.png) center no-repeat;
}

#progpinktitle2 {
padding-top:40px;
padding-left:30px;
height:55px;
width:270px;
float:left;
}

#progpinkcol2text {
padding-right:40px;
padding-left:40px;
height:240px;
width:220px;
float:left;
}


#offprogcont {
height:485px;
width:900px;
margin:auto;
}

#offprogtitle {
	padding-top:20px;
height:35px;
width:875px;
padding-left:25px;
}

#offprog3col {
padding-top:30px;
height:410px;
padding-left:25px;
width:875px;
margin:auto;
line-height:21px;
font-size:15px;
font-family:Georgia, "Times New Roman", Times, serif;
}

#offprogcol1 {
float:left;
width:265px;
height:400px;
padding-right:30px;
}

#offprogcol2 {
float:left;
width:260px;
height:400px;
padding-right:50px;
}

#offprogcol3 {
float:right;
width:270px;
height:400px;
}

.offprogtextpad {
padding-right:40px;
}

#wantcont {
height:100px;
width:875px;
padding-left:25px;
float:left;
}

#adultprog {
width:900px; 
height:310px; 
float:left;
background: url(../images/adultprogbg.png) center no-repeat;
}


#adultprogcol1 {
width:565px;
float:left;
padding-left:25px;
height:245px;
}


#adultprogcol2 {
width:210px;
float:right;
padding-left:45px;
padding-right:45px;
height:245px;
background:url(../images/progclubbg.png) no-repeat center;
}

#aprogcol1title {  
padding-top:40px;
float:left;
width:565px;
height:50px;
}

aprogcol2title {
padding-left:30px;
float:left;
width:270px;
height:90px;
}


/*
---------------------------------------------
getinvolved page
---------------------------------------------
*/

#getinvolvedcont {
width:100%;
height:1720px;
background:url(../images/getinvolvedbg.jpg) center repeat-x;
}

#getinvolvedbg {
 width:100%;
height:1720px;
background:url(../images/getinvolvedbg2.png) center no-repeat;
}

#getinvolvedmaincont {
width:900px;
height:1720px;
margin:auto;
}
 
#header2contgetinvolved {
width:900px;
height:420px;
margin:auto;
background: url(../images/getinvolvedheader.png) center no-repeat;
}

#getinvolvedheader {
padding-left:500px;
padding-top:60px;
height:360px;
width:400px;
float:left;
}

#getinvolvedheader1 {
padding-left:20px; 
height:250px;
width:380px;
float:left;
}

#getinvolvedheaderr2 { 
height:80px;
width:400px;
float:left;
}


#getpinkcont { 
height:340px;
width:900px;
margin:auto;
}

#getpinkcol1 {
padding-left:25px; 
height:330px;
width:565px;
float:left;
}


#getpinkcol2 {
height:280px;
width:300px;
float:right;
padding-top:50px;
text-align:center;
background:url(../images/circlebg.png) center bottom no-repeat;
}


#getpinkcoltitle{
padding-top:50px;
height:70px;
width:565px;
float:left;
}


#getpinkcol2text {
padding-top:50px;
height:240px;
width:230px;
margin:auto;
padding-left:40px;
padding-right:30px;
}

#getbottomcont {
padding-top:40px; 
height:390px;
width:900px;
margin:auto;
font-size:15px;
font-family:Georgia, "Times New Roman", Times, serif;
}


#getbottomrow1 { 
height:330px;
width:900px;
margin:auto;
}


#getbottomcol1 { 
padding-left:25px;
height:330px;
width:295px;
float:left;
}


#getbottomcol2 { 
padding-right:55px;
height:330px;
width:260px;
float:left;
}


#getbottomcol3 {  
height:330px;
width:240px;
float:right;
}

#getbottomrow2 { 
height:60px;
width:580px;
float:left;
padding-left:320px;
}

.getbottompad {
padding-right:75px;
}


#getsupporterscont{ 
padding-top:130px;
padding-left:25px;
height:150px;
width:875px;
float:left;
}

#getsupporterstitle{  
height:50px;
width:875px;
float:left;
}

/*
---------------------------------------------
events page
---------------------------------------------
*/

#eventscont {
width:100%;
height:1920px;
background:url(../images/eventsbg.jpg) center repeat-x;
}

#eventsbg {
 width:100%;
height:1920px;
background:url(../images/eventsbg2.png) center no-repeat;
}

#eventsmaincont {
width:900px;
height:1920px;
margin:auto;
}
 
#header2contevents {
width:900px;
height:420px;
margin:auto;
background: url(../images/eventsheader.png) center no-repeat;
}

#header2events {
width:380px;
height:360px;
margin:auto;
padding-top:60px;
padding-left:460px;
}

#header2eventsr1 {
height:240px;
width:380px;
float:left;
}


#header2eventsr2 {
height:60px; 
width:360px;
float: left; 
padding-left:20px;
}


#eventscontent {
width:900px;
padding-top:50px;
height:1040px;
margin:auto;
}


#eventsa {
width:900px;
height:330px;
margin:auto;
font-family:Georgia, "Times New Roman", Times, serif;
line-height:15px;
}

#eventsacol1 {
padding-left:25px;
width:565px;
height:330px;
float:left;
}

#eventsacol1title { 
width:565px;
height:70px;
float:left;
}


#eventsacol2 {
padding-left:30px;
width:270px;
height:ΩΩ0px;
float:right;
padding-top:20px;
}






#eventsb {
width:900px;
height:300px;
margin:auto;
padding-top:20px;
}


#eventsbcol1 {
padding-left:25px;
width:565px;
height:300px;
float:left;
}

#eventsbcol1title { 
width:565px;
height:70px;
float:left;
}


#eventsbcol2 {
padding-left:30px;
width:270px;
height:280px;
float:right;
padding-top:20px;
}






#eventsc {
width:900px;
height:350px;
margin:auto;  
padding-top:20px;
}


#eventsccol1 {
padding-left:25px;
width:565px;
height:330px;
float:left;
}

#eventsccol1title { 
width:565px;
height:50px;
float:left;
padding-top:20px;
}


#eventsccol2 {
padding-left:30px;
width:270px;
height:280px;
float:right;
padding-top:30px;
}




#eventsbottomcont {
padding-left:25px;
width:875px;
height:60px;
float:left;
}

#eventscalendar  {
width:900px;
height:350px;
float:left;
}

#eventscalendarh1 {
padding-top:30px;
margin:auto;
height:30px;
width:900px;
}

#eventscalendarbox {
padding-top:30px;
height:230px;
width:600px;
margin:auto;
}

/*
---------------------------------------------
contact page
---------------------------------------------
*/

#contactcont {
width:100%;
height:870px;
background:url(../images/contactbg.jpg) center repeat-x;
}

#contactbg {
 width:100%;
height:870px;
background:url(../images/contactbg2.png) center no-repeat;
}

#contactmaincont {
width:900px;
height:870px;
margin:auto;
}
 
#header2contcontact  {
width:900px;
height:420px;
margin:auto;
background: url(../images/contactheader.png) center no-repeat;
}


#header2contact  {
width:380px;
float:left;
padding-left:520px;
height:360px;
padding-top:60px;
}


#headercontactr1 {
width: 380px;
height:200px;
float:left;
}


#headercontactr2 {
width: 380px;
height:150px;
float:left;
}

#contactpinkcont {
height:400px;
width:900px;
margin:auto;
padding-top:40px;

}

#contactpinkr1 {
padding-top:30px;
height:60px;
float:left;
width:875px;
padding-left:25px;
}

#contactpinkr2 {
padding-top:10px;
height:50px;
float:left;
width:875px;
padding-left:25px;
}

#contactpinkr3 {
color:#ffffff;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
padding-top:20px;
height:220px;
float:left;
width:875px;
padding-left:25px;
}

#contactpinkrow3a {
height:220px;
width:215px;
float:left;

}

#contactpinkrow3b {
height:220px;
width:210px;
float:left;
padding-left:30px;
}

#contactpinkrow3c {
height:220px;
width:345px;
float:right;
padding-left:50px;
padding-right:25px;
}

/*
---------------------------------------------
thankyou page
---------------------------------------------
*/

#thankyoucont {
width:100%;
height:610px;
background: url(../images/thankyoubg.jpg) center no-repeat;
}


#thankyoumaincont {
height:610px;
width:900px;
margin:auto;
}

#thankyouhomelink {
width:310px;
height:40px;
float:right;
padding-top:470px;
}



/*
---------------------------------------------
footer section
---------------------------------------------
*/

#footercont {
width:100%;
height:240px;
background: url(../images/footerbg.jpg) center repeat-x;
}

#footerbg {
 width:900px;
height:240px;
background: url(../images/footerbg2.png) center no-repeat;
margin:auto;
}

#footertext {
width:700px;
padding-top:180px;
line-height::13px;
height:60px;
float:right;
font-size:12px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#767676;
}