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

body{
	background-color:#cacaca;
    font-family: Calibri, Serif;
    text-align: justify;
}
td, th{
	font-family:"calibri";
}
a{
	color:black;
}
/*wrapper for homepage*/
div#wrapper {
	margin-left:auto;
	margin-right:auto;
	width:1024px;
    background-image: url("includes/generic/background/twolines.png");
    background-repeat:repeat-y;
}
/*wrapper for pages with no columns (no orange line)*/
div#wrapper3 {
	margin-left:auto;
	margin-right:auto;
	width:1024px;
    background-color:white;
}

/*wrapper for pages with two columns 40/60*/
div#wrapper2 {
	margin-left:auto;
	margin-right:auto;
	width:1024px;
    background-image: url("includes/generic/background/threelines.png");
    background-repeat:repeat-y;
}

/*left column for 60/40 pages*/
div#left60 {
    width:560px;
    min-height:300px;
    float:left;
    font-size:18px;
    text-decoration:none;
    font-weight:normal;
    color:black;
    margin:10px 0 10px 25px;
    background-color:white;
}

/*right column for 60/40 pages*/
div#right40 {
    width:378px;
    min-height:300px;
    float:right;
    margin:10px 20px 10px 0;
    background-color:white;
}
/*homepage - right column for 60/40 pages*/
div#right40home {
    width:340px;
    border-width:10px 19px 3px 19px;
    border-style:solid;
    border-color:#e6e6e8;
    min-height:300px;
    float:right;
    margin:10px 50px 10px 0;
    background-color:#e6e6e8;
}
/*homepage - left column for 60/40 pages*/
div#left60home {
    width:500px;
    min-height:300px;
    float:left;
    font-size:18px;
    text-decoration:none;
    font-weight:normal;
    color:black;
    margin:10px 0 10px 50px;
    background-color:white;
}
/*narrower left column for 40/60 pages*/
div.left25 {
    width:250px;
    min-height:50px;
    float:left;
    clear:both;
    margin: 10px 20px 10px 100px;
    background-color:white;
}

/*for the Header -----------------------*/
div#header {
	width:1020px;
    height:90px;
	background-color: white;
	margin:0 auto 0 auto;
}
/*done with the Header------------------*/

/*for the Menu ======================*/
div#menu{
	width:980px;
	height:44px;
	margin: 0 auto -5px auto;
	background-image:url('/includes/generic/menu/button-center2.png');
	background-repeat:repeat-x;
	overflow:none;
    border-style:solid;
    border-color:white;
    border-bottom-width:30px;
}
div#menu a{
	display:block;
	width:196px;
	height:44px;
	float:left;
	margin:0;
	padding:0;
	border:0;
	overflow:none;
	text-decoration:none;
	text-align:center;
	background-image:url('/includes/generic/menu/button.png');
}
div#menu a:hover{
	background-image:url('/includes/generic/menu/buttonh.png');
}
div#menu a span{
	font-size:24px;
	color:white;
	font-weight:bold;
	display:block;
	height:30px;
	margin-top:7px;
	overflow:none;
}
/*done with the Menu ================*/
/*for the Top Menu *************************/
span#topmenu{
	display:block;
    float:right;
    width:595px;
    overflow:none;
    color:#b7b8bc;
    font-weight:bold;
    text-align:right;
    margin:0 20px 0 0;
}
span#topmenu a{
	font-size:16px;    font-weight:bold;
    color:#b7b8bc;
    text-decoration:none;
}
span#topmenu a:hover{
	color:#6a6b6d;
}
/*done with the Top Menu *******************/

/*for the Footer -----------------------*/
div#footer {
    position: inherit;
    clear:both;
    height: 190px;
	width:980px;
	background-color: white;
    margin-left: auto;
    margin-right:auto;
    border-style:solid;
    border-color:white;
    border-top-width:30px;
}

p.footer{
	text-align:center;
    font-size:13px;
}
/*horizontal follow us menu*/
div#followus2{
    clear:both;
    height:30px;
	width:980px;
    margin:0;
    border:0;
    border-style:solid;
    border-color:#ff8c21;
    border-top-width:13px;

}
img.socialnetwork2{
    height:30px;
    margin:15px 14px 15px 14px;
    float:left;
    border:0;
}
/*done with the Footer------------------*/

/*for other Modules######################################*/

/*holds the page art*/
div#pageart{
	width:355px;
    height:270px;
    float:left;
    margin: 5px 0px 10px 8px;
    border:none;
    background-image: url("includes/generic/pageart/pageart.png");
}
img.pageartclip{
	width:155px;
    height:155px;
    margin:15px 0 0 15px;
    float:left;
    border:none;
}
p.pagearttxt{
	background-color:#ff8c21;
    font-size:22px;
    font-weight:bolder;
    width:156px;
    margin: -3px 0 -5px 22px;
    padding:0;
}
p.pagearttxt a{
    text-decoration:none;
    color:white;
}

/*done with other Modules###############################*/

/*for certain Pages@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/

/*left column homepage*/
body.home div#left60{
	text-align:left;
}
body.home ul{
	margin-top:0px;
}

