/* global settings */
html { height: 100.02%; }

body {
  background-color: #EAEFF3;
  font-family: "Arial", sans-serif;
  font-size: 100%;
  margin: 0;
  padding: 0;
  background: fixed #EAEFF3 url(../images/bg.jpg) repeat-x;
}

/* PCT SEARCH SUGGEST */
.suggest_link { background-color: #FFFFFF; font-size:0.8em; padding: 2px 6px 2px 6px; }
/*.suggest_link_over { background-color: #3366CC; padding: 2px 6px 2px 6px; }*/
.suggest_link_over { background-color: #0091b3; font-size:0.8em; padding: 2px 6px 2px 6px; }
#search_suggest { position: absolute;  background-color: #FFFFFF;  font-size:0.8em; text-align: left;  border: 1px solid #000000; }


/* invisible help elements */
.hidden {
  visibility: hidden
}

div.invisible, span.invisible, h1.invisible, h2.invisible, p.invisible, a.invisible, label.invisible {
  display: block;
  height: 0;
  left: -99em;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 0;
  margin: 0;
  padding: 0;
}

/* top settings */
div#top {
	margin-left: auto;
	margin-right: auto;
  padding: 0;
  width: 960px;
}

div#toploginsearch {
  margin: 0px 0px 0px 20px;
  width: 920px;
  height: 27px;
  background-color: #E9EFF5;
}

div#toploginsearch form {
  float: right;
  margin: 4px 10px 6px 10px;
  padding: 0px;
}

div#toploginsearch form p {
  margin: 0px;
  padding: 0px;
}

div#toploginsearch label {
  height: 20px;
  font-size: 70%;
  margin: 0px 5px 0px 0px;
  padding: 0px 0px 0px 0px;
}

div#toploginsearch input {
  margin: 0px;
  padding: 2px;
  font-size: 10px; 
  color: #585A58; 
  border: 1px solid #C6C9CE; 
}

div#toploginsearch input.biggoogle {
  width: 140px;
}

div#toploginsearch input.submit {
  color: #FFFFFF;
  background: #FF0026;
  border: 0px;
  font-weight: bold;
  background: url(../images/go-bg.jpg) repeat-x;
}

div#topaccess {
  float: right;
  margin: 0px 28px 0px 0px;
  padding: 6px 0px 0px 0px;
  text-align: right;
  color: #3965A2;
  font-weight: bold;
  font-size: 70%;
}

div#topaccess a {
  color: #9B3B5D;
  text-decoration: none;
  margin: 0px 5px 0px 5px;
}

div#topaccess a:visited {
  color: #9B3B5D;
  text-decoration: none;
}

div#topaccess a:hover {
  color: #9B3B5D;
  text-decoration: underline
}

div#topaccess a.mydetails, div#topaccess a.mydetails:visited, div#topaccess a.mydetails:hover {
  color: #F93B5A;
}

div#topbar {
  width: 920px;
  height: 116px;
  margin: 0px 0px 0px 20px;
  padding: 0;
}

div#logo {
  float: left;
  margin: 25px 0px 30px 16px;
  width: 356px;
  height: 74px;
  background: url(../images/hubcapp.gif) no-repeat;
}

div#logo a {
  display: block;
  height: 74px;
}

div#dhlogo {
  float: left;
  margin: 12px 16px 0px 431px;
  width: 99px;
  height: 31px;
  background: url(../images/dh.gif) no-repeat;
}

div#dhlogo a {
  display: block;
  height: 31px;
}

/* main navigation */
div#mainnav {
  min-height: 29px;
  width: 960px;
  font-weight: bold;
  font-size: 80%;
  color: #81002A;
  margin: 0px 0px 3px 0px;
  padding: 0px;
  clear: both;
}

div#mainnav ul {
  display: block;
  min-height: 29px;
  margin: 0;
  padding: 0;
  list-style: none;
  padding: 0px 20px 0px 20px;
}

div#mainnav li {
  height: 29px;
  width: 20%;
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
  background-color: #EDF6F6;
  background: url(../images/nav/bg.jpg) no-repeat;
}

div#mainnav li:hover {
  background: url(../images/nav/selectedbg.jpg) no-repeat;
}

/* for suckerfish ie6 fix */
div#mainnav li.sfhover {
  background: url(../images/nav/selectedbg.jpg) no-repeat;
}

div#mainnav li a{
  width: 100%;
  height: 29px;
  display: block;
  color: #81002A;
  text-decoration: none;
  padding: 6px 0 0 0;
  background: url(../images/nav/bg-right-pad.jpg) no-repeat top right;
}

