/* Original Default Values
@BackgroundColor : FALSE;
@ListStyleType : FALSE;
@LinkColor : #999999;
@LinkActiveColor : FALSE;
@LinkVisitedColor : FALSE;
@LinkHoverColor : #646464;
@LevelOneColor : #1c5d62;
@LevelTwoColor : #32A7B0;
@FontWeight :  bold;
@FontFamily : Georgia, "Times New Roman", Times, serif;
*/
/* ------------------------------------------------------------
	Reset Styles (from meyerweb.com)
------------------------------------------------------------ */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
div { margin: 0 !important; /* overrides margin:1em auto; set inline */ }
/* ------------------------------------------------------------
	NUMBER OF COLUMNS: Adjust li to set the number
	of columns required in your site map. The default is 
	4 columns (25%). 5 columns would be 20%, 6 columns would 
	be 16.6%, etc. 
------------------------------------------------------------ */

.level-1 li { width: 20%; }
.level-1 li ul li { width: 100% !important; }
.level-1.col1 li { width: 99.9%; }
.level-1.col2 li { width: 50.0%; }
.level-1.col3 li { width: 33.3%; }
.level-1.col4 li { width: 25.0%; }
.level-1.col5 li { width: 20.0%; }
.level-1.col6 li { width: 16.6%; }
.level-1.col7 li { width: 14.2%; }
.level-1.col8 li { width: 12.5%; }
.level-1.col9 li { width: 11.1%; }
.level-1.col10 li { width: 10.0%; }
/* ------------------------------------------------------------
	General Styles
------------------------------------------------------------ */

