/* Original Default Values
@BackgroundColor : #ebf7f7;
@ListStyleType : FALSE;
@LinkColor : #2d3939;
@LinkActiveColor : #2d3939;
@LinkVisitedColor : #2d3939;
@LinkHoverColor : #646464;
@LevelOneColor : #2d3939;
@LevelTwoColor : #2d3939;
@ListStyleType : FALSE;
@FontWeight : bold;
@FontFamily : Helvetica, Arial, "Lucida Grande", sans-serif;
*/

/* Generic -------------------- */

html > body { font-size: 13px; }
body {
  font: 100%/1.4 Helvetica, Arial, "Lucida Grande", sans-serif;
  color: #2d3939;
  margin: 0;
  padding: 15px;
  background: #ebf7f7 url(../sitemap-images/bg.png) repeat-x;
}
a, a:active, a:hover, a:visited { text-decoration: none; }
a {
  color: #2d3939;
  word-break: break-all;
}
a:hover { color: #646464; }
/* Structure ------------------ */

#pattern {
  padding: 0;
  width: 320px;
  background: url(../sitemap-images/sitemap_top.png) no-repeat top left;
}
/* Lists ---------------------- */

.level-1 {
  margin: -13px 0 0 0;
  padding: 0;
  background: url(../sitemap-images/sitemap_bottom.png) no-repeat bottom left;
}
/* Level 1 */

.level-1 li {
  font-size: 14px;
  font-weight: bold;
  list-style-type: none;
  margin: 0;
  padding: 0px 15px 0 17px;
  background: url(../sitemap-images/sitemap_bg.png) repeat-y;
}
.level-1 li a {
  margin: 0px 0 0 15px;
  padding: 10px 0 0 0;
  display: block;
}
a#home {
  margin: 0 18px 0 115px;
  padding: 0 18px 0 0;
  background: url(../sitemap-images/icon_home.png) no-repeat top right;
  font-size: 16px;
}
/* Level 2 */

.level-1 li ul {
  margin: 0px 0 0 19px;
  padding: 0;
}
.level-1 li ul li {
  font-size: 13px;
  font-weight: normal;
  margin: 2px 0 0 0;
  padding: 0 0 0 15px;
  background: url(../sitemap-images/icon_bullet.png) no-repeat top left;
}
.level-1 li ul li a {
  margin: 0;
  padding: 0;
}
/* Level 3 */

.level-1 li ul li ul {
  margin: 0;
  padding: 0;
}
.level-1 li ul li ul li {
  font-size: 13px;
  font-weight: normal;
  margin: 2px 0 0 4px;
  padding: 0 0 0 16px;
  background: url(../sitemap-images/icon_bullet.png) no-repeat top left;
}
.level-1 li ul li ul li a {
  margin: 0;
  padding: 0;
}
/*Start of Horizontal Menu Code*/
.horizontal-col {
  float: left;
  margin: 0 5px;
  padding: 0 5px;
  word-break: break-word;
  width: 25%
}
.horizontal-col li { list-style: none; }
.horizontal-col li ul {
  float: left;
  margin: 0;
  padding: 0 0 0 10px;
  width: 100%;
}
.horizontal-col a {
  text-decoration: none;
  margin: 0;
  padding: 0;
}
.horizontal-col li a {
color:#2D3939;
  font-size: 18px;
  font-weight: bold;
} /*Level One*/
.horizontal-col ul li { }
.horizontal-col ul li a {
color:#2D3939;
  font-size: 16px;
  font-weight: normal;
  text-decoration: none;
  padding-left: 0;
} /*Level Two, Three, Four, Etc.*/
/*End of Horizontal Menu Code*/
/*Start of Horizontal Menu Code*/
.horizontal-col-shift {
  float: left;
  margin: 0 5px;
  padding: 0 5px;
  word-break: break-word;
  width: 25%
}
.horizontal-col-shift li { list-style: none; }
.horizontal-col-shift li ul {
  float: left;
  margin: 0;
  padding: 0 0 0 10px;
  width: 100%;
}
.horizontal-col-shift a {
  text-decoration: none;
  margin: 0;
  padding: 0;
}
.horizontal-col-shift li a {
color:#2D3939;
  font-size: 18px;
  font-weight: bold;
} /*Level One*/
.horizontal-col-shift ul li a {
color:#2D3939;
  font-size: 16px;
  font-weight: normal;
  text-decoration: none;
  padding-left: 0;
} /*Level Two, Three, Four, Etc.*/
/*End of Horizontal Menu Code*/
.trigger, .menuTrigger { display: none; } /* DO NOT REMOVE*/
 @media screen and (max-width: 768px) {
body { padding: 0; }
#pattern {
  padding: 0;
  width: 100%;
  background: none;
}
/* Lists ---------------------- */

.level-1 {
  margin: 0;
  padding: 0;
  background: none;
}
/* Level 1 */

.level-1 li {
  margin: 0;
  padding: 0;
  background: none;
}
.level-1 li a {
  margin: 0;
  padding: 10px 0;
}
a#home {
  margin: 0 25px;
  padding: 0 20px 0 0;
}
/* Level 2 */

