/*  -----------------------------COMMON STYLES-----------------*/

* {
	margin: 0px;
	padding: 0;
}


hmtl, body{
height:100%;
}

body {
	font-family: Arial, Helvetia, Verdana, sans-serif;
	font-size: 12px;
	line-height: 17px;
	background:url(../images/homepage_bg.gif) repeat-x #efefef;/*#ffffff*/
	color: #666666;
}
/*--------------------Specific body backgrounds per section--------------*/
body.about {
	    background:url(../images/about_bg.gif) repeat-x #c8d5b8;
}
body.treatment {
		background:url(../images/treatment_bg.gif) repeat-x #abc6d4;
}
body.survivor {
		background:url(../images/survivor_bg.gif) repeat-x #c3b2c1;
}
body.caregiver {
		background:url(../images/caregiver_bg.gif) repeat-x #e4a2a1;
}
body.side {
		background:url(../images/side_bg.gif) repeat-x #eebb97;
}
/*--------------------END Specific body backgrounds per section--------------*/
a {
	color: #666666;	
}
em em {
	font-style: normal;
}
input.hideform {
	display:none;	
}

h1 {
	font-size: 18px;
	color: #666666;
	text-transform: uppercase;
	padding: 0 15px 16px 16px;
	font-weight: normal;
}
h2 {
	font-family:"Times New Roman", Times, serif;
	font-size: 16px;
	font-weight: bold;
	padding: 0 15px 3px 16px;
}
h3 {
	font-size: 12px;
	font-weight: bold;
	padding: 0 15px 14px 16px;
}
p,
div#maincontentarea ol,
 div#maincontentarea ul,
 div#maincontentarea dl {
	padding: 0 16px 20px 16px;
}
 div#maincontentarea  ul, 
 div#maincontentarea  ol {
	margin: 0 30px;
}
div#maincontentarea dl dt {
font-weight:bold;
}
div#maincontentarea li ol,
div#maincontentarea li ul,
div#maincontentarea dl dd {
	margin-left: 2em;
}
a:hover {
	color: #007abd;
}

.clear{
clear:both;}

table {
	background-color: #FFFFFF;
	border-collapse:collapse;
}
table th {
 border-bottom: 2px solid #333;
}

td, th {
 padding: 0.5em;
}


.imgRight{
float:right;}

.sideCallout{
float:right;
width: 250px; 
margin:0 -20px 0 10px;
padding: 10px 0px;
}
.sideCallout p{
background-image: url(../images/CollapsiblePanelContent_bg.jpg);
background-repeat: repeat-x;
}

div#maincontentarea  .sideCallout ul, ol {
margin:0 0 0 30px;
}

/*--------------------Specific header colors per section--------------*/
body.about #maincontentarea h1{
color:#99cc66;
}

body.treatment #maincontentarea h1{
color:#3399cc;
}

body.survivor #maincontentarea h1{
color:#996699;
}
body.caregiver #maincontentarea h1{
color:#cc3333;
}
body.side #maincontentarea h1{
color:#f49959;
}
/*--------------------END Specific header colors per section--------------*/

/*  ----------------------------- END common styles------------------*/





/*---------------------------------  WRAPPER ---------------------------------  */
div#wrapper {

	margin:0 auto 75px;
	width: 961px;
position:relative;
}
/*---------------------------------  header ---------------------------------  */

div#header{
width:auto;
height:191px;
}
div#headerright {
	float: right;
	width: 428px;
	height: 51px;
	background:url(../images/topNav_tab.png) right no-repeat;
                     margin-right: 10px;
}
div#printlogo {
	display: none;	
}

div#leaderboard{
                      float: right;
	width: 728px;
	height: 90px;
                     margin-top: -15px;

}
/*---------------------------------  top nav ---------------------------------  */

