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

.main-article-column{
width:495px;
float:left;
}

.main-article{
width:495px;
background-image:url(../images/article-box-bg.jpg);
background-repeat:repeat-y;
float:left;
}

.main-article-category{
width:495px;
float:left;
}

.article-header{
width:741px;
height:71px;
background:url(http://www.thesurvivorsclub.org/images/h1-article-bg.png) no-repeat ;
background-position:right;
color:#cc0000;
 

}

.article-header-article{
width:713px;
height:71px;
background:url(http://www.thesurvivorsclub.org/images/h1-article-bg.png) repeat-y ;
background-position:right;
color:#cc0000;
margin-bottom:13px;
 

}

.article-header h1{
font-family:Georgia, 'Times New Roman', Times, serif;
font-style:italic;
font-size:30px;
margin-top:0px;
margin-bottom:0px
}

.article-header-article h1{
font-family:Georgia, 'Times New Roman', Times, serif;
font-style:italic;
font-size:24px;
margin-top:0px;
margin-bottom:0px
}

.category-header-wrapper{
margin-top:17px;
float:left;
margin-left:27px;
}

.article-header-wrapper{
margin-top:19px;
float:left;
margin-left:0px;
}

.article-support-center{
margin-top:22px;
float:left;
padding:2px;
margin-left:15px;
}





.main-article li{
list-style-image:url(../images/article-list-image.jpg);
line-height:16px;
margin-left:5px;
}

.main-article ul{
margin:10px 10px 10px 15px;
padding:0px;

}

.main-article h3{
font:Arial, Helvetica, sans-serif;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
margin:0;
padding:0;
color:#cc0000;
}

.main-article h2{
font:Arial, Helvetica, sans-serif;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#000;
}

.main-article li{
list-style-image:url(../images/article-list-image.jpg);
line-height:16px;
margin-left:5px;
}

.main-article-category ul{
margin:10px 10px 10px 15px;
padding:0px;

}

.main-article-category h3{
font:Arial, Helvetica, sans-serif;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
margin:0;
padding:0;
color:#cc0000;
}

.main-article-category h2{
font:Arial, Helvetica, sans-serif;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#000;
}


.main-article-top{
width:100%;
background-image:url(../images/article-box-top-2.jpg);
background-repeat:no-repeat;
height:15px;
}

.main-article-top h3{
float:left;
}

.main-article-stripes{
background-image:url(../images/header-stripe.png);
background-repeat:repeat;
margin-left:8px;
width:469px;
padding:10px 0px 10px 10px;
}
.main-article-stripes h3{
float:left;
}

.main-article-stripes-first{
background-image:url(../images/header-stripe.png);
background-repeat:repeat;
margin-left:8px;
width:469px;
padding:0px 0px 10px 10px;
}

.main-article-stripes-first h3{
float:left;
}

.to-top, .to-top a, .to-top a:hover, .to-top a:visited  {
font-size:10px;
float:right;
color:#cc0000 !important;
text-decoration:underline;
margin-right:5px;
}


.main-article-bottom{
width:100%;
background-image:url(../images/article-box-bottom.jpg);
background-repeat:no-repeat;
height:13px;
}

.main-article-text{
margin:10px 15px 15px 20px;
padding: 0px 7px 0px 7px;
}

.main-article img {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.main-article-text h3{
margin-top:25px;
color:#000;
margin-bottom:0px;
}

.main-article-text h4{
margin-top:10px;
color:#000;
margin-bottom:0px;
}

.main-article-text h2{
margin-top:10px;
width:100%
}

/*right box*/

.main-article-right{
float:left;
margin-left:7px;
}

.main-article-right-category{
float:left;
margin-left:30px;
}


.right-article-toplinks {
width:184px;
font-size:11px;
margin-bottom:0px;
padding:10px;
background-image:url(http://www.thesurvivorsclub.org/images/support-center-link-bg.jpg);
background-repeat:no-repeat;
}

.right-article-toplinks a, .right-article-toplinks a:visited{
width:196px;
font-size:11px;
color: #cc0000 !important;
;

}


.right-article{
width:196px;
background-image:url(../images/article-right-bg.jpg);
background-repeat:repeat-y;
font-size:12px;
color:#333333;
line-height:16px;
margin-bottom:10px;
}

.right-article-top{
width:100%;
background-image:url(../images/article-right-box-top.jpg);
background-repeat:no-repeat;
height:7px;
margin:0px;
}

.right-article-header{
width:194px;
background-image:url(../images/article-right-header-bg.jpg);
background-repeat:repeat-x;
margin:0px 1px 0px 1px;
padding-bottom:10px;
float:left;
background-color:#dadada;

}
.right-article-header h3{
font:Georgia, "Times New Roman", Times, serif;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
font-weight:bold;
color:#cc0000;
font-style:italic;
padding:0px;
margin:0px;
width:150px;
}


.right-article-bottom{
width:100%;
background-image:url(../images/article-box-right-bottom.jpg);
background-repeat:no-repeat;
height:6px;
}

.right-text{
padding:10px;

}

.right-wrapper{
float:left;
padding:2px 0px 5px 5px;
}

/*category*/

#category-grey{
background-image: url(../images/grey-bg.jpg);
background-repeat:repeat-y;
width:721px;
float:left;
margin-bottom:15px;
padding:10px 0px 10px 20px;
}

#daily-updates-header{
width:469px;
background-image: url(../images/daily-health-updates.jpg);
background-repeat:no-repeat;
height:45px;
padding:7px 0px 0px 40px
}

#daily-updates-header h3{
font:Georgia, "Times New Roman", Times, serif;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:16px;
font-style:italic;
font-weight:bold;
margin-top:4px;

}

#daily-updates-bg{
width:509px;
background-image: url(../images/daily-health-updates-bg-2.jpg);
background-repeat:repeat-y;
}

