/*.........................GLOBAL..............................*/
html, body
{
margin:0px; padding: 0px;
background: url(images/body_bg.png) no-repeat center top black;
}
a
{
outline: none;
}
a img
{
border: none;
outline: none;
}
/*.........................OUTER-WRAPPER.......................*/
#outer_wrapper
{
width: 984px;
margin: 0px auto;
}
/*.........................WRAPPER.............................*/
#wrapper
{
width: 100%;
float: left;
}
/*.........................MARGIN-LEFT.........................*/
#margin_left
{
width: 82px; height: 469px;
background: url(images/margin_left.jpg) no-repeat;
float:left;
}
/*.........................LIVE................................*/
#live
{
width: 820px; height: 469;
float:left;
}
	/*.....................HEADER..............................*/
	#header
	{
	width: 100%; height: 69px;
	position: relative;
	background: url(images/header.jpg) no-repeat;
	}
		#logo
		{
		width: 158px; height: 31px;
		background:url(images/logo.png) no-repeat;
		position: absolute; left: 55px; top: 25px;
		}
		#login
		{
		width: 100%;
		position: absolute; top: 25px; right: 0px;
		display: none;
		}
			#login form, input
			{
			margin: 0px;
			}
			#login input.user
			{
			width: 100px;
			border: none;
			outline: none;
			font: bold 9px/9px Verdana, Arial, Helvetica, sans-serif;
			background-color: rgba(255,255,255,.75);
			 -moz-box-shadow: 0px 1px 0px rgba(255,255,255,1);
			 -webkit-box-shadow: 0px 1px 0px rgba(255,255,255,1);
			}
			#login h3
			{
			margin: 0px 0px 0px 0px; padding: 0px;
			text-align: left;
			text-transform: uppercase;
			text-shadow: -1px 0px 0px black;
			font: 9px/9px Verdana, Arial, Helvetica, sans-serif;
			letter-spacing: 1px;
			color: white;
			}
	/*.....................NAV.................................*/
	#nav
	{	
	width: 100%; height: 25px;
	}
		/*.................NAV(BUTTON)....,....................*/
		#nav .button
		{
		height: 24px;
		float: left;
		}
		/*.................NAV(NUDGE)....,.....................*/
		#nav .nudge
		{
		width: 1px; height: 24px;
		float: left;
		}
		#nav #edge
		{
		width: 100%; height: 1px;
		clear: left;
		}
	/*.....................CONTENT.............................*/	
	#content
	{
	width: 100%;
	height: 375px;
	background: url(images/content.jpg);
	position: relative;
	}
		
		/*.....................OVERLAY.........................*/	
		.overlay_sml
		{
		width: 700px; height: 350px;
		background:url(images/overlay_bg.png) repeat;
		position: absolute; bottom: 0px; left: 60px;
		}
		.overlay_lrg
		{
		width: 700px; height: 718px;
		background:url(images/overlay_bg.png) repeat;
		position: absolute; bottom: -368px; left: 60px;
		z-index: 2;
		}
		.overlay_sml h1, .overlay_lrg h1
		{
		margin:55px 0px 0px 0px; padding: 0px;
		color: rgb(99,99,99);
		font: bold 48px/48px Arial, Helvetica, sans-serif;
		text-align: center;
		/*text-shadow: 1px 1px 0px rgb(133,133,133);*/
		letter-spacing: -1px;
		}
		.overlay_sml h2, .overlay_lrg h2
		{
		margin:0px; padding: 0px;
		color: black;
		font: bold 36px/36px Arial, Helvetica, sans-serif;
		text-align: center;
		/*text-shadow: 1px 1px 0px rgb(255,255,255);*/
		letter-spacing: -1px;
		}
		.overlay_sml h3, .overlay_lrg h3
		{
		margin:15px 0px 15px 15px; padding: 0px;
		color: black;
		font: bold 22px/22px Arial, Helvetica, sans-serif;
		text-transform: uppercase;
		text-align: left;
		letter-spacing: -1px;
		}
		.overlay_sml h3#special
		{
		margin:0px 0px 15px 0px; padding: 15px 0px 15px 15px;
		background-color: rgb(0,215,255);
		color: black;
		font: bold 32px/32px Arial, Helvetica, sans-serif;
		text-shadow: -3px 0px 0px rgba(0,0,0,.15);
		text-transform: uppercase;
		text-align: left;
		letter-spacing: -1px;
		}
			.inner_overlay_sml
			{
			width: 640px;
			height: 290px;
			position: absolute; top: 30px; left: 30px;
			background-color: rgb(255,255,255);
			 -moz-box-shadow: -1px 1px 0px rgba(0,0,0,.25);
			 -webkit-box-shadow: -1px 1px 0px rgba(0,0,0,.25);
			overflow: auto;
			}
			.inner_overlay_lrg
			{
			width: 640px;
			height: 658px;
			position: absolute; top: 30px; left: 30px;
			background-color: rgb(255,255,255);
			 -moz-box-shadow: -1px 1px 0px rgba(0,0,0,.25);
			 -webkit-box-shadow: -1px 1px 0px rgba(0,0,0,.25);
			overflow: auto;
			}
			.inner_overlay_sml p, .inner_overlay_lrg p
			{
			margin: 0px 15px 15px 15px; padding: 0px;
			text-align: justify;
			font: 12px/16px Arial, Helvetica, sans-serif;
			color: black;
			}
			.inner_overlay_sm a, .inner_overlay_lrg p a
			{
			text-decoration: underline;
			color: rgb(0,128,255);
			}
			p.talk
			{
			margin: 15px 15px 15px 0px; padding: 0px 0px 0px 15px;
			text-align: justify;
			color: black;
			
			}
		#trailer_overlay
		{
		display: none;
		}
		/*.....................OVERLAYS........................*/
		#about_overlay
		{
		display: none;
		}
			
		#teacher_overlay
		{
		display: none;
		}
		#help_overlay
		{
		display: none;
		}
		#promo_overlay
		{
		display: none;
		}
		#speech_overlay
		{
		display: none;
		}
		/*.....................OVERLAY BUTTON..................*/
		#btn_close
		{
		width:41px; height: 41px;
		position: absolute; top: 10px; right: 45px;
		z-index: 3;
		display: none;
		}
		
