* { margin: 0; padding: 0; }
body {
	text-align: center;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	background: url(../images/gradient-bg.jpg) repeat-x 0 0;
	padding: 0;
	color: #fff;
}
img, fieldset { border: none; }
abbr[title] { cursor: help; }
input, select, label, a img { vertical-align: middle; }

a { text-decoration: underline; color: #783333; outline: none; -moz-outline-style: none;}
a:hover { text-decoration: none; color: #783333; }

hr {
	color: #6f6f6f;
	background: #6f6f6f;
	height: 1px;
	border: none;
}

p {
	font-size: 1em;
	color: #000;
	line-height: 1.4;
	margin: 12px 0;
}
#content ul, #content ol {
	font-size: 12px;
	color: #666;
	line-height: 1.4;
	margin: 12px 0 12px 25px;
}
#content h3 {
	color: #666;
	font-size: 18px;
	line-height: 1.3;
	margin: 30px 0 12px;
	font-weight: bold;
}
#content h4, #content h5 {
	color: #666;
	font-size: 14px;
	line-height: 1.3;
	margin: 12px 0;
	font-weight: normal;
}
.redText {
	color:#b80000;
}
table, fieldset, label {
	font-size: 12px;
	color: #666;
	line-height: 1.3;
}
/*table { margin: 0 0 12px; }*/
.ngcForm th {
	font-weight: normal;
	text-align: right;
	padding: 3px 5px 3px 0;
	vertical-align: middle;
	width: 130px;
}
.ngcForm td {
	padding: 3px 0;
	vertical-align: middle;
}
fieldset { margin: 0 0 7px; }
input, select {
	color: #666;
	font-size: 12px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

#pageWrapper {
	width: 1030px;
	padding:10px 27px 0 27px;
	w\idth:976px;
	margin: 0 auto;
	text-align: left;
	position: relative;
	background: url(../images/spirograph-bg.jpg) 0 0 no-repeat;
}

/*=text/lang nav
-----------------*/
#toggleNav {
	float:left;
	width:200px;
	height:20px;
	margin-left:8px;
	position:relative;
}
#textLangNav {
	position:absolute;
	bottom:0;
	left:0;
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #fff;
}
#textLangNav li {
	display: inline;
	padding-left: 7px;
}
#textLangNav li a {
	color: #fff;
	text-decoration: none;
	padding-right: 7px;
}
#textLangNav li a:hover { text-decoration: underline; }

/*=global navigation
--------------------*/
#globalNav {
	width: 494px;
	height: 24px;
	margin-right: 2px;
	float:right;
}
#globalNav ul {
	width: 494px;
	height: 24px;
	list-style: none;
	font-size: 11px;
	position:relative;
}
#globalNav li {
	position: absolute;
	top: 0;
	height: 24px;
}
#globalNav li a {
	text-indent: -9999px;
	display: block;
	text-decoration: none;
	height: 24px;
	background-image: url(../images/global_nav.gif);
	background-repeat: no-repeat;
}
body.fr #globalNav li a {
	background-image: url(../images/global_nav_fr.gif);
}

#globalNav li#tabHome { width: 98px; left: 1px; }
#tabHome a { width: 98px; background-position: 0 -24px; }
#tabHome a:hover, #tabHome a.current { background-position: 0 1px; }

#globalNav li#tabCMCP { width: 98px; left: 99px; }
#tabCMCP a { width: 98px; background-position: -98px -24px; }
#tabCMCP a:hover, #tabCMCP a.current { background-position: -98px 1px; }

#globalNav li#tabCybermuse { width: 99px; left: 197px; }
#tabCybermuse a { width: 99px; background-position: -197px -24px; }
#tabCybermuse a:hover, #tabCybermuse a.current { background-position: -197px 1px; }

#globalNav li#tabFoundation { width: 99px; left: 296px; }
#tabFoundation a { width: 99px; background-position: -296px -24px; }
#tabFoundation a:hover, #tabFoundation a.current { background-position: -296px 1px; }

#globalNav li#tabShop { width: 99px; left: 395px; }
#tabShop a { width: 99px; background-position: -395px -24px; }
#tabShop a:hover, #tabShop a.current { background-position: -395px 1px; }


