html, body {
	background-color:#261F16;
	background-image: url(../images/body_bg.gif);
	background-repeat: repeat;

}
form{
	margin: 0px;
	padding: 0px;
}
/***********************************   table tag class         */
.datatable {
	padding-bottom: 15px;
}
.datatable th {
	background-color: #A7AF62;
	color: #595E33;
}
.datatable th, .datatable td {
	padding-top: 7px;
	padding-right: 5px;
	padding-bottom: 7px;
	padding-left: 5px;
	border-bottom-style: solid;
	border-top-style: none;
	border-right-style: solid;
	border-left-style: none;
	border-right-width: 1px;
	border-right-color: #D1E0C9;
	margin: 0px;
	border-bottom-width: 1px;
	border-bottom-color: #D1E0C9;
}
.datatable td strong {
	color: #5a7e9a;
}
.datatable tr {
	background-color: #f6f9f5;
}
.datatable tr.alter {
	background-color: #e5ede0;
}
/***********************************   heading tag class         */
h1 {
	font-size: 20px;
	color: #711C1C;
	margin: 0px;
	padding-bottom: 13px;
	padding-top: 0px;
	font-weight: normal;
	line-height: normal;
}
h2 {
	font-size: 16px;
	margin: 0px;
	color: #728574;
	padding-top: 0px;
	padding-bottom: 5px;
}
h3 {
	font-size: 12px;
	color: #496D73;
	margin: 0px;
	padding: 0px;
}
h4 {
	font-size: 12px;
	font-weight: bold;
	color: #6e8878;
	margin: 0px;
	padding-bottom: 5px;
}
h5 {
	font-size: 10px;
	font-weight: normal;
	color: #0B1E59;
}
h6 {
	font-size: 9px;
	font-weight: normal;
	display: inline;
	color: #0B1E59;
}
fieldset{
	border: 1px solid #CCC;
	padding: 10px;
}
label {
}
.small{
	font-size: 10px!important;
	}
blockquote{
	margin: 0px;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
}	
/* Generics */
.alt {
	display:none;
}

.css-rollover {
	background-position:top left;
}

.css-rollover:hover {
	background-position:bottom left;
}
img { border:0; padding:0px; margin:0;}

a 
{
    color: #FFF;
	font-weight:bold;
	text-decoration:none;
}

a:hover {
	color: #FFF;
	font-weight:bold;
	text-decoration:underline;
}
.clear{
	clear:both;
}

#home-content 
{
    position:relative;
    width:800px;
    margin-left:auto;
    margin-right:auto;
    font-size:8px;
} 

#menu-overlay
{
    position:absolute;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    z-index:999;
}

#menu-overlay .menu
{
    display:block;
}


.language-home-en 
{
   position:absolute;
   height: 35px;
   width: 90px;
   top:5px;
   left:700px;
   overflow:hidden;   
   background: url(/~/media/1E5EBB5408B3474995E2F588D14CEDA7.ashx) no-repeat;
}
.language-home-es 
{
   position:absolute;
   height: 35px;
   width: 90px;
   top:5px;
   left:700px;
   overflow:hidden;   
   background: url(/~/media/366CF34CB8C14571B510A9E597D09047.ashx) no-repeat;
}
.logout-home 
{
   position:absolute;
   height: 17px;
   width: 150px;
   top:46px;
   left:704px;
   overflow:hidden;   
   background: url(/~/media/68F52192DB3341CAA6A8F421943CAA94.ashx) no-repeat;
}
#header 
{
    height:124px;
    width:685px;
    margin-bottom:0px;
    margin-left:23px;
    margin-bottom:-4px;
}

* >#header 
{
    margin-left:14px;
    margin-bottom:0;
}

#mail
{
    position:absolute;
    top:29px;
    left:675; 
    height:67px;
    width:119px;
	z-index:10;
}

.mail-home
{
    position:absolute;
    top:29px;
    left:675px;
    height:67px;
    width: 119px;
	overflow:hidden;
	z-index:13;
    background: url(/~/media/A221547E4DCA43F6BA2FD9F866D1380A.ashx) no-repeat;
}

#bios  
{position: absolute;
    top: 0px;
    left: 500;
    height: 150px;
    width: 500px;
    margin-left: 188px;
	z-index:60;	
}
#headerflash{
    position:absolute;
    top:31px; 
    height: 93px;
    width: 216px;
	margin-left:480px;
	z-index:60;	
}
.bios-area 
{
    position:absolute;
    top:0;
    left:500;
    height: 150px;
    width: 500px;
	z-index:12;
	overflow:hidden;
    background: url(/~/media/9E00C0F5DE3A4B299AE4B0004D95BA21.ashx) no-repeat; 
}

#nsteenslogo  
{
    position:absolute;
    top:0px;
    left:0; 
    height: 124px;
    width: 185px;
	margin-left:15px;
	z-index:11;
}

.nsteenslogo-home
{
    position:absolute;
    top:0;
    left:0;
    height: 124px;
    width: 185px;
    margin-left:15px;
	z-index:11;
    background: url(/~/media/206FF7A8EB054A56B8F9C1C059AC84E9.ashx) no-repeat; 	
}

#english
{
    position:absolute;
    margin-top:15px;
    margin-left:667px;
    height:23px;
    width: 68px;    
}