#daily-updates-bottom{
width:509px;
background-image: url(../images/daily-health-updates-bottom.jpg);
background-repeat:no-repeat;
height:8px
}

#category-main-box-header{
width:497px;
height:16px;
background-image: url(../images/category-main-box-top.png);
background-repeat:no-repeat;


}

#category-main-box-bg{
width:497px;
background-image: url(../images/category-main-box-bg.png);
background-repeat:repeat-y;
height:276px;

}

#category-main-box-bottom{
width:497px;
height:16px;
background-image: url(../images/category-main-box-bottom.png);
background-repeat:no-repeat;

}

#category-main-inner{
width:450px;
padding:5px 5px 5px 25px;
}

.img-left{
float:left;
width:10%;
}

.text-right{
float:left;
width:90%
}

.number-item{
margin-bottom:10px;
}

#update-box{
margin-left:25px;
}

.update-box-wrapper{
float:left;
margin:10px 0px 0px 10px;
width:211px;
}

.update-box-wrapper-left{
float:left;
margin:10px 0px 0px 25px;
width:211px;
}

.update-box-top{
background-image:url(../images/updates-box-top.jpg);
background-repeat:no-repeat;
width:218px;
height:28px;
padding:8px 0px 0px 10px;
}

.update-box-bg{
background-image:url(../images/update-box-bg.jpg);
background-repeat:repeat-y;
width:214px;
height:295px;
padding:7px;
line-height:18px;

}

.update-box-bg li{
list-style-image:url(../images/article-list-image.jpg);
line-height:16px;
margin-left:5px;
color:#cc0000;
}

.update-box-bg ul{
margin:0px 10px 10px 15px;
padding:0px;

}

.update-box-bg a,.update-box-bg a:visited{
text-decoration:underline;
color:#cc0000;
}

.update-box-top h3{
font-size:14px;
font-weight:bold;
font:Arial, Helvetica, sans-serif;
}

.update-box-bottom{
background-image:url(../images/update-box-bottom.jpg);
background-repeat:no-repeat;
width:228px;
height:13px;
}

#view-profile-button{
background-image:url(../images/view-profile-button.jpg);
width:183px;
height:34px;
color:#FFFFFF;
font-weight:bold;
padding-top:10px;
text-align:center
}

#category-4-box-header{
width:211px;
height:15px;
background-image: url(../images/category-4-top.png);
background-repeat:no-repeat;
font:Georgia, "Times New Roman", Times, serif;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:bold;
color:#FFFFFF;
}

#category-4-box-bg{
width:211px;
background-image: url(../images/category-4-bg.png);
background-repeat:repeat-y;
height:235px;
}

#category-4-box-bottom{
width:211px;
height:42px;
background-image: url(../images/category-4-bottom.png);
background-repeat:no-repeat;
padding-top:12px;
text-align:center
}

