@charset "utf-8";
/* CSS Document */



/* RESET CSS */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
	header .nsaSpecialBang {width: 175px; height: 175px; position: relative; z-index: 1000; left: 775px; top: -45px;}
	header .nsaSpecialBang img {width: 175px; height: 175px;}

body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	-moz-box-shadow: 0 0 3px 3px #999;
	-webkit-box-shadow: 0 0 3px 3px#999;
	box-shadow: 0 0 3px 3px #999;
	
	border-radius: 5px;
	-webkit-border-radius: 5px;
}

/* END RESET CSS */

/* Font Declarations */
@font-face
{
font-family: GillSans;
src: url('../fonts/GillSans.ttf'),
     url('../fonts/GillSans.ttf') format("opentype"); /* IE */
}



/* End Font Declarations */

/* For Jquery UI Only */

div.acc { padding: 0 2.5em; margin-bottom: 2em;}
div.acc h3 { margin-bottom: 3px;}

table#tblCost { background:#069; color: white; font-weight: bold; font-size: 1.2em; }

table#tbl-awe-training, table#tbl-awe-vault, table#tblCost, table.common,
table#tbl-tuition { margin: 1em auto; display: table; }

table#tbl-awe-training td, table#tbl-awe-vault td, table#tblCost td, table.common td,
table#tbl-tuition td{ display: table-cell; border: 1px solid black; line-height: 1.5em; padding: 5px}