div#tertiarynav {
	color: #666666;
	float: right;
	margin: 10px 30px 0px 0px;
	padding: 3px 0 10px 0;
	font-size: 11px;
	font-weight:bold;
}
div#tertiarynav ul li {
	display: inline;
	text-transform:uppercase;
	padding: 0 7px 0 7px;
	background:url(../images/tertiary-nav-divider.gif) right no-repeat;
}
div#tertiarynav ul li.last {
	padding: 0 12px 0 7px;
	background: none;
}
div#tertiarynav ul li a {
	text-decoration: none;
}
div#tertiarynav ul li a:hover {
	color: #cc6600;
}

/* ---------------------------------  Search Box---------------------------------   */

div#searchbox {
	margin: 10px 20px 0 0;
	width: 170px;
	height: 20px;
	background:url(../images/searchbar-bg.png) no-repeat;
	float: right;
}
div#searchbox input {
	font-size: 11px;
	color: #9d9c9c;
	border: none;
	width: 120px;
	margin: 3px 0 0 11px;
	float: left;
}
div#searchbox input#gobutton {
	width: 24px;
	height: 13px;
	text-transform:uppercase;
	background:url(../images/go-button.gif) no-repeat;
	margin: 3px 5px 0 0; 
	float: right;
	text-indent: -5000px;
	display: block;
}

/*---------------------------------   Main Nav ---------------------------------  */
div#mainnav {
	clear: right;
margin-top:-40px;	
}
div#mainnav ul	{
	height: 38px;
	width: 961px;
	background: url(../images/mainNav.png) top left no-repeat;
	position: relative;
}
div#mainnav ul li {
	list-style: none;
	position: absolute;
	top: 0;
}
div#mainnav ul li, div#mainnav ul a {
	height: 38px;
	display: block;
	overflow: hidden;
}
div#mainnav ul li a {
	text-indent: -5000px;
	text-decoration: none;
}
li#about {
	left: 222px;
	width: 110px;

}
li#about a:hover, li#about a.on {
	background: url(../images/mainNav.png) -222px -38px no-repeat;
}
li#abouton {
	background: url(../images/mainNav.png) -222px -38px no-repeat;	
	left: 222px;
	width: 110px;
	height: 38px;
	display: block;
	text-indent: -5000px;
	text-decoration: none;
	overflow: hidden;
}
li#treatment {
	left: 332px;
	width: 155px;
}
li#treatment a:hover, li#treatment a.on {
	background: url(../images/mainNav.png) -332px -38px no-repeat;
}
li#treatmenton {
	background: url(../images/mainNav.png) -332px -38px no-repeat;
	left: 332px;
	width: 155px;
	height: 38px;
	display: block;
	text-indent: -5000px;
	text-decoration: none;
	overflow: hidden;
}
li#survivor {
	left: 487px;
	width: 111px;
}
li#survivor a:hover, li#survivor a.on {
	background: url(../images/mainNav.png) -487px -38px no-repeat;
}
li#survivoron {
	background: url(../images/mainNav.png) -487px -38px no-repeat;
	left: 487px;
	width: 111px;
	height: 38px;
	display: block;
	text-indent: -5000px;
	text-decoration: none;
	overflow: hidden;
}
li#caregiver {
	left: 598px;
	width: 153px;
}
li#caregiver a:hover, li#caregiver a.on {
	background: url(../images/mainNav.png) -598px -38px no-repeat;
}
li#caregiveron {
	background: url(../images/mainNav.png) -598px -38px no-repeat;
	left: 598px;
	width: 153px;
	height: 38px;
	display: block;
	text-indent: -5000px;
	text-decoration: none;
	overflow: hidden;
}

li#side {
	left: 751px;
	width: 97px;
}
li#side a:hover, li#side a.on {
	background: url(../images/mainNav.png) -751px -38px no-repeat;
}
li#sideon {
	background: url(../images/mainNav.png) -751px -38px no-repeat;
	left: 751px;
	width: 97px;
	height: 38px;
	display: block;
	text-indent: -5000px;
	text-decoration: none;
	overflow: hidden;
}

