/* README many of the settings used here were determined using 
   CHROME:View:Developer:Developer_Tools */

* {
   margin: 0px;
   padding: 0px;
}

.spacer{
   width: 100%;
   height: 130px;
}

.anchor{
  display: block;
  height: 120px; /*same height as header*/
  margin-top: -120px; /*same height as header*/
  visibility: hidden;
}

/* identify as Manhattan */

#main_banner {
	font-family: verdana, sans-serif;
	position: fixed;
   top:           0px;
   left:          0px;
	margin-top:    0px;
	margin-right:  0px;
	margin-bottom: 0px;
	margin-left:   0px;
	padding-top:   0px;
   text-align: center;
	width: 100%;
	height: inherit;
	background-color: #3366CC;
	z-index: 5;
}

/* Manhattan Banner */

#Manhattan_banner {
	position: relative;
        top:      0px;
        left:     0px;
	margin-top:    0px;
	margin-right:  0px;
	margin-bottom: 0px;
	margin-left:   0px;
	padding-top:   0px;
	padding-left:  10px;
   text-align: center;
	width: 100%;
	height: 40px;
	background-color: #3366CC;
	z-index: 5;
}

#Manhattan_banner table tr td {
	font-family: verdana, sans-serif;
	text-decoration: none;
   vertical-align: top;
	font-family: Times, serif;
   font-size: 20pt;
	font-weight: normal;
        color: white;
   width:100%
   height:100%
}

#Manhattan_banner p {
	text-decoration: none;
   text-align: center;
   vertical-align: center;
	font-family: Times, serif;
   font-size: 20pt;
	font-weight: normal;
   color: white;
   margin-top: 0px;
   padding-top:0px;
   padding: 0.5em;
}

#Manhattan_banner a {
	text-decoration: none;
        text-align: center;
	font-family: Times, serif;
        font-size: 18pt;
	font-weight: normal;
        color: white;
}

/* dart_menu used to choose between Manhattan or Classic */

#dart_menu {
	font-family: verdana, sans-serif;
	position: relative;
   top: 0px;
   left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
	width: 100%;
	height: 40px;
	background-color: #3366CC;
	overflow:visible;
	z-index: 5;
}

#dart_menu table tr td a {
	font-family: verdana, sans-serif;
	text-decoration: none;
	font-size: 12pt;
	color: white;
	width: 100%;
}

/* dares_banner used for the banner image ncar/image/dares */
/* OSX Utility: Digital Color Meter    can help match colors. 
   Use the 'Display Native Values' and Edit:Display Values: Hex */

#dares_banner { /*background: #A09FA9; */
	font-family: verdana, sans-serif;
   background: #9A99A7;
	position: relative;
   top: 0px;
   left: 0px;
	width: 100%;
	height: 40px;
	margin-top:    0px;
	margin-right:  0px;
	margin-bottom: 0px;
	margin-left:   0px;
	padding: 0px;
	overflow:visible;
	z-index: 5;
}

#dares_banner img{ /*background: #A09FA9; */
float: left;
}

#nsf_banner {
	margin-top: 0px;
	float: right;
	_float: right;
}

/* nav_main_wrap  used by the UCAR/NCAR/CISL etc. fixed position pull-down menu  */

#nav_main_wrap {
	font-family: verdana, sans-serif;
	background: #000 url(../images_ncar/mainnavback_thin.jpg) repeat-x;
	position: relative;
	top:  0px;
	left: 0px;
	width: 100%;
	height: 40px;
	overflow:visible;
	z-index: 15;
	_margin: -5px 0px;
	_overflow: visible;
}

/* the wrap margin top is 72px because the top two banners are each 32px tall */
/* the wrap margin bottom is 96px because the footer is about that thick */

#wrap {
	position: relative;
	top: 120px;
	/* _top: 100px;*/
	/* width: 100%; /* was 98% ? JPH */
	/* height: auto; */
   display:block
	background: #ffffff;
	/* float: left; */
	margin-top:      0px;
	margin-right:   32px;
	margin-bottom:   0px;
	margin-left:    32px;
	padding:         0px;
	padding-top:    20px;
	padding-bottom: 20px;
   overflow:auto;
}

#wrap ul {
	color: #333;
	font-size: 9pt;
	line-height: 14pt;
	margin: 6px 0px 6px 0px;
}

#wrap li {
	margin-bottom: 6px;
}

#wrap ol {
	color: #333;
	font-size: 9pt;
	line-height: 14pt;
	font-weight: normal;
	margin-top: 10px;
   margin-bottom: 10px;
   margin-right: 0px;
   margin-left: 35px;
}

#wrap ul.nobullet {
	list-style: none;
	margin: 6px 35px 3px 35px;
}

#wrap ul.nobullet li {
	margin-bottom: 13px;
}

#wrap ul.bullet {
	list-style: square;
	margin: 6px 35px 13px 35px;
}

#wrap ul.bullet li p {
	margin-bottom: 3px;
}

