/* National LGBT Cancer Network Styles */

/* COLORS 

Lime Green 	#e0d740		Home Page
Orange		#f15c3a		Information Page
Purple		#713e84		Links Page
Cobalt		#3D75BD		Participate Page
Maroon		#9d1156		People Page
Green		#429d5a		Hubs Page
Dark Blue	#223586		Presentations

Orange		#f15c3a		Risk Assessment
Pink		#ffdad5  	RA Results
Mid Green	#9ec17e		EPrompts
Mid Blue	#5072bb		Facilities

exLite Gray	#f1f1f1
Light Gray	#ebebeb
15% Gray	#d9d9d9
45% Gray	#8c8c8c
dark Gray   #636363


Progress Bar Colors
1 = #ff7867
2 = #ff8e80
3 = #ffa69b
4 = #ffb8ae
5 = #ffcac3
6 = #ffe6e2

*/

/* GENERAL STYLES 
---------------------------------------------*/

body{ 
	border: 0; 
	padding: 0;
	margin:0;
	color: #8c8c8c;
	font-family: helvetica, arial, verdana, sans-serif;
	font-size: 14px;
	line-height: 1.6em;
	text-align:justify; 
	background-image: url(../images/bg_repeat.gif);
	background-repeat: repeat-y;
	background-position:top center;
	}
h1, h2, h3, h4, h5, h6{
	margin:0 0 0.5em 0;
	padding:0;
	font-family: Avenir, Helvetica, Arial, Sans-serif;
	line-height:1.5em;
	font-weight:normal;
	color:#636363;
	text-align:left;
	}
h1{font-size:2em;}	
h2{font-size:1.8em;}	
h3{font-size:1.6em;}	
h4{font-size:1.4em;}	
h5{font-size:1.2em;}	
h6{font-size:1em;}	
p{margin:0 0 1em 0;}
a{
	color: #8c8c8c;
	text-decoration: none;
	border:none;
	}
a:hover{
	color: #f15c3a;
	}	
td{padding:0;vertical-align:top;}
.clear{clear:both;}
img{border:none;}


/* TEMPLATE STYLES 
---------------------------------------------*/

/* MAIN CONTAINER */
#mainContainer{
	width: 893px;
	margin: 0px auto;

	}

/* HEADER */
#header{
	width: 853px;
	margin: 0px auto;
	text-align:center;
	}
#topMsg{
	font-size:0.86em;
	background:#f1f1f1;
	border-bottom:1px solid #e0e0e0;
	padding:2px 0;
	}	
#topMsg strong{
	color:#f15c3a;
	font-weight:normal;
	}
.home #logo{
	width:265px;
	height:164px;
	position:relative;
	margin:20px auto 30px auto;
	background-image:url(../images/national_lgbt_cancer_network_logo.gif);
	background-repeat:no-repeat;	
	}
.home #logo h1{
	position:absolute;
	top:-164px;
	left:0;
	width:265px;
	height:164px;
	overflow:hidden;
	}	
#logo{
	width:170px;
	height:125px;
	position:relative;
	margin:20px auto 30px auto;
	background-image:url(../images/national_lgbt_cancer_network_logo_inner.gif);
	background-repeat:no-repeat;
	}
#logo h1{
	position:absolute;
	top:-500px;
	left:0;
	width:170px;
	height:125px;
	overflow:hidden;
	}	
#featuredLinks{
	width:35%;
	text-transform:uppercase;
	font-size:0.79em;
	letter-spacing:.05em;
	float:right;
	text-align:right;
	margin-right:15px;
	}	
#featuredLinks a{}	
#featuredLinks a img{	
	margin:0 2px 0 5px;
	}	

#featuredLinks a:hover{}	
	

/*MENU */
.menuContainer{
	width:791px;
	text-align:center;
	border-top:1px solid #e0e0e0;
	border-bottom:1px solid #e0e0e0;
	margin:0 auto;
	padding: 4px 0 4px 0;
	color:#8c8c8c;
	}
.menuContainer li{
	display:inline;
	padding: 0 4px;
	}	
.menuContainer a{
	padding: 5px 10px;
	border-top:2px solid #fff;
	}	
.menuContainer a:hover{
	color:#000;
	}
