/* Global Reset
----------------------------------------------- */

@import url(/assets/css/reset.css);

/* The Rest...
----------------------------------------------- */

body {
	background-color: white;
	background-image: url("/assets/wallpaper.gif");
	background-repeat: no-repeat;
	background-position: top center;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	}
body.users-ex-users {
	background-image: url("/assets/wallpaper_users-ex-users.gif");
	}
body.families {
	background-image: url("/assets/wallpaper_families.gif");
	}
body.practitioners {
	background-image: url("/assets/wallpaper_practitioners.gif");
	}

p {
	/* why blue?? 
	color: blue;
	*/
	color: #333333;
}
a {
	color: #9A151B;
	text-decoration: none;
	border-bottom: none;
	}
a:hover {
	border-bottom: 1px solid #9A151B;
	}
a.button {
	color: #9A151B;
	background-color: #DEB2B5;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding: 3px 5px 3px 5px;
	font-size: 12px;
	border-bottom: none;
	line-height: 21px;
}
a.button:hover {
	border-bottom: none;
}
body.users-ex-users a.button {
	color: #5B283C;
	background-color: #D6C9CE;
}
body.families a.button {
	color: #903721;
	background-color: #E3CDC7;
}
body.practitioners a.button {
	color: #29596F;
	background-color: #C9D5DB;
}
div.heading a.button {
	margin: 6px 10px 0 0;
	float: right;
	background-color: white;
}

#Header {
	height: 125px;
	background-image: url("/assets/background_header.gif");
	/*background-image: url("/assets/placeholder/xmas.jpg");*/
	background-position: top center;
	background-repeat: no-repeat;
	/*background-repeat: repeat-x;*/
}
#Header #Foreground {
	background-image: url("/assets/foreground_header.png");
	background-position: top center;
	background-repeat: repeat-x;
}
body.users-ex-users #Header #Foreground {
	background-image: url("/assets/foreground_header_users-ex-users.png");
}
body.families #Header #Foreground {
	background-image: url("/assets/foreground_header_families.png");
}
body.practitioners #Header #Foreground {
	background-image: url("/assets/foreground_header_practitioners.png");
}
body.daily-dose #Header #Foreground {
	background-image: url("/assets/foreground_header_daily-dose.png");
}

#Header #HeaderTop {
	width: 970px;
	height: 90px;
	margin: 0 auto 0 auto;
}
#Header #HeaderTop #Logo {
	position: absolute;
	border: none;
}
#Header #HeaderBtm {
	background-image: url("/assets/background_nav.png");
	background-position: top left;
	background-repeat: repeat-x;
	height: 35px;
}
ul#NavTop {

}
ul#NavBtm {

}
ul.nav {
	width: 950px;
	margin: 0 auto 0 auto;
	background-image: url("/assets/background_nav.gif");
	/*background-image: url("/assets/background_ul_prinav.gif");*/
}
ul.nav li, ul#MyNav li, ul#AuxNav li {
	float: left;
}
ul.nav {
	padding: 4px 0 0 0;
}
ul.nav li {
	height: 22px;
	width: 132px;
	margin: 0 11px 0 0;
	background-color: #F2F2F2;
	text-align: center;
}
ul.nav li.users-ex-users, ul.nav li.families {
	margin: 0 1px 0 0;
}
ul.nav li.shop, ul.nav li.resources {
	width: 133px;
	margin: 0;
}
ul.nav li.daily-dose {
	margin: 0;
}
ul.nav li a {
	font-size: 13px;
	line-height: 22px;
	border-bottom: none;
	display: block;
	background-repeat: no-repeat;
}
ul.nav li a:hover {
	border-bottom: none;
}
ul.nav li.welcome a {
	color: #9A151B;
	background-image: url("/assets/nav_welcome.gif");
}
ul.nav li.users-ex-users a {
	color: #5B283C;
	background-image: url("/assets/nav_users-ex-users.gif");
}
body.users-ex-users ul.nav li.users-ex-users a {
	color: white;
	background-image: url("/assets/nav_users-ex-users_sel.gif");
	background-color: #5B283C;
}
ul.nav li.families a {
	color: #903721;
	background-image: url("/assets/nav_families.gif");
}
body.families ul.nav li.families a {
	color: white;
	background-image: url("/assets/nav_families_sel.gif");
	background-color: #903721;
}
ul.nav li.practitioners a {
	color: #29596F;
	background-image: url("/assets/nav_practitioners.gif");
}
body.practitioners ul.nav li.practitioners a {
	color: white;
	background-image: url("/assets/nav_practitioners_sel.gif");
	background-color: #29596F;
}
ul.nav li.shop a {
	color: #454B4C;
	background-image: url("/assets/nav_shop.gif");
}
ul.nav li.resources a {
	color: #903721;
	background-image: url("/assets/nav_resources.gif");
}
ul.nav li.daily-dose a {
	color: #446029;
	background-image: url("/assets/nav_daily-dose.gif");
}

