/* Original Default Values
@BackgroundColor : #ffffff;
@LinkColor : #0000FF;
@LinkActiveColor : #FF0000;
@LinkVisitedColor : #800080;
@LinkHoverColor : #0000FF;
@LevelOneColor : #0000FF;
@LevelTwoColor : #0000FF;
@ListStyleType : none;
@FontWeight :  bold;
@FontFamily : Arial, sans-serif;
*/
body {
  font-family: Arial, sans-serif;
  color: #FFFFFF;
  background: #FFF;
}
a {
  text-decoration: none;
  color: #0000FF;
  word-break: break-all;
}
a:hover {
  text-decoration: underline;
  color: #FF0000;
}
a:visited { color: #800080; }
a:active { color: #FF0000; }
ul ul {
  margin: 0;
  padding: 5px;
}
li {
  margin-left: 0;
  list-style: none;
  padding-left: 15px;
  background: transparent url('../sitemap-images/level1.png') 0 .15em no-repeat;
}
li li { background: transparent url('../sitemap-images/level2.png') 0 .15em no-repeat; }
li li li {
  background: transparent url('../sitemap-images/level3.png') 0 .15em no-repeat;
  font-size: .85em;
}
li a { font-weight: bold; }
li li a { font-weight: normal; }
a#home {
  font-size: 24px;
  font-weight: bold;
  padding: 0 0 .5em 24px;
  margin: 0;
  background: transparent url('../sitemap-images/home.png') 0 .15em no-repeat;
}
/*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:#0000FF;
  font-size: 18px;
  font-weight: bold;
} /*Level One*/
.horizontal-col ul li { }
.horizontal-col ul li a {
color:#0000FF;
  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:#0000FF;
  font-size: 18px;
  font-weight: bold;
} /*Level One*/
.horizontal-col-shift ul li a {
color:#0000FF;
  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 {
  margin: 0;
  padding: 0;
}
ul ul {
  margin: 0;
  padding: 5px 0;
}
li {
  margin-left: 0;
  padding-left: 0;
  background: none;
}
li li { background: none; }
li li li { background: none; }
a#home {
  font-size: 24px;
  font-weight: bold;
  padding: 0 24px .5em 24px;
  margin: 0;
}
.pattern {
  border-bottom: 1px solid #fff;
  margin-bottom: 1em;
  overflow: hidden;
}
/*Start of Horizontal Menu Code*/
.horizontal-col {
  float: left;
  width: 100%;
  max-width: 768px;
  margin: 0;
  top: 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:#0000FF;
  font-size: 14px;
  font-weight: bold;
  text-decoration: underline;
} /*Level One*/
.horizontal-col ul li a {
 color:#0000FF;
  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:#0000FF;
  font-size: 14px;
  font-weight: bold;
  text-decoration: underline;
} /*Level One*/
.horizontal-col-shift ul li a {
 color:#0000FF;
  font-size: 12px;
  font-weight: normal;
  text-decoration: none;
} /*Level Two, Three, Four, Etc.*/
/*End of Horizontal Menu Code*/


.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(255,255,255,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;
  color: #000;
  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-family: Arial, sans-serif;
 background: #FFFFFF;
}
a { color: #0000FF;
}
a:hover { color: #0000FF;
}
a:visited { color: #800080;
}
a:active { color: #FF0000;
}
li a { font-weight: bold;
}
li li a { font-weight: bold;
}