.menuContainer a.homeLink:hover, .home .menuContainer a.homeLink{
	border-top:2px solid #e0d740;
	color:#000;
	}	
.menuContainer a.screeningLink:hover, .screening .menuContainer a.screeningLink{
	border-top:2px solid #8c8c8c;
	color:#000;
	}
.menuContainer a.informationLink:hover, .information .menuContainer a.informationLink{
	border-top:2px solid #f15c3a;
	color:#000;
	}	
.menuContainer a.linksLink:hover, .links .menuContainer a.linksLink{
	border-top:2px solid #429d5a;
	color:#000;
	}
.menuContainer a.participateLink:hover, .participate .menuContainer a.participateLink{
	border-top:2px solid #3D75BD;
	color:#000;
	}	
.menuContainer a.donateLink:hover, .donate .menuContainer a.donateLink{
	border-top:2px solid #e0d740;
	color:#000;
	}	
.menuContainer a.peopleLink:hover, .people .menuContainer a.peopleLink{
	border-top:2px solid #9d1156;
	color:#000;
	}	
.menuContainer a.hubsLink:hover, .hubs .menuContainer a.hubsLink{
	border-top:2px solid #713e84;
	color:#000;
	}	
.menuContainer a.presentationsLink:hover, .presentations .menuContainer a.presentationsLink{
	border-top:2px solid #223586;
	color:#000;
	}		
	
	
/*MAIN CONTENT*/
#mainContent{
	width: 791px;
	margin:30px auto 0 auto;
	padding: 5px 0 0 0;
	}


/*MAILING LIST*/	
#mailList{
	width: 791px;
	text-align: center;
	margin: 30px auto 10px auto;
	padding: 7px 0 0 0;
	border:1px solid #e0e0e0;
	background:#f1f1f1;
	}
#mailList p{
	padding:0;
	margin:0;
	}	
#mailListForm{
	text-align: center;
	margin: 0px auto;
	}


/*Like Facebook*/	
#like_fb{
	width: 791px;
	margin: 0px auto 30px auto;
	text-align:left;
	}
	
/*FOOTER*/
#footer{
	font-size:0.86em;
	background:#f1f1f1;
	border-top:1px solid #e0e0e0;
	padding:2px 0;
	width: 853px;
	margin: 15px auto 0 auto;
	text-align:center;	
	}
#footer .footerMenu{
	list-style:none;
	}	
#footer .footerMenu li{
	display:inline;
	}	

#footer a:hover{
	color:#f15c3a;
	}	
#honcode{
	border: 1px solid #ddd;
	padding:5px;
	width:300px;
	text-align:left;
	margin:0 auto 20px auto;
	font-size:11px;
	}	
#honcode #honcode-logo{
	display:block;
	margin:0 5px 0 0;
	float:left;
	}
#honcode #honcode-logo img{
	display:block;
	margin:0;
	padding:0;
	border:0;
	}	
#honcode p{
	padding:0;
	margin:0;
	line-height:normal;
	}	
	

/*------------------------------------------------------*/
/*------------------------------------------------------*/
/*														*/
/*  PAGE STYLES			 								*/
/*														*/
/*------------------------------------------------------*/
/*------------------------------------------------------*/

/* HOME */
.home {
	}
.home #mainContent h2{
	color:#f15c3a;
	padding:0 0 5px 0;
	line-height:1.25em;
	border-bottom:1px solid #d9d9d9;
	}
#programTitle{
	position:relative;
	height:67px;
	width:664px;
	overflow:hidden;
	text-align:center;
	margin:0 auto 20px auto;
	}
#programTitle h2{
	text-align:center;
	color:#f15c3a;
	}	
#programTitle h2{
	text-align:center;
	color:#f15c3a;
	}	
#programLinks{
	margin:0 auto;
	width:791px;
	text-align:center;
	}
#programLinks a img{
	border:none;
	}
.home #mainText{
	padding:15px 0;
	margin:15px 0 0 0;
	border-top:4px solid #e0d740;
	}	
.home #mainText #left{
	width:460px;
	float:left;
	}
.home #mainText #right{
	width:306px;
	float:right;
	}

.home #mainText ul{
	padding:0 60px;
	text-align:left;
	}
.home #mainText ul li{
	padding-top:5px;
	}