/*=container
-------------*/
#container {
	border-top: 1px solid #6977a0;
	float: left;
/*	background:url(../images/at_ngc_bkg.gif) no-repeat bottom right;*/
	padding: 0;
	position:static;
}

/*=header
----------*/
#header {
	width: 974px;
	height: 75px;
/*	background: url(../images/header_bg.gif) 0 0 repeat-x;*/
	background: url(../images/cybermuseNav-bg.jpg) repeat-x;
	position: relative;
}
#header h1 {
	display:inline;
	float:left;
}

/*=header nav
----------*/

#header #cybermuseNav {
	position: relative;
	list-style: none;
	font-size: 12px;
}
#cybermuseNav li {
	display:inline;
	padding:0;
	float:left;
}
#cybermuseNav a {
	display: block;
	text-decoration: none;
	padding:0;
	text-indent:-9999px;
	height:75px;
	background: url(../images/cybermuseNav.jpg) no-repeat;
}
body.fr #cybermuseNav a {
	background: url(../images/cybermuseNav-fr.jpg) no-repeat;
}
#cybermuseNav li.kids a{ width: 93px; background-position: 0 0; }
#cybermuseNav li.youth a{ width: 93px; background-position: -93px 0; }
#cybermuseNav li.teachers a{ width: 94px; background-position: -186px 0; }
#cybermuseNav li.researchers a{ width: 92px; background-position: -280px 0; }
#cybermuseNav li.showcases a{ width: 94px; background-position: -372px 0; }
#cybermuseNav li.extras a{ width: 94px; background-position: -466px 0; }

/* rollovers */
#cybermuseNav li.kids a:hover{ width: 93px; background-position: 0 -75px; }
#cybermuseNav li.youth a:hover{ width: 93px; background-position: -93px -75px; }
#cybermuseNav li.teachers a:hover{ width: 94px; background-position: -186px -75px; }
#cybermuseNav li.researchers a:hover{ width: 92px; background-position: -280px -75px; }
#cybermuseNav li.showcases a:hover{ width: 94px; background-position: -372px -75px; }
#cybermuseNav li.extras a:hover{ width: 94px; background-position: -466px -75px; }


/*=search
----------*/
div#search {
	position: absolute;
	right: 22px;
	top: 26px;
	padding: 0 0 0 15px;
}
input#keyword{
	width: 121px;
	height: 13px;
	border: 1px solid #c3c3c3;
	font-size: 11px;
	padding-top: 2px;
	vertical-align: middle;
	color: #8e8e8e;
	line-height: 1.2em;
}
#search label { line-height: 1.2em; }

label.overlabel {
	color: #8e8e8e;
	line-height: 1.2em;
}

label.overlabel-apply {
	position:absolute;
	top: 4px;
	left: 20px;
	z-index: 1;
	color: #8e8e8e;
	font-size: 11px;
	line-height: 1.2em;
}

input#searchButton {
	vertical-align: middle;
	width: 17px;
	height: 17px;
}

#search p#advancedLink {
	font-size: 11px;
	margin: 2px 0 0 0;	
}

#search p#advancedLink a { 	color:#fff; text-decoration:none; }

#search p#advancedLink a:hover { color:#fff; text-decoration:underline; }

/*=sidebar
----------*/
#sidebar {
	width: 224px;
	float: left;
	margin-bottom: 20px;
}
#sidebar h2 {
	font-size: 10px;
	line-height: 1.0;
}

#sidebar_collapsable {
	width: 224px;
	margin-bottom: 20px;
	position: absolute;
	top: auto;
	z-index: 500;
	display: block;
}

#collapsable_nav{
	width: 216px;
	margin-bottom: 20px;
	background: url(../images/spirograph-bg.jpg) no-repeat -29px -128px #fff;
	position: absolute;
	top: auto;
}

#sidebar_collapsable h2 {
	font-size: 10px;
	line-height: 1.0;
}


/*=side nav
------------*/
#sidebar #sideNav, #sidebar_collapsable #sideNav {
	list-style: none;
	font-size: 14px;
	width:216px;
	float:left;
}