#wrap table th tr td {
	margin-bottom: 3px;
	line-height: 20px;
}

.wrap_image img table tbody a th tr td {
   margin-right:20px;
   margin-left:20px;
   margin-top:20px;
   margin-bottom:20px;
   padding-top:20px;
   padding-bottom:20px;
   background-size:contain;
   height:100%;
   width:100%;
}

.wrap_image a.open{
   padding-top:20px;
   padding-bottom:20px;
   height:100%;
   width:100%;
}

#dart_navigation {
	font-family: verdana, sans-serif;
   margin-top: 0px;
   float: left;
   _float: left;
	background: #000;
	position: relative;
	top:  0px;
	left: 0px;
	width: 100%;
	height: 40px;
	overflow:visible;
	z-index: 5;
   text-align:center
	_margin: -5px 0px;
	_overflow: visible;
}

#dart_navigation li, ul, a{
	font-family: verdana, sans-serif;
   padding-top: 0px
}

#dart_heading {
   margin-top: 5px;
   float: left;
   _float: left;
	background: #000;
	position: fixed;
	top: 95px;
	left: 0px;
	width: 100%;
	height: 40px;
	overflow:visible;
	z-index: 5;
	_margin: -5px 0px;
	_overflow: visible;
}
 
/* dart_body  not used by anything at this point - I think */

#dart_body{
        min-height: 100%;
        height: 100%;
        max-height: 100%;
        margin: 5px 15px 5px 15px;
        padding: 0px;
}

#dart_header{
	font-family: verdana, sans-serif;
   color: white
   background-color: black;
   clear: left;
   text-align: center;
}

/*---   drop lists  ---*/

#menubar_main {
	width: 100%;
	z-index: 3;
}

#menubar_main, #menubar_main ul {
	padding: 0px 0px;
	_padding: 0px 0px;
	margin: 0;
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
	z-index: 3;
}


#menubar_main a {
	display: block;
	_display: inline;
	text-decoration: none;
	padding: 5px 16px 0px 10px;
	font-size: 9pt;
	color: #fff;
	height: 30px;
}

#menubar_main a.triggeron {
	padding: 5px 16px 0px 10px;
	background-image: url(../images_ncar/menu_downarrow_gray.png);
	_background-image: none;
	background-repeat: no-repeat;
	background-position: right center;
	color: #f09c4e;
	font-weight: bold;
}

#menubar_main a.trigger {
	padding: 5px 16px 0px 10px;
	background-image: url(../images_ncar/menu_downarrow_gray.png);
	_background-image: none;
	background-repeat: no-repeat;
	background-position: right center;
}

#menubar_main li {
	float: left;
	width: 9em;

}

#menubar_main li ul li {
	font-size: 8pt;
	line-height: 14pt;
	float: none;
	text-align: left;
}

#menubar_main li {position: relative;}

/* hide from IE mac \*/
#menubar_main li {position: static; width: auto;}
/* end hiding from IE5 mac */

#menubar_main li ul, #menubar_main ul li  {
	min-width: 250px;
	padding: 0px;
	margin: 0px;
}

#menubar_main ul li a  {
	color: #565656;
	border-bottom: 1px dotted #91b1cd;
	height: auto;
	z-index: 3;
}

#menubar_main li ul {
	position: absolute;
	display: none;
	background-color: #6f92b0;
	border-top: 2px solid #91b1cd;
	border-right: 2px solid #2f55a2;
	border-bottom: 2px solid #2f55a2;
	border-left: 2px solid #2f55a2;
	padding: 5px 10px 5px 10px;
	background-repeat: repeat-x;
	z-index: 3;
}

#menubar_main li:hover a, #menubar_main a:focus,
#menubar_main a:active {
	color: #fff;
	background-color: #2f55a2;
}

#menubar_main li:hover ul {
	display: block;
}

/*  use this class (.dropleft) and adjust the margin-left so that drop downs on far right buttons don't scroll outside of the viewable area  */

#menubar_main li:hover ul.dropleft {  
	display: block;
	margin-left: -205px;
}

#menubar_main li:hover ul a {
	color: #fff;
	background-color: transparent;
}

#menubar_main ul a:hover {
	background-color: #2f55a2!important;
	color: #FFFFFF !important;

}


versionbar {
	background: #585756 url(../images_ncar/back.png) repeat;
	font-family: verdana, sans-serif;
	font-size: 9pt;
        height: 50px;
	line-height: 14pt;
	font-weight: normal;
	text-align: center; 
}


a {
	text-decoration: none;
	color: #0357ae;
	font-family: verdana, sans-serif;
	font-weight: normal;
}

a:hover {
	background: #cde8fb;
}

a img {
	border: 0;
	vertical-align: middle;
}
*/

/*##########   BEGIN PAGE CONTENT AREA  ############*/

.indent {
	margin-left:25px;
	margin-right:25px;
	list-style-type: disc;
	} 

/*### UNIVERSAL ORG NAV  ###*/

