a:link{color:blue; text-decoration:underline}
a:visited{color:blue; text-decoration:underline}
a:focus{color:olive; text-decoration:underline;}
a:hover{color:red; text-decoration:underline;}
a:active{color:blue; text-decoration:underline;}



/* Purple Area */

#MainArea{
position: absolute;
left: -7;
top: 0;
width: 968;
height: 100%;
background-color: #C1C1DB;
background-image: url(/images/mainleft.gif);
background-position: left;
background-repeat: repeat-y;
z-index: 99
}

#videoArea{
position: absolute;
left: 150;
top: 30;
width: 968;
z-index: 101
}



#MainTop{
height: 10;
background-image: url(/images/maintop.gif);
background-position: top;
background-repeat: repeat-x;
z-index: 100;
}

#MainBottom{
background-image: url(/images/mainbottom.gif);
background-position: bottom;
background-repeat: repeat-x;
position: absolute;
left: 20;
top:100%;
width: 100%;
height: 20;
background-color: #C1C1DB;
}


#MainTopLeft{
background-image: url(/images/MainCornerLeftTop.gif);
background-position: left;
width: 37;
height: 52;
position: absolute;
left: 0;
top: -10;

}

#MainTopRight{
background-image: url(/images/MainCornerRightTop.gif);
background-position: right;
width: 38;
height: 44;
position: absolute;
left:100%;
top: -11;


}

#MainRight{
background-image: url(/images/MainRight.gif);
background-position: right;
width:42;
height:99%;
position: absolute;
left: 100%;
top: 20;
background-position: left;
background-repeat: repeat-y;

}

#MainBottomRight{
background-image: url(/images/MainCornerRightBottom.gif);
background-position: right;
width: 38;
height:20;
position: absolute;
left: 100%;
top: 100%;
background-color: #ffffff;
}


#MainBottomleft{
background-image: url(/images/MainCornerLeftBottom.gif);
background-position: right;
width:39;
height:27;
position: absolute;
left:12;
top: 8;
margin-right: 0;
background-color: #C1C1DB;
}


/* end Purple Area */



/* White Area */

#whiteArea{
position: relative;
text-align: left;
width: 760;
height: 5100;
background-color: #ffffff;
position: absolute;
left: 196;
top: 127;

}


#whiteTopLeft{
background-image: url(/images/whiteTopLeft.gif);
position: absolute;
left: -3;
top: 0;
width: 24;
height: 21;
background-position: top;
}

#whiteTopRight{
background-image: url(/images/whiteTopRight.gif);
position: absolute;
left: 736;
top: 0;
background-position: bottom;
width: 24;
height: 21;
}

#whiteBottomRight{
background-image: url(/images/whiteBottomRight.gif);
background-position: right;
width: 27;
height:22;
position: absolute;
left: 736;
top: 100%;
background-color: #ffffff;
}


#whiteBottomleft{
background-image: url(/images/whiteBottomLeft.gif);
background-position: bottom;
position: absolute;
left:-3;
top: 100%;
width:27;
height:24;
background-color: #ffffff;
}


#WhiteBottom{
position: absolute;
left: 24;
top: 100%;
width:725;
height:21;
background-color: #ffffff;
}





/* end white Area */


/* Contents Area */


.NetscapePopUP{
position: absolute;
left: 130px; 
top: 100px;
height: 20px;
width: 100px;
font-family: Arial, Helvetica, sans-serif; 
font:size 13px;
line-height: 18px;
visibility: hidden;
z-index: 100;
}

.PopUP{
position: absolute;
left:176px; 
top:144px;
z-index: 300;
visibility: hidden;
background-color: #FFFFFF; 
layer-background-color: #FFFFFF;
background-image: url(/images/MainMenuButton.jpg);
background-position: top;
width:140;
height:432;
background-color: #ffffff;
}


#PopUpText1{ /* Acupuncture */
position: absolute;
left: 23;
top:  3;
width:175;
height:10;
}


#PopUpText2{ /* Homeopathy */
position: absolute;
left: 23;
top: 30;
width:175;
height:10;
}

#PopUpText3{ /* EIS      27*/
position: absolute;
left: 53;
top: 58;
width:175;
height:10;
}

#PopUpText4{ /* Skenar */
position: absolute;
left: 38;
top: 85;
width:175;
height:10;
}

#PopUpText5{ /* Bioresonance */
position: absolute;
left: 21;
top: 112;
width:175;
height:10;
}

#PopUpText6{ /* Laser */
position: absolute;
left: 46;
top: 139;
width:175;
height:10;
}

#PopUpText7{ /* Aromatherapy */
position: absolute;
left: 23;
top: 165;
width:175;
height:10;
}

