@import url(menu.css);

@charset "UTF-8";
/* SISTERS 4 CURE CSS */

/* Color Chart */
/*
Violet :: #471E2E
Pink :: #F06597
*/


p.c5 {
text-align: center
}

p.c4 {
text-align: left
}

div.c3 {
display:none
}

div.c2 {
text-align: right
}
input.c1 {
text-align:right
}

.space {
padding-top:10px;
}

html, body {
border:0;
margin:0;
padding:0;
height:100%;
width:100%;
}

body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
line-height:22px;
color:#FFF;
background-color: #FFFFFF;
}

p, ul, ol {
margin:0px;
padding:11px 0 11px 0px;
}

p.index {
margin:0px;
padding:42px 20px 11px 20px;
text-align: left;
line-height:25px;
}

p.message {
text-align: center;
/*word-spacing:22px;*/
margin-top:-18px;
}

p.messages {
text-align: center;
word-spacing:2px;
margin-top:-18px;
}

.logos {
text-align: left;
padding-bottom: 15px;
}

br {
margin-bottom:3px;
}

ul.benefits {
line-height: 26px;
padding: .3em 0 .2em .6em;
list-style-type: disc;
line-height: 22px;
margin:0;
color:#ED4F75;
font-weight:bold;
font-size:13px;
text-decoration:none;
}

/***** Headings *****/

h1 {
padding:0px 0px 0px 0px;
letter-spacing:-.09px;
margin-top:15px;
font-weight:900;
color: #F2728C;
font-size:16px;
}

h2{
letter-spacing:0.07em;
/*text-transform: lowercase;
*/font-variant: small-caps;
opacity:0.70;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=70)";
filter:alpha(opacity=70);
zoom:1;
color:#471E2E;
border-bottom:none;
text-decoration:none;
font-weight:bold;
background-color:#FCDCE3;
-webkit-border-radius: 4px;
-moz-border-radius: 4px; 
-o-border-radius: 4px;
border-radius: 4px;
font-size:12px;
padding-left:3px;
padding-right:3px;
}

h3{
padding:11px 13px 0px 13px;
letter-spacing:.05px;
font-weight:700;
text-decoration:none;
font-size:13px;
text-align:center;
text-transform: uppercase;
color:#ffffff;
line-height:24px;
}

/* Magically remove link borders in firefox! */
a:active, a:focus {outline:0;}

/* * * * * * * * * * * * * * * * * * * * * * INDEX PAGE STATIC LAYOUT  * * * * * * */

#container{
width:837px;
height:920px;
/*padding-right:15px;
*/margin-left:auto;
margin-right:auto;
margin-top:0px;
overflow:hidden;
}

#homeContentHolder{
width:852px;
height:537px;
text-align:left;
margin-left:auto;
margin-right:auto;
margin-top:0px;
}

#ribbonPhotobook{
width:750px;
height:490px;
float:top; clear:top;
position:absolute;
margin-left:100px;
margin-right:0px;
z-index:10;
}

#purpleBox{
width:292px;
height:537px;
margin-top:0px;
background:url(../images/purpleBackground.png) top center no-repeat;
position:absolute;
z-index:5;
}

#purpleText{
width:270px;
height:500px;
margin-top:0px;
position:absolute;
z-index:20;
}

#message{
width:271px;
height:128px;
position:absolute;
top:366px;
left:3px;
z-index:40;
background:url(../images/frontMessage.png) top center no-repeat;
}

#footerHome{
width:837px;
height:150px;
margin-left:auto;
margin-right:auto;
padding-top:0px;
margin-top:-20px;
}

/* * * * * * * * * * * * * * END STATIC LAYOUT  * * * * * * */


/* PRECIOUS STONES PAGE * * * * * * * * * * */

#preciousStoneContainer{
width:837px;
height:628px;
text-align:left;
margin-left:auto;
margin-right:auto;
margin-top:0px;
padding-bottom:35px;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *  SCROLLING TEMPLATE STARTS HERE */

#containerScroll{
width:837px;
height:100%;
margin-left:auto;
margin-right:auto;
margin-top:0px;
}

#ribbon{
width:355px;
height:500px;
float:left; clear:left;
margin:0px;
}

#contentRight{
width:482px;
min-height:420px;
margin:0px;
padding-right:0px;
padding-left:0px;
padding-bottom:33px;
float:right; clear:right;
}

/* HEADER STARTS HERE */

#header{
width:837px;
height:190px;
margin-top:30px;
}

#logo{
width:420px;
height:140px;
float:left;
}

#rightSide{
width:417px;
height:140px;
padding-top:50px;
float:right;
margin:0 auto;
}

#subscribe{
width:265px;
height:55px;
margin-left:112px;
margin-top:15px;
}

#donate{
width:114px;
height:37px;
/*background:url(../images/donate.png) top center no-repeat;
*/padding-top:0px;
margin-left:302px;
margin-top:0px;
}

/* END HEADER  * * * * * * */

#menu{
width:837px;
height:15px;
margin-top: 0px;
padding-bottom:15px;
}

/* END MENU  * * * * * * */


