/* Original Default Values
@BackgroundColor : #13bfef;
@LinkColor : #aaaaaa;
@LinkActiveColor : #aaaaaa;
@LinkVisitedColor : #aaaaaa;
@LinkHoverColor : #ffffff;
@LevelOneColor : #aaaaaa;
@LevelTwoColor : #aaaaaa;
@ListStyleType : none;
@FontWeight : 700;
@FontFamily : 'quicksand', helvetica, arial, sans-serif;
*/
/* Generic -------------------- */
html > body { font-size: 13px; }
body {
  font-family: 'quicksand', helvetica, arial, sans-serif;
  font-size: 14px;
  color: #222;
  margin: 0 left;
  padding: 15px;
  background: url(../sitemap-images/bg_1.png) repeat;
}
a, a:active, a:hover, a:visited { text-decoration: none; }
a {
  color: #aaa;
  word-break: break-all;
}
a:hover { color: #fff; }
/* Structure ------------------ */
#pattern {
  padding: 0 0 22px 0;
  width: 310px;
}
#menu {
  background: url(../sitemap-images/sitemap_bg.png) repeat top left;
  border: 1px solid #555;
  -moz-box-shadow: 3px 3px 5px 1px rgba(0,0,0,0.5);
  -webkit-box-shadow: 3px 3px 5px 1px rgba(0,0,0,0.5);
  box-shadow: 3px 3px 5px 1px rgba(0,0,0,0.5);
  margin-top: 20px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
/* Lists ---------------------- */

ul.level-1 {
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 285px;
}
/* Level 1 */

ul.level-1 li {
  font-size: 14px;
  font-weight: 700;
  margin: 0;
  padding: 10px 0;
  margin-left: 15px;
  margin-top: 10px;
  margin-bottom: 20px;
}
a#home {
  font-size: 18px;
  color: #888;
  padding-top: 0px;
  padding-left: 30px;
  background: url(../sitemap-images/icon_home.png) no-repeat bottom left;
  text-transform: uppercase;
}
ul.level-1 li a {
  margin: 0 0 0 10px;
  display: block;
}
/* Level 2 */

ul.level-1 li ul {
  background: none;
  margin: 8px 0 0 0;
  padding: 3px 0 8px 0px;
}
ul.level-1 li ul li {
  font-size: 13px;
  font-weight: normal;
  margin: 0 0 0 25px;
  padding: 20px 0 0 0;
  border: none;
}
ul.level-1 li ul li a { margin: 0; }
/* Level 3 */

ul.level-1 li ul li ul {
  background: none;
  padding: 0;
  border: none;
}
ul.level-1 li ul li ul li {
  font-size: 13px;
  font-weight: normal;
  margin: 0 0 0 30px;
  padding: 10px 0 0 0;
}
ul.level-1 li ul li ul li a { margin: 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:#AAAAAA;
  font-size: 18px;
  font-weight: bold;
} /*Level One*/
.horizontal-col ul li { }
.horizontal-col ul li a {
color:#AAAAAA;
  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:#AAAAAA;
  font-size: 18px;
  font-weight: bold;
} /*Level One*/
.horizontal-col-shift ul li a {
color:#AAAAAA;
  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; } /*Must be included in all themes*/
 @media screen and (max-width: 768px) {
body {
  width: 100%;
  max-width: 768px;
  margin: 0;
  padding: 0px;
}
.sitemap { padding: 0; }
/************Reset**************/
#pattern {
  padding: 0;
  width: 100%;
  max-width: 768px;
}
/* Structure ------------------ */
#menu { background: url(../sitemap-images/sitemap_bg.png) repeat top left; }
.sitemap { padding: 0; }
/* Lists ---------------------- */

ul.level-1 { width: 100%; }
/* Level 1 */

ul.level-1 li {
  margin: 0;
  padding: 0;
  border-bottom: none;
}
a.menu-link {
  margin: 0;
  padding: 0;
  border-bottom: none;
}
a.menu-link {
  padding: 0;
  background: none;
}
a#home {
  font-size: 16px;
  margin: 0;
  padding: 0 25px;
  background: url(../sitemap-images/icon_home.png) no-repeat top left;
}
ul.level-1 li a { margin: 0; }
/* Level 2 */

ul.level-1 li ul {
  margin: 0;
  padding: 0;
}
ul.level-1 li ul li {
  margin: 0;
  padding: 0;
  border: none;
}
/* Level 3 */
ul.level-1 li ul li ul li {
  font-size: 13px;
  font-weight: normal;
  font-style: italic;
  margin: 0 0 0 22px;
  padding: 0;
}
ul.level-1 li ul li ul li a { margin: 0; }
/*Start of Horizontal Menu Code*/
.horizontal-col {
  float: left;
  width: 100%;
  max-width: 768px;
  margin: 0;
  padding: 15px 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:#AAAAAA;
  font-size: 14px;
  font-weight: bold;
  text-decoration: underline;
} /*Level One*/
.horizontal-col ul li a {
 color:#AAAAAA;
  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:#AAAAAA;
  font-size: 14px;
  font-weight: bold;
  text-decoration: underline;
} /*Level One*/
.horizontal-col-shift ul li a {
 color:#AAAAAA;
  font-size: 12px;
  font-weight: normal;
  text-decoration: none;
} /*Level Two, Three, Four, Etc.*/
/*End of Horizontal Menu Code*/

/************Reset**************/
a {
  color: #fff; /*Link colors*/
  text-decoration: none;
}
a:hover, a:focus { color: #fff; /*Hover and focus color of links*/ }
#pattern { background: none; }
.pattern {
  border-bottom: 1px solid #fff;
  margin-bottom: 1em;
  overflow: hidden;
}
.pattern-description h1 {
  font-size: 3.4em;
  margin-bottom: 0.5em;
}
.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: #fff; /*Menu text color*/
  display: block;
  padding: 0.85em;
  border-bottom: 1px solid #fff; /*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;
  color: #fff;
  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: 'quicksand', helvetica, arial, sans-serif;
}
a { color: #AAAAAA;
}
a:hover { color: #FFFFFF;
}
a:visited { color: #AAAAAA;
}
a:active { color: #AAAAAA;
}
ul.level-1 { list-style-type: none;
}
ul.level-1 li { font-weight: 700;
}