body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
	/* //background: url(../img/body_bg.gif) top repeat-x #000; */
	background-color: #666;
	/* /#262626 */
	margin: 0px;
	position: relative;
}
/* Pop-up box */
#blanket {
background-color:#222;
/* opacity: 0.65;
filter:alpha(opacity=65); */
position:absolute;
z-index: 9001;
top:0px;
left:0px;
width:100%;
}
#popUpDiv {
position:absolute;
background-color:#3a509e;
width:450px;
height:450px;
z-index: 9002;
padding:10px;
border:10px inset #000;
}


/* General */

p {
	margin: 0 auto;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	}

.rinset {
	padding: 1px 0px 2px 8px;
}
a:link {
	color: #3a509e;
	text-decoration: none;
}
a:visited {
	color: #3a509e;
	text-decoration: none;
}
a:hover {
	color: #000;
	text-decoration: none;
}
a:active {
	color: #3a509e;
	text-decoration: none;
}

h1{
	font-size: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#120991;
 	line-height: 20px;
	padding-top: 0px;
	margin-top: 0px;
}

h2{
	font-size: 18px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#120991;
 	line-height: 18px;
	padding-top: 0px;
	margin-top: 0px;
}

h3{
	font-size: 16px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#120991;
 	line-height: 16px;
	padding-top: 0px;
	margin-top: 0px;
}

h4{
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#120991;
 	line-height: 12px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin:0 auto;
}

td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	margin: 0px;
	padding: 0px;
}

.clr {
	clear: both;
}

/* Layout */

#wrapper {
	margin: 0 auto;
	width: 960px;
	color: #000;
	background-color: #fff; 
}
#paddedarea {
	margin: 0 auto;
	padding: 5px 5px 5px 50px;
}
#header_all {
	color: #000;
	width:960px;
	height:125px;
	margin: 0;
	background-image: url(../img/torn-header-bkgd.png);
	/* // border: solid 1px #f00;
	// background: no-repeat; */
}

#header_l {
	color: #000;
	width: 740px;
	float: left;
	padding: 0px 0px 0px 0px;
	height: 115px;
	margin: 0 auto;
	/* border: 1px solid #fff; */
}
#header_l_s {
	color: #000;
	width: 700px;
	float: left;
	padding: 10px 0px 0px 10px;
	height: 115px;
	margin: 0 auto;

}
#header_cm {
	/* position:relative;
	left: -5px; */
	color: #000;
	width: 425px;
	float: right; 
	padding: 20px 5px 10px 5px;
	/* //padding-bottom: 10px; */
	/*height: 110px;*/
	margin: 0;
	/* border: 1px solid #0ff; */
}
#header_c {
	color: #000;
	width: 450px;
	float: right;
	padding: 0px 0px 25px 0px;
	/* //padding-bottom: 10px; */
	height: 110px;
	margin: 0;
	/* // border: 1px solid #0ff; */
}
#header_r {
	color: #000;
	width: 200px;
	float: right;
	padding: 40px 10px 0px 0px;
	height: 75px;
	margin: 0;
	text-align: right;
	
}
#header_teen_r {
	color: #ffffff;
	width: 220px;
	float: right;
	padding: 15px 15px 0px 0px;
	height: 75px;
	margin: 0;
	text-align: right;
	
}
td.login {
	background-image: url(../img/login_bg.png);
	background-repeat: no-repeat;
}

select.login {
	width: 170px;
	background: #000;
	color: #fff;
	border: 1px solid #000;
}

#nav {
	width: 960px;
	height: 30px;
	line-height: 30px;
	/* //font-family: Verdana, Arial, Helvetica, sans-serif; */
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 19px;
	color: #000;
	margin: 0;
	padding: 0;
	background: #fff;
}

ul#nav  {
	margin: 0;
	padding: 0;
	white-space: nowrap;
}

#navlist
{
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: 30px;
}
#navlist li.end
{
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 17px;
	color: #3a509e;
	display: inline;
	background: url(../img/);
}
#navlist li
{
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 17px;
	color: #3a509e;
	display: inline;
	background: url(../img/nav_div.gif) right no-repeat;
}


#navlist a {	
	padding: 0px 12px 0px 12px;
	line-height: 30px;
}

#navlist a:link {
	color: #3a509e;
	text-decoration: none;
}

