/*---------------------------------------------------------------
 * This file contains css for major layout elements of the pages,
 * such as header, banner, major_nav, minor_nav, page content, footer.
 * css for styling minor elements is in the file 'style.css'

/*---------------------------------------------------------------
 * css reset
 */

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

/*---------------------------------------------------------------
 * Body style
 */
body    {
        color: black;
        background-color: #eee;
        font-size: 100.1%;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 5px;
	font-family: Helvetica,Arial,sans-serif;
	line-height: 1.3;

}

ul {
	margin: 0.3em 1.0em 1.0em 2.0em;
	background-color: transparent;
}

ul li {
	margin: 0em 0em 0em 1.5em;
	/* padding: 0.1em 0.2em 0.2em 0.1em; */
        padding-bottom: 0.2em;
        padding-left: 0.2em;
        padding-right: 0.2em;
 	text-align: left;
	background-color: transparent;
}

/* site-wide default style for hypertext links */
a {
	text-decoration: none;
	color: #006699;
}

a:hover {
	text-decoration: underline;
}

/* site-wide default image style */
img {
/* 	display: block;  */
	border: none;
}

/*---------------------------------------------------------------
 * This div contains everything on the page, i.e. toplevel div
 */
#container {
	background-color : #ffffff;
	min-width: 72em;
	max-width: 72em;
        border: solid 1px #bbb;
        margin: auto;
}

/*---------------------------------------------------------------
/* the top horizontal section of content, containing the minor and  */
/* major headers.                                                   */
#banner {
	height: auto;
	border-bottom: solid 1px #759290;
	line-height: 1;
}

#minor_header {
	background-color: #006699;
	color: white;
	white-space: nowrap;
	font-size: 90%;
	font-weight: bold;
	padding: 0.4em 0.2em 0.3em 0.5em;
	height: auto;
	border-bottom: solid 1px #000066; 
	text-align: left;
}

#minor_header a {
	color: white;
}

/* This makes up most of the banner content. Includes the NOAA/ESRL */
/* logos and search elements.                                       */
#major_header {
	clear: both;
	height: auto;
	min-height: 85px;
	width: auto;
	background: #000066 url(../images/globe_top.png) no-repeat ;
}

#major_header img {
	clear: none;
	float: left;
	border: none;
}



/*---------------------------------------------------------------
 * Major nav, the dropdown css menu that runs horizontally across
 * at the bottom of the banner.
 * The css for the actual dropdown menu is in the file 'dropmenu.css'
 */

#major_nav {
	background-color: #8bb2b0;
        clear: both;
        height: 1.7em;
        color: #000066;
        border-top: solid 1px #759290;
}


/* For the division name inside the major nav. */
#name {
/*      display: none; */
	display: inline;
        float: left;
        text-align: left;
        width: 15em;
        height: 100%;
        background-color: transparent;
        margin: 0em;
        padding: 0em;
        white-space: nowrap;
	font-size: 95%;
}

#name h1 {
        display: inline;
        font-size: 1em;
        font-weight: bold;
        margin: 0em 0em 0em 0.4em;
        padding: 0em;
        position: relative;
        top: 0.45em;
        left: 0;
}

/*---------------------------------------------------------------*/
/* a containing div for the body and footer of the document */
/* primarily for page-layout purposes (other divs floated within it) */
#pbody {
	float: none;
	width: inherit;
	height: auto;
	border: none;
clear: both;
}

/*---------------------------------------------------------------
 * Minor nav, the left side menu navigation column */
#minor_nav {
        background: #ddd url(/img/point.gif) top right repeat-y;
        float: left;
        width: 13em; /* column width */
        height: 100%;
        padding: 0em 2px 0em 0em;
        margin: 0px 0px 5px 0px;
        color: #000066;
        border: none;
}

#minor_nav a {
        color: #000066;
}

#minor_nav a:hover {
        text-decoration: underline;
        color: #000066;
}

#minor_nav p {
        padding: 5px;
}

#minor_nav dl {
        font-weight: bold;
        font-size: 80%;
}

