/* 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;

}