@charset "utf-8";

*		{ margin: 0; padding: 0; }
body	{ font-family: 'Roboto', sans-serif; font-size: 1em; background-color: #7da8a2; }
a		{ color: #497771; }

#header						{ overflow: hidden; height: 66px; }
#header #header-int			{ width: 1024px; margin: 0 auto; }
#header #logo				{ float: left; margin: 0 0 0 20px; }
#header #logo a				{ color: #497771; text-decoration: none; font-size: 3.9em; font-weight: bold; }
#header #logo a span		{ color: #fff; }
#header #logo a:hover		{ text-decoration: none; }
/*
#header ul.nav							{ margin: 0 20px 0 0; }
#header ul.nav > li						{ list-style: none; float: right; }
#header ul.nav > li > a					{ font-weight: bold; font-size: 1.2em; display: block; color: #fff; text-decoration: none; margin: 31px 0 0 0; padding: 5px 10px 5px 10px; }
#header ul.nav > li > a:hover			{ color: #497771; }
#header ul.nav > li:hover > a			{ color: #497771; }
#header ul.nav > li > ul				{ float: left; list-style: none; width: 280px; z-index: 10; display: none; position: absolute; overflow: hidden; border-top: 1px solid #dfdfdf; margin: -2px 0 0 10px; padding: 0; }
#header ul.nav > li > ul > li > a		{ font-size: .7em; display: block; padding: 3px 8px 3px 8px; color: #363636; text-decoration: none; background-color: #f3f3f3; border-bottom: 1px solid #dfdfdf; }
#header ul.nav > li > ul > li > a:hover	{ color: #fff; background-color: #7da8a2; text-decoration: none; }
#header ul.nav > li:hover > ul			{ display: block; }
*/
#header ul.nav							{ margin: 0 20px 0 0; }
#header ul.nav > li						{ list-style: none; float: right; }
#header ul.nav > li > a					{ font-weight: bold; font-size: 1.2em; display: block; color: #fff; text-decoration: none; margin: 25px 1px 0 1px; padding: 5px 10px 5px 10px; }
#header ul.nav > li > a.on				{ background-color: #497771; color: #fff; }
#header ul.nav > li > a:hover				{ background-color: #497771; color: #fff; }
#header ul.nav > li:hover > a				{ background-color: #497771; color: #fff; }
#header ul.nav > li > ul					{ float: left; list-style: none; width: 280px; z-index: 10; display: none; position: absolute; overflow: hidden; border-top: 1px solid #dfdfdf; border-left: 1px solid #dfdfdf; border-right: 1px solid #dfdfdf; margin: -2px 0 0 0; padding: 0; }
#header ul.nav > li > ul > li > a			{ font-size: .8em; display: block; padding: 3px 8px 3px 8px; color: #363636; text-decoration: none; background-color: #f3f3f3; border-bottom: 1px solid #dfdfdf; }
#header ul.nav > li > ul > li > a:hover	{ color: #fff; background-color: #7da8a2; text-decoration: none; }
#header ul.nav > li:hover > ul			{ display: block; }

#content		{ overflow: hidden; background-color: #c0c0c0; padding: 0 0 15px 0; }

#header-content					{ width: 1024px; margin: 0 auto; background: url(../images/default_header.jpg) center 10px no-repeat #c0c0c0; padding: 10px 0 0 0; height: 220px; }
#header-content h3				{ color: #fff; font-weight: bold; font-size: 2.2em; float: right; margin: 100px 130px 0 0; background-color: rgba(0, 0, 0, 0.7); padding: 5px 10px 5px 10px; }
#header-content h4				{ color: #7da8a2; font-weight: bold; font-size: 1.4em; float: right; margin: 0 130px 0 0; background-color: rgba(0, 0, 0, 0.7); padding: 5px 10px 5px 10px; }
#header-content h4 a			{ color: #7da8a2; text-decoration: none; }
#header-content h4 a:hover		{ color: #497771; }

#forum-content-int							{ width: 1024px; margin: 0 auto; background-color: #fff; padding: 0 0 20px 0; overflow: hidden; border-top: 1px solid #dfdfdf; border-right: 1px solid #dfdfdf; border-left: 1px solid #dfdfdf; }
#forum-content-int .sect-left				{ float: left; width: 460px; margin: 20px 0 0 20px; background-color: #f3f3f3; padding: 7px 10px 7px 10px; }
#forum-content-int .sect-right				{ float: right; width: 460px; margin: 20px 20px 0 0; background-color: #f3f3f3; padding: 7px 10px 7px 10px; }
#forum-content-int .sect-header				{ color: #497771; font-size: 1.8em; margin: 0 0 10px 0; }
#forum-content-int .sect-header img			{ vertical-align: middle; margin: 0 10px 4px 0; }
#forum-content-int ul						{ list-style: none; }
#forum-content-int ul li					{ border-top: 1px solid #dfdfdf; }
#forum-content-int ul li a					{ display: block; color: #363636; text-decoration: none; font-size: .9em; padding: 6px 6px 6px 6px; }
#forum-content-int ul li a span				{ color: #9b9b9b; font-size: .8em; }
#forum-content-int ul li a:hover			{ background-color: #7da8a2; color: #fff; }
#forum-content-int ul li a:hover span		{ color: #fff; }
#forum-content-int .view-all a				{ display: block; background-color: #7da8a2; text-align: center; text-decoration: none; padding: 4px 8px 4px 8px; color: #fff; margin: 15px 0 0 0; }
#forum-content-int .view-all a:hover		{ background-color: #bebebe; color: #497771; }

#content-int									{ width: 1024px; margin: 0 auto; border-left: 1px solid #dfdfdf; border-right: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf;  background: url(../images/content_right_spacer.gif) top right repeat-y #fff; overflow: hidden; position: relative; height: auto; }
#content-int .content-right						{ width: 300px; border-left: 1px solid #dfdfdf; border-top: 1px solid #dfdfdf; background-color: #f3f3f3; float: right; padding: 0 0 10px 0; }
#content-int .content-right h4					{ margin: 10px; color: #9d9d9d; font-weight: bold; font-size: 1.1em; }
#content-int .content-right .spacer				{ height: 0; border-top: 1px solid #dfdfdf; }
#content-int .content-right .ad img				{ border: none; }
#content-int .content-right .shop				{ list-style: none; margin: 0 10px 15px 10px; }
#content-int .content-right .shop li			{ border-bottom: 1px solid #f3f3f3; }
#content-int .content-right .shop li a			{ display: block; color: #497771; background-color: #bebebe; text-decoration: none; font-size: .9em; padding: 3px 6px 3px 6px; }
#content-int .content-right .shop li a:hover	{ background-color: #7da8a2; color: #fff; }
#content-int .content-right .partner			{ padding: 5px 10px 20px 10px; text-align: center; }
#content-int .content-right .partner img		{ border: none; }

#content-int .content-left						{ float: left; width: 680px; padding: 20px; color: #497771; font-size: .9em; color: #363636; }
#content-int .content-left h1					{ font-size: 2.5em; color: #497771; }
#content-int .content-left p					{ margin: 12px 0 12px 0; }
#content-int .content-left ul					{ margin: 12px 0 12px 30px; }
#content-int .content-left .contact-address		{ font-size: 1.2em; margin-top: 6px; }

#content-int .content-left-home						{ float: left; width: 720px; padding: 0 0 20px 0; color: #497771; }
#content-int .content-left-home p					{ margin: 0 20px 0 20px; color: #363636; }
#content-int .content-left-home .sect-spacer-main	{ height: 0; border-top: 1px solid #f3f3f3; margin: 0 20px 20px 20px; }
#content-int .content-left-home .sect-left			{ float: left; width: 320px; margin: 20px 20px 0 20px; }
#content-int .content-left-home .sect-right			{ float: right; width: 320px; margin: 20px 20px 0 20px; }
#content-int .content-left-home .sect-header		{ color: #497771; font-size: 1.4em; margin: 0 0 10px 0; padding: 15px 0 0 0; border-top: 1px solid #f3f3f3; }
#content-int .content-left-home .sect-header img	{ vertical-align: middle; margin: 0 10px 3px 0; }
#content-int .content-left-home ul					{ list-style: none; }
#content-int .content-left-home ul li				{ border-top: 1px solid #f3f3f3; }
#content-int .content-left-home ul li a				{ display: block; color: #363636; text-decoration: none; font-size: .7em; padding: 6px 6px 6px 6px; }
#content-int .content-left-home ul li a:hover		{ background-color: #7da8a2; color: #fff; }
#content-int .content-left-home .view-all a			{ display: block; background-color: #7da8a2; text-align: center; text-decoration: none; padding: 4px 8px 4px 8px; color: #fff; margin: 15px 0 0 0; }
#content-int .content-left-home .view-all a:hover	{ background-color: #bebebe; color: #497771; }

#footer #footer-base				{ border-top: 20px solid #363636; overflow: hidden; font-size: .8em; }
#footer #footer-int				{ width: 1024px; margin: 0 auto; padding: 20px 0 20px 0; overflow: hidden; }
#footer #copyright				{ float: left; color: #fff; }
#footer #copyright a				{ color: #fff; text-decoration: none; }
#footer #copyright a:hover		{ color: #497771; text-decoration: none; }
#footer ul.nav					{  }
#footer ul.nav li				{ list-style: none; float: right;  }
#footer ul.nav li a				{ display: block; color: #fff; text-decoration: none; margin: 0 0 0 10px; }
#footer ul.nav li a:hover		{ color: #497771; }

.mobile_only{ display:none;}


@media screen and (max-width: 1023px){

html, body{ width: 100%;}

.desktop_only{ display:none;}

* {  box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; padding:0; margin: 0;}

.mobile_only{display:block;}

#mobile_header{ width: 100%; margin: 0; padding: 0; text-align:right; background-color: #f4f4f4; color: #8f8d8e; font-size: 12px; border-bottom: 1px solid #fafafa;
background: -moz-linear-gradient(left, rgba(206,204,205,1) 0%, rgba(209,209,209,1) 9%, rgba(219,219,219,1) 23%, rgba(238,237,233,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(206,204,205,1)), color-stop(9%, rgba(209,209,209,1)), color-stop(23%, rgba(219,219,219,1)), color-stop(100%, rgba(238,237,233,1)));
background: -webkit-linear-gradient(left, rgba(206,204,205,1) 0%, rgba(209,209,209,1) 9%, rgba(219,219,219,1) 23%, rgba(238,237,233,1) 100%);
background: -o-linear-gradient(left, rgba(206,204,205,1) 0%, rgba(209,209,209,1) 9%, rgba(219,219,219,1) 23%, rgba(238,237,233,1) 100%);
background: -ms-linear-gradient(left, rgba(206,204,205,1) 0%, rgba(209,209,209,1) 9%, rgba(219,219,219,1) 23%, rgba(238,237,233,1) 100%);
background: linear-gradient(to right, rgba(206,204,205,1) 0%, rgba(209,209,209,1) 9%, rgba(219,219,219,1) 23%, rgba(238,237,233,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cecccd', endColorstr='#eeede9', GradientType=1 );

}
#mobile_header a {color: #8f8d8e; text-decoration:none; font-weight: bold;}

#mobile_header p{ padding:8px;}

#mobile_header:after{ width: 100%; height: 1px; display:block; content: ' '; background-color: #c8c8ca;}

#mobile_header #responsive-menu-button{float:left;  margin: 2px 0 0 2px; height: 25px; width: 25px; display:block; background-image: url("/images/mobile_menu.png"); background-repeat: no-repeat; background-position: 50% 50%; background-size: cover;}

#header-content{ display:none;}

#header{ border-top: 1px solid black; height: auto; padding: 20px 0;}
#header ul.nav{display:none;}

#forum-content-int{ width: 100%;  padding: 0 0 5px;}
#forum-content-int .sect-left{ float:none; width: 100%; margin: 0;}
#forum-content-int .sect-right{float:none; width: 100%; margin: 5px 20px 0 0;}
#forum-content-int .sect-header{font-size: 24px;}

#content{ background-color:white;}

#content-int{width: 100%; background:white; border-bottom: 0px; border-left:0px; border-right: 0px;}
#content-int .content-right{float:none; width: 100%;}
#content-int .content-right .ad { margin: 0 auto; width: 300px;}
#content-int .content-left-home{float:none; width: 100%;padding: 7px 10px;}
#content-int .content-left-home p{margin: 0 0 20px 0;}

#content-int .content-left, #content-int .content-right{float:none; width: 100%;}



#content-int .content-left-home .sect-left{float:none; width: 100%;padding: 0; margin: 0;}
#content-int .content-left-home .sect-right{float:none; width: 100%;padding: 0; margin: 0;}

#footer #footer-int{ width: 100%; }

#footer #copyright{ float:none; text-align:center; margin: 0 0 10px 0;}

#footer ul.nav li{float:left;}

#footer #mobile_footer{ text-align:center; padding: 0 10px;}
#footer #mobile_footer a{ color:white; text-decoration: none; display:inline-block; margin: 0 10px 0 0;}

}