#PopUpText8{ /* Massage */
position: absolute;
left: 36;
top: 192;
width:175;
height:10;
}

#PopUpText9{ /* Reflexology */
position: absolute;
left: 28;
top: 219;
width:200;
height:10;
}

#PopUpText10{ /* Hypnotherapy */
position: absolute;
left: 21;
top: 246;
width:175;
height:10;
}

#PopUpText11{ /* Meditation */
position: absolute;
left: 33;
top: 274;
width:175;
height:10;
}

#PopUpText12{ /* Nutrition */
position: absolute;
left: 36;
top: 301;
width:175;
height:10;
}

#PopUpText13{ /* Physiotherapy */
position: absolute;
left: 23;
top: 327;
width:175;
height:10;
}

#PopUpText14{ /* Ozone-therapy */
position: absolute;
left: 16;
top: 354;
width:175;
height:10;
}

#PopUpText15{ /* nes */
position: absolute;
left: 47;
top: 382;
width:175;
height:10;
}


#PopUpText16{ /* Darkfield */
position: absolute;
left: 3;
top: 410;
width:175;
height:10;
}



#ContentsArea{
width: 156;
height: 430;
background-color: #ffffff;
position: absolute;
left: 29;
top: 126;
}

#ContentsAreaTopLeft{
background-image: url(/images/whiteTopLeft.gif);
position: absolute;
left: -3;
top: 0;
width: 24;
height: 24;
background-position: top;
}

#ContentsAreaTopRight{
background-image: url(/images/whiteTopRight.gif);
position: absolute;
left: 132;
top: 0;
background-position: bottom;
width: 24;
height: 21;
}

#ContentsAreaBottomRight{
background-image: url(/images/whiteBottomRight.gif);
background-position: right;
width: 27;
height: 22;
position: absolute;
left: 132;
top: 100%;

}


#ContentsAreaBottomleft{
background-image: url(/images/whiteBottomLeft.gif);
background-position: bottom;
position: absolute;
left:-3;
top: 100%;
width:27;
height:24;
background-color: #ffffff;
}


#ContentsAreaBottom{
position: absolute;
left: 24;
top: 100%;
width:120;
height:21;
background-color: #ffffff;
}


#ContentsAreaButton1{
background-image: url(/images/MainMenuButton.jpg);
background-position: top;
position: absolute;
left: 8;
top: 4;
width:140;
height:244;
background-color: #ffffff;
}


.roselink1 {
font-family: Arial, Helvetica, sans-serif; 
font-size: 15px;
margin-left: 0px;
font-weight:bold; 
}

.roselink1:link{color:white; text-decoration:none}
.roselink1:visited{color:white; text-decoration:none}
.roselink1:focus{color:olive; text-decoration:none;}
.roselink1:hover{color:red; text-decoration:none;}
.roselink1:active{color:white; text-decoration:none;}


.roselink2 {
font-family: Arial, Helvetica, sans-serif; 
font-size: 15px;
margin-left: 0px;
font-weight:bold; 
}

.roselink2:link{color:blue; text-decoration:none}
.roselink2:visited{color:blue; text-decoration:none}
.roselink2:focus{color:olive; text-decoration:none;}
.roselink2:hover{color:red; text-decoration:none;}
.roselink2:active{color:blue; text-decoration:none;}



.h1-rosedale{
font-family: verdana, Arial, helvetica; 
font-size: 20px;
margin-left: 0px;
font-weight:bold;
}

.roselinkSmall {
font-family: Arial, Helvetica, sans-serif; 
font-size: 13px;
margin-left: 0px;
font-weight:bold; 
}

.roselinkSmall:link{color:white; text-decoration:none}
.roselinkSmall:visited{color:white; text-decoration:none}
.roselinkSmall:focus{color:olive; text-decoration:none;}
.roselinkSmall:hover{color:red; text-decoration:none;}
.roselinkSmall:active{color:white; text-decoration:none;}


#ContentsAreaButtonText1{ /* Welcome */
position: absolute;
left: 42;
top: 8;
width:155;
height:10;
}

#ContentsAreaButtonText2{  /* About us */
position: absolute;
left: 42;
top: 35;
width:175;
height:10;
}

#ContentsAreaButtonText3{  /* Therapies */
position: absolute;
left: 36;
top: 62;
width:175;
height:10;
}

#ContentsAreaButtonText4{ /* Consulation Fees */
position: absolute;
left: 12;
top: 89;
width:175;
height:10;
}

#ContentsAreaButtonText5{  /* Stop Smoking */
position: absolute;
left: 22;
top: 115;
width:175;
height:10;
}

