/* CSS Document */

body {
	font-family: arial, helvetica, verdana, sans-serif;
	text-align: center;  /* needed to center the container in IE5.x because it doesn't like 'margin: 0 auto' */
	font-size: 76%; /* minimum = 76% | maximim = 100% : initially set to percentage so that ems work without producing miniscule text in IE */
	color: #000;
	margin: 0;
	padding: 0;
}

html, body { height: 100% }

/* -- Containers -- */

#wrapper1, #wrapper2 {
	width: 100%;
	text-align: left; /* resets the text alignment */
	margin: 0;
	background: #ffffff;
}

#wrapper1 {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin-bottom: -1.75em; /* the bottom margin is the negative value of the footer's (wrapper2) height */
	min-width: 760px; /* Try to constrain the width of the design */
}
* html #wrapper1 {width: expression(document.body.clientWidth < 762? "760px" : "auto");
} 
#start #wrapper1 { background-color: #fff6dd; }

#wrapper2, #push {
	height: 1.75em; background-color:#00000; /* push must be the same height as wrapper2 */
}

#wrapper2 { background-color: #000000; }
#footer {
	color: #ffffff;
	background-color: #000000;
	text-align: center;
	font-size:10px;
}

#header {
	background: #000 url("../images/hdr_tile.gif") repeat-x;
	height: 71px;
}

body.unit #menu { min-height: 3em; margin-bottom: 3em; }
body.general #menu { min-height: 3em; margin-bottom: 2em; }
* html #menu { height: 3em; overflow: visible; } /* simulate min-height for IE6 and Earlier */

#pagebody_a {
	margin: 0;
	padding: 2em;
	min-height: 520px;
	background-image : url(../../images/wm_level1.jpg);
	background-position : top right;
	background-repeat : no-repeat;
}
* html #pagebody_a { height: 520px; overflow: visible; }

#pagebody_b { 
	padding: 2em; 
	min-height: 520px;
	background-image : url(../../images/wm_level2.jpg);
	background-position : top right;
	background-repeat : no-repeat;
}
* html #pagebody_b { height: 520px; overflow: visible; }

#pagebody_c { 
	padding: 2em; 
	min-height: 520px;
	background-image : url(../../images/wm_level3.jpg);
	background-position : top right;
	background-repeat : no-repeat;
}
* html #pagebody_c { height: 520px; overflow: visible; }

#pagebody_fun { 
	padding: 2em; 
	min-height: 520px;
	background-image : url(../../images/wm_level4.jpg);
	background-position : top right;
	background-repeat : no-repeat;
}
* html #pagebody_fun { height: 520px; overflow: visible; }

#start #pagebody { text-align: center; }

#main {
	float: left;
}

#start #main { text-align: center; width: 100%; }

#col3 #main { 
	/*width: 31em !important;
	width : 35em;*/
	padding: 0 2em;
	width: 50%;
}
#col2 #main {        
	/*width: 55em !important;
	width : 57em;*/
	width: 70%;
	padding: 0 0 0 2em;
}
#col1 #main {
	/*width: 80em !important;
	width : 80em;*/
	width: 100%;
	padding: 0;
}
#side {
	float: left;
	/*width: 18em;*/
	width: 20%;
}
#xtra {
	float: right;
	/*width: 16em;*/
	width: 20%;
}

#footer hr { display: none; }

/* -- Text -- */

p { line-height: 1.5em; }

/* -- Headings -- */

