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

 
@font-face{
	font-family:GothamB;
	src:url("Gotham-Medium.ttf");
}

body {
	 
  font-family: "Trebuchet MS", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
  overflow:auto;
  margin:0px;
	background:url(../img/bg2011.jpg);
	background-position:center 128px;
	background-repeat:repeat-x;
	min-width:1300px;
	background-color:#002b42;
}
.bookmark ul{
	display:block;
	list-style:none;
		margin:0px;
	padding:0px;
	padding-left:15px;
}
.bookmark ul li{
	float:left;
	margin-right:5px;
		margin-bottom:15px;
	
}
.bookmark ul li a img{
	border:0px;
	
}
#topRght {
	background:url(../img/topRght.jpg);
	background-repeat:no-repeat;
	width:253px;
	height:131px;
	float:right;
}
#topMid {
	height:131px;
	float:left;
}
#logoTop {
	background:url(../img/logoTop.jpg);
	background-repeat:no-repeat;
	width:465px;
	height:131px;
	float:left;
}
#header {
	width:100%;
	height:131px;
	background:url(../img/topMidFiller.jpg);
	background-repeat:repeat-x;
	max-height:131px;
	min-width:1300px;
}
#content {
	width:1280px;
	height:auto;
	margin:auto;
	padding:auto;
}
#footerTop {
	width:100%;
	height:30px;
	float:left;
	background:url(../img/footerBg.jpg);
	background-repeat:repeat-x;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	width: 100%;
	font-size:68%;
	margin: 0em 0em 0em 0em;
	/*padding: 1em 0.5em 1em 0.5em;*/
 
	z-index:5;
}
#footer {
	width:100%;
	height:30px;
	float:left;
	background-repeat:repeat-x;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	width: 100%;
	font-size:68%;
	margin: 0em 0em 0em 0em;
	/*padding: 1em 0.5em 1em 0.5em;*/
 
	z-index:5;
}
#leftColContent {
	float:left;
}
#rghtColContent {
	float:left;
}
#botContent {
	margin-top:80px;
	margin-bottom:40px;
	float:left;
	width:100%;
}
#learningCenter {
	background:#FFF;
	width:1280px;
	margin:auto;
	padding:20px;
	background-color:#FFF;
}
#learningCenter ul {
	display:block;
	width:200px;
	list-style:none;
	font-size:13px;
	float:left;
	padding-right:30px;
	text-align:right;
	border-right:thin 1px #000;
}
#learningMainNav {
}
#learningMainNav ul {
	list-style:none;
	width:auto;
}
#learningMainNav ul li {
	float:left;
	width:auto;
	font-size:12px;
	text-align:left;
}
#titles {
	float:left;
	width:100%;
}
#titles h1 {
	float:left;
	text-align:center;
	font-size:34px;
	font-family:GothamB;
	width:420px;
	color:#1C78FF;
	margin-bottom:-60px;
}
#titleContainer {
	width:1300px;
	margin:auto;
	padding:auto;
	/*background-image:url(../img/diagram.png);background-position:top center; 
height:130px;
	background-repeat:no-repeat;*/ 
	margin-top:-10px;
}
#mainNav h1 {
	float:left;
	text-align:center;
	font-size:28px;
	font-family:GothamB;
	line-height:23px;
	color:#bfc9d1;
	width:100%;
}
.popTitleLftBg {
	float:left;
	width:13px;
	height:36px;
	background:url(../img/popTitleLftBg.png);
	margin-left:20px;
line-height:2px;
}
.popTitleMidBg {
	float:left;
	width:870px;
	height:36px;
	background:url(../img/popTitleMidBg.png);
}
.popUpTitle {
	height:36px;
	width:600px;
	float:left;
	margin-top:8px;
	color:#3D6D9D;
 
}
#close {
	float:right;
	padding-right:20px;
	padding-bottom:10px;
	text-transform:none;
}
.popTitleRghtBg {
	float:left;
	width: 17px;
	height:36px;
	background:url(../img/popTitleRghtBg.png);
}
.titleBar {
	width:920px;
	float:left;
}
#popUpBotBg {
	float:left;
	width: 880px;
	height:16px;
	background:url(../img/popUpBotBg.png);
}

#botContent{
z-index:1;
 
	
}
/*
#botContent h3{
width:100%;
text-align:center;  
	
}*/
#blackout {
position: fixed;
visibility: hidden;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: none;
background-color: #000;