div#mainnav li a:hover {
  color: #FFFFFF;
  background: url(../images/nav/selectedbg-right-pad.jpg) no-repeat top right;
}

div#mainnav li.about a {
  background: url(../images/nav/bg-right.jpg) no-repeat top right;
}

div#mainnav li.about a:hover {
  background: url(../images/nav/selectedbg-right.jpg) no-repeat top right;
}


/*       <li class="projects"><a href="php/displayprojects.php" accesskey="1" title="Projects">Projects</a></li>
      <li class="strategies"><a href="php/displaystrategies.php" accesskey="2" title="Strategies">Strategies</a></li>
      <li class="resources"><a href="factsheets.htm" accesskey="3" title="Resources">Resources</a></li>
      <li class="survey"><a href="evaluation.htm" accesskey="4" title="Survey">Survey</a></li>
      <li class="about"><a href="background.htm" accesskey="5" title="About HubCAPP">About</a></li> */


/* page */
div#page {
	margin-left: auto;
	margin-right: auto;
  padding: 0;
  background-color: #FFFFFF;
  width: 960px;
}

div#page p {
  color: #666666;
}

div#breadcrumbs {
  clear:both;
  margin: 0px 20px 0px 10px;
  padding: 20px 0px 20px 20%;
  font-size: 70%;
}

div#breadcrumbs p {
  margin: 0px;
  padding: 0px;
  color: #999999;
}

div#breadcrumbs a {
  color: #429BB9;
  text-decoration: none;
}

div#breadcrumbs a:visited {
  color: #999999;
  text-decoration: underline;
}

div#breadcrumbs a:hover {
  color: #429BB9;
  text-decoration: underline
}

div#content {
  padding: 0px;
}

div#content p, div#content li, div#content label {
  font-size: 80%;
  color: #666666;
}

div#content li li {
  font-size: 100%;
}

div#content li p {
  font-size: 100%;
}

div#content p b {
  color: #333333;
}

div#content p.error {
  display: block;
  margin: 10px 10px 0px 10px;
  padding: 10px;
  background: #FFDDDD;
}

div#content ul.error {
  display: block;
  margin: 0px 10px 10px 10px;
  padding: 10px 10px 10px 30px;
  background: #FFDDDD;
}

div#content h1 {
  font-weight: normal;
  color: #333333;
}

div#content h2 {
  color: #333333;
}

div#content h3 {
  color: #333333;
}

div#content a {
  color: #000000;
  text-decoration: none;
}

div#content a.uparrow {
  padding: 0px 0px 0px 12px;
  background: url(../images/linkarrowup.gif) no-repeat;
}

div#quicklinks {
  margin: 20px 0px 0px 0px;
  padding: 0px 0px 10px 0px;
  clear: both;
  background-color: #FFF4EB;
  border-top: 1px dotted #FF6E00;
  border-bottom: 1px dotted #FF6E00;
}

div#quicklinks h2 {
  font-size: 80%;
  margin: 0px;
  padding: 10px 0px 0px 10px;
}

div#quicklinks a {
  color: #000000;
  text-decoration: none;
  padding: 0px 0px 0px 12px;
  background: url(../images/linkarrow.gif) no-repeat;
}

div#quicklinks a:hover {
  text-decoration: underline;
  color: #000000;
  background: url(../images/linkarrowselected.gif) no-repeat;
}

div#content a.print, div#content a.printnotop {
  clear: both;
  display: block;
  margin: 16px 0px 0px 0px;
  padding: 0px 0px 0px 16px;
  background: url(../images/home/arrow.gif) no-repeat;
}

div#content a.printnotop {
  margin: 0px;
}

div#content a.print:hover, div#content a.printnotop:hover {
  text-decoration: underline;
}

div#content a.email {
  display: block;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 16px;
  background: url(../images/home/arrow.gif) no-repeat;
}

div#content a.email:hover {
  text-decoration: underline;
}

div#content a.sharethis {
  display: block;
  margin: 0px 0px 16px 0px;
  padding: 0px 0px 0px 16px;
  background: url(../images/home/arrow.gif) no-repeat;
}

div#content a.sharethis:hover {
  text-decoration: underline;
}

div#bottomlogo {
  clear: both;
}

div#aclogo {
  float: left;
  display: block;
  margin: 0px;
  padding: 0px;
  width: 184px;
  height: 110px;
  background: url(../images/alcoholconcern.gif) no-repeat 20px 51px;
}