/* Nav Group */
#Header #NavGroup {
	position: absolute;
	top: 30px;
	margin: 0 0 0 243px;
}
#Header #NavGroup #MyNav {
	margin: 0 10px 0 20px;
	height: 30px;
	float: left;
	display: inline;
}
#Header #NavGroup #MyNav li.profile {
	background-image: url("/assets/icon_user.png");
	background-repeat: no-repeat;
	padding: 0 0 0 25px;
}
#Header #NavGroup #AuxNav {
	height: 30px;
	float: left;
}

#Header #BannerAd {
	position: absolute;
	margin: 12px 0 0 480px;
	width: 468px;
	height: 60px;
	float: left;
	display: inline;
	background-color: White;
}

/* Search */
#Header #Search {
	position: absolute;
	top: 30px;
	margin: 0 0 0 670px;
	width: 280px;
	height: 30px;
}
#Header #Search {
}
#Header #Search label {
	font-size: 11px;
	color: white;
	line-height: 30px;
}
#Header #Search input.search-input {
	font-size: 11px;
	margin: 4px 0 0 0;
	padding: 4px 3px 0 3px;
	width: 190px;
	height: 18px;
	color: white;
	border: none;
	background-color: transparent;
	background-image: url("/assets/background_search_input.png");
}
#Header #Search input.search-input:hover {
	background-image: url("/assets/background_search_input_active.png");
}
#Header #Search input.search-button {
	float: right;
/* 	margin: -23px 0 0 0; */
	margin: 7px 0 0 0;
}


/* General Page Styles */
#Page {
	width: 950px;
	margin: 0 auto 0 auto;
	padding: 5px 10px 0 10px;
	clear: both;
}

#Column1 h1 {
	display: none;
}
#Column1 h3 {
	font-size: 15px;
	padding: 0 10px 0 10px;
	line-height: 39px;
	font-weight: normal;
	border-bottom: 1px solid #9A151B;
	color: #9A151B;
	}
	#Column1 h3 a {
	color: #9A151B;
	}
	#Column1 h3 a:hover {
	border-bottom: none;
	}
body.users-ex-users #Column1 h3 {
	color: #5B283C;
	border-bottom: 1px solid #5B283C;
	}
	body.users-ex-users #Column1 h3 a {
	color: #5B283C;
	}
body.families #Column1 h3 {
	color: #903721;
	border-bottom: 1px solid #903721;
	}
	body.families #Column1 h3 a {
	color: #903721;
	}
body.practitioners #Column1 h3 {
	color: #29596F;
	border-bottom: 1px solid #29596F;
	}
	body.practitioners #Column1 h3 a {
	color: #29596F;
	}
body.daily-dose #Column1 h3 {
	color: #446029;
	border-bottom: 1px solid #446029;
	}
	body.daily-dose #Column1 h3 a {
	color: #446029;
	}
	
#ColumnHeader h1 {
	font-size: 28px;
	padding: 10px 10px 0 10px;
	line-height: 39px;
	font-weight: bold;
	border-bottom: 1px solid #9A151B;
	color: #9A151B;
	}
#Column2 h1 {
	font-size: 28px;
	margin: 0;
	padding: 10px 10px 0 10px;
	line-height: 39px;
	font-weight: bold;
	border-bottom: 1px solid #9A151B;
	color: #9A151B;
	}
