@charset "UTF-8";
/* CSS Document */
body{background-color:#FFF; font-family:Helvetica, sans-serif; font-weight:100;  color:#000; margin:0; font-size:110%; padding:0;   }
html {height:100%;}

h1{font-family: 'Open Sans Condensed', sans-serif; color:#C03425; font-size:140%; margin:0.2em 0 1em 0; }
h2{ font-family: 'Open Sans Condensed', sans-serif; font-size:140%; font-weight:700; }
h3{font-family: 'Open Sans Condensed', sans-serif; color:#FFF; font-size:140%; margin:0.2em 0 1em 0; }
h4{font-family: 'Open Sans Condensed', sans-serif; color:#C03425;  font-size:140%; margin:0.2em 0 1em 0; }
@viewport { width:device-width; }
a{color:#000;}

#topNav{height:10%; background-color:#3175B4; width:100%; padding:0.3em 0; max-width:60em; margin:0 auto; text-align:center; color:#FFF; }
.navItem {display:inline; margin-right:1em; border-right:thin solid #FFF; padding-right:1em; }
.navItemLast {border-right:0; padding-right:0; margin-right:0;}
#topNav a{text-decoration:none; color:#FFF; font-size:90%;}
#container{height:90%; width:100%; max-width:60em;  margin:0 auto; background-color:#FFF;}

#page1{ background-image:url(img/background1.jpg); background-position:bottom; background-repeat:no-repeat; height:570px; background-color:#2771B2; }
#page1a{ width:40%; float:left; text-align:right; margin-top:5em;}
#page1b{ width:53%; float:left; margin-top:9em; margin-left:7%;}
.appTitleImg{}
.button1{cursor:pointer; display:inline; margin-right:0.5em;}


.contentPage {text-align:center; width:60%; margin:5em auto 0 auto;}
.contentPage p {}
#page2logo{width:100px; height:100px;}

#page3{}
#page3Img {width: 200px; height:230px; float:right; margin-left:1em;}

#page4{}
#page4Img {width: 200px; height:230px; float:left; margin-right:1em;}
#page4Segments{ color:#C03425; font-size:90%; display:inline-block; margin-top:1em;}
.page4Segment{vertical-align:top; margin-right:1.5em; text-align:center; display:inline-block; }

#page5{}
#page5Img {}
.questionContainer{ border:1px solid #C03425; }
.questionText{ padding:1em; text-align:left; background-image:url(img/plus.png); background-repeat:no-repeat; background-position:right; cursor:pointer; }
.answerContainer{ padding:1em; text-align:left; border:1px solid #d7d7d7; display:none;}
.answerText{ color:#666; line-height:1.5em;}


#page6{ margin-top:5em; background-image:url(img/background2.jpg); background-repeat:no-repeat; height:832px; background-color:#2771B2; text-align:center; }
#page6 p{color:#FFF; width:60%; margin: 1em auto 0 auto;}
#page6 h3{padding-top: 0.5em; margin-bottom: 0.5em;}
#page6 a{color: #FFF;}
#page6 .appTitleImg {margin-top:2em;}
#page6 .ntgpeLogo {width:100px; height:46px; margin-top:3em;}
#page6 .button1{margin-right:2em;}

#footer{background-color:#0a5ca6; text-align:center; padding:1em 0 1em 0; font-size:80%; color:#FFF;}

.leftText{text-align:left;}
.clearBoth {clear:both;}
img {border:0;}

/*Smaller screens*/
@media only screen and (max-width: 70em) {
	
}


/*MOBILE SPECIFIC STYLES*/
@media only screen and (max-width: 40em) {
	#container {}
	#page1a{display:none; }
	#page1b{ width:100%;  margin-top:5em; margin-left:0; text-align:center;}
	.button1{display:block; margin:0;}
	#page3Img, #page4Img{float:none; margin:0;}
	.leftText {text-align:center;}
	.page4Segment{margin-top:1em;}
	#page6 h3{padding-top:1em; margin-bottom:1em;}
	.navItem {width:100%;display:block; padding:0.5em 0;}
	.contentPage{width:90%;}

}

/*SMALL MOBILE SPECIFIC STYLES iphone 4, iphone 5 portrait, nexus 4 portrait, all small phones */
@media only screen and (max-width: 30em) {
	
}

/*DESKTOP SPECIFIC STYLES LAST*/
@media all and (min-width: 50em) {

}

@media screen and (min-width:0\0) {  
    /* IE9 and IE10 rule sets go here */  
	
}