/* +++  style sheet updated  +++ */
/*			NHTS orange: orange;
			NHTS teal: #007FA2;	*/

body {
	background: /*#b4d7fa*/#7CAEE1 /*url(../pix/backslice.jpg) repeat-x*/;
	margin: 0;
	padding: 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:99%;
	text-align:center;
}
#all {
	font-size:1em;
	margin: 0 auto;
	width: 900px;
	height: 100%;
	padding: 0;
	text-align:left;
	background: #DDE6F8;
	border-right: 1px solid #007FA2;;
	border-left: 1px solid #007FA2;;
	position: relative;
}
						/* +++ links +++ */

a:link {
	text-decoration: underline;
	color:  #F93;}
a:visited {
	text-decoration: underline;
	color: #F93;}
a:hover {
	text-decoration: underline; 
	color: #007FA2;}
a:link img, a:visited img {
	border-color: #f93;
	}
a:hover img {
border-color: #007FA2;}

.clear {	clear: both;	visibility: hidden;}
.clearright {	clear: right;	visibility: hidden;}
.centeritem {
text-align: center;
}
p.centeritem {margin-left: 40px; margin-right:40px;}

.big {
font-size: 120%;
}
.alert
{color: red;}
h2.alert {font-weight:bold;font-style:normal;}
.bluealert {
	color: #007FA2;;
	font-style: italic;
	font-weight: bold;
	}
div.bluealert {
	margin: auto 2em;
}
.phone {
	color: red;
	font-size: 120%;
	}
#addy a:hover {color: white;}
#addy .phone {
	color: white;
	font-size: 140%;
	}
.or {
	color: #FF9933;
	font-weight: bolder;}
.blue 	{color: #007FA2;}
.blue a {color: #007FA2;}
.black {color: black;}
.black a {color: #007FA2;}
.noit {font-style:normal;}

				/* +++ paragraphs, blocks, etc +++ */

h1, h2, h3, h4 {
	font-family:"Times New Roman", Times, serif;
	text-align: left;
}

h2, h3 {
	font-style:italic;
	}
h1 {
	color: #007FA2;
	font-weight: bold;
	margin-left:-60px;
	width: 850px;
	height: 35px;
	font-size: 26px;
	padding-top: 2px;
	padding-bottom: ;
	padding-left: 60px;
	background: url(../pix/titlebgL.png) 10px 0px no-repeat /*url(../pix/slice1.png) repeat-x*/;
		}
h1 img {margin-bottom:-1px}
h2 {
	color: #007FA2;
	font-weight: normal;
	}
h2.subhead {	font-family: "Monotype Corsiva", Lucida, Verdana, Arial, Helvetica, sans-serif;}

h3 {
	color: #007FA2;
	text-decoration:underline;}

h4 {
	margin-top: 3em;
	color: #036;
	}
h5 {
	font-size: .8em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: normal;
	}
h6 {
	font-size: 0.7em;
	font-weight: lighter;
	}
p {
	font-size: 1.0em;
	margin: 10px 20px 10px 0;
	}
.indent {margin: 20px 40px;}
span.head { color: #036; text-decoration:underline; font-weight:bold;}
						/* +++ images +++ */
.floatright
{float:right;
margin-left: 20px; margin-bottom: 20px;}
.floatleft
{float:left;
margin-right: 20px;}
a.adobe img {/* link & image for Adobe Reader */
	border: none;
	margin-left: 1em;
	}

					/* +++ main classes +++ */
.main {
	margin-top: 65px;
	margin-left: 35px;margin-right: 35px;
	padding: 10px 40px;
	height: 100%;
}
.main li {
	margin: 10px 30px;
}
.main li span {
	color: black;
	font-weight: normal;
	}
.main li a {color:black;}

#addy {
	text-align: center;
	font-size: smaller;
	margin: 0;
	background: #007FA2;
	padding: 3px 0 10px 0;
}
.boxed {
border: 2px solid #007FA2;
text-align: left;
padding: 10px;
width: 60%;
margin: 10px 20%;
}
.boxed p {text-align: left;}
.boxed p.spaced {
margin-top: .5em;
}
h3.spaced {margin-top: 0; font-style:normal;}
body#hours .boxed {
margin: 1em 0;
width: 80%;
font-weight: bold;
}
body#hours .boxed p {
	border: 1px solid red;
}
table.hourslist { width: 100%;
}
table.hourslist h3 {font-style:normal;}
table.hourslist p {margin-left: 20px;}
body#news .boxed {
margin: 1em auto;
width: 80%;
font-weight: bold;
text-align: center;
}

.blocktext p, p.blocktext {
margin: 0 auto;
}
.blocktext h4 {
margin-bottom: .3em;
margin-top: 1em;
}
h4.closer { /*not so far below the preceeding */
margin-top: 1em;
}
.third {width: 25%;}
.fourth {width: 19%;
}
.fourth a img {border:none;}
.ind, p.ind {
margin-left: 2em;
margin-right: 2em;
}
.boxed h2 {
margin: 0em;
}
.gotop {
text-align: right;}
.music {
text-align:center;
width: 100px;
font-size: .7em;
margin: .5em auto;
color: #f93;
}
					/* +++ topmatter +++ */
#header {
padding: 0;
margin: 0;
/*height:125px;*/
border-bottom: 2px solid #007FA2;
	width: 100%;
	height: 105px;
	background: #007FA2 url(../pix/header.jpg) no-repeat;
	padding: 0;
position: relative;}
.logo {
float: left;
	width: 162px;
	border: none;
}
.logo img {
border:none;
}
.logo a:link, .logo a:visited,.logo a:hover {
text-decoration: none;
}
.rollflash {position: absolute;
top: 0; right: 0;}

.horizbar {/* horizontal bar, including search, nav */
background: /*#ffe4b5;*/orange;
border: 1px solid #007FA2;
height: 60px;
position: absolute;
top: 110px;left:0;
width: 900px;
}
			/* +++ SEARCH BOX ETc +++ */
.searchbox {
float:right;
vertical-align:top;
background: ;
height: 30px;
margin-top: 0px;
padding-top: 0px;
padding-right:10px;
}
.searchbox td {padding: 2px 10px;
}
h2.topphone {clear:both;
float: right;
height: 20px;
font-size:20px;
font-style: normal;
font-weight:bold;
margin-top: 0px;
margin-right: 10px;
text-align:right;
width: 200px;}
.main .searchbox {
margin: 1em auto;
background: orange;
padding: 2px;
}
.searchbox FORM {margin: 0;}

				/* +++ navigation +++ */
#navstrip {
	margin-top:5px;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	float: left;
height: 25px;
position: relative;}

ul#navstrip, ul#navstrip li {list-style:none;
margin: 0; padding: 0;
}
ul#navstrip { 	margin-top:5px;margin-left: 5px;}
#navstrip li ul {display: none;
position: absolute; 
top: 28px;
left: 0px;
width: 700px;
}
#navstrip li#link6 ul { /*under Resources*/
padding-left: 150px;
}
#navstrip li#link9 ul { /*under Contact*/
padding-left: 300px;
}

