/* Start of CMSMS style sheet 'f6_main' */
/* SHARC
   Master Styles
   Author: Jonathan Nicol (f6design.com)
*****************************************************************/

/* Eric Meyer's global reset
*****************************************************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


/* Re-defined HTML elements
*****************************************************************/

html {
	font-size: 100%; /* for IE */
}

body  {
	background: #d1d2d4;
	color: #231f20;
	font-family: Arial, Verdana, Tahoma, sans-serif;
	font-size: 76%; /* equivalent to 12px */
	font-weight: normal;
	margin: 0;
	padding: 0;
	text-align: center;
	line-height: 1.4;
}
a, a:visited {
	border-bottom: 1px solid #cdcdcd;
	color:#005888;
	outline-style:none;
	text-decoration:none;
}
a:hover {
	border-color: #005888;
	color:#005888;
	text-decoration:none;
}
a:active {
	color:#005888;
	text-decoration:none;
}
blockquote {
	background:transparent url(../img/quotes.gif) left top no-repeat;
	margin:0pt 0pt 1.5em;
	min-height:3em;
	padding:0pt 0pt 0pt 37px;
}
img {
	border: none;
	display: block;
}
h1 {
	
}
h2 {
	
}
p {
	margin:0 0 1em 0;
}
strong {
	font-weight: bold;
}


/* Common presentational rules
*****************************************************************/

.clr {
	clear: both;
}
.clearit {
	height: 0;
	width: 0;
	margin: 0;
	padding: 0;
	overflow: hidden;
	clear: both;
}


/* Page structure
*****************************************************************/

#pagewrap {
	margin: 20px auto;
	text-align: left;
	width: 768px;
}



/* Branding
*****************************************************************/

#brandingwrap {
	background: transparent url(../img/shadow_t.gif) right top no-repeat;
	width: 768px;
}
#branding {
        background: #b7283c;
	border: 6px solid #fff;
	height: 116px;
	position: relative;
	width: 741px;
	}
	#branding #logo {
		left: 15px;
		position: absolute;
		top: 39px;
                z-index: 3;
		}
	#branding #tagline {
		color: #fff;
		font-size: 1.5em;
		font-weight: bold;
		left: 183px;
		position: absolute;
		text-align: left;
		top: 68px;
		width: 557px;
                z-index: 4;
		}
        #branding #crowd {
                background: transparent url(../img/branding_crowd.gif) left top no-repeat;
               position: absolute;
               top: -26px;
               left: 135px;
               width: 165px;
               height: 142px;
               z-index: 2;
               }
        #branding #annualReport{
               position: absolute;
               top: 25px;
               left: 650px;
               width: 83px;
               height: 83px;
               z-index: 5;
               }
		
		
/* Navbar
*****************************************************************/


#navwrap {
	background: url(../img/shadow_c.gif) right top repeat-y;
	position: relative;
	z-index: 100;
	text-align: left;
	height: 26px;
}
#nav { /* nested inside relative element, so positioning is relative to parent */
	background: #004d77;
	border-left: 6px solid #fff;
	border-right: 6px solid #fff;
	position: absolute;
	width: 741px;
	top: 0px;
	left: 0;
}

/* generic suckerfish rules begin*/
#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1.2;
}
#nav a {
	border: none;
	display: block;
	width: 159px;
}
#nav li { /* all list items */
	float: left;
	width: 117px; /* width needed or else Opera goes nuts */
	}
	#nav li.last { /* last nav btn */
		margin-right: 0;
		}
#nav li ul { /* second-level lists */
	/* border-top: 1px solid #fff; */
	position: absolute;
	background: #004d77;
	width: 181px;
	margin-left: -1000em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}
#nav li ul a { /* second-level lists link */
	padding: 0.25em 11px 0.25em 11px;
	color: #fff;
	text-decoration: none;
	/*
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	*/
	/* background: #704623; */
}
/* 
#nav li ul a:hover { /* second-level lists link hover 
	background: #ad7c43;
}
*/
#nav ul li {
 	background: #004d77;
 	border-bottom: 1px solid #80a6bb;
	width: 181px;
	margin-right: 0;
}
#nav ul li:hover, #nav ul li.sfhover { /* JN */
	background: #d8bf02;
	border-bottom: 1px solid #ecdf81;
}
#nav a.daddy { /* JN */
	background-image: url(../img/dropdown_rightarrow.gif);
	background-position: center right;
	background-repeat: no-repeat;
}
#nav a.daddy:hover { /* JN */
	background-image: url(../img/dropdown_rightarrow.gif);
	background-position: center right;
	background-repeat: no-repeat;
}
#nav .last { /* JN */
	border-bottom: none;
}
#nav .last a:hover, #nav .last.sfhover {
	border-bottom: none;
}
#nav li ul ul { /* third-and-above-level lists */
	margin: -1.8em 0 0 -1000em;
}
#nav li:hover ul ul, #nav li.sfhover ul ul {
	margin-left: -1000em;
}
#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	margin-left: -1px;
}
#nav li li:hover ul, #nav li li.sfhover ul {
	margin-left: 180px;
}
/* generic suckerfish rules end */