#sideNav a {
	display: block;
	text-decoration: none;
	padding-left: 14px;
	color: #2d415f;
}

#sideNav li{
	height: auto;
	border-top: 1px solid #c8cfdd;
	font-size: 14px;
	padding: 4px 5px 5px 10px;
	
}
#sideNav li a { 
	background: url(../images/side_nav_arrow.gif) 0px 50% no-repeat;
}
#sideNav li a:hover, #sideNav li a.current { 
	color:#436ba2;
	background: url(../images/side_nav_arrow_over.gif) 0px 50% no-repeat;
}
#sideNav li#subsection{
	font-size: 12px;
	padding: 1px 5px 1px 43px;
	border-top: 0;
}
#sideNav #subsection li a:hover, #sideNav li a.current { 
	color:#436ba2;
	background: url(../images/side_nav_arrow_over.gif) 0px 50% no-repeat;
}

/* side Nav 2ndLevel*/
#sideNav2ndLevel {
	list-style: none;
}

#sideNav2ndLevel a {
	display: block;
	text-decoration: none;
	padding-left: 12px;
	color: #2d415f;
}

#sideNav2ndLevel li{
	height: auto;
	border-top: 1px solid #c8cfdd;
	font-size: 12px;
	padding: 1px 5px 1px 20px;
	
}
#ssideNav2ndLevel li a { 
	background: url(../images/side_nav_arrow.gif) 0px 50% no-repeat;
}
#sideNav2ndLevel li a:hover, #sideNav2ndLevel li a.current { 
	color:#436ba2;
	background: url(../images/side_nav_arrow_over.gif) 0px 50% no-repeat;
}
#sideNav2ndLevel li#subsection{
	font-size: 12px;
	padding: 1px 5px 1px 43px;
	border-top: 0;
}
#sideNav2ndLevel #subsection li a:hover, #sideNav2ndLevel li a.current { 
	color:#436ba2;
	background: url(../images/side_nav_arrow_over.gif) 0px 50% no-repeat;
}

/* end of sideNav2ndLevel*/



#sideNavBtn{
	width:8px;
	background-color: #fff;
	float:left;
}

#sidebar_collapsable #sideNavBtn{
	width:8px;
	height:470px;
	position: absolute;
	left: 216px;
}


#sideNavBtn a.sideNavSlider {
	display:block;
	width:8px;
	height:470px;
	background:url(../images/sidenav-hider.jpg) 0 0 no-repeat;
	text-indent:-9999px;
}
#sideNavBtn a.sideNavSlider:hover {
	background-position:-8px 0;
}

/*=content wrapper
------------------*/
#contentWrapper {
	float: left;
	width: 750px;
}

#contentWrapper_big {
	float: left;
	/*width: 750px;*/
}



/*=banner
-------------*/
#banner {
	width:972px;
	overflow:hidden;
	display:none;
}
	
/*=breadcrumb
-------------*/
#sectionTitle {
	width:974px;
	height:24px;
	background: url(../images/breadcrumb-bg.jpg) 0 0 repeat-x;
	position: relative;


	/*w\idth:748px;*/
	padding-left:0px;
}
#sectionTitle h1 {
	display:inline;
	float:left;
}

#sectionTitle #breadcrumb ul {
	margin-left: 224px;
	padding: 5px 22px 0 8px;
	height:22px;
	he\ight:19px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #e5e1c3;
	line-height: normal;
	border-left:1px solid #717f91;
}
#sectionTitle #breadcrumb li {
	display: inline;
}
#sectionTitle #breadcrumb li#lastCrumb {
	color: #fff;
}
#sectionTitle #breadcrumb a {
	color: #e5e1c3;
	text-decoration: none;
}
#sectionTitle #breadcrumb a:hover { text-decoration: underline; }

/*=mainContent
---------------*/
#mainContent {
/*	background: url(../images/content_gradient.gif) 0 0 repeat-x;*/
	width:531px;

	min-height:500px;
	float:left;
	color:#000;
	background:#fff;
}

* html #mainContent {
	height: 500px;
}

.singleColumnContent{
	width:750px !important;
}

