html, body { margin: 0; overflow-x: hidden; }
html { -webkit-text-size-adjust: none; }
*{ margin:0; padding:0}
:focus{ outline:none}
img, fieldset{ border:none;}
a{ text-decoration:none!important;}
body{ font-family:'Open Sans', Arial, Helvetica, sans-serif; font-weight: 400; background-color:#ffffff}

.main-body{ float:left; width:100%; background-color: #ffffff; }
.wrapper{ margin:0 auto; width:950px}
.wrapper-free{ margin:0 auto; width:950px}


header{ 
	/*margin: 0px auto 0px;*/
	border-top: #33414a 17px solid;
	width:100%;	
	/*float:left; background-color: #d0d0d0; width:100%; 
	border-top: #33414a 17px solid; 
	padding:0px; position:relative; z-index:99; overflow: hidden;*/
}

.header-code {text-align: center;}
.header-code-image {border: 0px; display: none; }
.header-code-box {margin: 0px auto 0px;width:950px;}
/*.header-code-image {border: 0px;min-width: 600px; max-width: 950px;width:100%;}*/
.header-image { display: none;margin: 0px; padding: 0px;} /*margin: 0px auto 0px; width:600px;*/

.search-bar { float: left; width: 100%; background-color: #33414a; padding: 6px 0 6px 0; position: relative; overflow: hidden; height: 24px; }
.search { float: left; }
.subscribe { float: left; } /*margin-left: 12px;*/
.search-button { float: left; }
.subscribe-button { float: left; }

.contactFormTextBox input[type="text"] {
	color: black !important;
	width: 250px !important;
	padding: 5px 0 3px 0 !important;
	line-height: 25px !important;
}

input[type=text] { border: #cccccc 1px solid; width: 200px; height: 18px; color: #767676; font-size: 14px; margin: 0px; margin-right: 6px; } /*padding: 2px 5px 2px 30px; */

.powered { float: right; color: #ffffff; font-size: 14px;}
.powered span { color: #a4b2bb; font-size: 12px;}

.nav-bar { float: left; width: 100%; background-color: #e3e0d7; position: relative; overflow: hidden; padding: 0px; height: 40px; 
	color:#fff !important; font-weight:bold; font-size:14px;text-align:left; 
}
.button { float: left; width: 100%; }
.button ul { display: block; float: left; margin: 0px; padding: 0px; }
.button ul li { display: block; float: left; padding: 0px; margin: 8px 5px 0 0; width: auto; height: 32px;}

.soical-bar { float: left; width: 100%; background-color: #ffffff; position: relative; overflow: hidden; padding: 0px; height: 21px; }
.social-button { float: right; width: 100%; }
.social-button ul { display: block; float: right; margin: 15px 0 0 0; padding: 0px; }
.social-button ul li { display: block; float: right; padding: 0px; margin: 5px 0 0 5px; width: auto; height: 26px;}

.article { float: left; width: 100%; background-color: #ffffff; position: relative; overflow: hidden; padding: 0px; height: auto; }
.article-content { font-size: 18px; line-height: 28px; margin-top: 20px;}
.article-content p { margin: 20px 0; }
.article-content ol { overflow: hidden; padding-left: 40px; margin-left: 0;}
.article-content ol li { list-style-position: outside; padding: 0px; margin-top: 0px; margin-bottom: 0px; }
.article-content ol li p { margin: 0 0 20px 0; }
.article-content ul { overflow: hidden; padding-left: 40px; margin-left: 0;}
.article-content ul li { list-style-position: outside; padding: 0px; margin-top: 0px; margin-bottom: 0px; }
.article-content ul li p { margin: 0 0 20px 0; }

.title-bar { float: left; width: 100%; background-color: #e3e0d7; color: #33414a; font-size: 22px; position: relative; height: auto; padding: 0; margin-bottom: 0px;}
.title-bar-image { float: left; width: 6%; margin: 0 2% 0 0; }
.title-bar-image img { width: 100%; }
.title-bar-title { float: left; width: 92%; padding: 12px 15px;}

.sidebar-hor-right { float: right; margin-left: 50px; margin-bottom: 20px; width: 300px; border-top: #e3e0d7 6px solid; border-bottom: #e3e0d7 6px solid; font-size: 20px; line-height: 28px; color: #546b77;}

.sidebar-hor-left { float: left; margin-right: 50px; margin-bottom: 20px; width: 300px; border-top: #e3e0d7 6px solid; border-bottom: #e3e0d7 6px solid; font-size: 20px; line-height: 28px; color: #546b77;}

.sidebar-ver-right { float: right; margin-left: 50px; margin-bottom: 20px; width: 250px; border-top: #e3e0d7 6px solid; border-bottom: #e3e0d7 6px solid; font-size: 20px; line-height: 28px; color: #546b77;}

.sidebar-ver-left { float: left; margin-right: 50px; margin-bottom: 20px; width: 250px; border-top: #e3e0d7 6px solid; border-bottom: #e3e0d7 6px solid; font-size: 20px; line-height: 28px; color: #546b77;}

.sidebar-title { font-size: 25px; line-height: 35px; }

footer{ float:left; width:100%; background-color: #ffffff; padding:0px; position:relative; overflow: hidden; margin-top: 10px; } /*margin-top: 50px; */

.footer-link { float: left; width: 94%; text-align: center; padding: 3% ; border-bottom: #e3e0d7 3px solid; }
.footer-border { float: left; width: 94%; text-align: center;padding: 0px; border-bottom: #e3e0d7 3px solid; }

.contact { float: left; margin: 20px 10% 0 10%; color: #33414a; font-size: 22px; width: 80%;  }
.contact-left { float: left; width: 50%; font-size: 15px; line-height: 30px; margin-bottom: 25px;}
.contact-right { float: left; width: 50%; font-size: 15px; line-height: 30px; margin-bottom: 25px; }

.bottom-bar { float: left; width: 96%; background-color: #e3e0d7; text-align: center; color: #33414a; border-bottom: #ffffff 1px solid; padding: 1% 2%; }

.copyright { float: left; width: 100%; text-align: center; font-size: 11px; background-color: #ffffff; margin: 10px 0;}

.notes { float: left; width: 94%; font-size: 11px; color: #33414a; background-color: #e3e0d7; padding: 3%; }

.youtubevertical {height:450px;width:100%}

@media only screen and (min-width: 860px) and (max-width:949px) {


.wrapper { width: 96%; padding: 0 2%; }
.wrapper-free {  width: 92%; padding: 0 4%; }

.search-bar { width: 100%; }

.header-code { display: none; }
.header-image { display: block; margin: 0px;padding:0px;}
/*.header-code-image {border: 0px;width:100% !important;}
.header-code-box {margin: 0px auto 0px;width: 100% !important;}*/

.title-bar-image { width: 7%;  }
.title-bar-title { width: 91%; }
	#topText {
	  color: white; font-size: 20px; align-self: center; line-height: 40px; background-color:black;	
	  white-space:nowrap !important;
	}
	.youtubevertical {height:450px;width:100%}
}

@media only screen and (min-width: 768px) and (max-width:859px) {

.wrapper { width: 96%; padding: 0 2%; }
.wrapper-free {  width: 92%; padding: 0 4%; }

.header-code { display: none; }
.header-image { display: block; }
/*.header-code-image {border: 0px;width:100% !important;}
.header-code-box {margin: 0px auto 0px;width: 100% !important;}*/ /*height:100%;*/

.title-bar-image { width: 8%;  }
.title-bar-title { width: 90%; }

.search-bar { width: 100%;  height: 58px; }
.powered { float: left; width: 100%; text-align: right; padding-top: 10px;}

	#dialog-invite-subscribe {width: 90%;padding: 0 2%;	}
	#dialog-result-message {width: 90%;	padding: 0 2%;}
	.youtubevertical {height:450px;width:100%}
}

@media only screen and (min-width: 790px) and (max-width:859px) {
	.overlayText {
	  position: absolute; top: 97px; padding-left: 60px;
	}
	#topText {
	  color: white; font-size: 20px; align-self: center; line-height: 40px; background-color:black;	
	  white-space:nowrap !important;
	}
	.youtubevertical {height:450px;width:100%}
}

@media only screen and (min-width: 450px) and (max-width:789px) {
	.overlayText {
	  position: absolute; top: 120px; padding-left: 60px;		  
	}
	#topText {
	  color: white; font-size: 20px; align-self: center; line-height: 40px; background-color:black;	
	  white-space:nowrap !important;
	}
	.youtubevertical {height:450px;width:100%}
}

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

.wrapper { width: 96%; padding: 0 2%; }
.wrapper-free {  width: 92%; padding: 0 4%; }

.header-code { display: none; }
.header-image { display: block; }
/*.header-code-image {border: 0px;width:600px;}
.header-code-box {margin: 0px auto 0px;width: 100% !important;}*/ /*height:95px;*/

.title-bar-image { width: 10%;  }
.title-bar-title { width: 88%; }

.search-bar { width: 100%;  height: 58px; }
.powered { float: left; width: 100%; text-align: right; padding-top: 10px; }

#dialog-invite-subscribe {width: 90%;padding: 0 2%;	}
#dialog-result-message {width: 90%;	padding: 0 2%;}

	.contactcolumn2 {
		width: 90%;
	}

	.contactcolumn3 {
		width: 5%;
	}
	.youtubevertical {height:450px;width:100%}
}

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

.wrapper { width: 96%; padding: 0 2%; }
.wrapper-free {  width: 92%; padding: 0 4%; }

/*.header-code-image {border: 0px;width:600px;}
.header-code-box {text-align: center; width: 600px !important; }*/ /*height:95px;*/

.search-bar { width: 100%;  height: 88px; }
.search-all { float: left; width: 100%; }
.subscribe-all { float: left; width: 100%; margin-top: 10px;}
.subscribe { margin-left: 0px; }

.title-bar-image { width: 10%;  }
.title-bar-title { width: 88%; }

.contact-left { width: 100%; margin-bottom: 0px; }
.contact-right { width: 100%; }
#dialog-invite-subscribe {width: 90%;padding: 0 2%;	}
#dialog-result-message {width: 90%;	padding: 0 2%;}
	.contactcolumn2 {
		width: 90%;
	}

	.contactcolumn3 {
		width: 5%;
	}
	.youtubevertical {height:450px;width:100%}
}

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

.nav-bar { height: 100px; }

.button { float: left; width: 70%; }

.title-bar-image { width: 12%; margin: 0 3% 0 0;  }
.title-bar-title { width: 85%; }

.sidebar-hor-right { width: 100%; }
.sidebar-hor-left { width: 100%; }
.sidebar-ver-right { width: 100%; }
.sidebar-ver-left { width: 100%; }
#dialog-invite-subscribe {width: 90%;padding: 0 2%;	}
#dialog-result-message {width: 90%;	padding: 0 2%;}
	.contactcolumn2 {
		width: 90%;
	}

	.contactcolumn3 {
		width: 5%;
	}
	.youtubevertical {height:500px;width:100%}
}

@media only screen and and (min-width: 419px) and (max-width:475px) {
	.nav-bar {height: 80px;}
	.button {float: left;width: 90%;}
	.title-bar-image {width: 14%;margin: 0 3% 0 0;}
	.title-bar-title {width: 83%;}
	#dialog-invite-subscribe {width: 90%;padding: 0 2%;	}
	#dialog-result-message {width: 90%;	padding: 0 2%;}
	.contactcolumn2 {
		width: 90%;
	}

	.contactcolumn3 {
		width: 5%;
	}
	.youtubevertical {height:500px;width:100%}
}


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


.button { float: left; width: 100%; }
.title-bar-image { width: 16%; margin: 0 3% 0 0; }
.title-bar-title { width: 81%; }
	#dialog-invite-subscribe {width: 90%;padding: 0 2%;	}
	#dialog-result-message {width: 90%;	padding: 0 2%;}
	.contactcolumn2 {
		width: 90%;
	}

	.contactcolumn3 {
		width: 5%;
	}
	.youtubevertical {height:100%;}
}

@media only screen and (min-width: 230px) and (max-width:419px) {

.nav-bar { height: 155px; }
.button { float: left; width: 100%; }

	.title-bar-image {width: 16%;margin: 0 3% 0 0;}
	.title-bar-title {width: 81%;}
	#dialog-invite-subscribe {width: 90%;padding: 0 2%;	}
	#dialog-result-message {width: 90%;	padding: 0 2%;}
	.contactcolumn2 {
		width: 90%;
	}

	.contactcolumn3 {
		width: 5%;
	}
	.youtubevertical {height:500px;}
}

@media only screen and (min-width: 230px) and (max-width:449px) {		
	#topText {
		Display: none;
	}
	#topTextSpace {
	  Display: none;
	}
	#topTextSpace2 {
		Display: none;
	}
	.contactcolumn2 {
		width: 90%;
	}

	.contactcolumn3 {
		width: 5%;
	}
	.youtubevertical {height:500px;}
}