* { padding: 0; margin: 0; }
html, body {height: 100%;font-size: 62.5%;}
body {
/*Arial,Tahoma,Helvetica,"ＭＳ Ｐゴシック",sans-serif*/
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
color:#000;
line-height: 1.5;
}

p, li{font-size:2.2rem;}
h1{font-size:3.4rem;}
h2{font-size:3.0rem;}
h3{font-size:2.6rem;}
h4{font-size:2.2rem;}
h5{font-size:2rem;}
h6{font-size:1.8rem;}
p,h1,h2,h3,h4,h5,h6,input,button,select,textarea{margin:5px;margin-bottom:20px;font-weight: normal;}
h1,h2,h3{margin-bottom:15px;}
h4{font-weight:bold;}
form p{margin-bottom:0;}

/* ===== TABLE START ======================== */
table {border-collapse: collapse;	border-spacing: 0;width: 100%;}
table td{padding:5px;vertical-align:top;}
tbody {border-top: none;}/*remove Drupal Table bug that shows grey line of top border of table*/
dd{margin-left:20px;margin-bottom:10px;}
/* ===== TABLE END =========================== */

/* ===== BULLETS START ======================== */
/* Remove Bullets for Site Wide "ul" declared
in site_wide.css and only attach to "content"*/
ul {margin:0;padding:0;}
ul li{list-style: none outside none;margin:0 0 5px 15px;}
ul li li{list-style: none outside none;}
ul li li li{list-style: none outside none;}
ol{margin:0;padding:0;}
/* overflow:hidden combined with padding is a "trick" to get bullets to work properly with floated images */
ul,ol,ul,ol{margin:0px;overflow:hidden;padding-left:25px;}
ul li{list-style-image:url("images/bullet1.png");}
ul li li{list-style-image:url("images/bullet2.png");}
ul li li li{list-style-image:url("images/bullet3.png");}
/* ===== BULLETS END ======================== */

/* ===== HR START =========================== */
hr{
border:1px solid #A53400;
background-color:#A53400;
color:#A53400;
height:0px;
width:85%;
margin:15px auto 20px auto;
}
/* ===== HR END ============================== */