/*-------phil start----------------*/
#navBtn1 .btnLvl1, #navBtn2 .btnLvl1, #navBtn3 .btnLvl1, #navBtn4 .btnLvl1, #navBtn5 .btnLvl1, #navBtn6 .btnLvl1, #navBtn7 .btnLvl1 
, #navBtn11 .btnLvl1
{
	height: 26px;
}
/*-------phil end ----------------*/


#nav .hasMenu {
	cursor: default;
}

/* BTNS - ':sfhover' are so we can use the whatever:hover technique to hover elements with no href in IE < 7 */


/* BTN 1 */
#nav li#navBtn1, #navBtn1 .btnLvl1  {
	width: 73px;
}
#navBtn1 {
	background: url(../img/nav_btn_home.gif) 0 0 no-repeat;
z-index:7;
}
#navBtn1:hover, #navBtn1.sfhover, #navBtn1 a.selected {
	background: url(../img/nav_btn_home.gif) -300px 0 no-repeat;
}

/* BTN 2 */
#nav li#navBtn2, #navBtn2 .btnLvl1  {
	width: 101px;
}
#navBtn2 {
	background: url(../img/nav_btn_about.gif) 0 0 no-repeat;
z-index:6;
}
#navBtn2:hover, #navBtn2.sfhover, #navBtn2 a.selected {
	background: url(../img/nav_btn_about.gif) -300px 0 no-repeat;
}

/* BTN 3 */
#nav li#navBtn3, #navBtn3 .btnLvl1  {
	width: 100px;
}
#navBtn3 {
background: url(../img/nav_btn_news.gif) 0 0 no-repeat;
z-index:5;
}
#navBtn3:hover, #navBtn3.sfhover, #navBtn3 a.selected {
background: url(../img/nav_btn_news.gif) -300px 0 no-repeat;
}

/* BTN 4 */
#nav li#navBtn4, #navBtn4 .btnLvl1  {
	width: 181px;
z-index:4;
}
#navBtn4 {
background: url(../img/nav_btn_rss.gif) 0 0 no-repeat;
}
#navBtn4:hover, #navBtn4.sfhover, #navBtn4 a.selected {
background: url(../img/nav_btn_rss.gif) -300px 0 no-repeat;
}


/* BTN 5 */
#nav li#navBtn5, #navBtn5 .btnLvl1  {
	width: 61px;
}
#navBtn5 {
background: url(../img/nav_btn_apsu.gif) 0 0 no-repeat;
z-index:3;
}
#navBtn5:hover, #navBtn5.sfhover, #navBtn5 a.selected {
background: url(../img/nav_btn_apsu.gif) -300px 0 no-repeat;
}

/* BTN 6 */

#nav li#navBtn6, #navBtn6 .btnLvl1  {
	width: 126px;
}
#navBtn6 {
background: url(../img/nav_btn_familydrughelp.gif) 0 0 no-repeat;
z-index:2;
}
#navBtn6:hover, #navBtn6.sfhover, #navBtn6 a.selected {
background: url(../img/nav_btn_familydrughelp.gif) -300px 0 no-repeat;
}


/* BTN 7 */
#nav li#navBtn7, #navBtn7 .btnLvl1  {
	width: 75px;
}
#navBtn7 {
background: url(../img/nav_btn_contact.gif) 0 0 no-repeat;
z-index:1;
}
#navBtn7:hover, #navBtn7.sfhover, #navBtn7 a.selected {
background: url(../img/nav_btn_contact.gif) -300px 0 no-repeat;
}


/* BTN 11 phil start */
#nav li#navBtn11, #navBtn11 .btnLvl1  {
	width: 75px;
}
#navBtn11 {
background: url(../img/nav_btn_rnr2.gif) 0 0 no-repeat;
z-index:8;
}
#navBtn11:hover, #navBtn11.sfhover, #navBtn11 a.selected {
background: url(../img/nav_btn_rnr2.gif) -300px 0 no-repeat;
}
/* BTN 11 phil end */


/* nav btn spans, phil */
#navBtn1 .btnLvl1 span, #navBtn2 .btnLvl1 span, #navBtn3 .btnLvl1 span, #navBtn4 .btnLvl1 span, #navBtn5 .btnLvl1 span, #navBtn6 .btnLvl1 span, #navBtn7 .btnLvl1 span
, #navBtn11 .btnLvl1 span

{
display: none;
}



/* Content area structural
*****************************************************************/