/*story loader on home page - the latest story*/
div#homestory{
	width:340px;
    margin: 25px 0 0 0;
    min-height:200px;
    background-color:#95969a;
}
/*the text on the right side of the homepage*/
div#hometext{
	width:340px;
    min-height:200px;
    margin:0;
    text-align:right;
}

/*left checkmarks on the left side of the homepage*/
img.checkmarkh{
	border:none;
    margin:0 15px 13px 0;
    float:left;
    clear:right;
}
img.smalllogoh{
	border:none;
    margin:0 10px 7px 0;
    float:left;
    clear:right;	
}
body.home div#left60home a{
	text-decoration:none;
}
/*for stories on the homepage*/
img.storythumbhome {
	width:100px;
    height:100px;
    margin:10px 10px 0 0;
    float:left;
    border:none;
}

/*loader for story summaries on the stories page*/
div#summary {
	width:550px;
    min-height:150px;
    padding:0;
    margin: -20px 0 -10px 0;
    background-color:white;
    border-style:solid;
    border-bottom-width:20px;
    border-top-width:20px;
    border-left-width:0;
    border-right-width:0;
    border-color:white;
}
/*for story thumbnails on the stories page*/
img.storythumb {
	width:100px;
    height:100px;
    margin:0 15px 0 0;
    float:left;
}
.summarytitle{
    font-size:16px;
    font-weight:bold;
    text-decoration:none;
    margin:none;
}
.summarytxt{
	text-align:justify;
    font-size:14px;
    font-weight:normal;
    text-decoration:none;
    margin:none;
}

/*for full stories on the story page*/
div#storyholder{
	float:right;
	width:560px;
    min-height:400px;
    padding-top:0;
    margin:0 30px 20px 0px;
}
.storytitle{
	border-bottom-style:solid;
    border-bottom-width:15px;
	border-top-style:solid;
    border-top-width:15px;
    border-color:white;
    font-size:23px;
    font-weight:bold;
    text-decoration:none;
    margin:0;
}
body.story div#left60 p, div#storyholder p{
    font-weight:normal;
    text-decoration:none;
    margin:0 0 17px 0;
    font-size:18px;
   	text-align:justify;
}
body.story div#storyholder a{
	font-size:18px;
    text-decoration:none;
    font-weight:bold;
    color:#ff8c21;
}
body.story ul{
    clear:left;
    line-height:130%;
}
body.story div#left60 p.caption, div#storyholder p.caption{
	text-align:center;
    font-size:14px;
    font-weight:light;
    margin:0;
}
body.story div#right40 ul.listexpander li span{
    font-size:16px;
    font-weight:bold;
    color:black;
    cursor:pointer;
}
body.story div#right40 ul.listexpander li span.main{
    font-size:21px;
    font-weight:bolder;
    color:white;
}
body.story div#right40 ul.listexpander li a{
    font-size:16px;
    font-weight:normal;
    color:black;
}
body.storyloader {
	background-color:white;
    width:550px;
    min-height:300px;
}

/*check stamp on early detection page*/
img.checkstamp{
	height:163px;
    width:318px;
    float:right;
	margin: 0 0 5px 50px;
    border:none;
}
/*rock the doc image on the early detection page*/
img.rockthedoc{
	height:85px;
    width:65px;
    float:left;
    margin:5px 10px 5px 5px;
    border:none;
    display:inline;
}
/*health insurance image on the early detection page*/
img.insurance{
	height:175px;
    width:138px;
    float:right;
    margin: 30px 5px 5px 5px;
    border:none;
    display:inline;
}
/*no bullet list for the left column,homepage*/
ul.nobullet {
	list-style-type: none;
	line-height:120%;
	padding:0;
}

/*body diagram on ya cancers page*/
img.humanbody{
	height:309px;
    width:270px;
    float:right;
    margin: 0px 15px 10px 15px;
    border:none;
    display:inline;
}
ol.margin, ol.margin2{
	margin-left:30px;
	padding:0;
}
ol.margin2 li a{
	color:#808080;
    font-weight:bold;
}

/*book image on resource page*/
img.book{
	height:108px;
    width:72px;
    float:left;
    margin: 0px 10px 10px 10px;
    border:none;
    display:inline;
}

/*newsletter*/
div#newsletterstory {
	width:560px;
    min-height:150px;
    padding:0;
    margin: 40px 0 0 0px;
    background-color:white;
    overflow:hidden;
}
img.newsletterimage{
	margin:5px 13px 5px 0;
    clear:none;
    float:left;
}
div#leftcontent{
    width:320px;
    min-height:200px;
    float:left;
    margin:0 0 20px 50px;
}