/*.........................MARGIN-RIGHT........................*/
#margin_right
{
width: 82px; height: 469px;
background: url(images/margin_right.jpg) no-repeat;
position: relative;
float: left;
}
	#promo
	{
	width: 90px; height: 150px;
	position: absolute; top: 217px;
	}
/*.........................CONTENT-DYNAMIC......................*/
#content_dynamic
{
width: 100%; height: 413px;
background: url(images/content_dynamic.jpg) no-repeat;
position: relative;
clear: left;
}
#no_ppl
{
display: none;
position: absolute; top: 0px; left: 0px;
z-index: 1;
}
	.speech_bubble
	{
	width: 42px; height:36px;
	}
	#copyright
	{
	position: absolute; right: 92px; bottom: 0px;
	z-index: 2;
	background:url(images/copyright_bg.png) repeat;
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;
	}
	#copyright p
	{
	margin: 0px; padding: 5px 10px;
	text-align: right;
	font: 9px/9px Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: white;
	}
/*.........................OUTER-BOTTOM.........................*/
#outer_bottom
{
width: 820px;
margin: 10px auto 0px auto;
}
/*.........................BOTTOM...............................*/
	#bottom
	{
	width: 100%;
	float: left;
	padding-bottom:30px;
	}
	#bottom h1
	{
	margin:15px 0px 15px 30px; padding: 0px;
	color: black;
	font: bold 22px/22px Arial, Helvetica, sans-serif;
	text-align: left;
	letter-spacing: -1px;
	}
	/*.........................NEWS.............................*/
	#news
	{
	width: 455px;
	background-color: white;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	float: left;
	}
		#news p
		{
		margin: 0px 30px 15px 30px; padding: 0px;
		text-align: left;
		font: 12px/16px Arial, Helvetica, sans-serif;
		color:black;
		}
		#news span.date
		{
		color: red;
		font-weight: bold;
		}
	/*.........................CONTACT..........................*/
	#contact
	{
	width:355px;
	background-color: white;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	float: right;
	}
		/*.....................CONTACT FORM.....................*/
		#contact table
		{
		width: 295px;
		padding: 0px;
		margin: 0px 30px 10px 30px;
		}
		#contact table tr
		{
		}
		#contact table tr td
		{
		padding: 3px 0px;
		}
		#contact table tr td h3
		{
		margin: 0px; padding: 0px;
		text-align: left;
		font: bold 12px/14px Arial, Helvetica, sans-serif;
		color:black;
		}
		#contact table tr td input.text
		{
		width: 180px;
		border: none;
		outline: none;
		font: bold 9px/9px Verdana, Arial, Helvetica, sans-serif;
		background-color: rgb(240,240,240);
		-moz-box-shadow: 1px 1px 0px rgba(0,0,0,.25);
		-webkit-box-shadow: 1px 1px 0px rgba(0,0,0,.25);
		}
		#contact table tr td input.formbtn
		{
		float: right;
		margin: 0px 0px 0px 5px;
		cursor: pointer;
		}
		#contact table tr td textarea
		{
		width: 180px;
		margin: 0px; padding: 0px;
		border: none;
		outline: none;
		font: bold 9px/9px Verdana, Arial, Helvetica, sans-serif;
		background-color: rgb(240,240,240);
		-moz-box-shadow: 1px 1px 0px rgba(0,0,0,.25);
		-webkit-box-shadow: 1px 1px 0px rgba(0,0,0,.25);
		}
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX END OF STYLESHEET XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
.style1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.style2 {color: #FFFFFF}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}