div#aclogo a {
  margin: 51px 20px 0px 20px;
  display: block;
  width: 164px;
  height: 38px;
  text-decoration: none;
  border: 1px solid #FFFFFF;
}

div#alclogo {
  float: left;
  display: block;
  margin: 0px;
  padding: 0px;
  width: 145px;
  height: 110px;
  background: url(../images/alcohollearningcentre.gif) no-repeat 20px 40px;
}

div#alclogo a {
  margin: 40px 20px 0px 20px;
  display: block;
  width: 125px;
  height: 60px;
  text-decoration: none;
  border: 1px solid #FFFFFF;
}

div.logoclear  {
  clear: both;
  width: 500px;
  height: 5px;
}

div#copyright {
	margin-left: auto;
	margin-right: auto;
  padding: 0;
  font-size: 70%;
  width: 960px;
}

div#copyright a {
  color: #A03F5F;
  text-decoration: none;
}

div#copyright a:visited {
  color: #A03F5F;
  text-decoration: underline;
}

div#copyright a:hover {
  color: #A03F5F;
  text-decoration: underline
}

div#copyright .copy {
  margin: 5px 0px 15px 0px;
  padding: 0;
  float: left;
}

div#copyright .design {
  margin: 5px 0px 15px 0px;
  padding: 0;
  float: right;
}

/* content */
div#contentleft {
  margin: 0px 20px 200px 20px;
  float: left;
  width: 163px;
}

div#contentleft div.hr {
  margin: 0px;
  padding: 0px;
  height: 2px;
  background: #FFFFFF;
}

div#contentleft div.hr hr {
  display: none;
}

div#contentleft p {
  margin: 0px;
  padding: 0px;
  color: #000000;
  background: #C9D5DD;
}

div#contentleft a {
  display: block;
  color: #000000;
  text-decoration: none;
  padding: 5px 0px 5px 22px;
  background: #C9D5DD url(../images/leftnav/normal.gif) no-repeat 8px 8px;
}

div#contentleft a:hover {
  color: #000000;
}

/*   background: url(../images/linkarrow.gif) no-repeat 0px 5px; */

div#contentleft a.selected {
  color: #FFFFFF;
  text-decoration: none;
  padding: 5px 0px 5px 22px;
  background: #990033 url(../images/leftnav/selected.gif) no-repeat 8px 8px;
}

div#contentleft a.noarrow {
  color: #000000;
  text-decoration: none;
  padding: 5px 0px 5px 22px;
  background: #C9D5DD url(../images/leftnav/normal.gif) no-repeat 8px 8px;
}

div#contenttitle {
  float: left;
  width: 716px;
}

div#contenttitle h1 {
  font-size: 170%;
  color: #333333;
  margin: 0px;
  padding: 0px 0px 3px 0px;
}

div#contenttitle div.hr {
  margin: 0px;
  padding: 0px;
  height: 1px;
  background: #A9A9A9;
}

div#contenttitle div.hr hr {
  display: none;
}

div#contentmiddle {
  margin: 20px 15px 0 0;
  float: left;
  width: 480px;
}

div#contentmiddle h2 {
  margin: 0px;
  padding: 0px 0px 2px 0px;
  font-size: 90%;
}

div#contentmiddle h3 {
  padding: 0;
  margin: 0;
  font-size: 80%;
  font-weight: bold;
  font-style: italic;
  color: #333333;
}

div#contentmiddle p {
  margin: 0px;
  padding: 0px 0px 1.5em 0px;
}

div#contentmiddle p.disclaimer {
  margin: 15px 5px 5px 5px;
  padding: 10px;
  border: 1px dashed #666666;
  font-size: 70%;
}

div#contentmiddle p.space {
  height: 10px;
  margin: 0px;
  padding: 0px;
  font-size: 10%;
}

div#contentmiddle blockquote p {
  padding: 0px;
  font-size: 100%;
}

div#contentmiddle blockquote {
  font-size: 80%;
  color: #666666;
}

div#contentmiddle a:visited {
  color: #666666;
  text-decoration: underline;
}

div#contentmiddle a:hover {
  color: #000000;
  text-decoration: underline;
}

div#contentmiddle ul {
  margin-top: 0px;
}

div#contentmiddle ol {
  margin-top: 0px;
}

div#contentright {
  float: left;
  width: 247px;
  min-height: 0px;
  margin: 46px 0px 0px 0px;
  padding: 0px;
  background: #E9EFF5;
}