#ContentsAreaButtonText6{  /* Wholeistic Health */
position: absolute;
left: 12;
top: 143;
width:175;
height:10;
}
#ContentsAreaButtonText7{  /* The Top 75 */
position: absolute;
left: 38;
top: 170;
width:175;
height:10;
}

#ContentsAreaButtonText8{  /* News  */
position: absolute;
left: 57;
top: 197;
width:175;
height:10;
}

#ContentsAreaButtonText9{  /* Contact Us */
position: absolute;
left: 37;
top: 224;
width:175;
height:10;
}




#ContentsAreaChrisPic {
background-image: url(/images/chris.jpg);
background-position: top;
position: absolute;
left:15;
top: 250;
width: 126;
height: 152;
}

#ContentsAreaChrisPicText {  /* Chris Text */
position: absolute;
left: -11;
top: 405;
width:175;
height:10;
font-family: Arial, Helvetica, sans-serif; 
font-size: 12px;
margin-left: 0px;
font-weight:bold; 
text-align: center;
color : #343399;
}




/*         */







/* Logo Area */


#LogoArea{
background-image: url(/images/RosedaleLogo.jpg);
background-position: left;
width: 956;
height: 130;
position: absolute;
left: 25;
top: 10;
}

/* Welcome Page */

/* Case Studies */

#CaseStudies{
width: 156;
height: 420;
background-color: #ffffff;
position: absolute;
left: 798;
top: 128;
}

#CaseStudiesTopLeft{
background-image: url(/images/whiteTopLeft.gif);
position: absolute;
left: -3;
top: 0;
width: 24;
height: 21;
background-position: top;
}

#CaseStudiesTopRight{
background-image: url(/images/whiteTopRight.gif);
position: absolute;
left: 132;
top: 0;
background-position: bottom;
width: 24;
height: 21;
}

#CaseStudiesBottomRight{
background-image: url(/images/whiteBottomRight.gif);
background-position: right;
width: 27;
height:22;
position: absolute;
left: 132;
top: 100%;
background-color: #ffffff;
}


#CaseStudiesBottomleft{
background-image: url(/images/whiteBottomLeft.gif);
background-position: bottom;
position: absolute;
left:-3;
top: 100%;
width:27;
height:24;
background-color: #ffffff;
}

#CaseStudiesBottom{
position: absolute;
left: 24;
top: 100%;
width:120;
height:21;
background-color: #ffffff;
}



.caseLink {
font-family: Arial, Helvetica, sans-serif; 
font-size: 12px;
margin-left: 0px;
font-weight: normal;
color : #343399; 
}

.caseLink:link{color:#343399; text-decoration:none}
.caseLink:visited{color:#343399; text-decoration:none}
.caseLink:focus{color:olive; text-decoration:none;}
.caseLink:hover{color:red; text-decoration:underline;}
.caseLink:active{color:#343399; text-decoration:none;}




.CaseStudiesText{
font-family: Arial, Helvetica, sans-serif; 
font-size: 16px;
margin-left: 0px;
font-weight:bold; 
color : #343399;
}





#CaseStudiesText1{
position: absolute;
left: 24;
top: 5;
width:120;
height:21;
font-family: Arial, Helvetica, sans-serif; 
font-size: 16px;
margin-left: 0px;
font-weight:bold; 
color : #343399;
}
#CaseStudiesText2{ /* Allergy */
position: absolute;
left: 1;
top: 35;
width:120;
height:21;
font-family: Arial, Helvetica, sans-serif; 
font-size: 12px;
margin-left: 0px;
font-weight:bold; 
color : #343399;
}








/* end case studies */


.TextArea1{
position: absolute;
left: 200;
top: 128;
width: 580;
height : 1900;
background-color: #ffffff;
font-family: Arial, Helvetica, sans-serif; 
font-size: 14px;
margin-left: 0px;

}

.TextArea2{
position: absolute;
left: 10;
top: 10;
background-color: #ffffff;
font-family: Arial, Helvetica, sans-serif; 
font-size: 14px;
margin-left: 0px;
width: 550;
height:90%;
}








#FlowerArea{
background-image: url(/images/flowers.jpg);
background-position: top;
position: absolute;
left: 217;
top: 128;
width: 555;
height:288;
background-color: #C1C1DB;
}


#GreenBox{
background-image: url(/images/greenarea.jpg);
background-position: top;
position: absolute;
left: 206;
top: 420;
width: 578;
height:150;

}
.GreenBoxText {
position: absolute;
left: 20;
top: 5;
font-family: Arial, Helvetica, sans-serif; 
font-size: 13px;
margin-left: 0px;
width: 540;
height:90%;
color : #343399;
}