html, body{
	height: 100%; 
	font-size:100%;
}
h1, .h1{
	background: url('/media/1124/ruok.png') no-repeat;
	text-indent: -9999px;
	background-size: 100%;
	height: 87px;
	width: 380px;
	margin: 0 auto;
}
h2, .h2, h3, .h3 {
	margin: 0;
	margin-bottom: 15px;
	padding: 5px 0;
	border-bottom: solid 1px #231f20;
}
h3, .h3 {font-size: 125%;}
.header{
	padding: 0px;
}
 a, a:visited {
    text-decoration: underline;
  }
a {
  color: #e65525;
}
a:hover,
a:focus {
  color: #231f20;
}
a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
#header-row{
	background: #231f20;
	color: #ffffff;
	margin:0;
	border-bottom: 1px solid #ffffff;
}
#header-row .btn{
	margin-top: 4px;
}

.breadcrumb{
	padding: 10px 15px 0px 10px;
	background-color: #FFFFFF;
	margin: 0;
}
.share {border-top: solid 2px #e65525; margin:20px 8px 0px 0px;}
.share p{
	margin:20px 0px 20px 0px;
}
.share h3{float: left; padding-right:5px; color: #e65525; font-size:110%; margin-top:3px; border:0px; margin-left: -8px;}
.share a{color: #231f20; padding-left:5px;}
.share a:hover, .share a:focus{color: #e65525;}
.footer{
	padding:10px 0px 10px 0px;
	color: #FFFFFF;
}
.footer ul{
	list-style-type: none;
	padding:0;
	margin:0;
}
.footer p{
	margin:0;
	padding:0;
}
.footer-wide{
	margin:0;
}
.footer-light{
	background:#e65525;
	padding-top:10px;
	padding-bottom:10px;
}
.footer-light a{
	color: #FFFFFF;
}
.footer-light a:hover, .footer-light a:focus, .footer-light a:active{color: #231f20;}

.footer-dark{
	background:#231f20;
	color: #FFFFFF;
	font-size:120%;
	padding: 25px 0px 25px 0px;
}

.footer-dark a{
	color: #FFFFFF;
}

.buttons-footer{
	display:none;
}
.strapline{font-weight: bold; float:left; position: inherit; top: 60px; left: -155px; font-size:80%;}
h3 a, h2 a, .BlockLink a{color: #ffffff; background-color:#e65525; padding:5px;}
h3 a:hover,h3 a:focus, h2 a:hover,h2 a:focus, .BlockLink a:hover,.BlockLink a:focus{color: #231f20; background-color:#ffffff; text-decoration: none; border: 1px solid #231f20;}
.buttons-header{padding-top: 25px;}
ul{list-style:square;}
li{padding-bottom:5px;}
.panel {float: right; width: 35%; margin-left:15px; border: #e65525 solid 1px;}
.panel h3 {border: 0px; font-weight:bold;}
.panel-default>.panel-heading {color: #ffffff; background-color: #e65525; border-color: #ddd;
	background-image: linear-gradient(to bottom, #e65525 0%, #e65525 100%); background-repeat: repeat-x;}
blockquote{float: right; width: 35%; margin-left:15px; border-left: #e65525 solid 5px; font-size:100%;}
blockquote h3{color: #e65525; padding-bottom:10px;}
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto; } 
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding-bottom:10px;}

/* -------- SIDE NAV --------- */
.also-header{font-size:125%; margin-top:21px;}
.side-navigation a{font-size:80%;}
.side-navigation li{line-height:0.9; padding-bottom:8px;}
.side-navigation .child li {
    margin-left: 20px;
}
.side-navigation .child{
	margin-top: 10px;	
}
/* ------END SIDE NAV ------- */
/*----HOME PAGE STYLES----*/

#warning-row{
	background: #e65525;
	color: #FFFFFF;
	padding: 40px 20px 40px 20px;
	margin:0;
}

#warning-row span{
	float:left; 
	margin-right: 5px;
	padding-right:5px;
	padding-top: 3px;
}

#warning-row h2{
	font-size: 40px;
	padding-bottom: 5px;
}

#help{
	padding-top: 0px;
}
#help h2{border: 0px;}

#quiz{
	background: #231f20;
	color: #FFFFFF;
	padding-top: 28px;
	padding-bottom: 25px;
	padding-left: 25px;
	border-radius: 4px;
}

#quiz h2{
	font-size:20px;
	padding-top:15px;
	padding-bottom:10px;
}
#quiz p{
	padding-top:8px;
}
#quiz a{
	background-color: transparent;
}
#quiz a:hover{
	background-color: #FFFFFF;
}
.home-tile {
	padding: 10px 0px 10px 0px;
}

.home-tile p{
	padding: 10px 40px 10px 40px;
	text-align: center;
	/*----background-color: #231f20;
	margin:0px 15px;
	color: #ffffff;----*/
	}

.home-tile h3, .home-tile h4{
	text-align: center;
	padding-top:15px;
	border: 0px;
}
.home-tile h3 a{text-decoration: none;}
.home-tile img{
	display: block;
	margin-left: auto;
    margin-right: auto;
	padding:10px;
	border: 3px solid #231f20;
	border-radius: 60px;
	-moz-border-radius:60px;
	-webkit-border-radius:60px;
	width:120px;
	/*box-shadow: 8px 8px 18px rgba(0, 0, 0, .8);
	-webkit-box-shadow: 8px 8px 18px rgba(0, 0, 0, .8);
	-moz-box-shadow: 8px 8px 18px rgba(0, 0, 0, .8);*/
}

#article-row{
	background: #e65525;
	color: #ffffff;
	padding: 30px 20px 30px 20px;
	margin:0;
}