#spanish 
{
    position:absolute;
    margin-top:10px;
    margin-left:650px;
    height:69px;
    width: 99px;  
}

/*#newfeature-home 
{
   position:absolute;
   height: 27px;
   width: 68px;
   top:130px;
   left:233px; 
   background: url(../images/home/new_green_tag.png) no-repeat;
   z-index:12;
}*/

#games 
{
    position:absolute;
    top:123px;
    left:0; 
    height: 403px;
    width: 286px;
}


.games-area 
{
    position:absolute;
    top:0;
    left:0;
    height: 322px;
    width: 286px;
    margin-left:15px;
    background: url(/~/media/0A0387410F5041C1B55B07CFE00DC07B.ashx) no-repeat; 
}

#videos 
{
    position:absolute;
    height: 322px;
    width: 483px;
    top:123px;
    left:317px;
 }

.videos-title
{
  position:absolute;
  height: 81px;
  width: 486px;
  top:0;
  right:13px;
  background: url(/~/media/A03A841FD3FD43C894D0C7186D0AA48F.ashx) no-repeat;
}
#video-player-area
{
    position:absolute;
    background: url(/~/media/494E3DF936D54C54AC1ACB032A15D922.ashx);
    top:81px;
    right:17px;
    width:480px;
    height:240px;

}

* > #video-player-area
{
    width:481px; 
}

#video-player 
{
    position:relative;
    width:461px;
    height:219px;
    margin-left:16px;
    margin-top:17px;
    padding:0;
}


#flash-warning 
 {
    font-family : Arial, Helvetica, sans-sarif;
    font-size: 13px; 
    font-weight: bold;
    padding:4px;
    width:239px;
	height:122px;
	background-color:#CCCCCC;
 }

.comics-area 
{
    position:absolute;
    right:0px;
    height: 81px;
    width:481px;
    background: url(/~/media/506842E7F6254904974125BFCE47D384.ashx) no-repeat;
}

#bottom-bar-home
{
    position:absolute;
    top:445px;
    left:15px;
    width:769px;
    height:81px;
    background: url(/~/media/3BCFDC5A56E14B46960E8D638E123072.ashx) no-repeat;
 }

.footer-home
{
    position:absolute;
    top:526px;

}
 
#footer
{
    position: relative;
    left: 15px;
    height: 52px;
    width: 769px;

}

.teaching-home 
{
   position:absolute;
   left:155px;
   top:3px;
   background:url(/~/media/77AA59C21CC048D99DD80FBA25988EAB.ashx) no-repeat;
   height:94px;
   width:141px;
   z-index:11;
}

* > .teaching-home
{
     background:url(/~/media/77AA59C21CC048D99DD80FBA25988EAB.ashx) no-repeat;
}


   #logos
{
    position: relative;
    height: 56px;
    width: 768px;
    background: url(/~/media/990DFD0F37294C688EEDE70364F6B48A.ashx) no-repeat;
    z-index: 10;
}
#logos a
{
    display: block;
    float: left;
}
#logos span
{
    display: block;
    float: left;
    margin-top: 1.25em;
    font-family: arial, helveteca, sans-serif;
    font-size: 10pt;
    padding-right: 5px;
}

* > #logos
{
    margin-left: 0px;
}
    

#contact-int
{
    position: absolute;
    left: 18px;
    width: 98px;
    z-index: 12;
}
#about-int
{
    position: absolute;
    left: 131px;
    width: 106px;
    z-index: 12;
}
#missing-int
{
    position: absolute;
    left: 270px;
    width: 75px;
    z-index: 12;
}
#partner-int
{
    position: absolute;
    top: 5px;
    left: 361px;
    height: 42px;
    width: 210px;
    z-index: 12;
}
#netsmartz-int
{
    position: absolute;
    left: 572px;
    height: 42px;
    width: 196px;
    z-index: 12;
}
#legal-int
{
    position: relative;
    text-align: center;
    padding-top: 75px;
    font-family: Arial, Helvetica, sans-sarif;
    font-size: 12px;
    color: #a7916d;
    padding-bottom: 20px;
}


.popups{
width: 480px; display:block; 
/*position: absolute; top: 150px; left: 50px; z-index:10;*/
}
.popups .header{
	background-color: #29261F;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #9A9A9A;
	text-align: right;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #161A06;
	
}
.popups .text{
	background-color: #565656;
	padding: 20px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #161A06;
	border-bottom-color: #161A06;
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-size: 12px;
	color: #ABABAB;
}
.popups .text h2{
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-size: 12px;
	color: #F7941D;
	text-align: left;
}
.popups .text h3{
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-size: 12px;
	color: #80B7A9;
	text-align: left;
}
.popups .leftcolumn{
	padding-right: 15px;
}
.popups .rightcolumn{
	border-left-width: 1px;
	border-left-style: dashed;
	border-left-color: #787878;
	padding-top: 20px;
	padding-left: 15px;
}
.popup-button{
	font-size: 10px;
	color: Silver;
	background-color: #686B6E;
	border: 1px solid #ABABAB;
	font-weight: bold;
	text-transform: uppercase;
}
.input-popup{
	font-size: 10px;
	color: #FFFFFF;
	background-color: #686B6E;
	border: 1px solid #ABABAB;
}
.popup-smalltext{
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
}
.popups .orange-text{
	color: #F26522;
}