body.users-ex-users #Column2 h1, body.users-ex-users #ColumnHeader h1 {
	color: #5B283C;
	border-bottom: 1px solid #5B283C;
	}
body.families #Column2 h1, body.families #ColumnHeader h1 {
	color: #903721;
	border-bottom: 1px solid #903721;
	}
body.practitioners #Column2 h1, body.practitioners #ColumnHeader h1 {
	color: #29596F;
	border-bottom: 1px solid #29596F;
	}
body.daily-dose #Column2 h1, body.daily-dose #ColumnHeader h1 {
	color: #446029;
	border-bottom: 1px solid #446029;
	}
	
#Column2 div.heading h2 {
	font-size: 19px;
	padding: 0 10px 0 10px;
	line-height: 39px;
	font-weight: normal;
	border-bottom: 1px solid #9A151B;
	color: #9A151B;
	}
	#Column2 div.heading h2 a {
	color: #9A151B;
	}
	#Column2 div.heading h2 a:hover {
	border-bottom: none;
	}
body.users-ex-users #Column2 div.heading h2 {
	color: #5B283C;
	border-bottom: 1px solid #5B283C;
	}
	body.users-ex-users #Column2 div.heading h2 a {
	color: #5B283C;
	}
body.families #Column2 div.heading h2 {
	color: #903721;
	border-bottom: 1px solid #903721;
	}
	body.families #Column2 div.heading h2 a {
	color: #903721;
	}
body.practitioners #Column2 div.heading h2 {
	color: #29596F;
	border-bottom: 1px solid #29596F;
	}
	body.practitioners #Column2 div.heading h2 a {
	color: #29596F;
	}
body.daily-dose #Column2 div.heading h2 {
	color: #446029;
	border-bottom: 1px solid #446029;
	}
	body.daily-dose #Column2 div.heading h2 a {
	color: #446029;
	}

#Column3 h2 {
	font-size: 19px;
	padding: 0 10px 0 10px;
	line-height: 39px;
	font-weight: normal;
	border-bottom: 1px solid #9A151B;
	color: #9A151B;
	}
	#Column3 h2 a {
	color: #9A151B;
	}
	#Column3 h2 a:hover {
	border-bottom: none;
	}
body.users-ex-users #Column3 h2 {
	color: #5B283C;
	border-bottom: 1px solid #5B283C;
	}
	body.users-ex-users #Column3 h2 a {
	color: #5B283C;
	}
	body.users-ex-users #Column3 h2 a:hover {
	border-bottom: none;
	}
body.families #Column3 h2 {
	color: #903721;
	border-bottom: 1px solid #903721;
	}
	body.families #Column3 h2 a {
	color: #903721;
	}
	body.families #Column3 h2 a:hover {
	border-bottom: none;
	}
body.practitioners #Column3 h2 {
	color: #29596F;
	border-bottom: 1px solid #29596F;
	}
	body.practitioners #Column3 h2 a {
	color: #29596F;
	}
	body.practitioners #Column3 h2 a:hover {
	border-bottom: none;
	}
body.daily-dose #Column3 h2 {
	font-size: 15px;
	color: #446029;
	border-bottom: 1px solid #446029;
	}
	body.daily-dose #Column3 h2 a {
	color: #446029;
	}
	body.daily-dose #Column3 h2 a:hover {
	border-bottom: none;
	}

/* Side Panels */
div.panel {
	margin: 10px 0 10px 0;
	}
div.panel div.body p, #Column3 div.body p {
	padding: 10px;
	color: #333333;
	font-size: 13px;
	line-height: 150%;
	}
div.general div.body p {
	color: #9A151B;
	}
#Column1 div.panel div.body p {
	font-size: 11px;
	}
#Column3 div.panel div.body p {
	font-size: 12px;
	}
div.panel div.heading {
	background-position: top left;
	background-repeat: no-repeat;
	background-color: #9A151B;
	height: 40px;
	}
body.users-ex-users div.panel div.heading {
	background-color: #5B283C;
	}
body.families div.panel div.heading {
	background-color: #903721;
	}
body.practitioners div.panel div.heading {
	background-color: #29596F;
	}