#article-row h2{
	padding-bottom: 10px; border: 0px;
}
#article-row a{
	color: #ffffff;
}
#article-row a:hover, #article-row a:focus{
	color: #231f20;
}

#quote{
	background: #231f20;
	color: #ffffff;
	min-height: 100%;
	padding-top: 20px;
	padding-bottom: 20px;
	border-radius: 4px;
}

/* ----END HOME PAGE STYLES---- */
/* -----SECTION PAGE STYLES---- */
.section{
	text-align:center;
}

.section img{
	display: block;
	margin-left: auto;
    margin-right: auto;
	padding: 10px;
	border: 3px solid black;
	border-radius: 70px;
	-moz-border-radius: 70px;
	-webkit-border-radius: 70px;
	width:120px;
	margin-bottom: 10px;
}
.section div{
	padding:0;
	min-height:300px;
}
.page-header h2{border-bottom: solid 2px #e65525; padding:10px 10px 10px 0px; color:#231f20;}
.page-header {border:none;}
/* ---END SECTION PAGE STYLES-- */
/* --DIRECTORY LISTING STYLES-- */
.service{
	padding-bottom:30px;
}

.service h3{
	padding-bottom: 10px;
}

.directory h3{
	font-size:1em;
	padding: 10px 0;
}
.directory label{
	font-size:0.9em;
}
/* END DIRECTORY LISTING STYLES */
/* -------LISTING STYLES------- */
.listing-details{
	list-style:none;
	padding-left:0;
}
.listing-details li{
	padding: 10px 0;
	font-size: 100%;
}

.no-pad{
	padding:0;
}
/* -----END LISTING STYLES----- */
/* ----CONTENT PAGE STYLES----- */

.page-header{
	margin: 10px 0 0px;
}
.side-navigation{
	font-size: 1.2em;
}
.side-navigation ul{
	list-style:none;
	padding:0;
	margin:0;
}
.side-navigation a{
	color: #000000;
}
.activelink{color: #e65525;}

.article{
	padding-bottom:15px;	
}
.article h3{
	border-bottom:none
}
/* --END CONTENT PAGE STYLES-- */

@media (max-width: 800px){

	h2, .h2, h3, .h3 , h4, .h4{
		font-size: 22px;
		font-weight: bold;
	}
	#warning-row{
		padding: 30px 0px 30px 0px
	}
	
	#warning-row h2{
		font-size: 20px;
		padding-bottom: 5px;
	}
	#help span{
		margin-top: -5px;
		font-size:1.5em;
	}
	#help p{
		margin: 10px 0px;
	}
	#quiz{
		padding-top: 10px;
		padding-bottom: 10px;
		border-radius: 0px;
		min-height: 10px;
		padding-left: 10px;
	}
	#article-row{
		padding: 10px 0 10px 0;
	}
	#quote{
		padding-top: 10px;
		padding-bottom: 10px;
		border-radius: 0px;
	}
	.home-tile img{
	display: block;
	margin-left: auto;
    margin-right: auto;
	padding:10px;
	border: 3px solid black;
	border-radius: 50px;
	-moz-border-radius:50px;
	-webkit-border-radius:50px;
	width:100px;
	}
	.section div{
		min-height:250px;
	}