#search {
	width: auto;
	height: 19px;
	margin: 0px 2px 0px 0px;
	padding: 0px;
	float: right;
	border-left: 1px solid #333;
}

#search ul li {
	margin: 0px;
	padding: 0px;
}

#search ul li ul li a {
	width: 100%;
	color: #000;
	line-height: 10pt;
	margin: 0px 0px 5px 2px;
}

#button {
    background-color: #889691;
    border: 2px solid #8bbbc5;
    border-radius: 14px;
    padding: 5px 5px;
    text-align: center;
    margin: 4px 2px;
    cursor: pointer;
	 font-family: verdana, sans-serif;
    font-size: 12px;
}

#button tr td a{
	font-family: verdana, sans-serif;
   font-size: 12px;
}

.button {
	 font-family: verdana, sans-serif;
    font-size: 10px;
    background-color: #889691;
    border: 2px solid #8bbbc5;
    border-radius: 14px;
    padding: 5px 5px;
    text-align: center;
    margin: 4px 2px;
    cursor: pointer;
}

/*### Mouseover Popup Descriptions ###*/

#content {
	background: #fff;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	height: auto;
	text-align: left;
	overflow: hidden;
}

#content a span {
	display: none;
	}

#content a:hover span {
	background: #333333;
	display: block;
	position: absolute;
	width: 300px;
	padding: 10px;
	margin: 10px 0px 10px 10px;
	z-index: 100;
	color: #fff;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 2px solid #eeeeee;
	border-bottom: 4px solid #999999;
	text-align: left;
	text-decoration: none;
	}

#content img.icon {
	vertical-align: middle;
}

#content a span img {
	float: left;
	margin: 2px 2px 2px 0px;
}


/*##########   GOOGLESEARCH  ############*/

#ncarsearch {
        margin-top: 5px;
        float: left;
        _float: left;
}
 
#googlesearch {
	margin-top: 7px;
	float: right;
	_float: right;
}

#googlesearch input, submit {
	font-size: 8pt;
	_font-size: 8pt;
}

#googlesearch a {
	font-size: xx-small;
	vertical-align: middle;
	color: #FFFFFF;
}

#googlesearch input, select, submit {
	font-size: 9px;
	background-color: #FFFFFF;
	vertical-align: middle;
}


#googlesearch p.datetime {
	margin: 2px 10px 0px 0px; 
	color: #94671a; 
	text-align: right; 
	font-weight: bold;
}

.block-google-cse {
   position:relative;
   right:0;
   bottom:0px;
   width:167px;
   height:28px;
}

.logged-in 

#header-wrap .block-search, .logged-in 
#header-wrap .block-google-cse{
   margin-top:56px;
}

.block-search .content, .block-google-cse .content{padding:0;margin:0;}
.block-search form, .block-google-cse form{width:167px;height:28px;margin:0;}
.block-search input.form-text, .block-google-cse input.form-text{
    border:0;
    display:block;float:left;height:18px;
    margin:0;
    width:109px;
    font-family:"UbuntuBold";
    font-size:12px;
    color:#333333;
    padding:5px;
}

.block-search input.form-submit,.block-google-cse input.form-submit{
   height:28px;
   width:48px;
   float:right;padding:0;
   background-color:#FE9900;
   color:#FFFFFF;
   font-size:11px;
   font-weight:bold;border:none;}


/*#######   PAGE FOOTER  #######*/

#footer {
	position: relative;
        bottom: -110px;
        left: 0px;
	background-color: #f0ac6d;
	width: 100%;
	height: auto;
	float: left;
	clear: both;
	padding: 0px;
	border-top: 1px solid #809280;
   margin-right=0px
   padding=0px
	text-align: center;
}

#footer p {
	font-size: 8pt;
	line-height: 10pt;
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
}

#footer a {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 100%;
	color: #4c4b4c;
}


.center {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.center_border {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #000;
}

.textorange {
	color: #ad4a28;
	font-weight: bold;
}

.textgreen {
	color: #688240;
	font-weight: bold;
}

.textblue {
	color: #6b8fd8;
	font-weight: bold;
}

.textbold {
	font-weight: bold;
}

.clear {
	width: 100%;
	clear: both;
	margin: 0;
}

.hide {display:none;}

/* example dropdown navbar click from www.w3schools.com/howto/tryit.asp?filename=tryhow_css_dropdown_navbar_click */

.container {
    overflow: hidden;
    background-color: #333;
    font-family: Arial;
}

.container a {
    float: left;
    font-size: 16px;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

.dropdown {
    float: left;
    overflow: hidden;
}

.dropdown .dropbtn {
    cursor: pointer;
    font-size: 16px;    
    border: none;
    outline: none;
    color: white;
    padding: 14px 16px;
    background-color: inherit;
}

.container a:hover, .dropdown:hover .dropbtn {
    background-color: red;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown-content a {
    float: none;
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
}

.dropdown-content a:hover {
    background-color: #ddd;
}

.show {
    display: block;
}

.mybc {
  margin-top:0;
  padding-top:0'
}