body { margin:0px; background-color:#313040; height:100% }
html { height:100% }
a:link { color:#008048; text-decoration:underline }
a:visited { color:#008048; text-decoration:underline }
a:hover { color:#57bf7c; text-decoration:underline }
a:active { color:#57bf7c; text-decoration:underline }
#FooterBox1 a:link { color:#ccc; text-decoration:none }
#FooterBox1 a:visited { color:#ccc; text-decoration:none }
#FooterBox1 a:hover { color:#008048; text-decoration:none }
#FooterBox1 a:active { color:#008048; text-decoration:none }
#BackToTop a:link { color:#ccc; text-decoration:none }
#BackToTop a:visited { color:#ccc; text-decoration:none }
#BackToTop a:hover { color:#008048; text-decoration:none }
#BackToTop a:active { color:#008048; text-decoration:none }
#PageDiv { position:relative; min-height:100% }
#PageWrapper { z-index:0; background-size:cover }
#HeaderWrapper { width:100%; z-index:0; clear:both; margin-left:auto; margin-right:auto; background-color:#e6e6e6; border-bottom:solid #f5f5f5 3px }
#Header { width:93%; z-index:0; clear:both; padding:5% 1%; margin-left:auto; margin-right:auto }
#Logo { width:35.18%; z-index:0; float:left; clear:left }
#LogoTitle { position:relative; width:392px; height:186px; z-index:0; float:left; clear:both }
#BodyWrapper1 { width:99.92%; z-index:0; clear:both; margin-left:auto; margin-right:auto; background-color:#fff; border-bottom:solid #f5f5f5 3px }
#Body1 { position:relative; width:85.16%; z-index:0; clear:both; padding:5%; margin-left:auto; margin-right:auto }
#TitleWrapper1 { position:absolute; left:1px; top:8px; width:99.8%; z-index:1; padding-top:10px; padding-bottom:10px }
#BodyWrapper2 { width:100%; z-index:0; margin-left:auto; margin-right:auto; background-color:#e6e6e6; border-bottom:solid #f5f5f5 3px }
#Body2.f-ms { position:relative }
#BloggerArchiveWrapper1 { width:83.53%; z-index:0; float:left; padding-top:5px; padding-bottom:5px; margin-left:5% }
#TitleWrapper2 { position:absolute; left:0px; top:0px; width:80.53%; z-index:1; padding-top:10px; padding-bottom:10px }
#FooterWrapper { width:100%; z-index:0; margin-left:auto; margin-right:auto; background-color:#313040 }
#Footer { width:90%; z-index:0; clear:both; padding:50px 20px; margin-left:auto; margin-right:auto }
#FooterBox1 { width:15%; z-index:0; float:left; clear:left; padding-top:10px; padding-bottom:10px; margin-left:5% }
#FooterBox2 { width:60%; z-index:0; float:left; padding-top:10px; padding-bottom:10px }
#FooterBox3 { width:15%; z-index:0; float:left; clear:right; padding-top:10px; padding-bottom:10px; margin-right:5% }
#CSSMenu { height:auto; overflow:visible; position:relative }
.fwNavContainer1 { float:right; position:relative; right:50% }
#fwNav1 { position:relative; display:block; left:50%; padding:0; margin:0; list-style:none }
#fwNav1 .fwNavItem { width:auto; position:relative; float:left; margin:0; padding:0; border-top:0; border-bottom:0 }
#fwNav1 .fwNavItem a { display:block; color:#313040; text-decoration:none; padding:8px 8px 8px 8px }
#fwNav1 .fwFirstChild { border-left:0 }
#fwNav1 .fwLastChild { border-right:0 }
#fwNav1 .fwNavItem a:hover, #fwNav1 .fwNavItem span a:hover, #fwNav1 .fwNavItem a:focus { color:#008048; text-decoration:none }
#fwNav1 .fwNavItem a:active { color:#008048; text-decoration:none }
#fwNav1-toggle, .fwNav1-toggle-label { display:none }
.fwNav1-toggle-label { width:30px; height:30px; overflow:hidden; background-image:url('../Resources/menu-1-black.png'); background-repeat:no-repeat; background-size:100%; margin-left:auto; margin-right:auto }
#fwNav1 .fwNavItem a.fwCurrent, #fwNav1 .fwNavItem a.fwCurrent:hover { display:block; color:#57BF7C; font-weight:normal }
@media screen and (max-width:880px)
{
	#Logo { width:100%; float:none }
}
@media screen and (max-width:768px)
{
	#FooterBox3 { width:94% }
}
@media screen and (max-width:568px)
{
	#FooterBox1 { width:16% }
	.fwNavContainer1 { display:none; position:fixed; width:100%; top:0; right:0; bottom:100%; left:0; margin-top:-100%; background-color:#F5F5F5; -webkit-overflow-scrolling:touch; overflow:auto; float:none; -webkit-transition:.2s ease-out margin, .2s ease-out bottom; -moz-transition:.2s ease-out margin, .2s ease-out bottom; -ms-transition:.2s ease-out margin, .2s ease-out bottom; -o-transition:.2s ease-out margin, .2s ease-out bottom; transition:.2s ease-out margin, .2s ease-out bottom }
	#fwNav1 { width:100%; right:0; left:0; margin-top:0px }
	#fwNav1 .fwNavItem { box-sizing:border-box; float:none; overflow:hidden; width:100%; border-right:0; border-left:0 }
	#fwNav1 .fwNavItem a { padding-top:20px; padding-bottom:20px; padding-left:20px; padding-right:20px }
	#fwNav1 .fwFirstChild { border-top:0 }
	#fwNav1 .fwLastChild { border-bottom:0 }
	.fwNav1-toggle-label { display:block; position:relative; cursor:pointer; -webkit-touch-callout:none; -webkit-user-select:none; user-select:none }
	.fwNav1-toggle-close { background-image:url('../Resources/menu-close-black.png'); margin:20px auto 20px auto }
	.fwNavContainer1.fwMenuOn { margin-top:0; bottom:0 }
}
@media screen and (max-width:480px)
{
	#Logo { clear:both; margin-left:auto; margin-right:auto; margin-bottom:20px }
	#FooterBox1 { width:19% }
}
@media screen and (max-width:320px)
{
	#Header { width:98% }
	#Logo { width:58% }
	#BloggerArchiveWrapper1 { width:30% }
	#FooterWrapper { width:63% }
	#Footer { width:87.7% }
	#FooterBox1 { width:28% }
	#FooterBox3 { width:95% }
}