li#faq{ /*was originally "FIND"*/
	left: 848px;
	width: 102px;
}
li#faq a:hover, li#faq a.on {
	background: url(../images/mainNav.png) -848px -38px no-repeat;
}
li#faqon {
	background: url(../images/mainNav.png) -848px -38px no-repeat;
	left: 848px;
	width: 102px;
	height: 38px;
	display: block;
	text-indent: -5000px;
	text-decoration: none;
	overflow: hidden;
}
/*---------------------------------------END Main Nav---------------------------*/


/* ---------------------------------  Quicklinks Dropdown---------------------------------   */

div#quicklinkscontent {
	position: absolute;	
	right: 17px;
	top: 189px;
	width: 182px;
	display: none;
                     z-index:2;

}
div#quicklinkslist {
	width: 182px;
	background:url(../images/quicklinks-dropdown-bg.png);
                     z-index:4;
}
div#quicklinkslist ul{
	margin: 0 0 0 8px;
}
div#quicklinkslist ul li {
	list-style: none;
	background:url(../images/quicklinks-divider.gif) no-repeat bottom;
}
div#quicklinkslist ul li.last {
	background:none;
}
div#quicklinkslist ul li a {
	text-decoration: none;	
	padding: 5px 22px 5px 18px;
	display:block;
}
div#quicklinkslist ul li a:hover {
	color: #cc6600
}
div#quicklinksbot {
	width: 182px;
	height: 13px;
	background: url(../images/quicklinks-dropdown-bot.png) no-repeat;
}
/* --------------------------------- END Quicklinks Dropdown---------------------------------   */



/*---------------------------------  Body Content Area -- Rounded box styles for content area---------------------------- */
div#contentarea {
	position:relative;
	margin:-2px auto;
	min-width:8em;
	width:960px;
	max-width:960px;
	z-index:1;
	margin-left:15px; /* default, width of left corner */
	margin-bottom:0.5em;
	
}

div#contentarea div#maincontentarea.home,
div#contentarea .t,
div#contentarea .bhome,
div#contentarea .bhome div 
{
background: url(../images/centerContent.png) no-repeat top right;  
_background-image:url(../centerContent.png); 

}

div#contentarea div#maincontentarea.full,
div#contentarea .t,
div#contentarea .bfull,
div#contentarea .bfull div 
{
background: url(../images/centerContent_full.png) no-repeat top right;  
_background-image:url(../centerContent_full.png); 

}

div#contentarea div#maincontentarea.blog,
div#contentarea .t,
div#contentarea .bblog,
div#contentarea .bblog div 
{
background: url(../images/centerContent_full_wblog.png) no-repeat top right;  
_background-image:url(../centerContent_full_wblog.png); 
}

div#contentarea div#maincontentarea.home, div#contentarea div#maincontentarea.blog, div#contentarea div#maincontentarea.full   {
	position:relative;
	_overflow-y:hidden;
	padding:0px 20px 0px 0px;
	zoom: 1;
	min-height:600px; /* Used to push footer down if needed */
	}

div#contentarea .t {
	/* top+left vertical slice */
 position:absolute;
	left:0px;
	top:0px;
	width:15px; /* top slice width */
	margin-left:-15px;
	height:100%;
	_height:1600px; /* arbitrary long height, IE 6 */
	background-position:top left;
}

div#contentarea .bhome, div#contentarea .bblog, div#contentarea .bfull {
 /* bottom */
position:relative;
background-position:bottom right;
min-width:100%; 
}

div#contentarea .bhome, div#contentarea .bblog, div#contentarea .bfull,
div#contentarea .bhome div, div#contentarea .bblog div, div#contentarea .bfull div {
 height:30px; /* height of bottom cap/shade */
 font-size:1px;
z-index:-10;
}