#navlist a:visited {
	color: #3a509e;
	text-decoration: none;
}

#navlist a:hover {
	color: #ebd22f;
	text-decoration: none;
}

#nav_sub {
	width: 960px;
	height: 18px;
	line-height: 18px;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 12px;
	color: #3a509e;
	margin: 0 0 0px 0;
	background: #fff;

}
#centered {
	position: relative; 
	float: left;
	margin: 0 auto; 
	padding: 0; 
	width: 960px; 
	text-align: left; 
	z-index: 2; 
	/* align: center; */
	top: 0px; 
	visibility: hidden;

	}
	
#nav_sub a {	

}

#nav_sub a:link {
	color: #3a509e;
	text-decoration: none;
	font-size: 16px;
}

#nav_sub a:visited {
	color: #3a509e;
	text-decoration: none;
	font-size: 16px;
}

#nav_sub a:hover {
	color: #ebd22f;
	text-decoration: none;
	font-size: 16px;
}

#banner_l {
	float: left;
	width: 430px;
	height: 210px;
	color: #fff;
	padding: 90px 0 0 50px;
	margin: 0px 0 15px 0;
	background: url(../img/banner_l.jpg) no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
}

.banner_l_hdr {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 36px;
	font-weight: 800;
	color: #FFFFFF;
}


#banner_r {
	float: right;
	width: 480px;
	height: 300px;
	color: #fff;
	padding: 0px;
	margin: 0px 0 15px 0;
	background: url(../img/banner_r_bg.jpg) no-repeat;
	z-index:-1;

}


#banner_sub {
	float: left;
	width: 960px;
	height: 40px; /* // 69px; */
	color: #fff;
	padding: 0px;
	margin: 0; /* // 0px 0 15px 0;
	// background: url(../img/banner_sub.gif) no-repeat; */
}
#banner_sub_t {
	float: left;
	width: 960px;
	height: 10px; /* // 69px; */
	color: #fff;
	padding: 0px;
	margin: 0; /* // 0px 0 15px 0;
	// background: url(../img/banner_sub.gif) no-repeat; */
}

#banner_sub_blog {
	float: left;
	width: 960px;
	height: 69px;
	color: #fff;
	padding: 0px;
	margin: 0px;
	/* // background: url(../img/banner_sub_blog.gif) no-repeat; */
}

#content {
	float: left;
	width: 930px;
	color: #4e4e4e;
	padding: 15px;
	margin: 0px;
	line-height: 18px;
	background-color: #fff;
}

#hor {
width:930px;
height: 150px;
padding-bottom: 10px;
overflow:auto;
overflow-y: hidden;
}
#hor div {
width:6050px;
}
img.hor {
	display:inline;
	float: left;
	
}
.horimg {
	margin-right:20px;
	vertical-align: middle;
}

#content_l {
	float: left;
	width: 565px;
	color: #4e4e4e;
	padding: 15px;
	margin: 0px;
	line-height: 18px;
	background-color: #fff;
}

#content_l_splash {
	float: left;
	width: 595px;
	color: #4e4e4e;
	padding: 0px;
	margin: 0px;
}

#content_r {
	float: right;
	width: 350px;
	color: #4e4e4e;
	font-size: 12px;
	padding: 2px 5px 2px 5px;
	margin: 0px;
	z-index: 100;
}

#content_r h2 {
	font-family: 'Lucida Grande', Verdana, Sans-Serif;
	font-size: 1.2em;
	}
	
#content_r ul ul li, #content_R ul ol li {
	color: #777;
	}
	
#content_r ul, #content_r ul ol {
	margin: 0;
	padding: 0;
	}

#content_r ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
	}

#content_r ul p, #content_r ul select {
	margin: 5px 0 8px;
	}

#content_r ul ul, #content_r ul ol {
	margin: 5px 0 0 10px;
	}

#content_r ul ul ul, #content_r ul ol {
	margin: 0 0 0 10px;
	}

ol li, #content_r ul ol li {
	list-style: decimal outside;
	}

#content_r ul ul li, #content_r ul ol li {
	margin: 3px 0 0;
	padding: 0;
	}

#content_full {
	float: left;
	width: 930px;
	/* // height: 400px; */
	color: #4e4e4e;
	padding: 15px;
	margin: 0px;
	border: 1px solid #b8b8b8;
}