body.daily-dose div.panel div.heading {
	background-color: #446029;
}
#Column1 div.panel div.heading {
	background-image: url("/assets/panel_header_170.png");
	}
#Column2 div.panel div.heading {
	background-image: url("/assets/panel_header_470.png");
	}
body.pages #Column2 div.panel div.heading, body.search #Column2 div.panel div.heading {
	background-image: url("/assets/panel_header_770.png");
	}
#Column3 div.panel div.heading {
	background-image: url("/assets/panel_header_290.png");
	}
div.panel div.heading div.icon {
	margin: 10px 6px 0 10px;
	width: 20px;
	height: 20px;
	background-color: #9A151B;
	float: left;
	display: inline;
}
body.users-ex-users div.panel div.heading div.icon {
	background-color: #5B283C;
}
body.families div.panel div.heading div.icon {
	background-color: #903721;
}
body.practitioners div.panel div.heading div.icon {
	background-color: #29596F;
}

/* Panel Icons */
div.quote div.heading div.icon {
	background-image: url("/assets/icon_quote.png");
}
div.community div.heading div.icon {
	background-image: url("/assets/icon_community.png");
}
div.stories div.heading div.icon {
	background-image: url("/assets/icon_stories.png");
}
div.member div.heading div.icon {
	background-image: url("/assets/icon_member.png");
}
div.daily-dose div.heading div.icon {
	background-image: url("/assets/icon_daily-dose.png");
}
div.photos div.heading div.icon {
	background-image: url("/assets/icon_photos.png");
}
div.twitter div.heading div.icon {
	background-image: url("/assets/icon_twitter.png");
}
	
div.body p.more {
	clear: both;
	padding: 10px!important;
	border-top: 1px solid #CC8A8D;
}
body.users-ex-users p.more {
	border-top: 1px solid #AD939D;
	}
body.families p.more {
	border-top: 1px solid #C79B90;
	}
body.practitioners p.more {
	border-top: 1px solid #94ACB7;
	}
body.daily-dose p.more {
	border-top: 1px solid #A6AF8F;
	}

div.body div.footer {
	height: 68px;
	background-color: #9A151B;
	background-image: url("/assets/background_join-us_footer.png");
	background-position: bottom left;
}
body.users-ex-users div.body div.footer {
	background-color: #5B283C;
}
body.families div.body div.footer {
	background-color: #903721;
}
body.practitioners div.body div.footer {
	background-color: #29596F;
}
div.body div.footer p {
	font-size: 15px!important;
	line-height: 100%!important;
	padding: 28px 5px 0 0;
	color: #9A151B;
}
div.body div.footer img {
	float: left;
	margin: 0 3px 0 5px;
}
	
/* Sponsor Panel */
#Sponsors {
	width: 150px;
	padding: 10px;
}
#Sponsors a {
	border-bottom: none;
	margin: 0 0 10px 0;
}
#Sponsors a:hover {
	border-bottom: none;
}
#Sponsors a.last {
	margin: 0;
}



/* Daily Dose Panel */
div.daily-dose div.heading {
	background-color: #446029!important;
	}
div.daily-dose div.heading h2 {
	border-bottom: 1px solid #446029!important;
	color: #446029!important;
	font-weight: bold!important;
	}
	div.daily-dose div.heading h2 a {
	color: #446029!important;
	}
div.daily-dose div.heading p.tagline {
	float: right;
	color: #446029;
	width: 130px;
	margin: -34px 10px 0 0;
	font-size: 11px;
	line-height: 120%;
	padding: 0;
	}
	
/* Twitter Panel */
div.twitter div.tweets {
	margin: 10px 10px 0 10px;
	background-image: url("/assets/panel_twitter_top.gif");
	background-repeat: no-repeat;
	}
div.twitter div.tweets p.tweet {
	background-image: url("/assets/panel_twitter_div.gif");
	background-repeat: no-repeat;
	background-position: top;
	}
	div.twitter div.tweets p.tweet.first {
		background-image: none;
		}
div.twitter p.more {
	margin: 0 10px 0 10px;
	padding: 15px 10px 10px 10px!important;
	border: none;
	background-image: url("/assets/panel_twitter_btm.gif");
	background-repeat: no-repeat;
	}