html { background: #B5D0D2 url(../sitemap-images/html_bkgd.png) repeat; }
body {
  background: url(../sitemap-images/body_bkgd.png) repeat-x;
  color: #333;
  padding: 0 40px 40px 40px;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 12px;
  line-height: 1;
  text-align: center;
}
.sitemap {
  background: none;
  margin: 0 auto 40px auto;  padding-top: 110px;

  position: relative;
  z-index: 1;
  width: 100%;
}
/* ------------------------------------------------------------
	CLEARING FLOATS: Insert a clear at end of parent container
	so background/content flows correctly.
------------------------------------------------------------ */

.sitemap:after {
  content: ".";
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  font-size: 0.1em;
  line-height: 0;
}
a {
  color: #999999;
  word-break: break-all;
}
a:hover { color: #646464; }
ol, ul { list-style: none; }
/* ------------------------------------------------------------
	Site Map Styles
------------------------------------------------------------ */

/* --------	Top Level --------- */

ul.level-1 {
  margin: 0 0 0 15px;
  width: 100%;
}
a#home {
  display: block;
  float: none;
  position: relative;
  z-index: 2;
  margin: 0 0 10px 0;
  padding: 0 0 10px 0;
}
a#home {
  background-color: #333 !important;
  border: 1px solid #333 !important;
  font-size: 17px !important;
}
a#home:hover { background-color: #333 !important; }
a#home:link:before, a#home:visited:before { color: #888 !important; }
.level-1 li {
  float: left;
  background: none;
  padding: 10px 0;
  margin-bottom: 0px; /* controls overall vertical spacing */
  margin-top: -0px;
}
.level-1 li a {
  margin: 0 20px 0 0;
  padding: 10px 5px;
  display: block;
  font-size: 14px;
  font-weight: bold;
  text-decoration:none;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  background: #555 url(../sitemap-images/dkGrad_bkgd.png) top left repeat-x;
  border: 1px solid #555;
}
.level-1 li a:hover { background: #555 url(../sitemap-images/ltGrad_bkgd.png) top left repeat-x; }
a:link:before, a:visited:before {
  content: " "attr(href)" ";
  display: block;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: normal;
  text-shadow: none;
  margin-bottom: 5px;
  word-wrap: break-word;
  text-align: center;
}
.level-1 li a:link:before, .level-1 li a:visited:before { color: #1E1E1E; }
/* --------	Second Level --------- */

ul.level-1 li ul {
  margin: 0;
  width: 100%;
  padding: 0 0 10px 0;
  background: url(../sitemap-images/arrow1.png) center top no-repeat;
}
.level-1 li li {
  width: 100%;
  clear: left;
  margin-top: 0;
  padding: 0;
  background: url(../sitemap-images/arrow2.png) center bottom no-repeat;
}
.level-1 li li a {
  background-color: #C93;
  border: 1px solid #C93;
  text-transform: capitalize;
}
.level-1 li li a:hover { background-color: #C93; }
.level-1 li li:first-child { padding-top: 20px; }
.level-1 li li:last-child { background: none; }
.level-1 li li a:link:before, .level-1 li li a:visited:before { color: #555; }
/* --------	Third Level --------- */

.level-1 li li ul {
  margin: 0;
  width: 100%;
  padding: 10px 0;
  background:  center top no-repeat;
}
.level-1 li li li {
  background: url(../sitemap-images/arrow3.png) center bottom no-repeat;
  padding: 5px 0 5px 0;
}
.level-1 li li li a {
  background-color: #B15014;
  border: 1px solid #B15014;
  padding: 10px 0;
  text-shadow: none;
  text-transform: capitalize;
}
.level-1 li li li a:hover { background-color: #B15014; }
.level-1 li li li:first-child {
  padding: 10px 0 10px 0;
  background: url(../sitemap-images/arrow3.png) center bottom no-repeat;
}
.level-1 li li li a:link:before, .level-1 li li li a:visited:before {
  color: #C93;
  font-size: 9px;
}
/*Start of Horizontal Menu Code*/
.horizontal-col {
  float: left;
  margin: 5px;
  padding: 5px;
  position: relative;
  top: 100px;
  word-break: break-word;
  width: 25%
}
.horizontal-col li { list-style: none; }
.horizontal-col li ul {
  float: left;
  margin: 0;
  padding: 10px 0 0 10px;
  width: 100%;
}
.horizontal-col a {
  text-decoration: none;
  margin: 0;
  padding: 0;
}
.horizontal-col li a {
color:%Horizontal-Font-Color-Level-One%;
  font-size: 18px;
  font-weight: bold;
} /*Level One*/
.horizontal-col ul li a {
color:%Horizontal-Font-Color-Level-Two%;
  font-size: 16px;
  font-weight: normal;
  text-decoration: none;
  padding-left: 0;
} /*Level Two, Three, Four, Etc.*/
.horizontal-col a:link:before, .horizontal-col a:visited:before { content: ""; }
/*End of Horizontal Menu Code*/
/*Start of Horizontal Menu Code*/
.horizontal-col-shift {
  float: left;
  margin: 0 5px;
  padding: 0 5px;
  position: relative;
  top: 100px;
  word-break: break-word;
  width: 25%
}
.horizontal-col-shift li {
  list-style: none;
  padding: 2px 0;
}
.horizontal-col-shift li ul {
  float: left;
  margin: 0;
  padding: 5px 0 5px 10px;
  width: 100%;
}
.horizontal-col-shift a {
  text-decoration: none;
  margin: 0;
  padding: 0;
}
.horizontal-col-shift li a {
color:%Horizontal-Font-Color-Level-One%;
  font-size: 18px;
  font-weight: bold;
} /*Level One*/
.horizontal-col-shift ul li a {
color:%Horizontal-Font-Color-Level-Two%;
  font-size: 16px;
  font-weight: normal;
  text-decoration: none;
  padding-left: 0;
} /*Level Two, Three, Four, Etc.*/
.horizontal-col-shift a:link:before, .horizontal-col-shift a:visited:before { content: ""; }
/*End of Horizontal Menu Code*/

.trigger, .menuTrigger { display: none; } /* DO NOT REMOVE*/
 @media screen and (max-width: 768px) {
/************Reset**************/

.level-1 li { width: 100%; }
/* ------------------------------------------------------------
	General Styles
------------------------------------------------------------ */

body {
  padding: 0;
  background: none;
}
.sitemap { padding-top: 0; }
/* ------------------------------------------------------------
	Site Map Styles
------------------------------------------------------------ */

/* --------	Top Level --------- */

ul.level-1 { margin: 0; }
a#home {
  background: none;
  padding: 0;
  margin-left: 0;
}
a#home { border: 0px solid #333 !important; }
.level-1 li {
  padding: 0;
  margin-bottom: 0; /* controls overall vertical spacing */
  margin-top: 0;
}
.level-1 li a {
  margin: 0;
  padding: 0;
  background: #555 url(../sitemap-images/dkGrad_bkgd.png) top left repeat-x;
}
.level-1 li a:hover { background: none; }
a:link:before, a:visited:before {
  content: "";
  margin-bottom: 0;
}
.level-1 li a:link:before, .level-1 li a:visited:before { color: #1E1E1E; }
/* --------	Second Level --------- */

ul.level-1 li ul {
  padding: 0;
  background: none;
}
.level-1 li li {
  padding: 0;
  background: none;
}
.level-1 li li a { background-color: #C93; }
.level-1 li li:first-child { padding-top: 0; }
/* --------	Third Level --------- */

.level-1 li li ul {
  padding: 0;
  background: none;
}
.level-1 li li li {
  background: none;
  padding: 0;
}
.level-1 li li li a { padding: 10px 0; }
.level-1 li li li a:hover { background-color: #B15014; }
.level-1 li li li:first-child {
  padding: 0;
  background: none;
}
/************Reset**************/
/*Start of Horizontal Menu Code*/
.horizontal-col {
  float: left;
  width: 100%;
  max-width: 768px;
  margin: 0;
  top: 0;
  padding: 10px 0;
  word-break: break-strict;
}
.horizontal-col li { list-style: none; }
.horizontal-col li ul {
  margin: 0;
  padding: 0;
}
.horizontal-col a {
  margin: 0;
  padding: 5px 0;
  text-decoration: none;
  display: block;
}
.horizontal-col li a {
 color:%Horizontal-Font-Color-Level-One%;
  font-size: 14px;
  font-weight: bold;
  text-decoration: underline;
} /*Level One*/
.horizontal-col ul li a {
 color:%Horizontal-Font-Color-Level-Two%;
  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;
  top: 0;
}
.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;
  color: #000;
  text-decoration: none;
  display: block;
  width: 100%;
}
.horizontal-col-shift li a {
 color:%Horizontal-Font-Color-Level-One%;
  font-size: 14px;
  font-weight: bold;
  text-decoration: underline;
} /*Level One*/
.horizontal-col-shift ul li a {
 color:%Horizontal-Font-Color-Level-Two%;
  font-size: 12px;
  font-weight: normal;
  text-decoration: none;
} /*Level Two, Three, Four, Etc.*/
/*End of Horizontal Menu Code*/


a {
  color: #fff; /*Link colors*/
  text-decoration: none;
}
a:hover, a:focus { color: #fff; /*Hover and focus color of links*/ }
.pattern {
  background: rgba(0,0,0,.5); /*Menu background color*/
  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);
}
.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 #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;
  color: #FFF;
  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 5px;
  text-align: left;
  top: 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: %FontFamily%;
}
.level-1 li a {
 color: %LinkColor%;
 font-weight: %FontWeight%; }
.level-1 li a:hover { color: %LinkHoverColor%; }