body{
	/*width:53%;*/
	max-width:1020px;
	min-width:670px;
	margin:0 auto;
	
}
td[height$="0"], td[height$="1"], td[height$="2"], td[height$="3"], td[height$="4"], td[height$="5"], td[height$="6"], td[height$="7"], td[height$="8"], td[height$="9"],
tr[height$="0"], tr[height$="1"], tr[height$="2"], tr[height$="3"], tr[height$="4"], tr[height$="5"], tr[height$="6"], tr[height$="7"], tr[height$="8"], tr[height$="9"]{
	height: inherit;
}
a[href^="?"]{
	color: red;
}
*{
	font-family:Arial !important;
}
div > table, table[width*="72"]{
	width: 100% !important;
	margin-bottom:10px;
}

font[size='1'], font[size='2'], font[size='-2']{
	font-size: 1em;
}

.js-click{ /*used to say where there is a link that leads to a javascript application*/
	
}

/*header styles*/
.header{
    background-color: rgb(0, 0, 153);
    padding: 10px 5px;
    color:white;
    font-family:Arial;
    font-weight:bold;
    font-size:0.8em;
    min-height:70px;
    /*width:715px;*/
}
.header a{
    color:white;
    text-decoration:none;
    cursor:pointer;
}
.header a:hover{
    color:gray;
}
.header-part{
    vertical-align:top;
    overflow:hidden;
}
.header-img{
    float:left;
    width:183px;
}
.header-part-right{
    overflow:hidden;
}
.header-categ{
    display:inline-block;
    margin-right:10px;
}
.category-select{
    color:red !important;
}
.header-categ-links-container{
    border-top:1px solid white;
    padding: 5px 0px 0px 3px;
    /*margin-left:1.5em;*/
    border-left:1px solid white;
    display:none;
    /*min-height:51px;*/
}
.hcateg-link{
            
}
.hcateg-link-container{
    display:inline-block;
    margin-right:20px;
    vertical-align:top;
}

/*footer styles*/
.footer{
    background-color: rgb(0, 0, 153);
    /*width:725px;*/
    color:white;
	clear:both;
}
.footer a{
    color:white;
    text-decoration:none;
}
.footer a:hover{
    color:gray;
}
.footer-link{
    display:inline-block;
    padding:0px 4px;
}
.footer-top{
    width:63%;
    margin:0 auto;
    padding:5px;
}
.footer-bottom{
    background-color:rgb(204,204,204);
    min-height:50px;
    padding:3px;
    color:rgb(0, 0, 153);
    font-size:1.0em;
}
.fbp-left{
    float:left;
}
#nsf-logo{
    float:right
}

iframe{
	border:none;
}

/*This CSS is used for the High School education lessons. (For example the Magnetism lesson and Electricity Lesson)*/
.nav{
	background-color:#000099;
	color:white;
	padding:2px 4px 15px 4px;
	line-height:1.4em;
}
.nav-icon{
	text-align:center;
	padding-top:10px;
}
.nav *{
	color:white;
}
.nav-title{
	font-size:1.3em;
	text-align:center;
}
.nav-list-root{
	-webkit-padding-start: 30px;
}
.nav-list{
	-webkit-padding-start: 15px;
}