/* * * * * * * * * * * * * * * * * * * * * * FOOTER STARTS HERE */

#footer{
width:837px;
height:150px;
float:left;
margin-left:auto;
margin-right:auto;
padding-top:0px;
}

#socialRibbon{
width:837px;
height:74px;
margin:0px;
outline:0px;
padding-top:0px;
padding-left:0px;
z-index:30;
position:relative;
}

#socialRibbonTop{
width:250px;
height:91px;
outline:0px;
padding:0px;
z-index:60;
position:relative;
left:303px;
top:-151px;
}

#bottomLinks{
width:837px;
height:42px;
text-align:center;
padding:0px;
margin-top:33px;
}

/* END FOOTER  * * * * * * */


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * PURE CSS IMAGE ROLLOVER EFFECT WITH TOOLTIP */

a.rollover {
	display: block;
	float:left;
	width: 279px;
	height: 74px;
	text-decoration: none;
	background: url(../images/footerRibbonKnowStats.png);
	}
	
a.rollover:focus {
	z-index:50;
	}
	
a.rollover span {
	display: none;
	position:absolute;
	top:-450px; left:0;
     /* the line above is all that is necessary in a.tooltip span the rest is formatting - you can alter top and left */
     padding:13px; 
	 border:5px solid #703047;
	 -webkit-border-radius: 5px;
     -moz-border-radius: 5px; 
     -o-border-radius: 5px;
	/* opacity:0.90;
     -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=90)";
     filter:alpha(opacity=90);
     zoom:1;*/
	 width:400px; 
	 background-color:#F2AFC7;
	 }
	 
a.rollover:focus span {
	display:block;
	color:#332F2E;
    font-size:14px;
    line-height:18px;
    font-weight:bold;
    text-decoration:none;}

a.rollover4 {
	display: block;
	float:left; clear:right;
	width: 279px;
	height: 74px;
	margin-left:-3px;
	margin-top:1px;
	text-decoration: none;
	background: url(../images/footerRibbonSistersNetwork.png);
	z-index:200;
	}
	
a.rollover:hover, a.rollover4:hover {
	background-position: -279px 0;
	}

.displace {
	position: absolute;
	left: -5000px;
	}
	
/* X CLOSE */
.close {
padding:0px 0px 0px 0px;
color:#FFFFFF;
border-bottom:none;
text-decoration:none;
background-color:#4D7894;
border: 1px solid #fff;
font-weight:bold;
font-size:18px;
line-height:18px;
-webkit-border-radius: 2px; 
-moz-border-radius: 2px; 
-o-border-radius: 2px; 
border-radius: 2px;
float: right; clear:right;
}

/* * * * * * * * * * * SOCIAL ICON IMAGE CLASSES */

.socialRibbon {
width:279px;
height:74px;
display:block;
float:left;
}

.socialIcon {
width:102px;
height:91px;
display:inline;
float:left;
}

a.socialIcon {
display: block;
float:left;
width: 105px;
height: 91px;
text-decoration: none;
background: url(../images/facebook.png);
}
	
a.socialIcon:hover {
background-position: -105px 0;
}

.socialIconClear {
width:105px;
height:91px;
margin-left:20px;
}

a.socialIconClear {
display: block;
float:left; clear:right;
width: 105px;
height: 91px;
text-decoration: none;
background: url(../images/twitter.png);
}

a.socialIconClear:hover {
background-position: -105px 0;
}

/* * * * * * * * * * * SOCIAL ICON IMAGE CLASSES */

.merch {
margin-top: 13px;
margin-bottom: 13px;
border: #4D2132 3px solid;
-webkit-border-radius: 3px;
-moz-border-radius: 3px; 
-o-border-radius: 3px;
border-radius: 3px;
}

#merchandise {
	width: 100px;
	height: 100px;
	float: left;
}

#purchaseMerch {
	width: 114px;
	height: 100px;
	margin-right: 200px;
	float: right;
}

/* * * * * * * * * * *  * * * * * * * * * * * SISTERS 4 CURE CUSTOM TYPOGRAPHY STYLES START HERE * * * * * * * * * * */

/* contrast font */
.alt{
letter-spacing:0.07em;
/*text-transform: lowercase;
*/font-variant: small-caps;
opacity:0.70;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=70)";
filter:alpha(opacity=70);
zoom:1;
color:#471E2E;
border-bottom:none;
text-decoration:none;
font-weight:bold;
background-color:#FCDCE3;
-webkit-border-radius: 4px;
-moz-border-radius: 4px; 
-o-border-radius: 4px;
border-radius: 4px;
font-size:12px;
padding-left:3px;
padding-right:3px;
}

.hotPink{
letter-spacing:0.07em;
line-height:21px;
font-variant: small-caps;
opacity:0.80;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=80)";
filter:alpha(opacity=80);
zoom:1;
color:#A3194B;
text-decoration:none;
font-weight:bold;
border: solid 3px #A3194B;
-webkit-border-radius: 4px;
-moz-border-radius: 4px; 
-o-border-radius: 4px;
border-radius: 4px;
font-size:14px;
padding-left:3px;
padding-right:3px;
}