.home #mainContent a:hover{
	color:#f15c3a;
	}

/* SCREENINGS */
.screening .mainContent_imposter{
	width:600px;
	margin:0 auto;
	}
.screening #mainContent h2{
	color:#8c8c8c;
	padding:0 0 5px 0;
	line-height:1.25em;
	border-bottom:1px solid #d9d9d9;
	}
.screening .bottomLinks{
	margin:30px 0 40px 0;
	text-align:center;
	}
.screening .bottomLinks a{
	background:url(../images/btn-drop-bg.gif) repeat-x bottom left;
	background-color:#fff;
	border-top:1px solid #8c8c8c;
	font-size:1.29em;
	padding:10px 10px 13px 10px;
	margin:0 10px;
	}	
.screening .bottomLinks a.risk{color:#f15c3a;}
.screening .bottomLinks a.reminders{color:#9ec17e;}
.screening .bottomLinks a.facilities{color:#5072bb;}


.screening .bottomLinks a:hover{color:#636363;}
.orange{color:#f15c3a;}
	
/* INFORMATION */
.information #mainContent{
	width:600px;
	}
.information #mainContent h2{
	color:#f15c3a;
	padding:0 0 5px 0;
	line-height:1.25em;
	border-bottom:1px solid #d9d9d9;
	}
.information #mainContent h3{
	font-size:1.16em;
	color:#f15c3a;
	line-height:1.25em;
	margin-bottom:0;
	}
.information #mainContent a{
	color:#5072bb;
	}	
.information #mainContent a:hover{
	color:#f15c3a;
	}
.information #mainContent .notes{
	font-size:0.86em;
	line-height:normal;
	border-top:1px solid #d9d9d9;
	text-align:left;
	margin-bottom:30px;
	}
.information #mainContent .notes h4{
	color:#8c8c8c;
	font-size:1em;
	margin-bottom:0;
	}


/* PRESENTATIONS */
.presentations #mainContent{
	width:600px;
	}
.presentations #mainContent h2{
	color:#223586;
	padding:0 0 5px 0;
	line-height:1.25em;
	border-bottom:1px solid #d9d9d9;
	}
.presentations #mainContent h3{
	font-size:1.16em;
	color:#223586;
	line-height:1.25em;
	margin-bottom:0;
	}
.presentations #mainContent a{
	color:#223586;
	}	
.presentations #mainContent a:hover{
	color:#f15c3a;
	}
.presentations #mainContent .notes{
	font-size:0.86em;
	line-height:normal;
	border-top:1px solid #d9d9d9;
	text-align:left;
	margin-bottom:30px;
	}
.presentations #mainContent .notes h4{
	color:#8c8c8c;
	font-size:1em;
	margin-bottom:0;
	}
	
	
/* LINKS */
.links #mainContent{
	width:600px;
	}
.links #mainContent h3{
	color:#429d5a;
	padding:0 0 5px 0;
	line-height:1.25em;
	border-bottom:1px solid #d9d9d9;
	}	
.links #mainContent a{
	color:#429d5a;
	}
.links #mainContent a:hover{
	color:#f15c3a;
	}
.links #mainContent ul{
	margin-bottom:1.5em;
	}

	
	
/* PARTICIPATE */
.participate #mainContent{
	width:600px;
	}
.participate #mainContent h2{
	color:#3D75BD;
	padding:0 0 5px 0;
	line-height:1.25em;
	border-bottom:1px solid #d9d9d9;
	}	
.participate #mainContent h4{
	color:#3D75BD;
	font-size:1.16em;
	border-bottom:1px solid #d9d9d9;	
	}
.participate #mainContent a{
	color:#f15c3a;
	}
.participate #mainContent a:hover{
	color:#3D75BD;
	}
.participate #mainContent .button {
	text-align:center;
	padding:20px;
	}
.participate #mainContent .button a{
	background:url(../images/btn-drop-bg.gif) repeat-x bottom left;
	background-color:#fff;
	border-top:1px solid #969696;
	font-size:1.29em;
	padding:10px 10px 13px 10px;
	margin:0 auto;	
	}	

	
	
/* HUBS */
.hubs #mainContent{
	width:600px;
	}
.hubs #mainContent .networkMap{
	display:block;
	margin:0 auto;
	}	