img {height: auto !important;max-width: 100%;margin:0;padding:0;vertical-align:middle;border:0px solid #000000;font-size:0px;line-height:0px;}
/* Bootstrap destroys google maps, this fixes it */
div.gm-style img{
margin:0;padding:0;
width:auto !important;
height:auto !important;
max-width:none !important;
}

/* ========== VIDEO_EMBED START =================
This is styling so YouTube Embed videos are "responsive",
1.) just make sure the wrapping div is class .video_embedd
Example:
<div class="row">
	<div class="col-sm-8 col-sm-offset-2 col-xs-12">
		<div class="video_embed"><iframe allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/xKzMZopDmU0" width="560"></iframe></div>
	</div>
</div>
*/
div.video_embed {position: relative;padding-bottom: 56.25%;padding-top: 30px; height: 0; overflow: hidden;margin:0 auto;}
div.video_embed iframe,div.video_embed object,div.video_embed embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
/* ========== VIDEO_EMBED END ================= */

.clear{clear:both;}
.center{text-align:center;}
.return {text-align: left;width: 560px;background: #ffffff;border: 1px solid #4169e1;/**/}

.spacer1{height:10px;}
.spacer2{height:20px;}
.spacer3{height:30px;}
.spacer4{height:40px;}
.indent1{margin-left:20px;}
.indent2{margin-left:40px;}
.indent3{margin-left:60px;}
.indent4{margin-left:80px;}

p.img{padding:0;margin:0;line-height:0;font-size:0;}
.m10{margin:10px;}
.m5{margin:5px;}
.marginbottom1{margin-bottom:5px;}
.marginbottom2{margin-bottom:10px;}

.nmnp{margin:0px;padding:0px;}
.noborder{border:0px;}
.border{border: 1px solid #000000;}
.center{text-align:center}
.left{text-align:left}
.right{text-align:right}
.bold{font-weight:bold;}

.right_mobile_center{text-align:right;}
.left_mobile_center{text-align:left;}
.right_mobile_left{text-align:right;}

.bs_no_mobile{display:block;}
.bs_is_mobile{display:none;}
.bs_no_mobile_inline{display:inline;}
.bs_is_mobile_inline{display:none;}
.bs_description{font-size:80%;color:grey;font-style:italic;}

.black{color:#000000;}
.red{color:red;}
.blue{color:blue;}
.green{color:green;}
.orange{color:#FF9430;}
.grey{color:grey;}

.spacer1{height:10px;}
.spacer2{height:20px;}

.bs_largest_text{font-size:180%;}

div.bs_msg_wrapper{margin:10px;padding:10px;}
div#bs_error_msg_wrapper{background-color:#FFF0F0;border:2px solid red;}
div#bs_error_msg_wrapper h2{color:red;}
div#bs_notice_msg_wrapper{background-color:#F3F3FF;border:2px solid blue;}
div#bs_notice_msg_wrapper h2{color:blue;}
div#bs_error_msg_wrapper ul li{list-style-image:url("error_return_error.gif");}
div#bs_notice_msg_wrapper ul li{list-style-image:url("error_return_notice.gif");}

div.debug{background-color:#FFFFFF;color:#000000;border:1px solid #000000;margin:20px;padding:5px;text-align:left;}

div#website_field{display:none;}

/* Wrapper for page content to push down footer */
div#bs_page_wrap {
min-height: 100%;
height: auto !important;
height: 100%;
/* Negative indent footer by it's height */
margin: 0 auto -147px;
}
/* MUST set a fixed height for sticky footer to work */
div#bs_push,
div#bs_footer {
height: 147px;
}

/* *****************************************
===== START ERROR NOTICE RETURN ============
****************************************** */
div.bs_return_div{margin:20px;text-align:left;border:2px solid #000000;}
div#bs_return_error{background-color:#FFF0F0;}
div#bs_return_notice{background-color:#F3F3FF;}
.bs_error {margin-left:40px;}
.bs_notice {margin-left:40px;}
div#bs_return_error ul li{list-style-image:url("images/error_return_error.gif");}
div#bs_return_notice ul li{list-style-image:url("images/error_return_notice.gif");}
/* *****************************************
===== END ERROR NOTICE RETURN ==============
****************************************** */

div#hero_wrapper{margin-bottom:15px;}
div.hero_image {position:relative;}
div.hero_image_text{
  font-size:2.2rem;
	position: absolute;
	z-index: 1;
	padding: 10px;
	background:transparent url('images/background_transparent_white_80.png') repeat top left;
	border: 1px solid black;
	box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.15);
	left:5%;
	bottom:5%;
}

/* ===== BUTTONS START ========================== */
input[type="button"],
input[type="submit"],
.bs_link_button
{
    border:none;
    border-radius: 7px;
    cursor: pointer;
    color: #eae7aa;
    font-size: 140%;
    font-weight: bold;
		text-shadow:1px 1px 1px rgba(0,0,0,.2);
    margin: 0;
    border: 1px solid #000;
    background-color: #5c6bd6;
    padding: 15px 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border-style:solid;
    border-width:1px 1px 4px 1px;
    border-color:#9b731d;
		transition: background-color 0.3s ease, color 0.3s ease;
}
 
input[type="button"]:hover,
input[type="submit"]:hover,
.bs_link_button:hover{
  color: #FFFFFF;
  background-color: #017FCC;
}
/* ===== BUTTONS END ============================ */

/* ===== INPUT START ============================ */
textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
color:#000000;
border: 1px solid rgba(209, 209, 209, 1);
padding: 10px;
margin: 6px;
font-size:2.2rem;
border-radius:0;
-moz-border-radius:0;
-webkit-border-radius:0;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0), 0 0 4px rgba(82,168,236,0);
-webkit-appearance: none;
-webkit-transition: all 0.30s ease-in-out;
-moz-transition: all 0.30s ease-in-out;
-ms-transition: all 0.30s ease-in-out;
-o-transition: all 0.30s ease-in-out;
-webkit-box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.4);
-moz-box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.4);
box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.4);
margin-bottom:20px;
width:95%
}

textarea:focus,input[type="text"]:focus,input[type="password"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="date"]:focus,input[type="month"]:focus,input[type="time"]:focus,input[type="week"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="color"]:focus,.uneditable-input:focus
{
border-color: rgba(187, 34, 36, 0.8);
-webkit-box-shadow: inset 0 1px 1px rgba(187, 34, 36,.075), 0 0 4px rgb(165, 52, 0);
-moz-box-shadow: inset 0 1px 1px rgba(187, 34, 36,.075), 0 0 4px rgb(165, 52, 0);
box-shadow: inset 0 1px 1px rgba(187, 34, 36,.075), 0 0 4px rgb(165, 52, 0);
}
/* ===== INPUT END ============================ */

/* ****************************************************** */
/* ****************************************************** */
/* ****************************************************** */
/* ********** START MEDIA QUERRIES ********************** */


@media only screen and (min-width: 753px){
.container{max-width:90%;}
.fl{float:left;}
.fr{float:right;}
div#hero_wrapper{border-bottom: 1px solid #004080;overflow: hidden;box-shadow: 0px 3px 5px 0px rgba(50,50,50,0.75);}
div.hero_image {float: left;}
div.hero_image.one {}
div.hero_image.two {width: 50%;}
div.hero_image.three {width: 33.3333%;}
}