/*vertical menu, about page*/
div#vmenu{
	height:280px;
    width:270px;
    clear:both;
    margin:0 0 0 70px;
    background-image:url("includes/generic/verticalmenu/background.png");
    background-repeat:no-repeat;
}
div#vmenu a{
	text-decoration:none;
    display:block;
}
div#vmenu a:visited{
	color:black;
}
div.vbtn{
	width:185px;
    height:31px;
    background-image: url("includes/generic/verticalmenu/buttongraymed2.png");
    margin:-21px 0 0 44px;
    border:none;
    cursor: pointer;
}
div.vbtnblank{
	width:185px;
    height:30px;
	clear:both;
    margin:-21px 0 0 44px;
    border:none;
}
p.vbtntxt{
	font-size:22px; border-top-width:2px;	/*font-size:22px;*/
	border-top-style:solid;
    /*border-top-width:2px;*/
	border-left-style:solid;
    border-left-width:12px;
	border-color:transparent;
}
p.vbtntxt2{
	font-size:22px; border-top-width:2px;	/*font-size:22px;*/
	border-top-style:solid;
    /*border-top-width:2px;*/
	border-left-style:solid;
    border-left-width:15px;
	border-color:transparent;
    color:#ff8c21;
}
p.vbtntxt:hover{
	font-weight:bold;
}
body.story div#left25 p{
	text-align:left;
    font-weight:normal;
    text-decoration:none;
    margin:0;
    font-size:18px;
}

/*for the stay healthy pages*/
.red{
	font-size:13px;
    font-weight:normal;
    text-decoration:none;
    color:red;
}
.orange{
	font-size:13px;
    font-weight:normal;
    text-decoration:none;
    color:#ff8c21;
}
.green{
	font-size:13px;
    font-weight:normal;
    text-decoration:none;
    color:green;
}
.blue{
	font-size:13px;
    font-weight:normal;
    text-decoration:none;
    color:blue;
}
table#colors td{
	text-align:center;
    width:94px;
    border: 1px dotted black;
}
body.healthy div#left60 p{
	display:inline;
    font-size:18px;
} 
body.healthy div#left60 a{
	display:inline;
    font-size:18px;
    cursor:pointer;
}    
body.healthy div#left60 a.bigboldundgray{
	font-size:23px;
    display:inline;
    text-decoration:underline;
    color:#808080;
} 

/*for the News & Events page*/
body.news div#left60 p{
	font-size:16px;
}

/*for the videos page*/
ul.nobullet2 {
	list-style-type: none;
	line-height:120%;
    font-size:14px;
	padding:0;
    margin-top:50px;
    clear:both;
}

/*share your story page*/
body.sharestory div#left60 {
    width:523px;
    min-height:300px;
    float:right;
    font-size:18px;
    text-decoration:none;
    font-weight:normal;
    color:black;
    margin:0 50px 10px 0;
    background-color:white
}

/*self advocacy game page*/
a.qright, a.qwrong{
	font-size:18px;
    color:#ff8c21;
    text-deooration:none;
}
a.qright:hover{
	color:green;
}
a.qwrong:hover{
	color:red;
}

/*for certain Pages@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/

/*text styles *** text styles*/

.bigorange{
	font-size:22px;
	font-weight:bolder;
    color:#ff8c21;
    display:inline;
    text-decoration:none;
}
.boldblack{
	font-size:22px;
	font-weight:bolder;
    display:inline;
    text-decoration:none;
}
.bigblack{
	font-size:26px;
	font-weight:bolder;
    display:inline;
    text-decoration:none;
}
.boldorange{
	font-size:22px;
	font-weight:bolder;
    color:#ff8c21;
    display:inline;
    text-decoration:none;
}
.normalblack{
	font-size:16px;
    display:inline;
    text-decoration:none;
}
.normalorange{
	font-size:16px;
    display:inline;
    color:#ff8c21;
    text-decoration:none;
}
.orangetxt{
    font-size:18px;
    font-weight:normal;
    text-decoration:none;
    color:#ff8c21; 
    margin:0;
}
.medundblack{
	font-size:18px;
    display:inline;
    text-decoration:underline;
    font-weight:normal;
}
.medboldorange{
	font-size:18px;
    display:inline;
    text-decoration:none;
    font-weight:bold;
    color:#ff8c21;
}
.medblack{
	font-size:18px;
    display:inline;
    text-decoration:none;
}
.bigboldergray{
	font-size:22px;
    font-weight:bolder;
    color:#808080;
    line-height:90%;
}
.bigboldergray100{
	font-size:22px;
    font-weight:bolder;
    color:#808080;
    display:inline;
}
.biggray{
	font-size:20px;
    color:#808080;
    line-height:90%;
    font-weight:normal;
    text-decoration:none;
    display:inline;
}
.bigboldundgray{
	font-size:23px;
    display:inline;
    text-decoration:underline;
    color:#808080;
}
p.picturecaption{
	text-align:center;
    font-size:14px;
    font-weight:light;
    margin:0;
}
.homeorange{
	font-size:28px;
	font-weight:bold;
    color:#ff8c21;
    display:inline;
    text-decoration:none;	
    text-align:center;
    margin:0;
}
.homegray{
	font-size:28px;
    color:#808080;
    font-weight:bold;
    text-decoration:none;
    display:block;
    text-align:center;
	margin:0;
}
.homeblack{
	font-size:22px;
    color:black;
    font-weight:bold;
    text-decoration:none;
    display:inline;
    text-align:center;
    margin:0;
}