﻿/*
YUI 3.4.1 (build 4118)
Copyright 2011 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif}table{font-size:inherit;font:100%}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%}

html
{
    overflow-y:scroll;
    margin:0;
    padding:0;
}
body
{
    margin:0;  
    padding:0;
}
#header
{
    border:none;
	width: 100%;
    padding: 0px 0 0 0;
    margin: 0;
    font-size: 90%;
}
#gnltopnav{
	margin: 0 auto;
    padding: 0px 0;
    height: 100px;
}
#gnltopnav ul{
	margin: 0;
    padding: 6px 25px 4px 25px;
    list-style: none;
    text-align: right;
    height: 90px;
    background: url(../images/red/gnltopul.gif) repeat-x;
}
#gnltopnav ul li{
	background: none;
    display: inline;
    margin: 0 5px;
    padding: 0;
    line-height: 16px;
}
#gnltopnav ul li a {
    color: #000000;
    text-decoration: none;
}

#gnllogo{
    position:absolute;
	left: 70px;
    height: 85px;
    width: 150px;
	top: 80px;
}
.hidden{
	display:none;
}
#govlogo{
	float:left;
}
.searchbox {
	float:right; 
	margin: 0 5px 0 5px; 
	width:300px;
	padding-top:5px;
}

#sitename
{
    /*background:transparent url(../Images/headerimg.jpg) no-repeat right top;*/
    height:86px;
    /*margin-top:28px;   */
}

#deptname
{
    font-family: 'Lato',"Franklin Gothic Medium","Arial Narrow",Arial, sans-serif;
    color:#75787B;
    font-size:19pt;   
    font-weight:bold;
    /*margin:0 0 0 43px;*/
	left:270px;
    padding-top:15px;
	position:absolute;
	
}
#agencyname
{
    font-family: 'Lato',"Franklin Gothic Medium","Arial Narrow",Arial, sans-serif;
    color:#75787B;
    font-size:14pt;   
    font-weight:bold; 
    margin:0 0 0 43px;   
}

#topmenu
{
    position:absolute;
    margin:0;
    right:7px;
    top:7px;
    list-style-type:none;
}
#topmenu li
{
    display:inline;
    margin:0 5px;   
}
#topmenu a
{
    color:#000000;   
}

#wrapper
{
    font-size:1.1em;
    font-family:Verdana,Arial;
    border-top:1px solid #eee;
    position:relative;
    min-height:500px;
}

#menudiv
{
	/*font-size:1.2em;*/
	display:block;
    width:230px;
    /*background:#005596;  */
	background-color:#cfcfcf;
	color: #000;
    position:absolute;
    top:0;
    left:25px; 
    /*height:100%;*/
}
#mainmenu
{
    list-style-type:none;
    margin:0;
    padding:0;   
}
#mainmenu a
{
    color:#000;
	/*background-color:#c0c0c0;*/
	background-color:#cfcfcf;
    font-size:1em;
    text-decoration:none;
    display:block;
    padding:5px 0 5px 15px;
}
#mainmenu a:hover
{   
   /* background: #7DA8CA url(../images/gnlbulletlight.gif) no-repeat left; */
   background: #a1a1a1 url(../Images/gnlbulletdark.gif) no-repeat left !important; /* RIGHT ANGLE QUOTE BULLET ICON */
}

#mainmenu a.current{
    background: transparent url(../Images/gnlbulletdark.gif) no-repeat left !important;
	background-color: #c0c0c0 !important;
	font-weight: bold;
    color: #000;
}
#mainmenu a.homecurrent{
	background: transparent url(../images/gnlbulletdark.gif) no-repeat right !important;
	background-color: #f4bca6 !important;
    border-bottom: 1px #EE2E24 solid !important;
	font-weight: bold;
    color: #000;
}

div.menuspacer{
	height:12px;
	background-color:#EE2E24;
}

#content
{
    margin:0 25px 0 255px;  
    padding:10px;
	min-height:600px;
	border-right:1px solid #eee;
}

.agencyintro{
	/*font-size:1.2em;*/
}

ul.nlsalist{
	list-style-image: url('/NLSA/Images/bl-square.gif');
}

#qllbl
{   
    color:#000;
    font-weight:bold;
    font-size:1.20em;
	font-family:Arial,Verdana;
    padding:0 0 0 4px;
	background: #A1A1A1
    /*margin:10px 0 0 0;*/
    /*border-top:1px dashed #aaa;*/
}
#quicklinks
{
    list-style-type:none;
    /*margin:0 0 0 10px;*/
	margin:0;
    padding:0; 
	background-color:#cfcfcf;	
}
#quicklinks li
{	
    color:#000;  
	 /*margin:3px 0;  */
	background: #cfcfcf url(../images/gnlbulletdark.gif) no-repeat left center;
    list-style: none;
    /*margin: 0em 0 0em -5px;*/
    /*padding: 1px 0 1px 1.25em;*/
	padding:5px 0 5px 15px;
}
#quicklinks a
{
    color:#000;
	decoration:none;
}