filter: alpha(opacity=55);
-moz-opacity: .8;
opacity: .6; 
z-index: 20;
}

#Blog{
	float:left;
width:900px;	
}

#closeMyAlert, #closePopUp{
 display:block;
text-align:left; 
padding-right:10px;

z-index:20;
height:22px;
width:50px;
text-decoration:none;
font-weight:bold;
color: #333; 
float:right;
font-size:16px;
background:url(../img/closebtn.png);
background-position:right;
background-repeat:no-repeat;
}
 #closePopUp{
 margin-right:-22px;
 }
#closeMyAlert:hover, #closePopUp:hover{
color:#0066FE;
}
/**/
/*
 #content { 
width:1350px;		
   margin:auto;
  padding:auto;
 }
*/
#controls{   
	z-index:2;
	border:5px solid #336598;
	 margin:auto;
	 padding:auto;
	float:left; 
}
 
.copyright{
float:right;
width:100px;
margin:auto;
padding:auto;
text-align:left;
margin-top:-14px;
}
 
#diagram{
	float:left;
	margin:auto;
	padding:auto;
	margin-top:-149px;
	width:792px;
	height:114px;
	background-image:url(../img/diagram.png);
	background-position:0px -130px; 
	background-repeat:no-repeat;
}
#footer a{
	color:#fff;
	text-decoration:none;
	 
}
 
#flashapp{  
margin:auto;
padding:auto;
margin-top:25px;
	z-index:2;
}

 #finishHldr{
position:absolute;
top:90px;
height:700px;
width:100%; 
border:#F00;
border-width: 7px; 
border-style:solid;
visibility:hidden;
display:none;
/* z-index:15;*/
z-index: 25;
min-width:1330px;
}

#finishBtn{
/*position:absolute;background-image: url('finishBtn.png');background-repeat: repeat-x;*/
 
cursor:default; 
 margin:auto;
 pading:auto;
height:540px;
width:850px;
border:#Ff0;
border-width: 3px; 
border-style:solid;
/*background-image: url('finsihBtn_notActive.png');*/ 
z-index: 25;
}
#finishPlcHldr{
	
 border:#0f0;
border-width: 3px; 
border-style:solid;
	margin-left:355px;
	margin-top:475px;	
	z-index: 25; 
}
#finishBtnImg{
	 width:170px;
	 height:43px;
	cursor:pointer;
	position:absolute;
	border:#0ff;
/*	
border-width: 4px; 
border-style:solid; 
*/
display:block;
z-index: 25;
}

#finishBtn a:hover{
color:#FF0000;
}


#logo {

 margin-left: auto;
  margin-right: auto;
      padding-left:10px; 

float:left;
width:750px;
height:90px;
background-image: url('../img/logo.jpg');
background-position:left;
background-repeat:no-repeat; /**/
z-index:5;
}
#leftColContent{
width:248px;	
margin-left:80px;
margin-right:-80px;
margin-top:10px;
}
#mainNavTop{
	margin-top:60px;
	/*background:url(../img/leftNavTopBg.png);*/
	height:21px;
	width:244px;
	float:left; 	
}

#mainNavBot{
	/*background:url(../img/leftNavBotBg.png);*/
	height:19px;
	width:246px;
		float:left;
}
 
#mainnav{    
float:left;
/*	border: 3px solid #f00;*/
	/*background:url(../img/leftNavMidBg.png);*/
	height:auto; 
	width:246px;
}

#mainnav #video{
	display:block;
	float:left; 
	background:url('../img/vidBg.png');
width:240px;
height:203px;
margin-left:5px;
margin-top:10px;
  /* Firefox 3.6 and earlier */
} 
#howtovid{
	display:block;

overflow:hidden;
  /* Firefox 3.6 and earlier */
width:233px;
height:180px;
  
 margin-top:10px;
}

#vhtVidHldr{
		display:block;

overflow:hidden;
border-radius:10px;
-moz-border-radius:10px; /* Firefox 3.6 and earlier */
width:233px;
height:200px;
background-color:#000;
  
}
a.media{
width:240px;
height:203px;	
	
}
#mainnav a{
	display:block;  
	text-decoration:none; 
	text-align:left;
	line-height:30px;
	color:#314748; 
	font-size:13px;
	font-weight:bold;	
	/*text-shadow: 0px 1px 1px #FFFFFF;*/
	letter-spacing:1.2px;
	 margin-left:5px; 
}
#mainnav ul li{
	display:block;
	float:left;
	/* border: 3px solid #3CF;*/
	height:37px;
	margin:0px;
	padding:0px;
	margin-top:-5px;
 }