#minor_nav dt {
        display: block;
        padding: 1px 0px 1px 0px;
        width: 100%;
        background: #bbb;
        border: none;
        text-align: center;
}

#minor_nav dt a {
        display: block;
        padding: 2px 0px 2px 0px;
        width: 100%;
}

#minor_nav dd {
        font-weight: normal;
        margin: 0em 0.5em 1.0em 0.5em;
        padding: 0.3em;
        border: none;
        background: inherit;
}

#minor_nav ul {
        list-style: none;
margin-left: 0;
}

#minor_nav dd ul {
	list-style: none;
        margin: 0em 0em 0em 0.3em;
        padding: 0em 0em 0em 0em;
}

#minor_nav ul li {
        margin: 0em;
        padding: 0em;
}

#minor_nav img {
	border: 1px solid #555;
}


/*---------------------------------------------------------------
 * The search box inside the banner
/* fixed FF problem with search box overlapping content div */
#search {
        clear: none;
        float: right;
	padding:5px 50px 5px 5px;
        width: 13em;
        font-weight: bold;
        font-size: 80%;
        color: white;
        white-space: nowrap;
}

#search a {
        color: white;
}

#search input {
        font-size: 80%;
}


/*---------------------------------------------------------------
/* a div for the actual page content!                       */
/* note that the left margin is set to be the same width as */
/* the minor_nav left column. this allows us to create the  */
/* column effect.                                           */
#content {
	/*padding: 1em 0em 0em 2em;*/
	padding: 1em 0em 0em 1em;
	border-top: solid 1px white;     /* borders force correct height on */
	border-bottom: solid 1px white;  /* some browsers */
	border-left: solid 13em #ddd;
	background: white url(/img/point.gif) top left repeat-y; 
	/*margin-right: 20px;*/
	margin-right: 1em;
	color: #2a2a2a;
}

/* default styling for paragraphs within the page content div */
#content p {
	margin: 0.5em 0em 0.3em 0em;
	padding: 0.5em 0.5em 0.2em 0.5em;
}

#content p.indent {
	margin: 0em 0em 0.3em 0em;
	padding: 0em 0.5em 0.2em 1.5em;
}

/* default styling for unordered lists within the page content div */
/*
#content ul {
	margin: 0.3em 1.0em 1.0em 2.0em;
	background-color: transparent;
}

#content ul li {
	margin: 0em 0em 0em 1.5em;
	padding: 0.1em 0.2em 0.2em 0.1em;
	text-align: left;
	background-color: transparent;
}
*/

#content dt {
	margin-top: 0.5em;
	font-weight: bold;
}

#content dd {
	margin-left:1em;
	margin-bottom: 0.5em;
	font-size: 90%;
}

/*---------------------------------------------------------------
 * Mimics the ESRL content div, but no spacing on left.
 * Used when there is no left side menu.
 */
#page {
	margin: 0em;
	padding: 0.5em; 
	border-top: solid 1px white;     /* borders force correct height on */
	border-bottom: solid 1px white;  /* some browsers */
	border-left: solid 1px white;
/*	background: white url(../img/point.gif) top left repeat-y; */
	background-color: #fff;
}

/*---------------------------------------------------------------
/* the page footer */
#footer {
	clear: both;
	font-size: 80%;
	background: #000066 url(/img/gradient.gif) top left repeat-y;
	color: white;
	padding: 1.0em 0.7em 0.6em 0.7em;
	margin: 0em;
	line-height: 1.3em;
	width: auto;
	height: 4em;
	border: none;
}

#footer a {
	color: white;
}

/* a div containing links to the organizations shown in the footer. */
#orgs {
	float: left;
	text-align: left;
	padding: 0em 0.2em 0em 0em;
}

/* a div containing policy-type links shown in the footer. */
#policies {
	clear: none;
	float: right;
	text-align: right;
}

/*---------------------------------------------------------------
 * Miscellaneous settings
 */
.clear {
        clear: both;
        height: 0px;
}

.clear_right {
	clear:right;
}

.clear_left {
	clear:left;
}

/* a class for navigating and presentation on text browsers */
.textvers {
        display: none;
}