div#contentright div.image {
  margin: 0px;
  width: 247px;
  padding: 16px 0px 16px 0px;
  text-align: center;
  background: #FFFFFF;
}

div#contentright div.righttop {
  margin: 0px;
  width: 247px;
  height: 5px;
  padding: 0px;
  background: #E9EFF5 url(../images/rightnav/righttop.gif) repeat-x;
}

div#contentright div.hr {
  margin: 10px 0px 10px 0px;
  padding: 0px;
  height: 2px;
  background: #F6F6F6 url(../images/loginline.gif) repeat-x;
}

div#contentright div.hr hr {
  display: none;
}

div#contentright p {
  margin: 0px 4px 0px 4px;
  padding: 3px 0px 2px 18px;
  font-size: 80%;
  background: #FFFFFF;
}

div#contentright p.quicklinks {
  margin: 0px 4px 0px 4px;
  padding: 7px 7px 7px 27px;
  font-size: 90%;
  font-weight: bold;
  color: #FFFFFF;
  border: 1px solid #E6E6E6;
  background: #990033 url(../images/rightnav/link.gif) no-repeat 5px 5px;
}

div#contentright p.distribute {
  margin: 0px 4px 0px 4px;
  padding: 7px 7px 7px 27px;
  font-size: 90%;
  font-weight: bold;
  color: #FFFFFF;
  border: 1px solid #E6E6E6;
  background: #990033 url(../images/rightnav/distribute.gif) no-repeat 5px 5px;
}

div#contentright p.awards {
  margin: 0px 4px 0px 4px;
  padding: 7px 7px 7px 27px;
  font-size: 90%;
  font-weight: bold;
  color: #FFFFFF;
  border: 1px solid #E6E6E6;
  background: #990033 url(../images/rightnav/awards.gif) no-repeat 5px 5px;
}

div#contentright div.rightmid {
  margin: 0px 4px 0px 4px;
  height: 10px;
  background: #E9EFF5 url(../images/rightnav/rightmid.gif) no-repeat;
}

div#contentright div.rightbot {
  margin: 0px;
  width: 247px;
  height: 6px;
  padding: 0px;
  background: #E9EFF5 url(../images/rightnav/rightbot.gif) no-repeat;
}

div#notice {
  clear: both;
  margin: 10px 0px 0px 0px;
  padding: 10px;
  background: #FFDDDD;
}

div#notice p {
  margin: 0px;
  padding: 0px;
}

div#projnav {
  min-height: 25px;
  font-size: 90%;
  color: #7D002A;
  padding: 0px 0px 0px 0px;
  margin: 15px 0px 15px 0px;
}

div#projnav ul {
  min-height: 25px;
  margin: 0;
  padding: 0;
  list-style: none;
}

div#projnav li {
  height: 25px;
  width: 19.5%;
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
  background-color: #EDF6F6;
  background: url(../images/projnav/bg.jpg) repeat-x;
}

div#projnav li:hover {
  background: url(../images/projnav/selectedbg.jpg) repeat-x;
}

/* for suckerfish ie6 fix */
div#projnav li.sfhover {
  background: url(../images/projnav/selectedbg.jpg) no-repeat;
}

div#projnav li a{
  width: 100%;
  height: 25px;
  display: block;
  color: #7D002A;
  text-decoration: none;
  padding: 5px 0 0 0;
  background: none;
}

div#projnav li a:visited {
  color: #7D002A;
  text-decoration: none;
}

div#projnav li a:hover{
  color: #FFFFFF;
  text-decoration: none;
}

div#projnav li.selected {
  background: url(../images/projnav/selectedbg.jpg) repeat-x;
}

div#projnav li.selected a {
  color: #FFFFFF;
}

div#projnav li.selected a:visited {
  color: #FFFFFF;
  text-decoration: none;
}

div#projnav li.left a{
  background: url(../images/projnav/left.jpg) no-repeat;
}

div#projnav li.left a:hover{
  background: url(../images/projnav/leftselected.jpg) no-repeat;
}

div#projnav li.leftselected{
  background: url(../images/projnav/selectedbg.jpg) repeat-x;
}

div#projnav li.leftselected a{
  color: #FFFFFF;
  background: url(../images/projnav/leftselected.jpg) no-repeat;
}

div#projnav li.leftselected a:visited {
  color: #FFFFFF;
  text-decoration: none;
}

/* div#projnav li.rightof a{
  background: url(../images/projnav/rightof.gif) no-repeat;
} */

div#projnav li.right a{
  background: url(../images/projnav/right.jpg) no-repeat top right;
}