.hubs #mainContent h2{
	color:#713e84;
	padding:0 0 5px 0;
	line-height:1.25em;
	border-bottom:1px solid #d9d9d9;
	}	
.hubs #mainContent h4{
	color:#713e84;
	font-size:1.16em;
	}
.hubs #mainContent a{
	color:#713e84;
	}
.hubs #mainContent a:hover{
	color:#f15c3a;
	}
.hubs #mainContent .button {
	text-align:center;
	padding:20px;
	}
.hubs #mainContent .button a{
	background:url(../images/btn-drop-bg.gif) repeat-x bottom left;
	background-color:#fff;
	border-top:1px solid #969696;
	font-size:1.29em;
	padding:10px 10px 13px 10px;
	margin:0 auto;	
	}	
	
/* LEGAL */
.legal #mainContent{
	width:600px;
	}
	

/* PEOPLE */
.people #mainContent{
	width:600px;
	}
.people #mainContent h2{
	color:#9d1156;
	padding:0 0 5px 0;
	line-height:1.25em;
	border-bottom:1px solid #d9d9d9;
	}
.people #mainContent h3{
	color:#9d1156;
	padding:0 0 5px 0;
	line-height:1.25em;
	border-bottom:1px solid #d9d9d9;
	margin-top:20px;
	font-size:1.4em;
	}	
.people #mainContent h4{
	font-size:1.16em;
	margin-bottom:0;
	}
.people #mainContent h4 span{
	color:#8c8c8c;
	}	
.people #mainContent p{
	padding:0;
	}
.people #mainContent a{
	color:#9d1156;
	}
.people #mainContent a:hover{
	color:#f15c3a;
	}
.people #mainContent .button {
	text-align:center;
	padding:20px;
	}
.people #mainContent .button a{
	background:url(../images/btn-drop-bg.gif) repeat-x bottom left;
	background-color:#fff;
	border-top:1px solid #969696;
	font-size:1.29em;
	padding:10px 10px 13px 10px;
	margin:0 auto;	
	}
.people #mainContent .bioPic{
	float:right;
	margin: 0 0 10px 10px;
	padding: 2px;
	border:1px solid #ddd;
	}
.people #mainContent .backButton{
	text-align:right;
	padding-bottom:20px;
	}

/* CONTACT */
.contact {
	margin: 65px auto;
	}
.contact a{
	text-decoration: underline;
	}
.contact a:hover{
	color:#01B35E;
	}	
	
/*------------------------------------------------------*/
/*------------------------------------------------------*/
/*														*/
/*  TAKE CARE OF THAT BODY: Screening Program			*/
/*														*/
/*------------------------------------------------------*/
/*------------------------------------------------------*/

.tcotb #mainContent{
	margin-top:15px;
	}	
	
/* TABS */
.tcotb .tabs{
	padding:0px 0px 0px 0px;
	line-height:normal;	
	}
.tcotb .tabs ul{
	list-style:none;
	padding:0;
	margin:0;
	}
.tcotb .tabs li#tcotbTitleSm{
	float:left;
	display:block;
	padding-top:3px;
	margin:0;
	}
.tcotb .tabs li{
	float:right;
	margin:0;
	padding:0;
	}
.tcotb .tabs li a{
	display:block;
	padding:4px 8px 4px 8px;
	border-top:1px solid #fff;
	border-bottom:2px solid #fff;
	margin-left:2px;
	}
.tcotb .tabs li.clear{
	float:none;
	}	
.tcotb .tabs #riskTab a{
	background-color:#f15c3a;
	color:#fff;
	}		
.tcotb .tabs #promptsTab a{
	background-color:#9ec17e;
	color:#fff;
	}	
.tcotb .tabs #facilitiesTab a{
	background-color:#5072bb;
	color:#fff;
	}	
.tcotb .tabs #riskTab a.selected,
.tcotb .tabs #promptsTab a.selected,
.tcotb .tabs #facilitiesTab a.selected{
	background-color:#dfdfdf;
	color:#636363;
	border-bottom:2px solid #dfdfdf;
	}	
.tcotb .tabs #riskTab a.selected, .tcotb .tabs #riskTab a:hover{
	border-top:1px solid #f15c3a;
	background-color:#dfdfdf;
	color:#636363;
	}