#mainnav ul{
	display:block;
	float:left;
	position:relative;
	list-style:none; 
	margin-left:10px;
	padding:0px;
	margin-top:-5px;
}
#mainnav a:hover{
	
	 color:#0066FE;
}
 
#mainnav .btnLeft{
	display:block;
	float:left;
	background:url(../img/btnLftBg.png);
	width:12px;
	height:37px;
	background-repeat:no-repeat;
}
 #mainnav .btnRight{
	display:block;
	float:left;
	background:url(../img/btnRhtBg.png);
	width:18px;
	height:37px;
	background-repeat:no-repeat;
}
 
#mainnav .btnMid{
	display:block;
	float:left;
width:195px; 
height:37px;
	text-decoration:none;
	background:url(../img/btnMidBg.png); 
}
 
 

 
#myAlertDiv{
position: absolute;
top: 50%;
left: 50%;
margin-top: -81px; /*half of the height plus a little to the top*/
margin-left: -150px; /*half of the width*/ 
visibility: hidden;
display: none;
border: 1px solid #000;
background-color: #FFF;
color: #333;
padding: 0;
height:auto;
width: 300px;
z-index: 21;
font-family: "Trebuchet MS", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}
#myAlertHead{
 
font-weight:700;
font-size:16px;
background-color: #999999;
text-align:left;
padding-left:10px;
/*padding:2px 10px;*/
z-index:-3;
}
#myAlertContent{
clear:both;
text-align:left;
padding: 10px;
}
#popUpContent{
	margin-top:30px;
margin-left:51px;
position:absolute;

width:900px;
height:auto;
z-index:19;
top:110px; 	  
}

#popUpContent .page{ 
float:right;
width:880px;
height:auto; 
 
 
}
#popUpContent .contentbg{ 
 text-align:left;
 float:left; 
 width:880px; 
 min-height:700px;
 height:auto; 
 background:#f7fbfd;
 background-repeat:no-repeat;
 background-position:bottom;
 border-left: 1px solid #98aeb0;
  border-right: 1px solid #98aeb0;
background-image: url('../img/popUpMidBg.jpg');

}
#popUpContent .content{ 
 width:860px;
 padding-left:30px;
 }
#text{
width:800px;	
}
/*
#titleBar{
	background:#F3EEFB;
	border-bottom: 1px solid #ccc;
	margin-bottom:15px;
}
#popUpTitle{
	text-align:left;
	 background:#F3EEFB;
	 text-indent:20px;
width:100%;text-align:left;float:left; 
 
}*/
h1,h2,h3,h4,h5{
/*	text-shadow: #000000 0px 2px 5px;text-shadow: #A2A2A2 0px 2px 5px;*/
color: #61656D;
	text-shadow: 0px 1px 1px #FFFFFF;
font-family:GothamB;
	font-size:28px ;
	
	
}
#patent_pending{
	 margin-left: auto;
  margin-right: auto;
  float:left;
  padding:auto;
	width:127px;
	height:124px; 
	background-image: url('../img/patent_pending.gif');
}
#processingSwf{ 
 
padding-top: 40px; 

/* top: 600px;
left: 50%;
 
margin-left: -150px;  
visibility:hidden; 
display: none; 
padding: 6;
height: 28px;*/ 
   
}

.subLinks{
width:500px;
margin:auto;
padding:auto;
padding-top:50px;
margin-top:-38px;}

#shell { 
position: absolute;
  text-align: left;
  top:0%;
  left:0%;
  width: 100%; 
  min-width:1300px;
  margin-left:auto;
  margin-right: auto; 
  z-index:0;
}



#topnav {
	 
 margin:auto;
 padding:auto; 
text-align:cetner;
width:1200px;
height:98px;  
z-index:5;  /**/
}
#topnavbg {
 float:left;
z-index:4; 
height:98px;
width:100%;
/*background-image: url('nav_bg.gif'); background-repeat: repeat-x;*/
background-color: #f4f6ff; 
border-bottom:5px solid #336598;/**/
}

.numbered{
font-size:30px;
font-weight:bold;
}


 
.answer{
}

p b{
font-size:19px;	
}
.question{
font-size:16;
font-weight:bold;
color:#0066FE;
}