/* redish purple */
.style1{
color:#4D2132;
font-size:13px;
line-height:22px;
font-weight:500;
text-decoration:none;
}

/* :: */
.style2{
color:#F06597;
font-size:10px;
font-weight:none;
text-decoration:none;
}

/* copyright */
.style3{
color:#BAABB1;
font-size:10px;
text-decoration:none;
}

/* attribution */
.style4{
color:#D9D1D4;
font-size:12px;
text-decoration:none;
}

/* indigo */
.style5{
color:#353441;
font-size:12px;
text-decoration:none;
}

/* style 1 bold highlight */
.style6{
color:#4D2132;
font-size:13px;
font-weight:900;
line-height:22px;
text-decoration:none;
}

/*a:link{
color:#CCCCCC;
text-decoration:none;
}

a:active{
color: #CCCCCC; 
text-decoration: none; 
}

a:visited{
color:#CCCCCC;
text-decoration:none;
}

a:hover{
color:000000;
text-decoration:none;
}
*/

/* contrast links */
.linkAlt a{
color:#471E2E;
background-color:#FCDCE3;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
letter-spacing:0.07em;
font-variant: small-caps;
opacity:0.70;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=70)"; 
filter:alpha(opacity=70); 
zoom:1; 
font-size:16px;
font-weight:700;
border-bottom:none;
text-decoration:none;
padding-left:3px;
padding-right:3px;
}

.linkAlt a:visited{
color:#471E2E;
background-color:#FCDCE3;
letter-spacing:0.07em;
font-variant: small-caps;
opacity:0.70;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=70)"; 
filter:alpha(opacity=70); 
zoom:1; 
font-size:16px;
font-weight:700;
border-bottom:none;
text-decoration:none;
padding-left:3px;
padding-right:3px;
}

.linkAlt a:hover{
color:#ffffff;
background-color:#931244;
letter-spacing:0.07em;
font-variant: small-caps;
opacity:0.70;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=70)"; 
filter:alpha(opacity=70); 
zoom:1; 
font-size:16px;
font-weight:700;
border-bottom:none;
text-decoration:none;
padding-left:3px;
padding-right:3px;
}

.linkAlt a:active{
color:#471E2E;
background-color:#FCDCE3;
letter-spacing:0.07em;
font-variant: small-caps;
opacity:0.70;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=70)"; 
filter:alpha(opacity=70); 
zoom:1; 
font-size:16px;
font-weight:700;
border-bottom:none;
text-decoration:none;
padding-left:3px;
padding-right:3px;
}

.linkForm a, .linkForm a:visited, .linkForm a:active{
color:#000;
background-color:#ED519C;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
letter-spacing:0.07em;
font-variant: small-caps;
opacity:0.90;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=90)"; 
filter:alpha(opacity=90); 
zoom:1; 
font-size:16px;
font-weight:900;
border-bottom:none;
text-decoration:none;
padding-left:2px;
padding-right:2px;
margin-left:55px;
}

.linkForm a:hover{
color:#ffffff;
background-color:#931244;
}

.linkPink a {
color:#F06597;
text-decoration:none;
}

.linkPink a:visited{
color:#F06597;
text-decoration:none;
}

.linkPink a:hover{
color:#F8B8CA;
text-decoration:none;
}

.linkPink a:active{
color: #F06597; 
text-decoration: none; 
}

/* Footer Links */
.linkNav a {
color:#4D2132;
border-bottom:none;
text-decoration:none;
font-weight:bold;
font-size:12px;
}

.linkNav a:visited {
color:#4D2132;
border-bottom:none;
text-decoration:none;
font-weight:bold;
font-size:12px;
}

.linkNav a:hover {
color:#BD5077;
background-color:#D9D1D4;
-moz-border-radius:4px;
-webkit-border-radius: 4px;
border-bottom:none;
text-decoration:none;
font-weight:bold;
font-size:12px;
}

.linkNav a:active {
color: #4D2132;
border-bottom:none;
text-decoration:none;
font-weight:bold;
font-size:12px;
}

/* Mauve pink link */
.linkMauve a {
color:#A53D53;
border-bottom:none;
text-decoration:none;
font-weight:bold;
font-size:14px;
}

.linkMauve a:visited {
color:#A53D53;
border-bottom:none;
text-decoration:none;
font-weight:bold;
font-size:14px;
}

.linkMauve a:hover {
color:#FFFFFF;
background-color:#ED4F75;
-moz-border-radius:4px;
-webkit-border-radius: 4px;
border-bottom:none;
text-decoration:none;
font-weight:bold;
font-size:14px;
}

.linkMauve a:active {
color: #A53D53;
border-bottom:none;
text-decoration:none;
font-weight:bold;
font-size:14px;
}

/* SUBSCRIBE LIST STYLES BELOW */

input {padding-left:4px;}
.grayText{color:#666666;}

.textBox {
background: url(../images/inputBack.png) top right no-repeat; border:none;
}

#subscribeButton{
  width: 111px;
  height: 35px;
  padding: 0;
  margin: 0;
  border: 0;
  background: transparent url(../images/subscribeButton.png)  no-repeat left top;
  overflow: hidden;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
}