div.twitter div.tweets p span.date a {
	font-size: 10px;
	}

/* Columns 1,2 & 3 */
#Column1 {
	margin: 0 0 10px 0;
	padding: 0;
	width: 170px;
	float: left;
	font-size: 11px;
	}
#Column2 {
	margin: 0 0 10px 10px;
	width: 470px;
	float: left;
	font-size: 13px;
	}
body.wide #Column2 {
	width: 770px;
	}
#Column3 {
	margin: 0 0 10px 10px;
	width: 290px;
	float: left;
	font-size: 12px;
	}
#ColumnHeader {
	margin: 0 0 10px 180px;
}

/* Other */
div.clear {
	clear: both;
	line-height: 0px;
	}

/* Inside this section */
h3.inside {
	margin: 10px 0 0 0;
}
ul.inside {
	margin: 10px 0 20px 0;
	border-bottom: 1px solid #CC8A8D;
	}
body.users-ex-users ul.inside {
	border-bottom: 1px solid #AD939D;
	}
body.families ul.inside {
	border-bottom: 1px solid #C79B90;
	}
body.practitioners ul.inside {
	border-bottom: 1px solid #94ACB7;
	}
body.daily-dose ul.inside {
	border-bottom: 1px solid #A6AF8F;
	}
ul.inside li {
	font-size: 12px;
	}
ul.inside_sub {
	margin: 0 0 0 10px;
	}
ul.inside_sub li {
	font-size: 11px;
	}
	
ul.inside li a {
	height: 29px;
	line-height: 30px;
	padding: 0 10px 0 25px;
	display: block;
	border-bottom: 1px solid #CC8A8D!important;
	color: black;
	}
body.users-ex-users ul.inside li a {
	border-bottom: 1px solid #AD939D!important;
	}
body.families ul.inside li a {
	border-bottom: 1px solid #C79B90!important;
	}
body.practitioners ul.inside li a {
	border-bottom: 1px solid #94ACB7!important;
	}
body.daily-dose ul.inside li a {
	border-bottom: 1px solid #A6AF8F!important;
	}
ul.inside_sub li a {
	border-bottom: 1px solid #E6C4C6!important;
	}
body.users-ex-users ul.inside li.last a, body.families ul.inside li.last a, body.practitioners ul.inside li.last a, ul.inside li.last a, body.daily-dose ul.inside li.last a {
	border-bottom: none!important;
	}

ul.inside li div.arrow {
	position: absolute;
	overflow: hidden;
	margin: 10px 0 0 10px;
	background-color: #9A151B;
	width: 10px;
	height: 10px;
	background-image: url("/assets/icon_subnav_arrow.gif");
	background-repeat: no-repeat;
	}
body.users-ex-users ul.inside li div.arrow {
	background-color: #5B283C;
	}
body.families ul.inside li div.arrow {
	background-color: #903721;
	}
body.practitioners ul.inside li div.arrow {
	background-color: #29596F;
	}
	
ul.inside_sub li div.arrow {
	position: absolute;
	overflow: hidden;
	margin: 12px 0 0 10px;
	background-color: #9A151B;
	width: 5px;
	height: 5px;
	background-image: none;
	}
	