div#contentarea .bhome div, div#contentarea .bblog div, div#contentarea .bfull div {
	position:relative;
	width:15px;
	margin-left:-15px;
	background-position:bottom left;
}

/*  ----------------------------- END Rounded box styles for content area--*/


/*  --------------------------------- Breadcrumbs---------------------------*/
div#breadcrumb {
	padding: 5px 20px 30px 16px;
	color: #999999;
	font-size: 11px;
}
div#breadcrumb a {
	color: #999999;
	font-size: 11px;
}

/*---------------------------------  Sub/leftside Navigation Styles ---------------------------------  */

div#subnav {
	float: left;
	clear:left;
	width: 190px;
	margin: 10px;
}
div#subnavcontent {
	padding: 27px 0px 0px;
	
}
div#subnavcontent ul {
	margin:0 15px;
    padding:0px;
}
div.subnavdivider {
	background: url(../images/subnav-divider.jpg) no-repeat;
	height: 1px;
	padding: 0 0 11px 0;
}
div#subnavcontent ul li {
	list-style: none;
	color: #007abd;
	padding: 0 0 11px 0;
}
div#subnavcontent ul li a {
	color: #666666;
	text-decoration: none;
}
div#subnavcontent ul li a:hover, div#subnavcontent ul li a.on {
	color: #007abd;
}
div#subnavcontent.about ul li a:hover, div#subnavcontent.about ul li a.on {
	color: #99cc66;
}
div#subnavcontent.treatment ul li a:hover, div#subnavcontent.treatment ul li a.on {
	color: #3399cc;
}
div#subnavcontent.survivor ul li a:hover, div#subnavcontent.survivor ul li a.on {
	color: #996699;
}
div#subnavcontent.caregiver ul li a:hover, div#subnavcontent.caregiver ul li a.on {
	color: #cc3333;
}
div#subnavcontent.side ul li a:hover, div#subnavcontent.side ul li a.on {
	color: #f49959;
}
div#subnavcontent ul li ul {
	margin: 7px 0 -7px 10px;
}
div#subnavcontent ul li ul li {
	padding: 0 0 7px 0;
}
div#subnavcontent ul li ul li a {
	color: #999999;
}
div#subnavcontent ul.navtype2 li a {
	color: #999999;
}
div#subnavcontent ul.navtype2 li a:hover {
	color: #007abd;
}

/*---------------------------------  Footer Styles ---------------------------------  */


div#footer {
	background:url(../images/footer_bg.gif) repeat-x #FFFFFF;
	text-align: center;
	color: #888888;
	font-size: 11px;
	padding: 55px 0px 55px;
	margin: 0px;
	width: 100%;
	margin: -125px 0 0;
	height: 50px;

}

div#footer h3 {
	display: inline;
	font-weight: bold;
	font-size: 11px;
}
div#footer a {
	color: #666666;
	padding: 0 2px 0 2px;
}
div#footer a:hover {
	color: #007abd;	
}

div#footer img{
margin:0 -10px 0 10px;
}


/*---------------------------------  Homepage Styles ---------------------------------  */


h1#logo {
	height: 191px;
	width: 196px;
	background:url(../images/tcj_logo.png) no-repeat;
	text-indent: -5000px;
	display: block;
	overflow: hidden;
	float: left;
	margin:0px 0px 0px 20px;
	padding:0px;
                     cursor: hand;
}

div#homeCenterColumn {
	float:left;
	width: 480px;
	margin: -2px 0 0 3px;
	}
.welcomeText{
padding:16px 0px 0px
}	
div#homeCenterColumn h1{
	font-family:"Times New Roman", Times, serif;
	font-weight: bold;
	font-size: 18px;
	text-transform: none;
	}
	
/*---------Home Page IMAGE FLIPPER------*/

div.homephotocontent {
	margin: 0px;
}

