﻿/* WebmontonMedia Responsive v7 Copyright 2017 Webmonton Ltd. */

/* ------------------------------------------- */
/* Common */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, q, small, strong, sub, sup, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; padding: 0; margin: 0; }
html, body { min-width: 0; width: 100%; max-width: 100%;height:100%; background:#fff;}
html, body, p, li, .normal, .Normal, table, Table, h1, h2, h3, h4, h5, h6 { font-family: 'Open Sans', Arial, helvetica, sans-serif; font-size:14px; color: #444; line-height: 150%; }

#Body { background: #fff;} 

p, .normal, .Normal { padding: 0 0 0.9em 0; }
div.normal, div.Normal { padding: 0; }
img { height: auto; min-width: 0px; max-width: 100%; }

a, a:link, a:visited, a:active { color: #006fab; text-decoration: underline; }
a:hover { color:#73B249; text-decoration:underline; }

h1, h2, h3, h4, h5, h6 {font-family:/*'Raleway','Times New Roman', */Arial, helvetica, sans-serif;font-weight: 200;color: #777;}
h1 {font-size: 180%;}
h2 {font-size: 180%;}
h3 {font-size: 160%;}
h4 {font-size: 150%;}
h5 {font-size: 140%;}
h6 {font-size: 120%;}

/* Bullets */
ul { padding-left: 20px; }
ul { list-style: disc; }
ul li { margin-top: 10px; }

ul.wlistbullets {}
ul.wlistbullets li { margin-top: 5px; }

/* ------------------------------------------- */
/* Page Shell - Desktop Display*/

.wmobileonly {display:none;}

/* Define screen and page */
.wscreenwidth { max-width: 100%; margin: 0 auto; min-width: 800px; width: 100%; }
.wpagewidth { max-width: 1100px; margin: 0 auto; min-width: 800px; }

/* semantic elements */
.wbodybk0 { height: 100%; margin: 0; padding: 0; position:relative;background: #333;}
.wbodybk1 { height: 100%; margin: 0; padding: 0; position:relative; background: #fff url(../img/wpageshadowbottom02.png) repeat-x center top;}
.wbodybk2 { height: 100%; margin: 0; padding: 0 0 40px 0; position:relative; background: #333;}

/* Section inner */
.wpanes { clear: both; z-index: 1000; }

/* ------------------------------------------- */
/* Editable Panes */

.HeroPane { padding: 0px; margin: 0px; position:relative; }
.BannerPane { padding: 0px; margin: 0 0 25px 0; position:relative; }

.ContentPane { padding: 0px; }

.Row1Wide { padding: 0px; }
.Row1Left { float: left; padding: 0px; width: 49.5%; margin: 0 1% 0 0; }
.Row1Right { float: left; padding: 0px; width: 49.5%; }

.ContentPane2 { padding: 0px; }

.Row2Wide { padding: 0px;}
.Row2Left { float: left; padding: 0px; width: 33%; margin: 0 1% 0 0;}
.Row2Right { float: left; padding: 0px;width: 66%;}

.ContentPane3 { padding: 0px;}

.Row3Wide { padding: 0px;}
.Row3Left { float: left; padding: 0px; width: 66%; margin: 0 1% 0 0;}
.Row3Right { float: left; padding: 0px; width: 33%;}

.ContentPane4 { padding: 0px 5px; vertical-align: top; box-sizing:border-box;}

.Row4Wide { padding: 0px;}
.Row4Left { float: left; padding: 0px; width: 33%; margin: 0 1% 0 0;}
.Row4Mid { float: left; padding: 0px; width: 32%; margin:  0 1% 0 0;;}
.Row4Right { float: left; padding: 0px; width: 33%;}

.ContentPane5 { padding: 0px;}

.Row5Wide { padding: 0px}
.Row5LeftA { float: left; padding: 0px; width: 24.25%; margin: 0 1% 0 0; }
.Row5LeftB { float: left; padding: 0px; width: 24.25%; margin: 0 1% 0 0; }
.Row5RightA { float: left; padding: 0px; width: 24.25%; margin: 0 1% 0 0; }
.Row5RightB { float: left; padding: 0px; width: 24.25%;}
.Row5Wide2 { clear:both;padding: 0px;}

.ContentPane6 { padding: 0px;}

.Row6Wide { padding: 0px;}
.Row6Left { float: left; padding: 0px; width: 66%; margin: 0 1% 0 0;}
.Row6Right { float: left; padding: 0px; width: 33%; }

.ContentPane7 { padding: 0px; }

.FooterPaneTop { padding: 5px 0px 0px 0; }
.FooterPane1 { float: left; padding: 0px; width: 26.7%; margin: 15px 0 10px 0; }
.FooterPane2 { float: left; padding: 0px; width: 26.7%; margin: 15px 0 10px 1.5%; }
.FooterPane3 { float: left; padding: 0px; width: 22.7%; margin: 15px 0 10px 1.5%; }
.FooterPane4 { float: left; padding: 0px; width: 18.7%; margin: 15px 0 10px 1.5%; }

/* ------------------------------------------- */
/* Header Layout */

/* ------------------------------------------- */
/* Define Top Band */
.wpagetop {display: none;padding: 0px 0px 7px 0px; margin: 0; background: #555; border-bottom: 1px solid #222; position:fixed;z-index: 1001; height:auto; }
.wpagetop .wpanes { position: relative; }
.wpagetop1 { display:block; float: left; padding: 8px 0 0 20px; width: 40%; }
.wpagetop2 { float: left; padding: 5px 0; width: 20%; }
.wpagetop3 { float: right; padding: 5px 20px 0 0; width: auto; text-align: right; }

.wpagetop2 .SkinObject { color: #777; }
.wpagetop1, .wpagetop1 a, .wpagetop3, .wpagetop3 a.SkinObject, .wpagetop3 a.SkinObject:link, .wpagetop3 a.SkinObject:visited { color: #ececec; 
font-weight:bold; text-decoration:none; text-transform:uppercase; font-size:14px;  font-family: Arial, Helvetica, Sans-Serif;}
.wpagetop1 a:hover, .wpagetop3 a.SkinObject:hover { color: #fff; }

/* ------------------------------------------- */
/* Define Header Items */
.wheader {padding: 0; margin: 0 0 0 0; z-index:910; transition: all 0.4s ease;background:transparent;}
.wheader .wpanes { position: relative; }

.wheader1 {text-align:center; transition: all 0.4s ease; }

.wlogoblock {transition: all 0.4s ease;padding: 14px 0px 5px 0px;}
.wlogoblock img {transition: all 0.4s ease;max-width:210px;}

.wtools {position:absolute;margin:0;width:100%;top:3px;z-index:1000;}
.wtoolsinner {}

.wheader2 { display:inline-block; height:50px; transition: all 0.4s ease;float:left;margin-top:10px;padding:0px 15px;width:33.33%; text-align:center;box-sizing:border-box;}

.wheader3 {padding-right:15px;box-sizing:border-box;}

.wheader3 a.twitter i {color:#fff;font-size:36px;position:relative;top:6px;}
.wheader3 a.twitter:hover i  {color:#73B249;}

.wheader3 a.youtube i {color:#fff;font-size:36px;position:relative;top:6px;}
.wheader3 a.youtube:hover i  {color:#73B249;}

.wheader3 a.facebook i {color:#fff;font-size:36px;position:relative;top:6px;}
.wheader3 a.facebook:hover i  {color:#73B249;}

.wheader3 a.instagram i {color:#fff;font-size:36px;position:relative;top:6px;}
.wheader3 a.instagram:hover i  {color:#73B249;}

.wheader3 { display: inline-block; height:30px;margin-top:3px; float:right; transition: all 0.4s ease;}
.wheader3 ul {text-align:left;}

/* Search space */
.wsearch { display:inline-block;margin-right:20px;}
.wsearch a.SkinObject:link, .wsearch a.SkinObject:visited, .wsearch a.SkinObject:active { color: #fff !important; font-size: 13px; 
text-decoration: none; margin-left: 5px; }
.wsearch a.SkinObject:hover { color: #73B249 !important; }

/* Search box */
#dnn_dnnSearch_txtSearch { color: #6ba8c8; }
.wsearch input[type="text"] { margin: 0px; padding: 2px; border-radius:5px; height: 24px; background: #ffffff; border: 1px solid #73B249; }
.wsearchsubmit {display:inline-block;position:relative;top:3px;}

.wheader4 { position:absolute;top:15px;left:10px;width:40%;height:auto;}
.wheader4 h1 {color:#fff;}
.wheader4 h1 em {color:#fff;}

/* Menu Location */
.wskinmenu { background: #333;float: none; width:100%; position: relative; transition: all 0.4s ease;border-bottom:8px solid #73B249;text-align:center;}

/* Tab Bump */

.wtabbump {padding:0;margin:0;position:absolute;bottom:-29px;right:10%;display:inline-block;z-index:1;}
.wtableft {padding:0;margin:-9px auto;display:inline-block;width:28px;height:22px;background:url(../img/wtab-left.png) no-repeat left top;}
.wtablinks {padding:0 0 3px 0;margin:0;display:inline-block;height:21px;background:#73B249;color: #fff;font-size: 15px;font-family: Arial, Helvetica, Sans-Serif;text-transform: uppercase;font-weight: 700;line-height:21px;}
.wtablinks a {color:#fff;text-decoration:none;}
.wtablinks a:hover {color:#fff;text-decoration:none;}


.wtabright {padding:0;margin:-9px auto;display:inline-block;width:28px;height:22px;background:url(../img/wtab-right.png) no-repeat right top;}


/* Breadcrumb */
.wbreadcrumbspace {float:left; display:inline-block;color:#73B249; padding: 10px 5px 10px 20px;font-size: 12px;}
.wbreadcrumb:link {text-decoration: none;}
.wbreadcrumb:hover {text-decoration: underline;}

/* User Info */
.wuserspace {display:none;float:right;color:#BFA861; padding: 10px 16px 10px 5px;font-size: 12px;}
.wuserspace a:link {text-decoration: none;}
.wuserspace a:hover {text-decoration: underline;}

/* Sticky Stuff */
.wskinmenu.sticky {position:fixed;top:0px;background:#333;z-index:1000;}

.wheader.sticky .wtools {display:none;}

/* ------------------------------------------- */
/* Define Footer */

.wfooter {position: relative;border-top:8px solid #73B249;padding-top: 20px;}
.wfooter, .wfooter p, .wfooter li, .wfooter .Normal, .wfooter .normal {font-size:12px; color:#b4b4b4;}
.wfooter a, .wfooter a:link, .wfooter a:visited {color:#b4b4b4;}.wfooter a:hover {color:#fff;}
.wfooter ul { margin: 0px; }

.wfooter a i {color:#b4b4b4;}
.wfooter a:hover i  {color:#fff;}

/* ------------------------------------------- */
/* Define Legal */
.wlegal { position: relative;margin-top:20px; }

.wlegal1 {}
.wlegal1 a i {color:#b4b4b4;}
.wlegal1 a:hover i  {color:#fff;}

.wlegal2 {color: #aaa;text-align: center; font-size:11px;}
.wlegal2, .wlegal2 p, .wlegal2 li { color:#aaa;}
.wlegal2 a, .wlegal2 a:link { color:#b4b4b4; text-decoration: none;}
.wlegal2 a:hover { color: #fff; }
.wlegal2 .SkinObject { font-weight: normal !important; }

/* ------------------------------------------- */
/* AP Menu */

@media screen and (min-width:800px) {

    /* Main Menu */
    div#apmenu { position: relative; margin:0; padding: 0; width: auto; z-index: 999; display: inline-block;transition: all 0.4s ease;}

    /* Menu Defaults */
    div#apmenu ul { margin: 0; padding: 0; list-style: none; width:auto}
    div#apmenu li { margin: 0; padding: 0; display: inline-block; float: none; width: auto; position: relative; }
    .wheader.sticky div#apmenu li {}

    div#apmenu a { white-space: nowrap; padding: 0px; text-decoration: none;}
    div#apmenu span { position: relative; z-index: 10; font-family: Arial, Helvetica, Sans-Serif; font-size: 14px; font-weight:normal;  padding: 0px;}
    
    /* Menu Level 1 */      
    div#apmenu ul.menu { position: relative; }
    div#apmenu ul.menu > li {padding:0px;}
    div#apmenu ul.menu > li > a span { color:#c0c0c0; background-color:transparent; display: block; cursor: pointer; font-size:15px; padding: 10px 5px; transition: all 0.4s ease; border-right: 0px solid #ededed;transition: all 0.4s ease;font-family:Arial, Helvetica, Sans-Serif; background-position:right center; text-transform:uppercase;font-weight:700;}
    div#apmenu ul.menu > li > a span:first-child {border-left: 0px solid #eaeaea;}
    div#apmenu ul.menu > li.current > a span {color:#fff;background:#73B249;}
    div#apmenu ul.menu > li:hover > a span { color:#fff; background:#73B249;}
    /*.wheader.sticky div#apmenu ul.menu > li > a span { padding: 13px 10px 7px 10px;}*/
 
    /* Menu Level 2+ */
    div#apmenu li div {position: absolute; z-index: 9999; top: 36px; left: 0px; visibility: hidden; width: auto; min-width:200px; padding: 5px 0 0 0;}
    /*.wheader.sticky div#apmenu li div {top: 41px;}*/     

    div#apmenu ul ul li > div {margin-left:5px;}
    div#apmenu li:hover > div { visibility: visible; }
        
    div#apmenu ul ul { width: auto; z-index: 12; position: relative; background-color: #73B249;}
    div#apmenu ul ul li { z-index: 9; float:none; text-align: left; width:100%;}    
    div#apmenu ul ul li > a span { z-index: -1; color: #fff; display: block; padding: 6px 8px; border-bottom: 1px solid #679B45;}
    div#apmenu ul ul li:last-child > a span {border-bottom: 0px solid #444;}
    div#apmenu ul ul li:hover > a span { color: #fff; background-color: #555; }
    div#apmenu ul ul li.subcurrent > a span {color: #fff; background-color:#555; }
    
    /* Menu Level 2+ Parents */
    div#apmenu ul ul li > a.parent > span { background-image: url("../img/whaschild_right01.png"); background-repeat: no-repeat; background-position:98% 50%; padding-right: 10px; }
    div#apmenu ul ul li:hover > a.parent > span {background-image: url("../img/whaschild_right01.png"); background-repeat: no-repeat; background-position:98% 50%; padding-right: 10px;}   

    /* Menu Level 3+ */
    div#apmenu ul ul div {margin: 0 !important; left: 100%; top: -1px;padding:0px;}    
    div#apmenu ul ul ul {padding:0px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}

    /* Lava Lamp */
    div#apmenu li.back {display:none; width: 20px; height: 16px; z-index: 12; position: absolute; top:-1px; padding: 0 !important; margin: 0; background: url(../img/warrowdown01a.png) no-repeat center top;}
    div#apmenu li.back .left { padding: 0; width: auto; height: 16px; margin: 0; float: none; position: relative; top: 0; left: 0; visibility: visible; float: none; }
}

/* ------------------------------------------- */
/* DNN Primary Action (overrides default.css) */
.dnnPrimaryAction, .dnnFormItem input[type="submit"], a.dnnPrimaryAction, a.dnnPrimaryAction:link, a.dnnPrimaryAction:visited, input[type="button"] {
    border: 0px solid #555; transition: all 0.4s ease; border-radius: 2px; box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.6), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.4);
    color: #ffffff; text-shadow: 0px 0px 0px #000; padding: 6px 12px; text-decoration: none; font-family: 'Open Sans', Arial, Helvetica, Sans-Serif; font-size: 18px;
    font-weight: bold; background: #73B249; background-position: right center;}

    .dnnPrimaryAction:hover, .dnnFormItem input[type="submit"]:hover, a.dnnPrimaryAction:hover, input[type="button"]:hover {
        border-color: #18539b;
        background: #006fab; /*padding-right:36px;
background: #006fab url(../img/ico_thumbsup24.png) no-repeat right 5px center;border: 0px solid #016403;color: #fff;*/
    }

.dnnPrimaryAction:active, .dnnFormItem input[type="submit"]:active, a.dnnPrimaryAction:active, input[type="button"]:active { 
border-color: #444;-webkit-box-shadow: inset 0px 1px 5px 0px rgba(0, 0, 0, 0.4); box-shadow: inset 0px 1px 5px 0px rgba(0, 0, 0, 0.4); text-decoration: none;
background: #efefef;background: -moz-linear-gradient(top, #efefef 0%, #a8a8a8 100%);background: -webkit-linear-gradient(top, #efefef 0%,#a8a8a8 100%);
background: linear-gradient(to bottom, #efefef 0%,#a8a8a8 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#a8a8a8',GradientType=0 );
color: #444; text-shadow:none;}

/* ------------------------------------------- */
/* Secondary Action  (overrides default.css) */
.dnnFormItem button, .dnnFormItem input[type="button"], .dnnFormItem input[type="reset"], .dnnSecondaryAction, a.dnnSecondaryAction, ul.dnnAdminTabNav li a, .dnnLogin .LoginTabGroup span {  text-decoration: none; font-family: 'Open Sans', Arial, Helvetica, Sans-Serif; font-size: 18px; font-weight:normal; color: #333; }
.dnnFormItem button:hover, .dnnFormItem input[type="button"]:hover, .dnnFormItem input[type="reset"]:hover, .dnnSecondaryAction:hover, a.dnnSecondaryAction:hover, ul.dnnAdminTabNav li a:hover, .dnnLogin .LoginTabGroup span:hover { text-decoration: none; background:#dadada; color:#111; }
.dnnFormItem button:active, .dnnFormItem input[type="button"]:active, .dnnFormItem input[type="reset"]:active, .dnnFormItem input[type="reset"]:active, .dnnSecondaryAction:active, a.dnnSecondaryAction:active, ul.dnnAdminTabNav li a:active { text-decoration: none; }

/* ------------------------------------------- */
/* ------------------------------------------- */
/* ------------------------------------------- */
/* Site Specific
 
/* Footer style, container  */
.wfooter_container01 h2.wtitle{color:#838383;}
