/* 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:#1C5D62;

  font-size: 18px;

  font-weight: bold;

} /*Level One*/

.horizontal-col ul li a {

color:#32A7B0;

  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:#1C5D62;

  font-size: 18px;

  font-weight: bold;

} /*Level One*/

.horizontal-col-shift ul li a {

color:#32A7B0;

  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:#1C5D62;

  font-size: 14px;

  font-weight: bold;

  text-decoration: underline;

} /*Level One*/

.horizontal-col ul li a {

 color:#32A7B0;

  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:#1C5D62;

  font-size: 14px;

  font-weight: bold;

  text-decoration: underline;

} /*Level One*/

.horizontal-col-shift ul li a {

 color:#32A7B0;

  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: Georgia, "Times New Roman", Times, serif;

}

.level-1 li a {

 color: #999999;

 font-weight: bold; }

.level-1 li a:hover { color: #646464; }