div.hidePhoto {
	display: none;
}
div.homephotoareanav {
	background:url(../images/homephoto-nav-bg.jpg);
	height: 60px;
	padding: 10px 0 0 16px;
                     width:465px;	
}
div.homephotoareanav h2 {
	color: #666666;
	font-size: 14px;
	padding: 0 0 5px;
	text-transform:uppercase;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
}
div.homephotoareanav a {
	padding: 1px 5px 1px 5px;
	background: #c6c0c8;
	color: #FFFFFF;
	text-decoration: none;
	float: left;
	margin: 0 5px 0 0;
}
div.homephotoareanav a.on {
	background: #666666;
}
div.homephotoareanav a:hover {
	background: #666666;
                     color:#FFFFFF;
}
div.homephotoareanav div.photonavon {
	padding: 1px 5px 1px 5px;
	background: #666666;
	color: #FFFFFF;
	text-decoration: none;
	float: left;
	margin: 0px 5px 0 0;
}
div.homephotoareainfo h1 {
	font-family:"Times New Roman", Times, serif;
	font-size: 18px;
	color: #217fc6;
	padding: 12px 0 2px 16px;
	font-weight: bold;
}
div.homephotoareainfo p {
	color: #666666;
	padding: 0 15px 0 16px;
}
div.homephotoareainfo a:hover{
	color: #217fc6;
}

.homephotoarea a{
 line-height:0px;
}


/* -----------homeRightColumn Column------------ */
div#homeRightColumn {
	width: 210px;
	float: right;
	margin: 10px;
	padding: 27px 10px 0px 0px;
	}
div#homeRightColumn h2 {
	font-size: 11px;
	color: #666666;
	font-weight: normal;
	text-transform: uppercase;
	margin: 30px 0 20px 0;
}
div#homeRightColumn img {
	margin: 3px 0 20px 0;
}
div#divider {
	border-bottom:dotted #CCCCCC 1px;
	clear:both;
	margin: 20px 10px;
}
#supporters{
	margin:0;
}
#supporters h1{
	font-size: 11px;
	font-weight: bold;
	padding: 0px 0px 15px 0px;
}


#homeNB{
	margin:0px;
}
#homeNB h1{
	font-size: 16px;
	font-family:"Times New Roman", Times, serif;
	font-weight: bold;
	padding: 0px 0px 15px 0px;
}
#homeNB p{
	padding: 0px 0px 15px 0px;
}
/*----------------------------------END Homepage styles----------------------------------*/



/*----------------------------------FULL PAGE 1 COLUMN----------------------------------*/

#fullpage_center{
	width:700px;
	float:left;
	margin: 10px;
}

/*----------------------------------Full Page 2 Columns----------------------------------*/
#fullpage_2col_center{
	width:460px;
	float:left;
	margin: 10px;
}

#fullpage_2col_right{
	width:210px;
	float: right;
	margin: 10px;
	padding: 27px 10px 0 0px;
	}
#fullpage_2col_right h1{
	font-size: 16px;
	font-family:"Times New Roman", Times, serif;
	font-weight: bold;
	padding: 0px 0px 15px 10px;
}
#fullpage_2col_right p{
	padding: 0px 0px 15px 10px;
}

.collapsiblelist li {
	background-image: url(/media/ons/images/icons/bullet_green.png);
	background-position: 0 1px;
	background-repeat: no-repeat;
	padding-left: 20px;
}
.collapsiblelist li.open {
	background-image: url(/media/ons/images/icons/subtract.png);
}
.collapsiblelist li.closed {
	background-image: url(/media/ons/images/icons/add.png);
}
.collapsiblelist h4 {
	margin-top: 1em;
}
.collapsiblelist a,
.collapsiblelist a h4 {
	text-decoration: none;
	cursor: pointer;
}
.collapsiblelist .toggle {
	display: block;
	width: 16px;
	height: 16px;
	float: left;
	cursor: pointer;
	margin-left: -20px;
	text-indent: -9999px;
}