#internal
{   
    color:#000;
    font-weight:bold;
    font-size:1.20em;
	font-family:Arial,Verdana;
    padding:0 0 0 4px;
	background: #A1A1A1;
}
#internallinks
{
    list-style-type:none;
    margin:0 0 0 10px;
    padding:0;   
}
#internallinks li
{
    margin:3px 0;   
}
#internallinks a
{
    color:#000;   
}

#menunotice
{
    margin:10px;
     padding:5px;
     background:#ffff66;  
     font-size:8pt;
     border:1px solid #fff;
}
#menunotice .title
{
    font-size:12pt;
    text-decoration:underline;
    text-align:center;   
}

.bread
{
    display:block;
    margin:-5px 0 0 0;
    font-size:7pt;   
}
.bread .root{
	color:#5473A2;
}
.bread .sep
{
    background:transparent url(../images/gnlbullet.gif) no-repeat center center;   
    padding:5px 6px;
    margin:0 3px;
    display:inline-block;
    line-height:1.5;
    height:0;
    width:0;
}
.bread .cur
{
    color:Navy;
}
.bread a,
.bread
{
    font-family:Verdana,Arial,Helvetica,sans-serif;
    text-decoration:none;
    color:#E2652B;
    line-height:1.5;
	font-weight:bold;
}
.bread a:hover
{
    color:#555;   
    text-decoration:underline;
}

#footer
{
    background:#ddd;  
    color:Black;
    font-size:8pt;   
    font-family:Verdana,Arial,Helvetica,sans-serif;  
    padding:5px;   
}
#footer ul
{
    list-style-type:none;
    margin:0 0 0 200px;   
}
#footer li
{
    display:inline;
    margin:0 10px;   
}
#footer a
{
    color:Black;
    font-size:8pt;   
    font-family:Verdana,Arial,Helvetica,sans-serif;
}
#footer p
{
    margin:10px 20px 0 250px;   
}


a
{
    color: #3770a9;
    background: transparent;
}
a:hover
{
    color: #000066;
}
h1, h2, h3, h4
{
    margin: 0.5em 0;
    font-family: 'Lato',Verdana,Arial,Helvetica,sans-serif;
    line-height: 1.1;
}

h3
{
    text-decoration: underline;
}
h4
{
	color:#000066;
}
h4.medium {
    font-size:10pt;
}
h4.large {
    font-size:12pt;
}
p
{
    margin-left: 10px;
}

.styleNewRegText
{
    color: #333333;
    font-size: medium;
    font-family: Arial;
}

.quoteText
	{
	font-style:italic;
	padding-left:1em;
}
.map
{
	background:url('../Images/map-icon.png');
	display:inline-block;
	margin-bottom:-3px;
	width:16px;
	height:16px;
}
.pdf
{
	/*background:url('/Images/pdf.png') center right no-repeat;
	padding-right:20px;*/
}
.vis
{
	background:url('../Images/map-icon.png') center right no-repeat;
	padding-right:20px;
}
.dv
{
/*	background:url('/Images/map-icon.png') center right no-repeat;
	padding-right:20px;
*/
	cursor:pointer;
	text-decoration:underline;
}
.external
{
	background: url('../Images/external.png') center right no-repeat;
    padding-right: 13px;
}
.analysis{
	/*background: url('/Images/Analysis_Blue.jpg');
	display:inline-block;
	margin-left:3px;
	margin-bottom:-3px;*/
}
.graph{
	/*
	background: url('/Images/Graph_Blue.jpg');
	display:inline-block;
	width:33px;
	height:13px;
	margin-left:3px;
	margin-bottom:-3px;
	*/
}
.note{
	font-weight:bold;
	font-style:italic;
	font-size:x-small;
}
.statsBtn {
	-moz-box-shadow:inset 0px 1px 0px 0px #97c4fe;
	-webkit-box-shadow:inset 0px 1px 0px 0px #97c4fe;
	box-shadow:inset 0px 1px 0px 0px #97c4fe;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #3d94f6), color-stop(1, #1e62d0) );
	background:-moz-linear-gradient( center top, #3d94f6 5%, #1e62d0 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#1e62d0');
	background-color:#3d94f6;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #337fed;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:14px;
	font-weight:bold;
	padding:6px 15px;
	text-decoration:none;
	text-shadow:1px 1px 0px #1570cd;
	margin:1px;
	cursor:pointer;
}.statsBtn:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1e62d0), color-stop(1, #3d94f6) );
	background:-moz-linear-gradient( center top, #1e62d0 5%, #3d94f6 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e62d0', endColorstr='#3d94f6');
	background-color:#1e62d0;
}.statsBtn:active {
	position:relative;
	top:1px;
}

.iconBtn {
	-moz-box-shadow:inset 0px 1px 0px 0px #97c4fe;
	-webkit-box-shadow:inset 0px 1px 0px 0px #97c4fe;
	box-shadow:inset 0px 1px 0px 0px #97c4fe;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #3d94f6), color-stop(1, #1e62d0) );
	background:-moz-linear-gradient( center top, #3d94f6 5%, #1e62d0 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#1e62d0');
	background-color:#3d94f6;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #337fed;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:14px;
	font-weight:normal;
	padding:4px 8px;
	text-decoration:none;
	text-shadow:1px 1px 0px #1570cd;
	margin:1px;
	cursor:help;
}.iconBtn:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1e62d0), color-stop(1, #3d94f6) );
	background:-moz-linear-gradient( center top, #1e62d0 5%, #3d94f6 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e62d0', endColorstr='#3d94f6');
	background-color:#1e62d0;
}.iconBtn:active {
	position:relative;
	top:1px;
}

#optdialog{
	display:none;
	text-align:center;
}
.optbtn{
	padding:5px;
}

.legendBox
{
	width:80%;
}
.legendContainer
{
    float: left;
	width:90%;
}
.legendBox h4{
	margin-left:0.5em;
}

/*	LISTS	*/
.nsaList{
	padding:0;
	margin:0;
}

.nsaList li
{
	background-position: 0 .4em;
	padding-left: 1.5em;
	padding-top: .4em;
	margin-left:2em;
	list-style:none;
    background-image:url('../Images/pk-circle.gif') ;
	background-repeat: no-repeat;
}

.nsaList li ul li
{
	background-position: 0 .4em;
	
	padding-top: .4em;
	
	list-style:none;
    background-image:url('../Images/pk-square.gif') ;
	background-repeat: no-repeat;
}
.nsaList li ul.arrow li
{
	background-position: 0 .4em;
	padding-left: 1.5em;
	padding-top: .4em;
	margin-left:2em;
	list-style:none;
    background-image:url('../Images/pk-arrow.gif') ;
	background-repeat: no-repeat;
}

.pdfItem{
    list-style-type:none !important;
    list-style-image:none !important;
	background-image:url('../Images/pdf.png') !important;
	background-repeat:no-repeat !important;
}
.visualizationItem{
    list-style-type:none !important;
    list-style-image:none !important;
	background-image:url('../Images/map-icon.png') !important;
	background-repeat:no-repeat !important;
}
.externalItem{
    list-style-type:none !important;
	background-image:url('../Images/external.png') !important;
	padding-right: .25em;
	background-repeat: no-repeat;
	}
.accordItem{
    list-style-type:none !important;
    list-style-image:none !important;
	background-image:url('../Images/add.png') !important;
	background-repeat:no-repeat !important;
}
#legendList{
	padding:0;
	margin:0;
}