#contentwrap {
	background: transparent url(../img/shadow_c.gif) right top repeat-y;
	width: 768px;
}
#content,#contentHome {
	background: #fff url(../img/content_bg.gif) right top repeat-y;
	border: 6px solid #fff;
	width: 741px;
}
#contentHome {
	background: #fff;
}
#secondarynav {
	float: left;
	/* padding: 185px 0 40px 12px;  - original, commented out by phil */
	padding: 10px 0 40px 12px; /* added, reduced top margin by phil */
	width: 137px;
	}
	#secondarynav h3 {
		border-bottom: 1px solid;
		color: #b7283c;
		font-size: 1.5em;
		line-height: 1.3;
		padding-bottom: 2px;
		}
	#secondarynav ul {
		margin-top: 10px;
		}
	#secondarynav li {
		border: none;
		font-size: 1.15em;
		padding: 2px 0 1px 20px;
		}
		#secondarynav li.selected {
			background: transparent url(../img/secnav_arrow.gif) 0 0.5em no-repeat;
		}
		#secondarynav a {
			border-bottom: none;
			color: #b7283c;
			}
			#secondarynav a:hover {
				border-bottom: 1px solid #b7283c;
				}
	#secondarynav li ul{
		margin-top: 0;
		}
#secondarynav li ul li {
font-size: 0.9em;
}
	#secondarynav.apsu {
		background: transparent url(../img/side_logo_apsuxxx.gif) top left no-repeat;
		}
	#secondarynav.recovery-support-services{
		background: transparent url(../img/side_logo_rssxxx.gif) top left no-repeat;
		}
	#secondarynav.family-drug-help{
		background: transparent url(../img/side_logo_fdhxxx.gif) top left no-repeat;
		}
#pagecontentwrap {
	float: right;
	width: 574px;
}
#herohome {
	background: #f9f4d9;
	height: 199px;
}
#hero {
	height: 179px;
	border-bottom: 6px solid #fff;
}
#pagecontent {
	background: #f9f4d9;
	padding: 24px 24px 40px 24px;
	width: 526px; /* trigger haslayout for IE */
	}
	#pagecontent h1 {
		color: #b7283c;
		font-size: 2em;
		font-weight: bold;
		margin: 0 0 0.5em 0;
		}
	#pagecontent h2 {
		color: #b7283c;
		font-size: 1.5em;
		font-weight: bold;
		margin: 0 0 0.5em 0;
		}
	#pagecontent h3 {
		color: #b7283c;
		font-size: 1.2em;
		font-weight: bold;
		margin: 0 0 0.5em 0;
		}
		
		
/* Home
*****************************************************************/

#featureBlurbs {
	background: transparent url(../img/home_feats_bg.gif) left top repeat-y;
	color: #b7283c;
	float: left; /* So it clears child floats, for bg image */
	margin: 18px 0;
	}
	#featureBlurbs li {
		display: inline;
		font-size: 1.2em;
		float: left;
		line-height: 1.2;
		padding: 6px 18px 50px 18px;
		width: 211px;
		}
		#featureBlurbs li p {
			width: 211px;
			}
#featureLinks {
	position: relative;
	clear: both;
	}
	#featureLinks li {
		position: absolute;
		top: -76px;
		padding: 6px 18px;
		width: 211px;
		}
		#featureLinks li#rss {
			left: 0px;
			}
		#featureLinks li#apsu {
			left: 247px;
			}
		#featureLinks li#fdh {
			left: 494px;
			}
	#featureLinks a {
		border: none;
		}
		

/* News items
*****************************************************************/

.newsSummary{
	border-bottom: 1px dotted #b7283c;
	margin-bottom: 1em;
}
.newsPostDate {
	font-style: italic;
	margin-bottom: 0;
}
#pagecontent h2.newsSummaryTitle {
	margin-bottom: 0;
}
#pagecontent h1.newsPostTitle {
	margin-bottom: 0;
}
.newsPostContent {
	border-bottom: 1px dotted #b7283c;
	margin: 1em 0;
	padding-bottom: 1em;
}


/* Lists
*****************************************************************/

#pagecontent ul {
	margin:0pt 0pt 1em;
	padding-left:25px;
	}
	#pagecontent ul.sitemap {
		margin-bottom: 0;
	}
	#pagecontent ul.sitemap ul {
		margin-bottom: 0;
	}
#pagecontent ol {
	margin:0pt 0pt 1em;
	padding-left:25px;
}
#pagecontent li {
	background:transparent url(../img/list_bullet.gif) no-repeat left 0.5em;
	list-style-image:none;
	list-style-type:none;
	padding:1px 0pt 0.05em 15px;
}



/* Site info
*****************************************************************/

#siteinfowrap {
	background: transparent url(../img/shadow_c.gif) right top repeat-y;
	width: 768px;
}
#siteinfo {
	background: #b7283c;
	border: 6px solid #fff;
	border-top: none;
	color: #db949e;
	font-size: 0.9em;
	padding: 5px 12px;
	text-align: right;
	width: 717px;
	}
	#siteinfo li {
		background: transparent url(../img/siteinfo_divider.gif) right center no-repeat;
		display: inline;
		padding: 0 10px;
		}
		#siteinfo li.last {
			background: none;
			padding-right: 0;
			}
		#siteinfo li a {
			border: none;
			color: #fff;
			}
			#siteinfo li a:hover {
				border-bottom: 1px solid #fff;
				}

/* Page btm
*****************************************************************/

#pagebtm {
	background: transparent url(../img/shadow_b.gif) left top no-repeat;
	height: 19px;
	overflow: hidden;
	width: 768px;
}

/* End of 'f6_main' */