#navstrip li {display:block; float:left;}
#navstrip a {text-decoration:none;
background: transparent url(../pix/blueyellow_buttonRs.png) no-repeat;
background-position: top right;
height: 25px;
display: block;
float: left;
margin-right: 6px;
padding-right: 15px; /* CHANGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
/* FONT PROPERTIES */
text-decoration: none;
color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#007FA2;}
#navstrip a span {
/* Background left image */ 
background: transparent url(../pix/blueyellow_button_Ll.png) no-repeat 0px 2px;
display: block;
line-height: 27px; /* CHANGE THIS VALUE ACCORDING TO BUTTON HEIGHT */
padding-left: 8px; 
margin-top: -2px;
} 
#navstrip a:hover span{
color:black;
}
#navstrip li:hover {height: 60px;}
#navstrip li:hover ul {
display: block;}



			/* +++ tables & forms +++ */

#contact table {
text-align: left;
margin-left: 0;
}
#contact table td {
padding:2px 5px;
}
#contact table td.rightie, p.rightie {
text-align: right;}
.button {
	color: white;
	font-weight:bold;
	background: #f93;
	border: 1px solid #007FA2;
	margin: .5em 1em;
}
#contact tr.spaced td { /*	for a table row that's a little farther away from the others */
	padding: 20px;
	}
#contact tr.spaceabove td { /*	for a table row that's only got the extra space above */
	padding-top: 20px;
	}

table.checklist {
	border-collapse:collapse;
	}
table.checklist td {
border: 1px solid #007FA2;
padding: 2px 5px;
}
table.checklist td.checks {
width: 30px;
}
body#links .main li {
margin: .5em;
}
 /* collateral agency listings */
table.listing {
width: 600px;
font-size:0.8em;
margin-bottom:1em;}
.listing a, table.articles a {color: #007FA2;}
.listing td {
padding: 3px 10px;
vertical-align: top;}
table.listing h4 {
margin: 0;
font-size: 1.2em;}
td.namecell {
width: 200px;}
td.addycell {
width: 150px;}
table.articles img {border: 1px solid #007FA2;}
table.articles a:visited {color:#666666;}
table.articles a:visited img {border: 1px solid #666;}
table.articles a:hover {color:#F93;}
table.articles a:hover img {border: 1px solid #f93;}

.newslist {
text-align: left;
margin: 1em 10%;
width: 80%;
}
.newslist td {padding-left: 10px;}

.carf {width: 125px;
text-align: center; margin-right: 40px;
}
.carf a img {
border: none;}
.carf h5{
font-size:smaller;
text-align:center;
margin: 0 auto;
padding:0;
color:#666666;}

.pagenav {/*within-page navigation */
}
.pagenav h3 {text-decoration:none; font-style:normal;}
			/* +++ You Are Here +++ */

body#home li.homenav,
body#about li.aboutnav,
body#druged li.drugednav,
body#programs li.programnav,
body#hours li.hoursnav,
body#agencies li.agenciesnav,
body#articles li.articlesnav,
body#donate li.donatenav,
body#links li.linksnav,
body#news li.newsnav,
body#careers li.careernav,
body#contact li.contactnav
{
background:#FFFF99;
}
			/* +++ scroller +++ */
	/*Example CSS for the two demo scrollers*/
#pscroller{
width: 300px;
height: 80px;
border: 1px solid black;
padding: 5px;
background: transparent;
}

.someclass{ //class to apply to your scroller(s) if desired
}