h1 { 
	margin: 0 0 -.25em 0; 
	padding: 0 0 0 6px;
	text-transform: uppercase;
	font-family: "Franklin Gothic Demi", arial, helvetica, verdana, sans-serif;
}
h1 a { color: #000; text-decoration: none; }
h1 a:hover { color: #000; }
body.popup h1 { color: #000; }
body.popup p { line-height: 1.4em; }
h2 { 
	display: block;
	float: right; 
	font-size: 1.5em;
	margin: .75em 0; /*Default Margin for H2*/
	padding-right: .55em;
}
h2.lvla { color: #f58025; } /* Orange */
h2.lvlb { color: #0076bf; } /* Blue */
h2.lvlc { color: #78a22e; } /* Lime */
h2.lvlfun { color: rgb(195,33,40); } /* Red */

 #start h1 {
	width: auto;
	background-color: #FFFFFF;
}

#start h2 {
	font-size: 1.25em;
	color: #000000;
	padding-top: 1em;
	padding-right: 0;
	padding-bottom: 1em;
	float: none;

}
#start h3 {
	margin: 1em 0.67em 0;
	padding-top: 4em;
	font-size: 2em;
	color: #0A98BC; 
	text-transform: uppercase;
}
body.help h2 {
	display: block;
	float: none; 
	font-size: 1.5em;
	margin: .75em 0; /*Default Margin for H2*/
	padding: 0;
}
body.unit h3 { 
	font-size: 1em;
	/*margin: 1.12em 0;  Default Margin for H4 */
	margin-top: 1.17em;
	margin-bottom: 0;
	padding-top: 1em;
	color: #000000; 
	/*font-size: 1.25em;*/
}
body.general h3 {
	font-size: 1.17em;
	color: #b74604;
	margin: .83em 0; /* Default Margin for H3 */
	margin-top: 0;
}
body.unit h4 {
	/*margin: .83em 0;  Default Margin for H3 */
	margin-top: -2.84em; /* H3 Font Size + H3 Top & Bottom Margins + H3 Top Padding */
	margin-bottom: 3.17em; /* H3 Font Size + H3 Top & Bottom Margins + H3 Top Padding -- Add extra ems if needed */
	font-size: 1.17em;
	color: #b74604;
}

h5 { 
	font-size: 1em;
	/*margin: 1.5em 0; Default Margin*/ 
	margin: .35em 0; 
}


/* -- Hyperlinks -- */

a { 
	color: #006986;
	text-decoration: none; 
}
a:hover { 
	color: #993300;
	text-decoration: underline; 
}

a img { border: none; }

/* -- Classes -- */

.pageNum { 
	display: block; 
	float: left; 
	width: 3.5em; 
	text-align: left; 
	color: #993300; 
	font-weight: normal;
	font-size: .8em;
}
.language{ padding: .5em 0 .5em 0; }
.filesize, .filetype { font-size: .85em; color: #999; }
.clear-all { clear: both; line-height: 0; }
.hidden { display: none; }
.logo-ng { float: right; } /* National Geographic Logo */
.logo-hb { margin-left: -2px; margin-top: 17px; float: left; } /* Hampton-Brown Edge Logo */
/* Commented Backslash Hack hides rule from IE5-Mac \*/
.logo-hb { margin-left: 0; }
/* End IE5-Mac hack */


/* -- Tables -- */
/*
table {
	margin: 2em auto;
}

td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	color: #FFD200;
	font-weight: bold;
	text-align: left;
	padding: 0 1em;
	width: 196px;;
}

td a {
	text-decoration: none;
	color: #FFD200;
}
*/

/* -- Lists -- */

ul { 
	margin: 0;
	padding-top: 0;
	padding-right: 0;   
	padding-bottom: 2em;
	padding-left: 0; 
}

* html #main.eq ul { padding-left: 4.5em; } /* hack for IE6 and Earlier */

/* Commented Backslash Hack hides rule from IE5-Mac \*/
ul { padding-left: 1.25em; }
#main.eq ul { padding-left: 4.15em; }
/* End IE5-Mac hack */

ul li { padding: .35em .25em; list-style-type: disc; }

#xtra dl { 
	margin: 0; 
	padding: .25em; 
	float: right;
	border-width: 9px 1px 1px 1px; 
	border-style: solid; 
	border-color: #0a98bc;
	width: auto;
}

#xtra dt {
	margin: 0;
	padding: .35em;
	font-weight: bold;
	border-bottom: 1px solid #0a98bc;
	text-transform: uppercase;
}

#xtra dd {
	margin: 0;
	padding: .35em;
}


#start ul.levels {
	font-size: 1.5em;
	color: #FFD200;
	font-weight: bold;
	padding: 0;
	margin: 2em auto;
	width: 708px;;
}

ul.levels li { 
	float: left;
	margin: 0;
    padding: 0 20px;
	list-style-type: none;
	text-align: left;
	width: 130px;
}

ul.levels a { color: #FFD200; }
ul.levels a:hover { color: #FFD200; text-decoration: none; background-color: #fff6dd; }
/*ul.levels img{ border: 2px solid #fff6dd; float: left; }*/
/*ul.levels a:hover img { border: 2px solid #666666; ; }*/


/* -- Global Navigation -- */
/* -- Unit Resources & General Resources tabs -- */

#globalnav {
	float: left;
	position: relative;
	width: 100%;
	height: auto;
	margin: -2.5em 0 0 0;
	padding: 0;
	font-weight: bold;
	background: url("../images/bkg_menu.gif") repeat-x bottom left;
	
}

* html #globalnav { padding-left: 2em; margin-right: -1em; width: 98%; } /* hack for IE6 and Earlier */

#globalnav li { 
	float: left;
	margin: 0;
    padding: 0 0 0 .5em;
	list-style-type: none;
}

#globalnav li:first-child { padding-left: 2em; }

#globalnav li a {
	position: relative;
	width: 12em;
	display: block;
	margin: 0;
	padding: 0 0 0 10px; /* The right padding = width of background image. */
	background: url("../images/tab2_lt_both.gif") no-repeat left top;
	border-bottom: 1px solid #426a74;
	text-decoration: none;
	text-align: center;
}
#globalnav li a span {
	display: block;
	background: url("../images/tab2_rt_both.gif") no-repeat right top;
	padding: .5em 1em .5em .25em;
	color: #283651;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#globalnav li a span { float: none; }
/* End IE5-Mac hack */

#globalnav li.active a {
	background-position: 0 -150px;
	border-bottom: none;     
}

#globalnav li.active a span {
	background-position: 100% -150px;
	padding-bottom: .5em;
	border-bottom: 1px solid #dbeef5;
}