#category-4-box-bottom a, #category-4-box-bottom a:visited{
color:#FFFFFF;
text-decoration:underline;
font:11px;
font-weight:bold;
}

.category-home-number{
margin-bottom:15px;
}

.category-home-img{
margin-right:10px;
}

.category-image{
width:10%;
float:left
}

.category-list{
width:90%;
float:left
}


/*start slider category*/

#category-left{
float:left;
}

#category-left ul{
margin-left:0px;
padding-left:0px;
list-style:inside;
margin-top:5px;
}

#category-left li{
margin-left:0px;
padding-left:0px
}


.paginationstyle{ /*Style for demo pagination divs*/
width: 145px;
text-align: left;
padding: 2px 0;
margin: 0px 0 0px 15px;;
display:block;
float:left
}

.paginationstyle select{ /*Style for demo pagination divs' select menu*/
margin: 0 15px;
}

.paginationstyle a{ /*Pagination links style*/
text-decoration: none;
display:block;
background-image:url(/images/4-findsomeone.jpg);
display:block;
width:155px;
height:28px;
text-decoration:none;
padding:13px 0px 0px 25px;
color:#cc0000;
font-weight:bold;
margin-bottom:5px;
}

.paginationstyle a:hover, .paginationstyle a.selected{
background-image:url(/images/4-findsomeone-over.jpg);
display:block;
width:155px;
height:28px;
text-decoration:none;
padding:13px 0px 0px 25px;
color:#cc0000;
}


/*sub nav bar */

.journey{
width:486px;
font:Georgia, "Times New Roman", Times, serif;
font-size:10px;
color:#cc0000;
font-family:Georgia, "Times New Roman", Times, serif;
margin:0px 0px 10px 5px;

}

.journey a{
text-decoration:none;
font:Georgia, "Times New Roman", Times, serif;
font-size:10px;
color:#cc0000;
font-family:Georgia, "Times New Roman", Times, serif;
}

.journey-end{
display:block;
float:left;
height:46px;
background-image:url(../images/left.jpg);
width:135px;
font-size:16px;
color:#333333;
font-weight:bold;
font-style:italic;
vertical-align:middle;
text-align:center;
padding-top:20px;
}

.journey-item-1{
display:block;
float:left;
height:66px;
background-image:url(../images/just-found-out.jpg);
width:83px;
}

.journey-item-1 a{
display:block;
float:left;
background-image:url(../images/just-found-out.jpg);
width:83px;
padding-top:5px;
height:61px;
}

.journey-item-1 a:hover{
display:block;
float:left;
height:66px;
background-image: url(../images/just-found-out-over.jpg);
width:83px;
padding-top:5px;
height:61px;
}

.journey-item-2{
display:block;
float:left;
background-image: url(../images/dealing.jpg);
width:99px;
}

.journey-item-2 a{
display:block;
float:left;
padding-top:5px;
height:61px;
background-image: url(../images/dealing.jpg);
width:92px;
padding-left:7px;
}

.journey-item-2 a:hover{
display:block;
float:left;
padding-top:5px;
height:61px;
background-image: url(../images/dealing-over.jpg);
width:92px;
padding-left:7px;
}

.journey-item-3 {
display:block;
float:left;
height:66px;
background-image: url(../images/recovery.jpg);
width:97px;
}

.journey-item-3 a{
display:block;
float:left;
padding-top:5px;
height:61px;
background-image: url(../images/recovery.jpg);
width:92px;
padding-left:5px
}

.journey-item-3 a:hover{
display:block;
float:left;
padding-top:5px;
height:61px;
background-image: url(../images/recovery-over.jpg);
width:92px;
padding-left:5px
}

.journey-item-4 {
display:block;
float:left;
height:66px;
background-image: url(../images/worst.jpg);
width:72px;
}

.journey-item-4 a{
display:block;
float:left;
padding-top:5px;
height:61px;
background-image: url(../images/worst-case.jpg);
background-repeat:no-repeat;
width:60px;
padding-left:12px;
}

.journey-item-4 a:hover{
display:block;
float:left;
padding-top:5px;
height:61px;
background-image: url(../images/worst-case-over.jpg);
background-repeat:no-repeat;
width:60px;
padding-left:12px;
}