div#projnav li.right a:hover{
  background: url(../images/projnav/rightselected.jpg) no-repeat top right;
}

div#projnav li.rightselected{
  background: url(../images/projnav/selectedbg.jpg) repeat-x;
}

div#projnav li.rightselected a{
  color: #FFFFFF;
  background: url(../images/projnav/rightselected.jpg) no-repeat top right;
}

div#projnav li.rightselected a:visited {
  color: #FFFFFF;
  text-decoration: none;
}

div#content form.search {
  margin: 0px;
  padding: 10px;
  background: #E9EFF5;
  border-top: 1px dashed #C6C6C6;
  border-bottom: 1px dashed #C6C6C6;
}

div#content form.search p {
  margin: 0px;
  padding: 0px 0px 10px 0px;
}

div#content form.search h2 {
  margin: 0px;
  padding: 10px 0px 10px 0px;
}

div#content form.search label {
  display: block;
  width: 120px;
  float: left;
  padding: 0px 10px 10px 0px;
  clear: left;
  color: #666666;
}

div#content form.search span.note {
  margin: 0px 0px 0px 130px;
  color: #666666;
  font-size: 80%;
}

div#content form.search label.long {
  width: 100%;
}

div#content form.survey {
  position: relative;
  margin: 0px;
  padding: 10px;
  background: #E8F6F9;
  border-top: 1px dashed #C6C6C6;
  border-bottom: 1px dashed #C6C6C6;
}

div#content form.survey h3 {
  padding: 5px 0px 3px 0px;
}

div#content form.survey label.idt {
  width: 200px;
  padding: 0px 10px 10px 0px;
  clear: left;
  color: #666666;
}

div#content form.survey blockquote {
  font-size: 100%;
}

div#content form select.select {
  height: 22px;
  padding: 2px;
  margin: 0px;
  color: #5B5B5B;
  background: #FFFFFF;
  border: 1px;
}

div#content form select option.blank {
  color: #5B5B5B;
}

div#content form select option {
  color: #0091B3;
}

div#content form input.submit {
  height: 22px;
  padding: 2px;
  margin: 0px;
  color: #FFFFFF;
  background: #0091B3;
  border: 0px;
  font-weight: bold;
}

div#content div.space {
  height: 20px;
  padding: 0px;
  margin: 0px;
}

div#content ul.sitemap {
  list-style: none;
  margin: 0px;
}

div#content ul.sitemap li {
  padding-bottom: 15px;
}

div#content ul.sitemap ul {
  list-style: none;
  margin-left: 20px;
}

div#content ul.sitemap ul li {
  padding-bottom: 0px;
}

div#resultsnav {
  padding: 3px 0px 3px 0px;
  width: 100%;
  border-top: 1px dotted #C6C6C6;
}

div#resultsnav p {
  margin: 0px;
  padding: 0px;
}

div#projectsearch, div#projectsearchei {
  clear: both;
  margin: 0px 0px 5px 0px;
  padding: 15px 0px 0px 0px;
  border-top: 1px dotted #C6C6C6;
}

div#projectsearchei {
  background: #FFFFB0;
}

div#projectsearch a, div#projectsearchei a {

}

div#projectsearch span.updated, div#projectsearchei span.updated {
  float: right;
}

div#advancedsearchupdate {
  float: right;
  width: 150px;
  height: 100px;
  padding: 5px;
  border: 1px dotted #FF0000;
}

div#submitnav {
  min-height: 25px;
  font-size: 90%;
  color: #0091B3;
  padding: 0px 0px 0px 0px;
  margin: 15px 0px 15px 0px;
}

div#submitnav ul {
  min-height: 25px;
  margin: 0 0 0 3%;
  padding: 0;
  list-style: none;
}

div#submitnav li {
  height: 25px;
  width: 19%;
  float: left;
  margin: 0;
  padding: 5px 0 0 0;
  text-align: center;
  background-color: #EDF6F6;
  background: url(../images/submitnav/bg.jpg) repeat-x;
  font-weight: bold;
}

div#submitnav li.high {
  color: #FFFFFF;
  background: url(../images/submitnav/selectedbg.jpg) repeat-x;
}

div.reminders {
  background-color: #FFDDDD;
  margin: 5px 0 5px 120px;
  padding: 10px;
  font-size: 80%;
  color: #666666;
}

td.vote p {
  margin: 0px;
  padding: 0px;
  width: 300px;
}

/* generic */

div#clear, div.clear  {
  clear: both;
}

img.noborder {
  border: none;
}

/* test settings */