.level-1 li ul {
  margin: 0;
  padding: 0;
}
.level-1 li ul li {
  margin: 0;
  padding: 0;
  background: none;
}
.level-1 li ul li a {
  margin: 0;
  padding: 10px 0;
}
/* Level 3 */

.level-1 li ul li ul {
  margin: 0;
  padding: 0;
}
.level-1 li ul li ul li {
  margin: 0;
  padding: 0;
  background: none;
}
.level-1 li ul li ul li a {
  margin: 0;
  padding: 10px 0;
}
/*Start of Horizontal Menu Code*/
.horizontal-col {
  float: left;
  width: 100%;
  max-width: 768px;
  margin: 0;
  padding: 0;
  word-break: break-strict;
}
.horizontal-col li { list-style: none; }
.horizontal-col li ul { margin: 0; }
.horizontal-col a {
  margin: 0;
  padding: 5px 0;
  text-decoration: none;
  display: block;
}
.horizontal-col li a {
 color:#2D3939;
  font-size: 14px;
  font-weight: bold;
  text-decoration: underline;
} /*Level One*/
.horizontal-col ul li a {
 color:#2D3939;
  font-size: 12px;
  font-weight: normal;
  text-decoration: none;
} /*Level Two, Three, Four, Etc.*/
/*End of Horizontal Menu Code*/
/*Start of Horizontal Menu Code*/
.horizontal-col-shift {
  float: left;
  width: 40%;
  max-width: 768px;
  margin: 0 10px;
  padding: 0px 5px;
  word-break: break-all;
}
.horizontal-col-shift li { list-style: none; }
.horizontal-col-shift li ul { margin: 0; }
.horizontal-col-shift a {
  float: left;
  margin: 0;
  padding: 3px 0;
  text-decoration: none;
  display: block;
  width: 100%;
}
.horizontal-col-shift li a {
 color:#2D3939;
  font-size: 14px;
  font-weight: bold;
  text-decoration: underline;
} /*Level One*/
.horizontal-col-shift ul li a {
 color:#2D3939;
  font-size: 12px;
  font-weight: normal;
  text-decoration: none;
} /*Level Two, Three, Four, Etc.*/
/*End of Horizontal Menu Code*/
/************Reset**************/
.pattern {
  border-bottom: 1px solid #fff;
  margin-bottom: 1em;
  overflow: hidden;
}
.pattern-description {
  max-width: 40em;
  margin: 0 auto;
}
.pattern-description ul, .pattern-description ol { margin-bottom: 2em; }
.pattern-description li { margin-bottom: 1em; }
a.menu-link {
  float: right;
  display: block;
  padding: .7em;
  padding-right: .5em;
  border-bottom: none;
  position: relative;
}
/* + button settings*/
/*a.menu-link:after { 
	content: '+';
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	font-size: 1em;
	padding: 0em 0.9em;
}
a.menu-link.active:after {
	content: "-";
}*/
.menu, .menu > ul ul {
  clear: both;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.js .menu, .js .menu > ul ul {
  overflow: hidden;
  max-height: 0;
  background: rgba(0,0,0,0.1); /*Sub-Menu background color*/
}
.menu.active, .js .menu > ul ul.active { max-height: 9000em; }
.menu > ul { border-top: 1px solid #fff; /*Top border*/ }
.menu li a {
  color: #000; /*Menu text color*/
  display: block;
  padding: 0.85em;
  border-bottom: 1px solid #000; /*Menu Text Border settings*/
  position: relative;
}
.has-subnav { position: relative; }
/*.menu li.has-subnav > a:after {
	content: '+';
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	font-size: 1.5em;
	padding: 0.25em 0.5em;
}*/

/*THIS CANNOT BE REMOVED Ties to JS*/
.trigger {
  content: '+';
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  font-size: 1.5em;
  padding: 0.25em 0.5em;
  cursor: pointer;
}
.menuTrigger {
  content: '+';
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  font-size: 1.1em;
  padding: 0 0.5em;
  cursor: pointer;
}
/*END OF THIS CANNOT BE REMOVED*/
/*.menu li.has-subnav > a.active:after {
	content: "-";
}*/
}
 @media screen and (max-width: 480px) {
/*Start of Horizontal Menu Code*/
.horizontal-col-shift {
  width: 90%;
  padding: 0;
  margin: 0;
}
}

/* CSS Animations */
@-webkit-keyframes fadeout { 0% {
background: #fff;
}
 10% {
background: #eee;
}
 100% {
background: #fff;
}
}
@-moz-keyframes fadeout { 0% {
background: #fff;
}
 10% {
background: #eee;
}
 100% {
background: #fff;
}
}
@-o-keyframes fadeout { 0% {
background: #fff;
}
 10% {
background: #eee;
}
 100% {
background: #fff;
}
}
@keyframes fadeout { 0% {
background: #fff;
}
 10% {
background: #eee;
}
 100% {
background: #fff;
}
}
body { font: 100%/1.4 Helvetica, Arial, "Lucida Grande", sans-serif;
 background: #EBF7F7;
}
a { color: #2D3939;
}
a:hover { color: #646464;
}
.horizontal-col ul li a:hover { color: #646464;
}
a:visited { color: #2D3939;
}
a:active { color: #2D3939;
}
.level-1 li { font-weight: bold;
}