#mainContent_big {
/*	background: url(../images/content_gradient.gif) 0 0 repeat-x;*/
	width: 966px;
	/*w\idth: 910px;*/
	padding: 0 0 0 8px;
	min-height:500px;
	/*height:500px;
	float:left;*/
	color:#999;
	background:#fff;
}

* html #mainContent_big {
	height: 500px;
}
.singleColumnContent_big{
	/*width:750px !important;
	w\idth: 686px !important;*/
}

#mainContent h2{
	margin:0 0 10px 0;
	font-size:1.2em;
	font-weight:normal;
}
#mainContent h3{
	margin:10px 0 8px 0;
	font-size:1em;
	font-weight:normal;
}
#mainContent p{
	padding:0;
	margin:0 0 20px 0;
}

/*=content head
----------------*/
#contentHead { position: relative; }
#contentHead h2 {
	margin:0 0 10px 0;
	line-height: 1.0;
	font-size: 20px;
	text-transform:uppercase;
}

/*=content nav - sub-sub-nav (within main content area)
-------------*/

#contentHead #contentNav {
	background: url(../images/step_nav_bg.gif) 0 0 repeat-x;
	height: 28px;
}
#contentHead ul#contentNav {
	width:420px;
	line-height: 1.3;
	padding:0;
	margin:0 0 20px 0;
}
ul#contentNav li {
	padding:0;
	font-size: 13px;
	list-style-type: none;
	color: #666;
	text-align: center;
	display:inline;
}
ul#contentNav li a{
	width:100px;
	height:13px;
	padding:00;
	text-decoration:none;
	color: #666;
}
ul#contentNav li a:hover{
	color: #b80000;
}
ul#contentNav li.current {
	color: #b80000;
}
ul#contentNav li.first a, #contentNav li.first{
	border:none;
	padding-left:0;
}


/*=plan your visit styles
-------------*/

#visitPlan {
	margin-top:30px;
	position:relative;
}
#visitPlan a{
	float:left;
	margin:0;
	padding:0;
}
#visitNav {
	position:absolute;
	top:680px;
	left:380px;
	z-index:20;
}
#visitNav h4{
	text-transform:uppercase;
}
ul.arrowsNav {
	line-height: 1.3;
	padding:0;
	margin:0 0 6px;
}
ul.arrowsNav li {
	padding:0;
	font-size: 13px;
	list-style-type: none;
	color: #666;
	text-align: left;
	display:block;
}
ul.arrowsNav li a{
	padding:0 0 3px 16px;
	text-decoration:none;
	text-transform:uppercase;
	color: #666;
	background:url(../images/right-arrow.gif) 0 45% no-repeat;
}
ul.arrowsNav li a:hover{
	color: #b80000;
}
ul.arrowsNav li.current {
	color: #b80000;
}
ul.arrowsNav li.first a, ul.arrowsNav li.first{
	border:none;
	padding-left:0;
}


/*=secondary content
---------------*/
#secondaryContent {
	float:left;
	margin: 0 0 0 1px;
	width:214px;
	padding:10px 0;
	height:100%;
	color:#999;
	background:#fff;
}
#secondaryContent .callout h4{
	width:200px;
	height:15px;
	margin:6px 0;
	text-transform:uppercase;
	font-size:0.8em;
}
#secondaryContent .callout h5{
	width:200px;
	height:15px;
	padding:0 20px 0 13px;
	margin:6px 0;
	text-transform:uppercase;
	font-size:0.8em;
}
#secondaryContent img.dottedLine {
	margin-left:10px;
}
#secondaryContent .callout p, #secondaryContent .callout ul{
	padding:0 30px 0 13px;
}
#secondaryContent .callout p{
	margin:0 0 8px 0;
	font-size:0.7em;
	font-weight:500;
}
#secondaryContent .callout p a{
	color:#b80000;
	text-decoration:none;
}
#secondaryContent a.arrowLink {
	width:180px;
	w\idth:100px;
	padding:0 0 3px 60px;
	text-decoration:none;
	text-transform:uppercase;
	color: #666;
	font-size:0.7em;
	background:url(../images/right-arrow.gif) 45px 45% no-repeat;
}
#secondaryContent a.arrowLink:hover {
	color: #b80000;
}