.panel, blockquote{float: none; width: 100%; margin-left:0px;}
}
@media(max-width: 549px){
	.buttons-header{
		display:none;
	}
	.buttons-footer{
		display:inline;
	}
	.buttons-footer .col-md-12{
		padding:0;
		margin:0;
	}
	.buttons-footer .btn{
		min-width: 50%;
		display: block;
		float: left;
		border: 0;
		border-radius: 0;
	}
	.section div{
		min-height:200px;
	}
	.section img{
		border: 3px solid black;
		border-radius: 50px;
		-moz-border-radius: 50px;
		-webkit-border-radius: 50px;
		width:100px;
	}

}
@media (max-width: 480px){
	h1{
		width:100%;
		max-width:360px;
		/*height:auto;*/
	}
	#help span{
		margin-top: -5px;
	}
	#help h2{
		margin: 10px 0px;
	}
	#help p{
		margin: 10px 0px;
	}
	#quiz h2{
		padding:10px 0px;
		font-size: 1.2em;
	}
	#quiz span{
		font-size:1.5em;
		margin-top:5px;
	}
	#quiz p{
		display:none;
	}
}
@media (max-width: 320px){
	#warning-row h2{
		font-size: 15px;
	}
	#quiz span{
		margin-top:-7px;
	}
}

/*--GFORM OVERRIDES--*/
#MainContent_heading{
	display:none;	
}
div[data-uitype="HTML"]{width:100%;}
div[data-uitype="Text"]{width:100%;}
div[data-uitype="Group"]{width:100%;}
div[data-uitype="Checkbox"]{
    display:block;
    clear:both;
    width:100%;
}
div[data-uitype="Checkbox"]::after{
    clear:both;
    float:none;
    display:block;
}
div[data-uitype="Checkbox"] > input {
    width: 5%!important;
    display: block!important;
    height: 20px;
    float: left;
    margin: 0px!important;
    padding: 0%;
}
div[data-uitype="Checkbox"] > label {
    width: 95%!important;
    display: block!important;
    min-height:50px;
    margin: 0!important;
    float: left;
    padding: 0px 15px!important;
}
@media(max-width: 549px){
    div[data-uitype="Checkbox"]{
        min-height: 75px;
    }
    div[data-uitype="Checkbox"] > input {
        width: 10%!important;
    }
    div[data-uitype="Checkbox"] > label {
        width: 90%!important;
    }
}

.smileys {
    font-size: 70px;
    float:none!important;
    width:100%;
    text-align:center;
    margin-bottom: 15px;
}
div#main form div.container{
	margin-right: auto;
	margin-left: auto;
	padding:0;
	width: 100%;
}
div#main form span.label{
	display: block;
	vertical-align: top;
	width: 100%;
	margin-right: 5px;
	padding: 0;
	font-size: 100%;
	font-weight: bold;
	line-height: 1;
	color: #000;
	text-align: left;
	white-space: normal;
	vertical-align: baseline;
	border-radius: 0;
}

div#main form .field {
	margin-bottom: 20px;
}
div#main form input[type="radio"],div#main form input[type="checkbox"]{
	margin:10px;
}
div#main form label.inline {
	display: inline-block;
	vertical-align: inherit;
	width: auto;
	margin-right: 10px;
	font-weight:normal;
}
div#main form .field div{
	/*padding-top:5px;	*/
}
div#main form .field input[type=button] {
	margin-left: 0;
	background: #231f20;
	border: 1px solid #231f20;
}
div#main form .field input[type=button]:hover, div#main form .field input[type=button]:focus{
	background: #e65525;
	border: 1px solid #e65525;
}
div#main ui-state-focus, div#main ui-state-active, div#main ui-state-default{
	background: #e65525;
	border: 1px solid #e65525;
}
.field.nolabel {
	float: left;
}
.alert span.fa{
	float:left;
	margin-right: 10px;
}
#finishButton{
	margin-left: 0;
	background: #231f20;
	border: 1px solid #231f20;
	padding: .4em 1em;
	border-radius: 4px;
}

#finishButton:hover, #finishButton:focus {
	color: #FFF;
	background: #e65525;
	border: 1px solid #e65525;
}