table#tbl-tuition tr.tblhead, 
table.common tr.tblhead { background: #036; color: #fff; font-weight: bold; border: 1px solid white;}

table#tbl-tuition tr.tbldivider,
table.common tr.tbldivider { background: #036; height: 20px; }

table.belcher { margin: 1em auto;  font-family: Arial, Helvetica, sans-serif; font-size: 12pt; line-height: 1.3em;}
	table.belcher td { text-align: center;}
	table.belcher td .belcher-ttlmain {display: block; color: #900; font-weight: bold;}
	table.belcher td .belcher-subttl  { display: block; color: #000; font-weight: bold; font-size: .9em;}
	table.belcher td .belcher-small { margin: 1em; border: 3px #900 dashed; padding: 1em;}
	table.belcher td .belcher-small .belcher-regprice { font-weight: bold; color: #036}
	table.belcher td .belcher-small img { display: block; border: 0; margin: .3em auto;}
	table.belcher td .belcher-small a { color: #036; font-weight: bold; text-decoration: none;}
	table.belcher td .belcher-small a:hover { color: #900; text-decoration: underline;}

/* END For Jquery UI Only */

.tuition-proof { display: block; text-align:center; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;}
	.tuition-proof blockquote { font-style: italic; font-weight: bold; color:#900; font-size: 1.3em; width: 600px; padding: 20px; margin: 0 auto; text-align: left; background:url(../img/quotes-open-gray.png) top left no-repeat }
		.tuition-proof blockquote p { line-height: .5em; background:url(../img/quotes-close-gray.png) bottom right no-repeat}
		.tuition-proof  blockquote cite	{margin-left: 20px; width: 600px; text-align: left; font-weight: bold; text-transform:uppercase}



/* Belcher Button */
#belcher { width: 600px; font-size: 18pt; color:navy; font-family: Arial, Helvetica, sans-serif; margin: 0 auto; text-align:center; margin-bottom: 1em; }
	#belcher h1 {color: #cc0000; font-weight: bold; margin-bottom: 20px;}
	#belcher h4 { font-size: 12pt;}
	#belcher .buttonbox { border: 6px dashed #cc0000; padding :1em; }
	#belcher img {display:block; margin: 0.5em 0}
	#belcher a {font-size: 1.2em; display:block; margin: 1em 0}
/* END Belcher Button */


body { width: 100%; text-align: center; background: #ddd; }
	.clearfix { clear: both; }

#wrap { width: 960px; text-align: left; margin: 5px auto; background:url(../img/awesl-mainbg.jpg) repeat-y}

#wrap header { background: #ddd url(../img/sl-awe-tb-banner.png) no-repeat; width: 960px; height: 270px; display: block;  } 	
	#wrap header.generic { background: #ddd url(../img/sl-nsa-banner-kids.png) no-repeat; width: 960px; height: 270px; display: block;  } 

#wrap nav { margin:0 auto; padding-left:2em; height: 30px; line-height: 30px; display: block; font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;  font-size: 11pt; background: #036; color: white; border-top: 1px solid white;  border-bottom: 1px solid white;}
	#wrap nav a {display: block; float:left; color:white; margin: 0 .5em; padding: 0 .5em; text-decoration:none}
	#wrap nav a:hover { color: #FF0;}
	#wrap nav a.tbSpecialLink {background: #F90; color: #036; font-weight: bold; }
	#wrap nav a.tbSpecialLink:hover {background: #FC0; color: #900; font-weight: bold; }
#wrap #content-area { padding: 2em; border-top: 1px solid black; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 10pt;} 

#wrap #content-bottom {width: 960px; height: 68px; background:url(../img/awesl-bottom.jpg) no-repeat}

#wrap #content-area .scrollContainer {}

#wrap #content-area .scrollContainer .scrollContent {}

#wrap #content-area .scrollContainer .scrollContent .panel { padding: 15px; background:white; padding: 1em; border-bottom: 1px solid #ccc; margin-bottom: 1em;}  
	#wrap #content-area .scrollContainer .scrollContent .panel #sl-headline,
	#wrap #content-area .scrollContainer .scrollContent .panel .center-pic { text-align: center}
	#wrap #content-area .scrollContainer .scrollContent .panel .video { display: block; width: 640px; height: 480px; background: black; margin: 0 auto;}
	#wrap #content-area .scrollContainer .scrollContent .panel h2.panel-title { font-size: 18pt; font-family:Arial, Helvetica, sans-serif; font-weight: bold; color: #036; text-shadow: 0px 2px 3px #999; margin-bottom: 1.5em;}
	#wrap #content-area .scrollContainer .scrollContent .panel h3.par-title { font-size: 15pt; font-family:Arial, Helvetica, sans-serif; font-weight: bold; color: #036; text-shadow: 0px 2px 3px #999; margin-bottom: 0.5em;}
	#wrap #content-area .scrollContainer .scrollContent .panel p { padding: 0 15px 1em 15px; line-height: 1.3em; text-align: justify}
	#wrap #content-area .scrollContainer .scrollContent .panel ul { list-style:inside disc; margin: 0.5em 0 0.5em 2em; line-height: 1.3em;}
	#wrap #content-area .scrollContainer .scrollContent .panel .testi-wrap { padding: 0 2em;}
	#wrap #content-area .scrollContainer .scrollContent .panel .sl-testi { padding: 1em 1.5em; border: 1px solid black; background:#069; font-size: 10pt; margin-bottom: 1.5em; color: white}
			#wrap #content-area .scrollContainer .scrollContent .panel .sl-testi p { font-style:italic; text-align: justify}
			#wrap #content-area .scrollContainer .scrollContent .panel .sl-testi img.sl-testi-image { float:left; border: 1px solid #fff; margin-right: 10px; width: 100px; height: auto }
			#wrap #content-area .scrollContainer .scrollContent .panel .sl-testi .sl-testi-person { display:block; float:right; font-style: normal; margin-top: 1.2em; font-weight: bold; }
	#wrap #content-area .scrollContainer .scrollContent .panel p.note { width: 500px; margin:1em auto; font-size:10pt; padding: 1em;  font-style: italic}	
	#wrap #content-area .scrollContainer .scrollContent .panel .module-prev {}
	
	#wrap #content-area .scrollContainer .scrollContent .panel .module-prev,
	#wrap #content-area .scrollContainer .scrollContent .panel .sl-bonus,
	#wrap #content-area .scrollContainer .scrollContent .panel .sl-nsa	{ border: 1px solid black; background:#FFC; padding: 1.5em; margin: 1em auto; text-align: left; }
	#wrap #content-area .scrollContainer .scrollContent .panel .nsaForm { background:#ccf; border: 1px solid black; width: 200px; padding: 15px 20px; margin: 0 auto}


		#wrap #content-area .scrollContainer .scrollContent .panel .module-prev .header { font-family: Arial, Helvetica, sans-serif}
		#wrap #content-area .scrollContainer .scrollContent .panel .module-prev .header h1.head-num {  margin:0; padding:0; text-align: center; width: 50px; height: 55px; line-height: 55px; color: white; background:url(../img/sl-numbox-bg.png) no-repeat; display: block; font-size: 30pt; float: left; margin-right: 15px; font-weight: bold; }
		#wrap #content-area .scrollContainer .scrollContent .panel .module-prev .header h2.head-title {  color: #036; margin:0; padding:0; text-align: left;  height: 55px; line-height: 55px; font-size: 20pt;  font-weight: bold; text-shadow: 0px 2px 3px #999;}
		
		#wrap #content-area .scrollContainer .scrollContent .panel .module-prev #awe-training-accordion #awe-modules-tabs h5.awe-mod-title { margin:0; padding: 0; font-size:11pt; font-weight: bold; }
		#wrap #content-area .scrollContainer .scrollContent .panel .module-prev #awe-training-accordion #awe-modules-tabs h6.awe-mod-subt { margin:0; padding: 0; font-size:10pt; font-weight: bold; margin-bottom: 1em;}
	
		#wrap #content-area .scrollContainer .scrollContent .panel img.left {padding: 0; float: left; border: 1px solid black; margin-right: 10px;}
		#wrap #content-area .scrollContainer .scrollContent .panel img.right {padding: 0; float: right; border: 1px solid black; margin-left: 10px;}

		#wrap #content-area .scrollContainer .scrollContent .panel img.lefty {padding: 0; float: left; margin-right: 10px;}
		#wrap #content-area .scrollContainer .scrollContent .panel img.righty {padding: 0; float: right;  margin-left: 10px;}

		#wrap #content-area .scrollContainer .scrollContent .panel img.h200 { height: 200px; width: auto }
		#wrap #content-area .scrollContainer .scrollContent .panel img.h175 { height: 175px; width: auto }
		#wrap #content-area .scrollContainer .scrollContent .panel img.h150 { height: 150px; width: auto }
		#wrap #content-area .scrollContainer .scrollContent .panel img.h125 { height: 125px; width: auto }
		#wrap #content-area .scrollContainer .scrollContent .panel img.h100 { height: 100px; width: auto }
		#wrap #content-area .scrollContainer .scrollContent .panel img.h90 { height: 90px; width: auto }
		#wrap #content-area .scrollContainer .scrollContent .panel img.h80 { height: 80px; width: auto }
		#wrap #content-area .scrollContainer .scrollContent .panel img.h70 { height: 70px; width: auto }
		
		#wrap #content-area .scrollContainer .scrollContent .panel .sl-awe-vault-entry { border-bottom: 1px solid black; margin-bottom: 1.5em;}
			#wrap #content-area .scrollContainer .scrollContent .panel .sl-awe-vault-entry .sl-awe-vault-pricetag { float:right; width: 86px; height: 80px;}
				#wrap #content-area .scrollContainer .scrollContent .panel .sl-awe-vault-entry .a27 { background:url(../img/sl-awe-pricetag-27.png) no-repeat; }
				#wrap #content-area .scrollContainer .scrollContent .panel .sl-awe-vault-entry .a37 { background:url(../img/sl-awe-pricetag-37.png) no-repeat; }
				#wrap #content-area .scrollContainer .scrollContent .panel .sl-awe-vault-entry .a67 { background:url(../img/sl-awe-pricetag-67.png) no-repeat; }
				#wrap #content-area .scrollContainer .scrollContent .panel .sl-awe-vault-entry .a97 { background:url(../img/sl-awe-pricetag-97.png) no-repeat; }
				#wrap #content-area .scrollContainer .scrollContent .panel .sl-awe-vault-entry .a197 { background:url(../img/sl-awe-pricetag-197.png) no-repeat; }
				#wrap #content-area .scrollContainer .scrollContent .panel .sl-awe-vault-entry .a197ea { background:url(../img/sl-awe-pricetag-197ea.png) no-repeat; }
				#wrap #content-area .scrollContainer .scrollContent .panel .sl-awe-vault-entry .a297 { background:url(../img/sl-awe-pricetag-297.png) no-repeat; }
			#wrap #content-area .scrollContainer .scrollContent .panel .sl-awe-vault-entry .sl-awe-vault-title {display:block; font-size: 11pt; font-weight: bold;}
			#wrap #content-area .scrollContainer .scrollContent .panel .sl-awe-vault-entry .sl-awe-vault-subtt {display:block; font-size: 8pt; font-weight: bold;}
			#wrap #content-area .scrollContainer .scrollContent .panel .sl-awe-vault-entry ul {}
			#wrap #content-area .scrollContainer .scrollContent .panel .sl-awe-vault-entry ul li {}
			#wrap #content-area .scrollContainer .scrollContent .panel h2 { font-size: 16pt; color: #036; font-family: arial, helvetica, sans-serif; margin-bottom: 15px; font-weight: bold; }
			#wrap #content-area .scrollContainer .scrollContent .panel h3 { font-size: 13pt; color: #036; font-family: arial, helvetica, sans-serif; margin-bottom: 15px; font-weight: bold; }
			#wrap #content-area .scrollContainer .scrollContent .panel p.notification { border: 1px solid #ccc; background: #f9e1e1; padding: 20px; width: 400px; font-size: 11pt; font-style: italic; margin: 0 auto 20px auto; }
			#wrap #content-area .scrollContainer .scrollContent .panel p.comingSoon { text-align: center; border: 1px solid #ccc; background: #efe; padding: 20px; width: 200px; font-size: 13pt; color: #036; font-style: italic; margin: 0 auto 20px auto; text-shadow: 1px 1px 1px #fff}
			#wrap #content-area .scrollContainer .scrollContent .panel a.downloadMP3 {font-size: 11pt; font-weight: bold; color: #c30; text-decoration: none; }
			#wrap #content-area .scrollContainer .scrollContent .panel a.downloadMP3:hover { color: #369 }
			#wrap #content-area .scrollContainer .scrollContent .panel .bonusBox {
				background-image: -ms-linear-gradient(top, #e7f9ff 0%, #e7f9ff 50%,  #FFFFFF 100%);
				background-image: -moz-linear-gradient(top, #e7f9ff 0%, #e7f9ff 50%,  #FFFFFF 100%);
				background-image: -o-linear-gradient(top, #e7f9ff 0%, #e7f9ff 50%,  #FFFFFF 100%);
				background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e7f9ff), color-stop(0.5, #e7f9ff),color-stop(1, #FFFFFF));
				background-image: -webkit-linear-gradient(top, #e7f9ff 0%, #e7f9ff 50%,  #FFFFFF 100%);
				background-image: linear-gradient(top, #e7f9ff 0%, #e7f9ff 50%,  #FFFFFF 100%);
				
				border-radius: 5px;-moz-border-radius: 5px; -webkit-border-radius: 5px;
	
				border: 1px solid #ccc; padding: 20px; margin: 40px 0;
			}
			
			#wrap #content-area .scrollContainer .scrollContent .panel .bonusBox .audioPlayer { margin: 10px auto; width: 250px; height: 59px; padding: 1px 1px 12px 1px; background: url('../img/playerbackshadow_250x59.png') no-repeat}
		#wrap #content-area .scrollContainer .scrollContent .panel .sl-bonus-main-header { margin-top: 40px; width: 437px; height: 100px; background:url(../img/sl-awe-bonus.jpg) no-repeat;  }	
			#wrap #content-area .scrollContainer .scrollContent .panel .sl-bonus .sl-bonus-head { padding-top: 58px; }
				#wrap #content-area .scrollContainer .scrollContent .panel .sl-bonus .sl-bonus-head#one { background: url(../img/sl-awe-bonus-1.jpg) no-repeat }
				#wrap #content-area .scrollContainer .scrollContent .panel .sl-bonus .sl-bonus-head#two { background: url(../img/sl-awe-bonus-2.jpg) no-repeat }
				#wrap #content-area .scrollContainer .scrollContent .panel .sl-bonus .sl-bonus-head#tri { background: url(../img/sl-awe-bonus-3.jpg) no-repeat }
		#wrap #content-area .scrollContainer .scrollContent .panel .sl-bonus .sl-bonus-head .title { margin:0 0 5px 12px; padding: 0; display: block; font-size: 14pt; font-weight: bold; font-family: Arial, Helvetica, sans-serif; color: #036; text-shadow: 0px 2px 3px #999;}
		#wrap #content-area .scrollContainer .scrollContent .panel .sl-bonus .sl-bonus-head .subtt { margin:0 0 5px 12px; padding: 0; display: block; font-size: 12pt; font-weight: bold;}
		#wrap #content-area .scrollContainer .scrollContent .panel .sl-bonus .sl-bonus-content .sl-bonus-value {display: block; font-size: 12pt; font-weight: bold; font-family: Arial, Helvetica, sans-serif; color:#393; text-shadow: 0px 2px 3px #999; }

		#wrap #content-area .scrollContainer .scrollContent .panel .sl-nsa-main-header { margin-top: 40px; width: 437px; height: 100px; background: url(../img/sl-awe-bonus.jpg) no-repeat }	
			#wrap #content-area .scrollContainer .scrollContent .panel .sl-nsa .sl-tb-head { height: 68px; display: block; padding: 20px 0 0 90px; margin-bottom: 5px; }
				#wrap #content-area .scrollContainer .scrollContent .panel .sl-nsa .sl-tb-head#one { background: url(../img/sl-tbspecial-1.jpg) no-repeat }
				#wrap #content-area .scrollContainer .scrollContent .panel .sl-nsa .sl-tb-head#two { background: url(../img/sl-tbspecial-2.jpg) no-repeat }
				#wrap #content-area .scrollContainer .scrollContent .panel .sl-nsa .sl-tb-head#tri { background: url(../img/sl-tbspecial-3.jpg) no-repeat }
				#wrap #content-area .scrollContainer .scrollContent .panel .sl-nsa .sl-tb-head#por { background: url(../img/sl-tbspecial-4.jpg) no-repeat }
				#wrap #content-area .scrollContainer .scrollContent .panel .sl-nsa .sl-tb-head#pyb { background: url(../img/sl-tbspecial-5.jpg) no-repeat }
#wrap #content-area .scrollContainer .scrollContent .panel .sl-nsa .sl-tb-head .title { margin:0 0 5px 12px; padding: 0; display: block; font-size: 14pt; font-weight: bold; font-family: Arial, Helvetica, sans-serif; color: #036; text-shadow: 0px 2px 3px #999;}
		#wrap #content-area .scrollContainer .scrollContent .panel .sl-nsa .sl-tb-head .subtt { margin:0 0 5px 12px; padding: 0; display: block; font-size: 12pt; font-weight: bold;}
		#wrap #content-area .scrollContainer .scrollContent .panel .sl-nsa .sl-nsa-content .sl-nsa-value {display: block; font-size: 12pt; font-weight: bold; font-family: Arial, Helvetica, sans-serif; color:#393; text-shadow: 0px 2px 3px #999; }
		

	 footer { width: 680px; margin: 0 auto; font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: #666; line-height: 1.3em;}