.tcotb .tabs #promptsTab a.selected, .tcotb .tabs #promptsTab a:hover{
	border-top:1px solid #9ec17e;
	background-color:#dfdfdf;
	color:#636363;
	}
.tcotb .tabs #facilitiesTab a.selected, .tcotb .tabs #facilitiesTab a:hover{
	border-top:1px solid #5072bb;
	background-color:#dfdfdf;
	color:#636363;
	}
.tcotb .tabs #riskTab a.results_selected{
	border-top:1px solid #f15c3a;
	background-color:#ffdad5;	
	color:#636363;
	}

/* RISK PROGRESS BAR */
.tcotb .riskTitle{
	position:relative;
	}
.tcotb .steps{
	color:#f15c3a;
	float:right;
	font-size:30px;
	position:absolute;
	top:0px;
	right:25px;
	text-align:right;
	}
.tcotb .progressBar{
	float:right;
	text-align:right;
	}
.tcotb .progressBar p{
	margin:0;
	padding:0;	
	font-size:0.79em;
	}	
.tcotb .progressBar a.printResults{
	font-size:0.79em;
	background:url(../images/tcotb-print.gif) no-repeat;
	padding:0 20px 0 20px;
	}
.tcotb .progressBar a.emailResults{
	font-size:0.79em;
	background:url(../images/tcotb-email.gif) no-repeat;
	padding:0 0 0 20px;
	}	
.tcotb .progressBar ul{
	padding:0;
	margin:0;
	list-style:none;
	border-left:1px solid #cdcdcd;
	border-right:1px solid #cdcdcd;
	height:16px;
	width:204px;
	}
.tcotb .progressBar ul li{
	float:left;
	width:33px;
	border-top:1px solid #cdcdcd;
	border-bottom:1px solid #cdcdcd;
	border-right:1px solid #fff;
	font-size:1px;
	line-height:0;
	height:14px;
	padding:0;
	margin:0;
	background:#fff;
	}
.tcotb .progressBar ul li#pb1{
	color:#ff7867;
	background-color:#ff7867;
	}
.tcotb .progressBar ul li#pb2{
	color:#ff8e80;
	background-color:#ff8e80;
	}
.tcotb .progressBar ul li#pb3{
	color:#ffa69b;
	background-color:#ffa69b;
	}
.tcotb .progressBar ul li#pb4{
	color:#ffb8ae;
	background-color:#ffb8ae;
	}
.tcotb .progressBar ul li#pb5{
	color:#ffcac3;
	background-color:#ffcac3;
	}
.tcotb .progressBar ul li#pb6{
	color:#ffe6e2;
	background-color:#ffe6e2;
	}
.tcotb .report .cancer {
    margin-bottom: 2em;
	}



/* MAIN TEXT AREA */
.tcotb .mainText{
	clear:both;
	padding:25px;
	color:#636363;
	text-align:left;
	}
.tcotb .questions, .tcotb .ePrompts, .tcotb .facilities{
	background:url(../images/tcotb-gray-bg.jpg) repeat-x;
	}
.tcotb .questions label.question{
    display:block;
    }
.tcotb .results{
	border:4px solid #d9d9d9;
	}
.screening #mainContent h2.reportTitle{
	color:#f15c3a; 
	}
.reportTitle .printReport{
	float:right;
	font-size:30px;
	color:#d9d9d9;
	}
.reportTitle .printReport:hover{
	color:#f15c3a;
	}
.tcotb .mainText h2{
	font-size:36px;
	color:#636363;	
	}	
.tcotb .mainText h3{
	font-size:1.14em;
	font-weight:bold;
	color:#636363;
	}	
.tcotb .mainText h3 a{
	font-size:0.79em;
	font-weight:normal;
	color:#8c8c8c;
	}
.tcotb .mainText a{
	}	
.tcotb .mainText a:hover{
	cursor:pointer;
	}	
.tcotb .bottomLinks{
	margin:70px 0 20px 0;
	text-align:center;
	}
.tcotb .bottomLinks a{
	background:url(../images/btn-drop-bg.gif) repeat-x bottom left;
	background-color:#fff;
	border-top:1px solid #969696;
	font-size:1.29em;
	padding:10px 10px 13px 10px;
	margin:0 10px;
	}	