#legendList li
{
	background-repeat: no-repeat;
	background-position: 0 .4em;
	padding-left: 1.5em;
	padding-top: .4em;
	margin-left:2em;
	list-style:none;
	background-repeat: no-repeat;}

.prefList {
	margin:0;
	padding:0;
}
.prefList li{
	list-style:none;
	margin:0;
	padding:0;
}

.subListing div{
	display:none;
}

/*Style 'show menu' label button and hide it by default*/
.show-menu {
	color: #fff;
	/*background: #005596;*/
	background-color:#EE2E24;
	text-align: center;
	padding: 10px 0;
	display: none;
	cursor:pointer;
	font-size:12pt;
}
.show-menu:hover {
  /*background: #7DA8CA;*/
  /*background-color:#e84f47;*/
  text-decoration: none;
}

/*Hide checkbox*/
input[type=checkbox]#menubutton{
    display: none;
}

/*Show menu when invisible checkbox is checked*/
input[type=checkbox]#menubutton:checked ~ #menudiv{
    display: block;
}

@media screen and (max-width: 820px) {
	#swish{
		width:100%;
	}
  
	.show-menu {
		display:block;
	}
  
	#menudiv{
		display:none;
		width:100%;
		position:relative;
		left:0;
		text-align: center;
	}
	#menudiv a{
		padding: 5px 0 5px 0px;
	}

	#content{
		margin-left:0px;
		margin-right:0px;
		border-left:1px solid #eee;
	}

	#footer ul, #footer li, #footer p{
		margin-left:0px;
		padding:0px;
	}

}

@media screen and (max-width: 750px) {
	 #sitename{
		background:none;
	  }
}

@media screen and (max-width: 680px){
	body{
		width:100%;
	}
	#header{
		height:200px;
	}
	#gnltopnav{
		height:200px;
	}
	#gnltopnav ul{
		text-align:left;
		border-bottom: 15px solid #EE2E24;
		background-image:none;
		background-color:#f0f0f0;
	}
	#gnltopnav ul li{
		display:inline-block;
	}
	div.searchbox{
		width:100%;
		padding:0;
	}
	span.break{
		display:block;
	}
	#deptname{
		position: absolute;
		top:130px;
	}
	#gnllogo{
		top:120px;
	}
}

@media screen and (max-width: 575px){
	#topmenu{
		width:100%;
		
	}
	#topmenuwrapper{
		padding:10px;
	}
	#sitename{
		padding-top:10px;
	}
}

@media screen and (min-width: 420px) and (max-width: 575px){
	#wrapper{
		margin-top:20px;
	}
}

@media screen and (max-width: 420px){
	#wrapper{
		margin-top:30px;
	}
}

@media screen and (max-width: 360px){
	#gnllogo{
		left:0;
	}
	#deptname{
		left:150px;
	}
	#gnltopnav ul{
		padding:0;
	}
}