/* Channel Pages */
body.home ul.inside li.home {
	font-weight: bold;
}
body.about-recovery ul.inside li.about-recovery {
	font-weight: bold;
}
body.articles ul.inside li.articles {
	font-weight: bold;
}
body.personal-stories ul.inside li.personal-stories {
	font-weight: bold;
}
body.community ul.inside li.community {
	font-weight: bold;
}
/*body.community ul.inside li.community ul.inside_sub li {
	font-weight: normal;
}
body.about ul.inside li.community ul.inside_sub li.about {
	font-weight: bold;
}*/
body.blog ul.inside li.blog {
	font-weight: bold;
}
body.members ul.inside li.members {
	font-weight: bold;
}
/* Member Profile Pages */
body.view ul.inside li.view {
	font-weight: bold;
}
body.edit ul.inside li.edit {
	font-weight: bold;
}
body.archive ul.inside li.archive {
	font-weight: bold;
}
/* Resources Pages */
body.overview ul.inside li.overview {
	font-weight: bold;
}
/* Daily Dose Pages */
body.daily ul.inside li.daily {
	font-weight: bold;
}
body.weekly ul.inside li.weekly {
	font-weight: bold;
}
body.reports ul.inside li.reports {
	font-weight: bold;
}
body.archives ul.inside li.archives {
	font-weight: bold;
}
body.about-us ul.inside li.about-us {
	font-weight: bold;
}
body.about ul.inside li.about ul.inside_sub li {
	font-weight: normal;
}
body.associate-sponsors ul.inside li.about ul.inside_sub li.associate-sponsors {
	font-weight: bold;
}
body.readers-comments ul.inside li.about ul.inside_sub li.readers-comments {
	font-weight: bold;
}
body.donate ul.inside li.donate {
	font-weight: bold;
}
/* About Us Pages */
body.overview ul.inside li.overview {
	font-weight: bold;
}
body.our-team ul.inside li.our-team {
	font-weight: bold;
}
body.our-wider-team ul.inside li.our-wider-team {
	font-weight: bold;
}
body.our-charter ul.inside li.our-charter {
	font-weight: bold;
}
body.our-story ul.inside li.our-story {
	font-weight: bold;
}
body.our-advisory-board ul.inside li.our-advisory-board {
	font-weight: bold;
}
body.our-community ul.inside li.our-community {
	font-weight: bold;
}
body.about-daily-dose ul.inside li.about-daily-dose {
	font-weight: bold;
}

/* 
  -- Even more rounded corners with CSS: Base stylesheet --
*/

.auxpanel {
	height: 30px;
	padding: 0 10px 0 0;
	background: url(/assets/background_auxnav_right.png) no-repeat top right;
}
.auxpanel .content {
	height: 30px;
	padding: 0 0 0 10px;
	background: url(/assets/background_auxnav_left.png) no-repeat top left;
}
.auxpanel .content ul {
	height: 30px;
}
.auxpanel .content ul li {
	margin: 0 10px 0 0;
	font-size: 11px;
	line-height: 30px;
	float: left;
	color: white;
}
.auxpanel .content ul li.last {
	margin: 0;
}
.auxpanel .content ul li a {
	color: white;
	border-bottom: none!important;
}
.auxpanel .content ul li a:hover {
	border-bottom: 1px solid white!important;
}


/* Notices */
div.notice {
	margin: 10px;
}
div.notice p {
	font-size: 14px;
	font-weight: bold;
	line-height: 150%;
	padding: 10px;
}
/* Positive and Negative Notices */
div.positive {
	border-top: 1px solid green;
	border-bottom: 1px solid green;
	background-color: #BFDFBF;
}
div.negative {
	border-top: 1px solid red;
	border-bottom: 1px solid red;
	background-color: #FFBFBF;
}
div.positive p {
	color: green;
}
div.negative p {
	color: red;
}

/* Footer */	
#Footer {
	clear: both;
	height: 135px;
	border-top: 1px solid #F1F1F1;
	background-image: url("/assets/background_nav.png");
	background-position: 0 0;
	background-repeat: repeat-x;
	}
#Footer #FooterTop {
	height: 30px;
	width: 970px;
	margin: 0 auto 0 auto;
	}
#Footer #FooterBtm {
	background-color: #9A151B;
	background-image: url("/assets/background_footer.png");
	background-position: top left;
	background-repeat: no-repeat;
	width: 707px;
	margin: 0 auto 0 auto;
	padding: 30px 10px 0 233px;
	height: 60px;
	}
#Footer #FooterBtm #Wrapper {
	position: relative;
}
body.users-ex-users #Footer #FooterBtm {
	background-color: #5B283C;
	}
body.families #Footer #FooterBtm {
	background-color: #903721;
	}
body.practitioners #Footer #FooterBtm {
	background-color: #29596F;
	}
body.daily-dose #Footer #FooterBtm {
	background-color: #446029;
	}
#FooterNav div.content ul {
	width: 590px; /* This will neeed adjusting if the footer content alters */
	margin: 0 auto 0 auto;
}