#globalnav li.active a:hover { background-position: 0% -150px; }
#globalnav li.active a:hover span { background-position: 100% -150px; color: #069AB4; }
#globalnav li.active a span { color: #069AB4; }
#globalnav li a:hover { background-position: 0% 0; }
#globalnav li a:hover span { background-position: 100% 0; color: #000033; }

/* -- Subavigation (Units) -- */

#globalnav ul#globalsubnav {
	display: block;
	position: absolute;
	width: 100%;
	left: 0;
	top: auto;
	margin: 0;
	padding: 1em 2em 0 0;
	list-style: none;
	background: #dbeef5 url("../images/bkg_menu_tabs.gif") repeat-x bottom;
}

* html #globalnav ul#globalsubnav { padding-left: 2.3em; } /* hack for IE6 and Earlier */

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#globalnav ul#globalsubnav { padding-right: 0; }
/* End IE5-Mac hack */



#globalnav ul#globalsubnav li { 
	display: block;
	width: auto;
	margin: 0;
	padding-left: .25em;
}

#globalnav ul#globalsubnav li:first-child { padding-left: 2em; }


#globalnav ul#globalsubnav li a {
	width: 5em;
	background: url("../images/tab_lt_both.gif") no-repeat left top;
	margin: 0;
	padding: 0 0 0 10px; /* The right padding = width of background image. */
	border-bottom: 1px solid #8d8d8d;
	text-decoration: none;
}
#globalnav ul#globalsubnav li a span {
	display: block;
	background: url("../images/tab_rt_both.gif") no-repeat right top;
	padding: .5em 1em .5em .25em;
	margin-bottom: -1px;
	border-bottom: 1px solid #8d8d8d;
	color: #666;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#globalnav ul#globalsubnav li a span { float: none; }
/* End IE5-Mac hack */

#globalnav ul#globalsubnav li.active a {
	background-position: 0 -100px;
	border-bottom: 1px solid #ffffff;
    color: #069AB4;
}

#globalnav ul#globalsubnav li.active a span {
	background-position: 100% -100px;
	padding-bottom: .5em;
	margin-bottom: -1px;
	border-bottom: 1px solid #ffffff;
}

#globalnav ul#globalsubnav li.active a:hover { background-position: 0% -100px; }
#globalnav ul#globalsubnav li.active a:hover span { background-position: 100% -100px; color: #069AB4; }
#globalnav ul#globalsubnav li.active a span { color: #069AB4; }
#globalnav ul#globalsubnav li a:hover { background-position: 0% 0; }
#globalnav ul#globalsubnav li a:hover span { background-position: 100% 0; color: #000033; }

/* -- Secondary & Tertiary Navigation -- */

#navlist {
	padding: .25em .5em;
	margin: 0;
	border-width: 9px 1px 1px 1px; 
	border-style: solid; 
	border-color: #0a98bc;
	width: auto;
	background-color: #fffced;
	font-weight: bold;
}

#navlist li {
	list-style: none;
	margin: 0;
}

#navlist li.first-child{padding-left: 1em;}
#navlist li.active, #subnavlist li.active { color: #079abb; }
#navlist li a { color: #666666; }
#navlist li a:hover { 
	color: #000000; 
	text-decoration: none; 
}
/*Hack for IE 6.0*/
* html #navlist li.first-child {padding-top: 1%; padding-bottom: 0;}
ul#subnavlist {
	margin: 0;
	padding: .25em .5em;
	border: 1px solid #999896;
	background-color: #ffffff;
	font-weight: normal;
	color: #000000;
}

/* -- Header and Footer Lists -- */


#header ul, #footer ul {
	list-style: none;
	padding: .25em 0;
	margin: 0;
	color: #fff;
}

#header ul {
	padding-top: 45px;
	padding-bottom: 0;
	margin-right: -118px;
	font-weight: bold;
	font-size: 12px;
	clear: right;
	float: right;
	text-align: right;
}
* html #header ul { margin-right: -1px; } /* hack for IE6 and Earlier */
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#header ul { 
	margin-right: 0;
	padding-top: 34px; 
}
/* End IE5-Mac hack */

#header li, #footer li {
	display: inline;
	padding: 0;
	margin: 0;
	border-left: 0; 
	padding: 0 0.4em 0 0.4em;
	margin: 0 0.4em 0 -0.4em;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#header li, #footer li { border-left: 1px solid #ffffff; }
/* End IE5-Mac hack */

#header li:first-child, #footer li:first-child { border-left: 0; }

/*
#header li:before, #footer li:before { content: "| "; }
#header li:first-child:before, #footer li:first-child:before { content: ""; }
*/

#header li a, #footer li a { color: #ffffff; }
#header li a:hover, #footer li a:hover { color: #ffffff; }

/*Win IE browsers - hide from Mac IE\*/
* html #header ul { height: 1%; }
* html #footer ul { height: 1%; margin-left: 28%; }

* html #header li {
	display: block;
	float: left;
}

* html #footer li {
	display: block;
	float: left;
	/*display: inline;*/
}
/*added petrino 9/30/2007 */
#admin_head {
	font-weight: bold;
	font-size: 18px;
	text-decoration: underline; 
}