/* icons adapted from 'http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css' rel='stylesheet'>
 Font Awesome 4.0.3 by @davegandy - http://fontawesome.io - @fontawesome
 putting icon over circle (inverted color)
 <span class="fa-stack fa-lg"><i class="fa fa-circle fa-stack-2x"></i><i class="fa fa-flag fa-stack-1x fa-inverse"></i>
 :before { font-family: FontAwesome;  content: ".fa .fa-heart"; }
 */
/* 
font awesome patch for local testing is to load woff file from web
 */ 
@font-face { font-family: 'FontAwesome';  src: url('fonts/fontawesome-webfont.woff?v=4.0.3') format('woff');
  src: url('fonts/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'), url('fonts/fontawesome-webfont.eot?v=4.0.3'), url('fonts/fontawesome-webfont.ttf?v=4.0.3') format('truetype'), url('fonts/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal;
src: url('https://netdna.bootstrapcdn.com/font-awesome/4.1.0/fonts/fontawesome-webfont.woff?v=4.1.0') format('woff')  }
.fa {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* makes the font 33% larger relative to the icon container */
.fa-lg { font-size: 1.3333em; line-height: 0.75em; vertical-align: -15%;}
.fa-2x {  font-size: 2em;}
.fa-3x {  font-size: 3em;}
.fa-4x {  font-size: 4em;}
.fa-5x {  font-size: 5em;}
.fa-fw {  width: 1.2857142857142858em;  text-align: center;}
.fa-border {  padding: .2em .25em .15em;  border: solid 0.08em #eeeeee;  border-radius: .1em;}
.fa.pull-left {  margin-right: .3em;}
.fa.pull-right {  margin-left: .3em;}
.fa-stack {
  position: relative; display: inline-block;
  width: 2em; height: 2em;
  line-height: 2em; vertical-align: middle;
}
.fa-stack-1x, .fa-stack-2x {
  position: absolute;
  left: 0;  width: 100%; text-align: center;
}
.fa-stack-1x {  line-height: inherit;}
.fa-stack-2x {  font-size: 2em;}
.fa-inverse {  color: #ffffff;}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers don't read random characters that represent icons */
.fa-search:before {  content: "\f002";}
.fa-home:before {  content: "\f015";}
.fa-heart:before {  content: "\f004";}
.fa-shopping-cart:before { content: "\f07a";}
.fa-play-circle:before {  content: "\f114";}
.fa-download:before { content: "\f019";}
.fa-chevron-circle-left:before, .fa-prev:before {  content: "\f137";} 
.fa-chevron-circle-right:before, .fa-next:before {  content: "\f138";}
.fa-warning:before, .fa-exclamation-triangle:before { font-size:1.2em; content: "\f071\0020";}
.fa-facebook:before {  content: "\f09a";}
.fa-twitter:before {  content: "\f099";}
.fa-pinterest:before {  content: "\f0d2";}
.fa-google-plus:before {  content: "\f0d5";}
.fa-wordpress:before {  content: "\f19a";}
.fa-linkedin:before {  content: "\f0e1";}
.fa-rss:before {  content: "\f09e";}
.fa-print:before {  content: "\f02f";}
.fa-arrow-circle-o-up:before {  content: "\f01b";}
.fa-refresh:before { content: "\f021";}
.fa-bookmark:before {  content: "\f02e";}
.fa-arrow-up:before {  content: "\f062";}
.fa-share:before {  content: "\f064";}
.fa-arrows-v:before {  content: "\f07d";}
.fa-arrows-h:before {  content: "\f07e";}
.fa-thumb-tack:before {  content: "\f08d";}
.fa-external-link:before {  content: "\f08e";}
.fa-globe:before {content: "\f0ac";}
.fa-flash:before,.fa-bolt:before {  content: "\f0e7";}
.fa-quote-left:before {  content: "\f10d";}
.fa-quote-right:before {  content: "\f10e";}
.fa-spinner:before {  content: "\f110";}
.fa-circle:before {  content: "\f111";}
.fa-ellipsis-h:before { content: "\f141";}
.fa-ellipsis-v:before { content: "\f142";}
.fa-tick:before {content: "\f00c";}
.fa-2tick:before {content: "\f00c\f00c";}
.fa-3tick:before {content: "\f00c\f00c\f00c";}
.fa-4tick:before {content: "\f00c\f00c\f00c\f00c";}
.fa-5tick:before {content: "\f00c\f00c\f00c\f00c\f00c";}
.fa-tick, .fa-2tick, .fa-3tick, .fa-4tick, .fa-5tick {color: green; font-size: 1.2em; font-weight: bold;}
.fa-cross-black {color: black; font-weight: normal;}
.fa-cross:before, .fa-cross-black:before {content: "\f00d"; font-size: 1.2em; }
.fa-cross {color: #CC0000; font-weight: bold;}
.fa-star:before {content: "\f005";} 
.fa-half-star:before {content: "\f123";}
.fa-no-star:before {content: "\f006";}
.fa-star, .fa-half-star, .fa-no-star, .fa-2star, .fa-3star, .fa-4star, .fa-5star {color: gold;} 
.fa-trigger:before {content: "\f0e7";}
.fa-trigger {padding-left:0.2em;}
.fa-2trigger:before {content: "\f0e7"}
.fa-2trigger:after  {content: " \f0e7"}
.fa-3trigger:before { white-space: pre; content: "\f0e7\0020\f0e7\0020\f0e7"}
.fa-4trigger:before { white-space: pre; content: "\f0e7\0020\f0e7\0020\f0e7\0020\f0e7"}
.fa-5trigger:before { white-space: pre; content: "\f0e7\0020\f0e7\0020\f0e7\0020\f0e7\0020\f0e7"}
.fa-2star:before {content: "\f005\f005";}
.fa-3star:before {content: "\f005\f005\f005";}
.fa-4star:before {content: "\f005\f005\f005\f005";}
.fa-5star:before {content: "\f005\f005\f005\f005\f005";}
.fa-info:before {content: "\f129"; }
.fa-info-circle:before {content: "\f05a"; }
.fa-question:before {content: "\f128";}
.fa-question-orange:before {content: "\f128"; font-size:1.2em; color:orange;}
.fa-question-circle:before {content: "\f059";}

/* fontawesome end */

.toggle, [id^=drop] {
 display: none;
}

#logo-id {
  display: block;
  padding-right: 2em;
  float: left;
  width:122px;
  padding-top:0;
  margin-bottom:0;
  padding-bottom:0;
}

#homeicon {
  vertical-align:middle;
  text-align:center;
  font-size: 1.3em;
  line-height:0.8;
  padding:0 5px 0 5px; margin:0;
  }

nav {
  margin: 0;
  padding: 0;
  background-color: #FFF;
  color: #ccc;
  z-index:9;
}

nav:after {
  content: "";
  display: table;
  clear: both;
}

nav ul {
  float: right;
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
}

nav ul li {
  margin: 0;
  display: inline-block;
  float: left;
  background-color: #333;
/* put in front of table of contents */
  z-index:900;
}
/** move 2nd tier items eg DID movies, Ritual Abuse to right since z--index wont put them in front**/
nav ul ul li {
margin-left: 1em;
}
nav a {
  display: block;
  padding: 5px 10px;
  color: #FFF;
  font-size: 18px;
  line-height: 48px; /* Allow wrapping */
  height:48px;
  text-decoration: none;
  text-align:left;
}

nav > li.a, nav a:visited { color: #FFF; }

nav a:after {
  padding-right:1.5em;
  margin-right:0
  }

nav ul li ul li:hover { background: #000000; z-index: 800; }

nav a:hover { background-color: #000000; }

nav ul ul {
  display: none;
  position: absolute;
  top: 40px;
 /* don't indent drop-down menus */ 
  margin-left:0;
  margin-right:0;
}

nav ul li:hover > ul { display: inherit; }
nav ul ul li:hover > ul { display: inherit; }

nav ul ul li {
  float: none;
  display: list-item;
  position: relative;
  line-height: 2;
}

/* Second Tier drop-down box position - PTSD submenu only*/
nav ul ul ul li {
  top: -2em; /* just above first menu */
  left: 13.7em;
  padding-left: 0;
}
/* PTSD submenu items only*/
.tier3 {
 left: -1em;
 min-width:10em;
  max-width:100%;
}

/* Width & wrap menu setting */
.menu li ul > li, .menu ul li > li {
   width:auto;
   height:auto;
   line-height: 1.2;   
 }

/* Wrap menu setting */
nav ul li ul li > a, nav ul li > a {
  height: auto;
  line-height: 1.2;
  }

/* Borders between menu items */
nav ul li ul li a {
 margin-left: 4px;
 margin-right:4px;
  }

nav ul:last-child {
/* fix Professionals menu */
  padding-right:0.8em;
  margin-right:0.5em;
  }
nav ul ul:last-child {
/* fix Professionals menu */
  padding-right:3px;
  margin-right:0;
  }
li > a:after { content: '  '; }
li > a:only-child:after { content: ''; }