@import url('/webfiles/css/web-tools.css');
@import url('/webfiles/css/web-frames.css');
@import url('/webfiles/css/web-colors.css');
@import url('/webfiles/css/web-buttons.css');
@import url('/webfiles/css/web-spacing.css');
@import url('/webfiles/css/ndmc-web-tools.css');
@import url('/webfiles/css/jqueryui/grace/jquery-ui.css');


*{ margin: 0; padding: 0; }
html, body { width: 100%; height: 100%; }
body { background:#fff;font: 16px/24px 'Open Sans', sans-serif;color:#434343;}
p{margin-bottom:1.3em;}

a {color: darkblue;}
a:hover {text-decoration:underline;}

/*
        .lnktxt { color: #0000ff; text-decoration: none; border-bottom: 1px solid #d4ccb0; cursor: pointer; }
        .lnktxt:hover { text-decoration: none; border-bottom: 1px solid #006531; }
*/

#pg-container {max-width:100%; margin: 0 auto 0 auto;min-height:768px;}

h1,h2,h3,h4,h5,h6{color:#434343;font-family:'Oswald',sans-serif;font-weight:bold; margin:15px 0 15px 0;}
h1{font-size:36px;line-height:40px;}
h2{font-size:30px;line-height:34px;}
h3{font-size:26px;line-height:30px;}

#page-title-inner h1{color:#4C4947}

footer{font-size:18px;}
#footer-top{text-align:center;background-color:#C5C5C5;padding:30px 0;color:#434343;}
#footer-bottom{text-align:center;background-color:darkblue;color:#fff;padding:42px 0;border-top:2px solid white;font-size:13px;}


/*Legend Colors*/
.lgd-02{background-color:#720000;}
.lgd-05{background-color:#E60000;}
.lgd-10{background-color:#FFAA00;}
.lgd-20{background-color:#FCD47F;}
.lgd-30{background-color:#FFFF00;}
.lgd-70{background-color:#FFFFFF;}
.lgd-80{background-color:#BCF9FE;}
.lgd-90{background-color:#74D3FF;}
.lgd-95{background-color:#3D88FF;}
.lgd-98{background-color:#181CF9;}
.lgd-100{background-color:#2300D8;}

.lgd-box{width:30px;height:15px;border:1px solid #333333;display:inline-block;}
.lgd-item{display:block;}

#title-bar{color:white;height:36px;padding:10px 15px;font:normal 30px/36px 'Open Sans', sans-serif!important;background-color:cornflowerblue;font-weight:bold!important;}
#title-bar-inner{max-width:1024px;margin:0 auto;}
#page-title-inner{max-width:1024px;margin:0 auto;}
#breadcrumb-inner{float:right;}
#breadcrumb-inner > p{font-size:12px;}
#navigationbar{ height: 50px; background-color:#0084ff; clear:both;border-top:3px solid #ffffff;}
#navmenu { list-style:none; color:#fff; padding-top: 0; text-align:center; max-width:1024px;padding:0 10px; margin:0 auto; }
#navmenu > li { float: left; list-style: none; z-index: 100;font: 18px/20px'Oswald',sans-serif;font-weight:normal!important; }
#navmenu ul { min-width: 160px; list-style: none; display: none; position: absolute; top: 106px; filter:alpha(opacity=95); -moz-opacity:.95; opacity:.95; padding: 3px 0; }
#navmenu ul:after { clear: both; display: block; height: 0; visibility: hidden; }
#navmenu li:hover ul, #navmenu ul li:hover ul, #navmenu ul ul li:hover ul { display: block; }

/* horizontal navigation */
#navigationbar{ height: 50px; background-color:darkblue; clear:both;border-top:3px solid #ffffff;}
#nav-endcap{ float:right; width: 4px; height: 50px; background: transparent url('../images/nav-endcap.png') repeat-x left top; }
#navmenu {  list-style:none; color:#fff; padding-top: 0; text-align:center; max-width:1024px;padding:0 10px; margin:0 auto; }
#navmenu li {float: left; list-style: none; z-index: 100;font: 18px/20px'Oswald',sans-serif;font-weight:normal!important; }
#navmenu ul { width: 140px; list-style: none; display: none; position: absolute; top: 115px; filter:alpha(opacity=95); -moz-opacity:.95; opacity:.95; padding: 3px 0; }
#navmenu ul:after { clear: both; display: block; height: 0; visibility: hidden; }
#navmenu li:hover ul, #navmenu ul li:hover ul, #navmenu ul ul li:hover ul { display: block; }

/* Root Menu */ 
#navmenu li span { cursor: default; padding: 11px 0 6px 0; float: none !important; float: left; display: block; color: #fff; text-decoration: none; height: auto !important; z-index:10; text-align: center; width: 125px; font-weight:bold;  border-right: 1px solid #fff;}
#navmenu li span:first-of-type{}
#navmenu > li > a { padding: 15px 25px 15px 25px; float: none !important; float: left; display: block; color: #fff; text-decoration: none; height: auto !important; z-index:10; text-align: center;font-weight:normal;}
#navmenu a:first-of-type{} 
/*#navmenu a:hover { color: #fff; background-color: #005cb3; }*/
.menu-current{color: #fff; background-color: #0000ff;}
.menu-active{color: #fff; background-color: #000066;}


/* 2nd Menu */
#navmenu > li ul > li a { padding: 15px 25px 15px 25px; display: block;float:none!important;text-decoration: none; height: auto !important; z-index:10; font-weight:normal;font-family:'Open Sans',sans-serif;font-size:16px;}
#navmenu li:hover li a { float: left; background:#C5C5C5; color: #434343; width: 160px; padding:6px 10px; text-align:left; z-index:20; border-bottom:1px solid  #434343; font-weight:normal; }
/*#navmenu li:hover li a:hover{ background: #67625f; color: #fff; }*/
.menu2-active{ background: #434343!important; color: #fff!important; }

/* mobile navigation*/
#mobilenav {
    display: none;
    background-image:url('/images/nav-burger-white.png');
    background-position:center;
    background-repeat:no-repeat;
    width:18px;
    height:17px;
    margin-left: 10px;
    margin-top: 10px;
    font: 'Open Sans';
    border:1px solid white;
    border-radius:5px;
    padding:5px;
    cursor:pointer;
}

#navigationbar #mobilenav:hover {
    background-color:#005cb3;
    background-image:url('/images/nav-burger-white.png');
    background-position:center;
    background-repeat:no-repeat;
    color:#fff;
}

/* expandable columns */
.thirds,.thirds-fcst{width: 31%;float:left;margin-top:10px;}
.indent.half {width:44%;float:left;}

#left_side_map_summary {
    width: 67%;
    height: 768px;
}

#right_side_ctrls {
        width: 32%;
    }

/*  SECTIONS  */
.section{padding:0px;margin:0px;}

/*  ROWS  */
.row{max-width:100%;margin-left:calc(50% - 512px);margin-right:calc(50% - 512px);clear:both;padding:10px 0;}
.row.narrow{margin-left:calc(50% - 480px);margin-right:calc(50% - 480px);}
.row::after {content:"";clear:both;display:table;}

/*  COLUMN SETUP  */
.col {display: block;float:left;margin: 1% 0 1% 1%;}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
/*.group:before,.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7  }*/

/*  GRID OF TWELVE  */
.span_12_of_12 {width: 100%;}
.span_11_of_12 {width: 91.58%;}
.span_10_of_12 {width: 83.16%;}
.span_9_of_12 {width: 74.75%;}
.span_8_of_12 {width: 66.33%;}
.span_7_of_12 {width: 57.91%;}
.span_6_of_12 {width: 49.5%;}
.span_5_of_12 {width: 41.08%;}
.span_4_of_12 {width: 32.66%;}
.span_3_of_12 {width: 24%;}
.span_2_of_12 {width: 15.83%;}
.span_1_of_12 {width: 7.416%;}


hr{margin-top: 20px;margin-bottom: 20px;}
hr.dbl{border-top: 3px double #8c8b8b;}

.fa{margin-right: 8px;}

@media (max-width: 1024px) {
    .row{margin-left:10px;margin-right:10px;}
    #page-title-inner > h1{margin-left:10px;}
}

@media (max-width: 960px) {
    .row.narrow{margin-left:10px;margin-right:10px;}
    #logos{margin-left:10px;margin-right:10px;}
}

@media (max-width: 800px){
    #navmenu > li {font-size:14px;}
    #navmenu > li > a {padding: 15px 15px 15px 15px;}
}


@media (max-width: 630px) {
    #navmenu {display: none;margin-top:10px;padding:0;}
    #navmenu li{width:100%!important;background:#C5C5C5; filter:alpha(opacity=95); -moz-opacity:.95; opacity:.95;border-bottom:1px solid #67625f;}
    #navmenu li:last-of-type{margin-bottom:10px;}
    #navmenu > li{font-family:'Open Sans',sans-serif;}
    #navmenu > li > a{width:100%;border-right:none;text-align:left;padding-left:20px;padding-right:-20px;height:40px;color:#434343;}
    #navmenu ul {display:none;}
    #navmenu > li.menu-active{color: #fff; background-color: #434343;}
    #navmenu > li.menu-active a{color:#fff;}

    #mobilenav {display:inline-block;}
    #navmenu li:hover ul, #navmenu ul li:hover ul, #navmenu ul ul li:hover ul { display: none; }

    #title-bar{font-size:24px!important;}

    .col {  margin: 1% 0 1% 0%; }    
    .span_1_of_12, .span_2_of_12, .span_3_of_12, .span_4_of_12, .span_5_of_12, .span_6_of_12, .span_7_of_12, .span_8_of_12, .span_9_of_12, .span_10_of_12, .span_11_of_12, .span_12_of_12 {width: 100%;}

    #breadcrumb-inner{display:none;}

    .footerimg.NDMC{width:60px;}
    .footerimg.CALMIT{width:140px;}
    .footerimg.USGS{width:85px;}
    .footerimg.USDA{width:65px;}
    .footerimg.NASA{width:65px;}
    .footerimg.UNL{width:65px;}
    .footerimg.HPRCC{width:50px;}
    .footerimg.LDAS{width:50px;}

    /*.thirds{width:100%;}*/
    .thirds p{font-size:14px;}
}

@media (max-width: 500px){
    #title-bar{font-size:20px!important;}
}

.not-shown{display:none;}
.shown{display:block!important;}
.overtop{float:left;}