/*=people at the NGC button
---------------*/
#pplAtNgc {
	width:215px;
	height:32px;
	position:absolute;
	right:0;
	bottom:0;
}
#pplAtNgc a.peopleBtn{
	width:215px;
	height:32px;
	display:block;
	text-indent:-9999px;
	text-decoration:none;
	position:relative;
}
body.en #pplAtNgc a.peopleBtn {
	background: url(../images/people-at-ngc.png) 0 0 no-repeat;
}
body.fr #pplAtNgc a.peopleBtn {
	background: url(../images/people-at-ngc.png) 0 0 no-repeat;
}
body.en #pplAtNgc a.peopleBtn:hover, body.fr #pplAtNgc a.peopleBtn:hover{
	background-position: 0 -32px;
	text-decoration:none;
}



/*=main content extra 
---------------*/
#mainContentExtra {
	width:974px;
	float:left;
	position:relative;
}
/*=main content extra boxes(blueish gradient box)
---------------*/
.mainContentExtraBox {
	width:375px;
	w\idth:350px;
	padding:10px 5px 12px 20px;
	font-size: 12px;
	background:url(../images/maincontentExtra-bg.gif) repeat-x;
	float:left;
}

/*.mainContentExtraBox p{
	font-size: 12px;
	color: #000;
	line-height: 1.4;
	margin: 12px 0;
}*/
.mainContentExtraBox h5{
	color:#0e465e;
	font-size:12px;
	width:200px;
}
.mainContentExtraBox a{
	color:#0e465e;
	text-decoration:none;
}

/*=enews signup
---------------*/

#mainContentExtra #enewsSignup {
	height:90px;
	he\ight:55px;
	width: 224px;
	w\idth: 202px;
	padding: 35px 0 0 22px;
	position:relative;
	background: url(../images/ngc-logo.jpg) 20px 0 no-repeat;
	display:block;
	float:left;
}
body.fr #mainContentExtra #enewsSignup {
	background: url(../images/ngc-logo-fr.jpg) 20px 0 no-repeat;
}
#mainContentExtra #enewsSignup #signupField { width: 144px; }


/*=footer
----------*/
#footer {
	position: relative;
	background: url(../images/footer_nav_bg.gif) 0 0 repeat-x;
	clear: left;
	border: 1px solid #e9e9e9;
	border-width: 0 0 1px 0;
	width:974px;
}
#footer #footerNav {
	position: relative;
	width: 974px;
/*	background: url(../images/footer_nav_bg.gif) 0 0 repeat-x;*/
	font-size: 12px;
	line-height: 1.3;
	color: #666;
	list-style-type:none;
}
body.en #footer #footerNav {
	padding: 8px 0 0 230px;
	w\idth:744px;
	height: 29px;
	he\ight: 21px;
}
body.fr #footer #footerNav {
	padding: 8px 0 0 80px;
	w\idth:874px;
	height: 29px;
	he\ight: 21px;
}
#footerNav li {
	float:left;
	padding: 0 8px 0 8px;
	border: 1px solid #ccc;
	border-width: 0 1px 0 0;
	white-space:normal;
}
#footerNav li.last {
	border:none;
	white-space:nowrap;
	padding: 0 0 0 8px;
}
#footerNav a {
	display:block;
	text-decoration: none;
	color: #666;
}
#footerNav a:hover { text-decoration: underline; }

#footer img#canada {
	position: absolute;
	right: 0;
	top: 0;
}

/*=copyright
------------*/
#copyright {
	text-align: right;
	margin-right: 5px;
}
#copyright p {
	font-size: 10px;
	margin: 6px 0 0;
}
#copyright a {
	text-decoration: underline;
	color: #666;
}
#copyright a:hover { text-decoration: none; }



/*=pagination
--------------*/
#contentHead p#pagination {
	position: absolute;
	z-index: 100;
	top: 18px;
	right: 175px;
	margin: 0;
}
#pagination a {
	color: #666;
	text-decoration: none;
}
#pagination a:hover {
	color: #666;
	text-decoration: underline;
}