#footer {
	text-align: center;
	float: right;
	width: 930px;
	font-size: 11px;
	color: #4e4e4e;
	padding: 20px 15px;
	margin: 15px 0;
	background: url(../img/ftr_div.gif) no-repeat top ;
}


/* Modules */

.splash_options_l {
	float: left;
	width: 290px;
	height: 230px;
	padding: 0px;
	margin: 0px 15px 15px 0px;
	line-height: 20px;
	font-size: 11px;
}

.splash_options_r {
	float: left;
	width: 290px;
	height: 230px;
	padding: 0px;
	margin: 0px 0px 15px 0px;
	line-height: 20px;
	font-size: 11px;
}

.splash_options p {
	padding: 0px;
	margin: 0px;
}

.splash_options_title {
	font-size: 15px;
	font-weight: bold;
}

/* Modules  FULL SPLASH LAYOUT*/

#content_l_splash_full {
	float: left;
	width: 902px;
	color: #4e4e4e;
	padding: 28px;
	margin: 0px;
	border: 1px solid #b8b8b8;
}

.splash_options_l_full {
	float: left;
	width: 414px;
	padding: 9px;
	margin: 10px 50px 10px 50px;
	line-height: 20px;
	font-size: 11px;
	border: 0;
	background: url(../img/splash_vid_bg.gif) #180a5e top no-repeat;
	color: #fff;
}

td.splash_vids {
	width: 414px;
	padding: 9px;
	margin: 0px;
	line-height: 20px;
	font-size: 11px;
	border: 0;
	background: url(../img/splash_vid_bg.gif) #180a5e top no-repeat;
	color: #fff;
}

.splash_options_r_full {
	float: left;
	width: 414px;
	padding: 9px;
	margin: 0px 0px 15px 0px;
	line-height: 20px;
	font-size: 11px;
	background: url(../img/splash_vid_bg.gif) #180a5e top no-repeat;
	color: #fff;
}


/* Right Col */

td.right_hdr {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	border-top: 1px solid #b8b8b8;
	border-right: 1px solid #b8b8b8;
	border-left: 1px solid #b8b8b8;
	background: #dddddd;
	padding: 5px;
}

td.right_hdr_wh {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	border: 1px solid #b8b8b8;
	background: #fff;
}

td.right_hdr_wh_n_brd {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	background: #fff;
	z-index: 10;
}

td.right_body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	border: 1px solid #b8b8b8;
	background: #f7f7f7;
	padding: 3px 2px 3px 5px;
}
td.right_body_ed {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	border: 1px solid #b8b8b8;
	background: #f7f7f7;
	padding: 3px 2px 3px 15px;
}
/* Rollover Divs */

#nav_levels,  #nav_store, #nav_workforce, #nav_teens, #nav_parents, #nav_teachers, #nav_employers, #nav_about, #nav_home{
	position: absolute;
	width: 930px;
	height: 20px;
	line-height: 20px;
	padding: 0px 15px 0px 15px;
	font-size: 12px;
	color: #fff;
	visibility: hidden;
	float: left;
}

/* Misc */

table.mod_ec {
	background-color: #ececec;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 10px;
	color: #3f3f3f;
}


.red {
	color: #FF0000;
}

table.sm_txt {
	font-size: 11px;
}

table.sm_txt td {
	font-size: 11px;
}