/* E PROMPTS */
.tcotb .ePrompts h3{	
	font-size:2em;
	font-weight:normal;
	padding-top:20px;
	}
.tcotb .ePrompts h3 span{
	color:#9ec17e;
	}
.tcotb .ePrompts h5{
	padding-top:10px;
	}	
.tcotb .ePrompts .dropContainer{
	display:none;
	padding-left:25px;
	}
.tcotb .ePrompts .dropContainer p{
	padding:0;
	margin:0;
	}
.tcotb .ePrompts .dropContainer .timeContainer{
	background:#ebebeb;	
	padding:15px 20px;
	margin:5px 50px 5px 0;
	}
.tcotb .ePrompts .ePromptsSubmit{
	background:url(../images/btn-drop-bg.gif) repeat-x bottom left;
	background-color:#fff;
	border-top:1px solid #969696;
	border-left:none;
	border-right:none;
	border-bottom:none;
	color:#9ec17e;
	font-size:1.29em;
	padding:10px 10px 13px 10px;
	margin:0 10px;
	cursor:pointer;
	margin:20px 0;
	}	
.tcotb .ePrompts .ePromptsSubmit:hover{
	color:#f15c3a;
	}



/* FACILITIES */
.tcotb .facilities a{
	color:#5072bb;
	}	
.tcotb .facilities a:hover{
	color:#f15c3a;
	}
.tcotb .facilities ul#key{
	border:2px solid #8c8c8c;
	color:#636363;
	width:100px;
	padding:6px;
	font-size:.79em;
	float:right;
	margin:0 0 20px 20px;
	list-style:none;
	line-height:1.25em;
	}
.tcotb .facilities ul#key h5{
	font-size:1.13em;
	font-weight:bold;
	color:#636363;
	}
.tcotb .facilities ul#key li{
	padding:0;
	margin:0;
	}	
.tcotb .facilities ul#key li span{
	font-weight:bold;
	}
.tcotb .facilities table{
	width:100%;
	font-size:0.86em;
	line-height:1.5em;	
	}
.tcotb .facilities table th{
	background:#fff;
	padding-right:5px;
	}
.tcotb .facilities table th.last{
	padding:0;
	}
.tcotb .facilities table th div{
	border-top:1px solid #5072bb;
	font-weight:normal;
	font-size:1.17em;	
	padding: 2px 5px;
	}
.tcotb .facilities table td{
	padding:5px;
	border-top:1px solid #5072bb;
	}
.tcotb .facilities table td.col1, 
.tcotb .facilities table td.col3, 
.tcotb .facilities table td.col5{
	background:#ebebeb;
	}
.tcotb .facilities table td.col2, 
.tcotb .facilities table td.col4{
	background:#fff;
	}	


	
/* POP UP WINDOW */

.winOpen{
	background:url(../images/icon-magnify.gif);
	padding:0 0 0 15px;
	background-repeat:no-repeat;
	}
.screen{
	display:none;
	background:#000;
	height:2000px;
	opacity:0.75;
	position:absolute;
	height:2000px;
	width:2000px;
	z-index:100;
	}
.win{
	display:none;
	width:560px;
	height:560px;
	position:absolute;
	top:100px;
	color:#000;
	background-color:#ddd;
	z-index:101;
	line-height:1.35em;
	text-align:left;
	}
.win h3, .win h4, .win h5{
	color:#f15c3a;
	} 
.win dl{
	list-style:circle;
	}	
.win p.footnote{
	font-size:.79em;
	}	
.win a.winClose{
	display:block;
	text-align:right;
	padding:5px 30px 0 0;
	}	
.win a:hover{
	color:#f15c3a;
	cursor:pointer;
	}
.winInner{
	width:460px;
	height:460px;
	background-color:#fff;
	position:absolute;
	top:30px;
	left:30px;
	overflow:auto;
	padding:20px;
	}	








.message {
    border: 5px solid #CCC;
    padding: 5px;
    margin-bottom: 10px;
}

.message_warning{
    background-color: #FFC;
    border-color: #FE9;
}

.message_error{
    background-color: #FCC;
    border-color: #F99;
}

.message .icon {
    float: left;
    margin-right: 10px;
}

.message .body {
    float: left;
}

.message .footer {
    clear: left;
}