/* -- SITE STYLES
---------------------------------------------- */
body {font:16px/21px "HelveticaNeue","Helvetica Neue", Helvetica, Arial, sans-serif; color:#444; -webkit-font-smoothing:antialiased;/* Fix for webkit rendering */ -webkit-text-size-adjust:100%;}
.body{background-color:transparent;}
img {max-width:100%; height:auto;}
hr.large{border:none; height:6px; background:#ebebeb; margin:30px 0;}

/* -- HEADER & NAV
---------------------------------------------- */
/*header {height:90px; margin-bottom:5px;  background:#282c2f; position:relative}   */
header {height:80px; margin-bottom:0px;    display: block;  position: fixed;  top: 0;  left: 0;  z-index: 1000;  width: 100%;}
header h1 {}
header .button {}
.videos {width:200px; position:fixed; top:10px; right:-12px;text-align:center;z-index:99999}
.videos ul {}
.videos ul li {display:inline; margin-right:10px;}
.videos ul li a { font-size:18px; font-weight:bold; color:#fff; padding:7px 14px; text-decoration:none;border-collapse: separate; box-shadow:inset 0px 0px 10px #282C2F; -webkit-box-shadow:inset 0 0 10px #282C2F; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}
.videos ul li a:hover { color:#282C2F;}

.header_nav{position:absolute;top:5px;right:75px;font-size:16px;}
.headernav {width:100%;display:block;}

.headernav ul {
    float: right;
    height: 100%;
    width: 100%;
    text-align: right;
    line-height: 20px;
}

.headernav ul li {
    display: inline-block;
    margin: 0 5px;
    height: 24px;
    vertical-align: bottom;
    line-height: 22px;
}
.headernav ul li a {font-size:16px; color:#bbb; text-decoration:none;}
.headernav ul li a:hover {color:#47a754; text-decoration:none;}
.header_menu_list_myhome{width:18px;display:none;}


.header_menu_list{width:18px;display:none;}

.header_menu_list_img {
    width: 18px;
    position: absolute;
    top: 2px;
    height: auto;
}
.header_menu_search_img{width:18px;height:auto;position:absolute;top:3px;}

.header_link_content {
    height: 22px;
    width: 420px;
    position: absolute;
    top: 10px;
    right: 75px;
    font-size: 16px;
}

.header_link_content_embed {
    height: 22px;
    width: 415px;
    position: absolute;
    top: 7px;
    right: 100px;
    font-size: 16px;
}
/*.header_link_content{height:30px;width:490px;position:absolute;top:5px;right:0px;font-size:16px;}
*/



/*header {height:90px; margin-bottom:5px;  background:#282c2f; position:relative}   */
/* background:#00004d*/
header_embed {height:60px; margin-bottom:5px;  background:transparent;  display: block;  position: fixed;  top: 0;  left: 0;  z-index: 1000;  width: 100%;}
header_embed h1 {}
header_embed .button {}
.videos {width:200px; position:fixed; top:10px; right:-12px;text-align:center;z-index:99999}
.videos ul {}
.videos ul li {display:inline; margin-right:10px;}
.videos ul li a { font-size:18px; font-weight:bold; color:#fff; padding:7px 14px; text-decoration:none;border-collapse: separate; box-shadow:inset 0px 0px 10px #282C2F; -webkit-box-shadow:inset 0 0 10px #282C2F; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}
.videos ul li a:hover { color:#282C2F;}


/* -- FOOTER
---------------------------------------------- */
footer {padding: 10px 5px 1px 5px; color:white; }
.footernav {width:100%}
.footernav ul {float:left;}
.footernav ul li {display:inline; margin:0 10px;}
.footernav ul li a {font-size:12px; color:#bbb; text-decoration:none;}
.footernav ul li a:hover {color:#47a754; text-decoration:none;}

/* -- CLASSES
---------------------------------------------- */
.pad5 {padding:5px;}
.pad10 {padding:10px;}
.pad15 {padding:15px;}
.pad20 {padding:20px;}
.mar5 {margin:5px;}
.mar10 {margin:10px;}
.mar15 {margin:15px;}
.mar20 {margin:20px;}
img.padStack {padding-bottom:10px;}
.topStripe {background:#00004d; height:90px; width:100%; z-index:-1; position:absolute; top:0; left:0;}

/* -- MISC
------------------------------------------------ */
.remove-bottom {margin-bottom:0 !important;}
.half-bottom {margin-bottom:10px !important;}
.add-bottom {margin-bottom:20px !important;}
.right {text-align:right;}
.left {text-align:right;}
.center {text-align:center;}
.noPad {padding:30px 0 !important;}

/* -- COLOURS
------------------------------------------------ */
.bgGray {background-color:#282c2f;}
.bgGreen {background-color:#47a754;}
.bgLtGray {background-color:#e9ebeb;}
.bgBlack {background-color:black;}

.green {color:#47a754;}
.blue {color:#069;}
.ltBlue {color:#5eaeff;}
.red {color:#da2f2f;}
.white {color:white;}

/* -- super large Desktops  */
@media only screen and (min-width:1110px)  {
	.footernav ul li a {font-size:16px; font-weight:bold;}
     h5 {font-size:20px; line-height:22px;font-weight:bold;}
     h6 {font-size:18px; line-height:20px;font-weight:normal;}
    .header_link_content{display:inline-block !important}
    .header_link_content_embed{display:inline-block !important}

   /*  h7 {font-size:16px; line-height:18px;font-weight:normal;} */
  /*  a.button, button, input[type="submit"], input[type="reset"], input[type="button"] {font-size:14px;}*/
}
/* -- large Desktops
---------------------------------------------- */
@media only screen and (min-width:960px) and (max-width:1110px) {
	.footernav ul li a {font-size:15px; font-weight:bold;}
     h5 {font-size:18px; line-height:20px;font-weight:bold;}
     h6 {font-size:16px; line-height:18px;font-weight:normal;}
    .header_link_content{display:inline-block !important}
    .header_link_content_embed{display:inline-block !important}
   /*  h7 {font-size:13px; line-height:15px;font-weight:normal;}*/
 /*   a.button, button, input[type="submit"], input[type="reset"], input[type="button"] {font-size:12px;} */
}



/* -- IPAD PORTRAIT/BROWSER
---------------------------------------------- */
@media only screen and (min-width:768px) and (max-width:959px){
	.footernav ul li a {font-size:14px; font-weight:bold;}
    h5 {font-size:16px; line-height:18px;font-weight:bold;}
    h6 {font-size:14px; line-height:16px;font-weight:normal;}
  /*  h6 {font-size:11px; line-height:14px;font-weight:normal;}    */
    thead.fixedfacilitiesHeader th {font-size:18px;}
    #logo {font-size:21px;margin-bottom:15px;}
    nav .button{padding:9px 20px 11px;}
    .header_link_content{display:inline-block !important}
    .header_link_content_embed{display:inline-block !important}
   /* a.button, button, input[type="submit"], input[type="reset"], input[type="button"] {font-size:10px;} */
}



/* -- MOBILE LANDSCAPE
---------------------------------------------- */
@media only screen and (min-width:480px) and (max-width:767px){
	header {height:80px;}
    .header_menu_list{display:inline-block;}
	nav ul{display:none;}
    .videos {width:200px; position:fixed; top:10px; right:-12px;text-align:center;z-index:99999}
    .videos ul {}
    .videos ul li {display:inline; margin-right:10px;}
    .videos ul li a { font-size:18px; font-weight:bold; color:#fff; padding:7px 14px; text-decoration:none;border-collapse: separate; box-shadow:inset 0px 0px 10px #282C2F; -webkit-box-shadow:inset 0 0 10px #282C2F; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}
    .videos ul li a:hover {background-color:#47a754; color:#282C2F;}

   	h1 {font-size:20px; line-height:21px;}
    h5 {font-size:14px; line-height:16px;font-weight:bold;}
    h6 {font-size:12px; line-height:14px;font-weight:normal;}
  /*  h6 {font-size:14px; line-height:16px;font-weight:normal;}*/
   	.topStripe {display:none;}
   	.footernav {clear:left; position:static; margin:0; width:100%;}
   	.footernav ul {text-align:center; margin:0; float:none;}
   	.footernav ul li {display:block; padding:10px; border-bottom:solid 2px #f6f6f6;}
   	.footernav ul li a {font-size:14px; color:#bbb; text-decoration:none;}
/*    .header_link_content{display:none ;height:200px;width:150px;position:absolute;top:40px;right:0px;font-size:16px;}
*/
    .header_link_content {padding-bottom:15px;border:1px solid #dfdfdf;display: none;height: auto;width: 150px;position: absolute;top: 40px;right: 0px;font-size: 16px;}
    .header_link_content_embed {padding-bottom:15px;border:1px solid #dfdfdf;display: none;height: auto;width: 150px;position: absolute;top: 40px;right: 0px;font-size: 16px;}
    .headernav ul li {display:block;font-size:16px;}
    .header_menu_search_img{width:18px;height:auto;position:relative;}
  }

/* -- MOBILE portrait

---------------------------------------------- */

@media only screen and (max-width:479px){
    .touch .modal .modal-body {
        max-height: none;
      }
	header {height:80px;}
    .header_menu_list{display:inline-block;}
	nav ul{display:none;}
    .videos {width:200px; position:fixed; top:10px; right:-12px;text-align:center;z-index:99999}
    .videos ul {}
    .videos ul li {display:inline; margin-right:0px;}
    .videos ul li a {background:#47a754; font-size:18px; font-weight:bold; color:#fff; padding:7px 14px; text-decoration:none;border-collapse: separate; box-shadow:inset 0px 0px 10px #282C2F; -webkit-box-shadow:inset 0 0 10px #282C2F; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}
    .videos ul li a:hover {background-color:#47a754; color:#282C2F;}

    h1 {font-size:18px; line-height:20px;}
    h5 {font-size:10px; line-height:14px;font-weight:bold;}
    h6 {font-size:10px; line-height:12px;font-weight:normal;}
   /* h6 {font-size:14px; line-height:12px;font-weight:normal;}   */
    .topStripe {display:none;}
    .footernav {clear:left; position:static; margin:0; width:100%;}
    .footernav ul {text-align:center; margin:0; float:none;}
    .footernav ul li {display:block; padding:10px; border-bottom:solid 2px #f6f6f6;}
    .footernav ul li a {font-size:14px; color:#bbb; text-decoration:none;}
/*    a.button, button, input[type="submit"], input[type="reset"], input[type="button"] {font-size:6px;} */
    img.logo_cam {height:79px}
    img.logo_ygc{height:79px;width:214px;}
    .header_link_content {padding-bottom:15px;border:1px solid #dfdfdf;display: none;height: auto;width: 150px;position: absolute;top: 40px;right: 0px;font-size: 16px;}
    .header_link_content_embed {padding-bottom:15px;border:1px solid #dfdfdf;display: none;height: 200px;width: 150px;position: absolute;top: 40px;right: 0px;font-size: 16px;}
    .headernav ul li {display:block; margin:0 10px;}
    .header_menu_search_img{width:18px;height:auto;position:relative;}
}