.darkrow {
	background-image: url(../img/torn-green-box.png);
	/* background-repeat: vertical; */
	background-position: center;
	height:150px;
	width: 400px;
} 
.sdarkrow {
	background-image: url(../img/storn-green-box.png);
	/* background-repeat: vertical; */
	background-position: center;
	/* height:118px; */
	width: 350px;
	position: relative;
	top: -2px;
	z-index: 100;
	
} 
.sdarkrow2 {
	background-image: url(../img/storn-green-box.png);
	/* background-repeat: vertical; */
	background-position: center;
	height:118px; 
	width: 350px;
	position: relative;
	top: 0px;
	z-index: 100;
	
} 
.rdarkrow {
	background-image: url(../img/storn-green-box-o.png);
	/* background-repeat: vertical; */
	background-position: center;
	height:118px;
	width: 350px;
	position: relative;
	top: -2px;
	z-index: 100;
	
} 
.dlrow {
	background-image: url(../img/DLBackground.png);
	/* background-repeat: vertical; */
	background-position: center;
	height:118px;
	width: 350px;
	position: relative;
	top: -2px;
	z-index: 100;

} 
.derow {
	background-image: url(../img/torn-sand-box.png);
	/* background-repeat: vertical; */
	background-position: center;
	height:118px;
	width: 350px;
	position: relative;
	top: -2px;
	z-index: 100;

} 
.darkrowe {
	background-image: url(../img/torn-green-box-o.png);
	/* background-repeat: vertical; */
	background-position: center;
	height:120px;
	width: 500px;

}
.darkrowed {
	background-image: url(../img/torn-green-box-ed.png);
	/* background-repeat: vertical; */
	background-position: center;
	height:180px;
	width: 530px;

}
.darkroww {
	background-image: url(../img/torn-green-box-w.png);
	/* background-repeat: vertical; */
	background-position: center;
	height:160px;
	width: 530px;
	padding: 0px 10px 0px 10px;
	
}
.darkrowb {
	background-image: url(../img/torn-green-box-b.png);
	/* background-repeat: vertical; */
	background-position: center;
	height: 90px;
	width: 395px;
	
}
.tornbutton {
	background-image: url(../img/torn-green-button.png);
	/* background-repeat: none; */
	background-position: center;
	height: 40px;
	width: 45px;
	border:none;
}
.secondrow {
		position:relative;	/* This fixes the IE7 overflow hidden bug */
		clear:both;
		
		width:100%;			/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
		background-image: url(../img/torn-footer-bkgd.png);
		/* background-repeat: vertical; */
		height: 330px;
}
.video
{
position:absolute;
left:120px;
top:230px;
z-index:10;
height:50px;
border: none;
} 

.titles1
{
position:absolute;
left:20px;
top:15px;
z-index:20;
} 
.titles2
{
position:absolute;
left:320px;
top:15px;
z-index:20;
} 
.titles3
{
position:absolute;
left:632px;
top:15px;
z-index:20;
} 
td.whitebox {
	padding: 1em;
	background: #fff;
}

	/* 'widths' sub menu */
	#layoutdims {
		clear:both;
		background:#eee;
		border-top:4px solid #000;
		margin:0;
		padding:6px 15px !important;
		text-align:right;
	}
	/* column container */
	.colmask {
		position:relative;	/* This fixes the IE7 overflow hidden bug */
		clear:both;
		float:left;
		width:100%;			/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
	}
	/* common column settings */
	.colright,
	.colmid,
	.colleft {
		float:left;
		width:100%;			/* width of page */
		position:relative;
	}
	.col1,
	.col2,
	.col3 {
		float:left;
		position:relative;
		padding:0 0 0 0;	/* no left and right padding on columns, we just make them narrower instead 
						only padding top and bottom is included here, make it whatever value you need */
		overflow:hidden;
	}
	/* 3 Column settings */  /* 25 45 30  2-padding on middle */
	.threecol {
		background:#fff;		/* right column background colour */
	}
	.threecol .colmid {
		right:30%;			/* width of the right column */
		background:#fff;		/* center column background colour */
	}
	.threecol .colleft {
		right:45%;			/* width of the middle column */
		background:#fff;	/* left column background colour */
	}
	.threecol .col1 {
		width:41%;			/* width of center column content (column width minus padding on either side) */
		left:102%;			/* 100% plus left padding of center column */
	}
	.threecol .col2 {
		width:25%;			/* Width of left column content (column width minus padding on either side) */
		left:35%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	}
	.threecol .col3 {
		width:30%;			/* Width of right column content (column width minus padding on either side) */
		left:78%;			/* Please make note of the brackets here:
						(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
		
	}

#movie_l {
	float: left;
	width: 300px;
	height: 240px;
	color: #fff;
	padding: 0;
	margin: 0 auto;
	z-index:-1;
}

.homebuttons {
	width: 220px;
	border: none;
}

.popup
{
   position:absolute; 
   left:0; top:0; 
   /* width:800px;
   height:800px;*/
   border-style:solid;
   border-width:2px;
   border-color:blue;
   background-color:gray;
   padding:5px;
   color:red;
   font-family:Arial;
   font-weight:bold;
   font-size:10pt;
   z-index:10000;
   visibility:hidden;
}

