@charset "UTF-8";

body{
	margin: 0 auto;
	right: 0px;
	width: 100%;
	height: 100%;
	min-width: 400px;
	margin-right: 0px;
	padding-right: 0px;
	font-family: open-Sans, Helvetica, Arial, sans-serif;
	padding-bottom: 0px !important;
	margin-bottom: 0px;
	bottom: 0px !important;
}
#seg21{
	display: block;	
}
#q21{
	display: block;	
}
#seg31{
	display: block;	
}
#q31{
	display: block;	
}
@font-face {
    font-family: Encode-Sans-Normal-Black;
    src: url(../fonts/EncodeSans/EncodeSansNormal-900-Black.ttf);
}
@font-face {
    font-family: uni-Sans;
    src: url(../fonts/UniSans/Fontfabric-UniSansRegular.otf);
}
@font-face {
    font-family: open-Sans;
    src: url(../fonts/OpenSans/OpenSansregular.ttf);
}

div {
    font-family: uni-Sans, Helvetica, Arial, sans-serif;
}
#listQuestion ul li{
	list-style-type: none;	
}
#listQuestion1 ul li{
	list-style-type: none;	
}
#lightBoxBg{
	display: none;
	width: 100%;
	height: 100%;
	background-color: #000000 ;
	opacity: 0.5;
	margin-top: 0px;
	position: fixed;
	top: 0;
	z-index: 10;
}
#container{
	min-width: 400px;	
	width: 100%;
	min-height: 100%;
	margin: 0 auto;
	z-index: 0 !important;
	position: relative !important;
	padding-bottom: 10px;
	
}
.page-headerlogo {
  padding-bottom: 9px;
  margin: 20px 0 0px;
  margin-top: 38px;
  margin-left: 112px;
  position: absolute;
  top: 0;
  z-index: 10;
  padding-left: 5px;

}
#wrapper{
 	width: 100%;
	height: auto;
	background-color: #ffffff;	
	margin: 0 !important;
}
#preMod{
	padding-top: 20px;
	background-image: url(quad.jpg) ;
	background-size: cover;	
}
#previousModules{
	height: 100%;	
}
.uw-on-campus{
	height: 35px;
    margin-bottom: 20px;
    text-align: center;
}
.uw-on-campus h2{
	color: #ffffff;
	font-family: 'Encode Sans Compressed', sans-serif;
	font-size: 24px;
	font-weight: 300;
	height: 31px;
	line-height: 31.2000007629395px;
}
.preModule{
	background-color: #ECE9E2;
	padding: 0px;	
	margin-right: 20px;
	margin-top: 20px;
	z-index: 0;
}
.page-header img{
  margin-left: 100px;
  margin-top: -4px;
}
.son-wrapper{
	width: 103%;
	min-width: 400px;	 
	height: 90px;
	background-color: #4b2e83;
	position: absolute;
	z-index: 1;
}
.w-logo{
	width: 148px;
	height: 100px;
	margin-top: 0px;
	position: absolute;
	top: 0;
	left: 4px;
	z-index: 5;
}
.w-logo img{
	width: 104px; 
	height: 70px;
	margin-top: 20px;
	margin-left: 5px;
}
.pc-logo{
	margin-top: 0px;
	position: absolute;
	top: 0;
	left: 4px;
	z-index: 5;
}
.pc-logo img{
	margin-top: 0px;
	margin-left: 0px;
}
.page-header {
  padding-bottom: 0px;
  margin: 3px 0 0px;
  margin-left: 2%;
  positions: absolute;
  top: 0;
  z-index: 10px;
}
.page-header h1{
 	font-weight: normal;
	color: #4b2e83;
  
}
.page-header h2{
 	font-weight: bold;
	color: #4b2e83;
    font-family: Encode-Sans-Normal, Helvetica, Arial, sans-serif;
	margin: 0px;
  
}
#noBullets ul li{
	list-style: none;
}
#showLeft{
	 background-color: #ffffff;
}
#showLeft:hover{
	 background-color: #ffffff !important;
}
.testtest{
	 background-color: #EBEBEB !important;
}
h1{
	font-family: Encode-Sans-Normal-Black, Helvetica, Arial, sans-serif;
}
p{
	font-size: 19px;	
	font-weight: 300;
	line-height: 22px;
	font-family: Encode-Sans-Normal, Helvetica, Arial, sans-serif;
	color: #444444;
}
.centerMe{
	text-align: center;
	
}

a:hover{
	text-decoration: none;	
}

.clear{
	clear: both;	
}
hr{
	margin-top: 0px;
	margin-bottom: 20px;
}
#son-footer{
	width: 100%;
	height: 150px;
	background-color: #ffffff;
	position: absolute !important;
	z-index: 1;
	bottom: 0 !important;
	left: 0;
	margin-bottom: 0px !important;
	margin-top: 150px;
	clear:both;
}
.bottomLogos img{
	display: block;
    margin: 0 auto;
}
.bottomLogos1 img{
	display: block;
    margin: 0 auto;
}
#son-footer p{
	font-size: 14px;
	line-height: 24px;
	color: #444444;
	font-weight: normal;
	font-family: open-Sans, Helvetica, Arial, sans-serif;
	margin-bottom: 10px;
	text-align: center;
	
}
#son-footer p a{
	font-size: 14px;
	line-height: 24px;
	color: #444444;
	padding-left: 0px;
}
#introVideo h2{
	font-size: 27px;
	font-family:'Encode Sans Compressed', sans-serif;
	padding-left: 0px;
	
}
/*--------------------------------
		 Bootstarp Nav Bar
---------------------------------*/

.col-sm-4 {
	background-color: #cccccc;
	padding-left: 2px;
	padding-right: 0px;
	height: 50px;
	border-top: 1px solid #cccccc;
	padding-left: 15px;
	font-size: 15px;
}
.col-sm-4 a {
	text-align: center;
	font-size: 15px;
	padding-top:15px;
	padding-bottom: 12px;

	
}
.col-sm-4:hover {
	background-color: #ffffff;
	font-size: 15px;
}
.col-sm-2 {
	background-color: #cccccc;
	padding-left: 2px;
	padding-right: 0px;
	height: 50px;
	border-top: 1px solid #cccccc;
	font-size: 15px;
	padding-left: 15px;
}
.col-sm-2 a {
	text-align: center;
	font-size: 15px;
	padding-top:15px;
	padding-bottom: 12px;
	
}
.col-sm-2:hover {
	background-color: #ffffff;
	font-size: 15px;
}
a{
	color: rgb(57, 39, 91);	
	font-weight: bold;
	text-decoration: underline;
}
a:hover{
	text-decoration: underline;
}
.active{
	color: #4b2e83 !important;
	background: #d9d9d9 !important;
	border-bottom: 1px solid #ffffff !important;
	border-right: 1px solid #ffffff !important;
}
.main{
	margin-top: 90px;
	height: 100%;	
}
.grayBG{
	background-color: #ECE9E2;	
}

/*---------------------------------------
				 NEW
----------------------------------------*/
#introVideo{
	background-color: #ffffff;
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 20px;
	/*padding-left: 20px;*/
	padding-top: 10px;
	padding-bottom: 20px;
	
}
#introVideo p{
	font-size: 18px;
	line-height: 28px;
	font-weight: normal;
	margin: 0 auto;
	margin-bottom: 20px;
	width: 90%;
	
}
#introVideo a{
	font-size: 18px;
	line-height: 28px;
	font-weight: 200;
	margin: 0 auto;
	margin-bottom: 30px;
	width: 90%;
	
}
#introVideo ul{
	font-size: 18px;
	line-height: 28px;
	font-weight: 200;
	margin: 0 auto;
	width: 90%;
	font-family: uni-Sans, Helvetica, Arial, sans-serif;	
	padding-left: 0px;
}
#introVideo ul li{
	font-size: 18px;
	line-height: 28px;
	font-weight: 200;
	margin: 0 auto;
	width: 90%;	
	font-family: uni-Sans, Helvetica, Arial, sans-serif;	
	margin-left: 40px;
}
#introVideo ol{
	font-size: 18px;
	line-height: 28px;
	font-weight: 200;
	margin: 0 auto;
	width: 90%;
	font-family: uni-Sans, Helvetica, Arial, sans-serif;		
	padding-left: 0px;
}
#introVideo ol li{
	font-size: 18px;
	line-height: 28px;
	font-weight: 200;
	margin: 0 auto;
	width: 90%;	
	font-family: uni-Sans, Helvetica, Arial, sans-serif;	
	margin-left: 40px;
}
.day1{
	font-weight: bold;
	color: #428bca;	
}
.day11{
	font-weight: normal;
	color: #428bca;	
	font-size: 16px;
	line-height:25px;
}

.nextButton{
	float: right;
	font-size: 22px;
    line-height: 35px;
	color: #444444;
	margin-top: 10px;
	padding: 7px;
}
.nextButton:hover{
	cursor: pointer;
	color: #4b2e83;
	background-color: #EBEBEB;
}
.backButton{
	float: left;
	font-size: 22px;
    line-height: 35px;
	color: #444444;
	margin-top: 10px;
	padding: 7px;
}
.backButton:hover{
	cursor: pointer;
	color: #4b2e83;
	background-color: #EBEBEB;
	
}
#q1 {
	display: block;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	box-shadow:  2px 2px 3px 1px  #cccccc;
	width: 96%;
	height: 100% !important;
	margin: 2%;
	padding: 70px;
	padding-top: 10px;
	padding-bottom: 20px;	
}
#q2 {
	display: none;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	box-shadow:  2px 2px 3px 1px  #cccccc;
	width: 96%;
	height: auto;
	margin: 2%;
	padding: 70px;
	padding-top: 10px;
	padding-bottom: 20px;	
}
#q3 {
	display: none;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	box-shadow:  2px 2px 3px 1px  #cccccc;
	width: 96%;
	height: auto;
	margin: 2%;
	padding: 70px;
	padding-top: 10px;
	padding-bottom: 20px;	
}
#q4 {
	display: none;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	box-shadow:  2px 2px 3px 1px  #cccccc;
	width: 96%;
	height: auto;
	margin: 2%;
	padding: 70px;
	padding-top: 10px;
	padding-bottom: 20px;	
}
#q5 {
	display: none;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	box-shadow:  2px 2px 3px 1px  #cccccc;
	width: 96%;
	height: auto;
	margin: 2%;
	padding: 70px;
	padding-top: 10px;
	padding-bottom: 20px;		
}
#q6 {
	display: none;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	box-shadow:  2px 2px 3px 1px  #cccccc;
	width: 96%;
	height: auto;
	margin: 2%;
	padding: 70px;
	padding-top: 10px;
	padding-bottom: 20px;		
}
#q7 {
	display: none;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	box-shadow:  2px 2px 3px 1px  #cccccc;
	width: 96%;
	height: auto;
	margin: 2%;
	padding: 70px;
	padding-top: 10px;
	padding-bottom: 20px;		
}
#q8 {
	display: none;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	box-shadow:  2px 2px 3px 1px  #cccccc;
	width: 96%;
	height: auto;
	margin: 2%;
	padding: 70px;
	padding-top: 10px;
	padding-bottom: 20px;	
}
#q9 {
	display: none;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	box-shadow:  2px 2px 3px 1px  #cccccc;
	width: 96%;
	height: auto;
	margin: 2%;
	padding: 70px;
	padding-top: 10px;
	padding-bottom: 20px;		
}
#q10 {
	display: none;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	box-shadow:  2px 2px 3px 1px  #cccccc;
	width: 96%;
	height: auto;
	margin: 2%;
	padding: 70px;
	padding-top: 10px;
	padding-bottom: 20px;	
}
#q11 {
	display: none;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	box-shadow:  2px 2px 3px 1px  #cccccc;
	width: 96%;
	height: auto;
	margin: 2%;
	padding: 70px;
	padding-top: 10px;
	padding-bottom: 20px;		
}
#q12 {
	display: none;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	box-shadow:  2px 2px 3px 1px  #cccccc;
	width: 96%;
	height: auto;
	margin: 2%;
	padding: 70px;
	padding-top: 10px;
	padding-bottom: 20px;		
}
#q13 {
	display: none;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	box-shadow:  2px 2px 3px 1px  #cccccc;
	width: 96%;
	height: auto;
	margin: 2%;
	padding: 70px;
	padding-top: 10px;
	padding-bottom: 20px;	
}
#q14 {
	display: none;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	box-shadow:  2px 2px 3px 1px  #cccccc;
	width: 96%;
	height: auto;
	margin: 2%;
	padding: 70px;
	padding-top: 10px;
	padding-bottom: 20px;	
}
#q15 {
	display: none;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	box-shadow:  2px 2px 3px 1px  #cccccc;
	width: 96%;
	height: auto;
	margin: 2%;
	padding: 70px;
	padding-top: 10px;
	padding-bottom: 20px;	
}
#q16 {
	display: none;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	box-shadow:  2px 2px 3px 1px  #cccccc;
	width: 96%;
	height: auto;
	margin: 2%;
	padding: 70px;
	padding-top: 10px;
	padding-bottom: 20px;	
}
#q17 {
	display: none;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	box-shadow:  2px 2px 3px 1px  #cccccc;
	width: 96%;
	height: auto;
	margin: 2%;
	padding: 70px;
	padding-top: 10px;
	padding-bottom: 20px;	
}
#q18 {
	display: none;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	box-shadow:  2px 2px 3px 1px  #cccccc;
	width: 96%;
	height: auto;
	margin: 2%;
	padding: 70px;
	padding-top: 10px;
	padding-bottom: 20px;	
}
#q19 {
	display: none;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	box-shadow:  2px 2px 3px 1px  #cccccc;
	width: 96%;
	height: auto;
	margin: 2%;
	padding: 70px;
	padding-top: 10px;
	padding-bottom: 20px;	
}
#q20 {
	display: none;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	box-shadow:  2px 2px 3px 1px  #cccccc;
	width: 96%;
	height: auto;
	margin: 2%;
	padding: 70px;
	padding-top: 10px;
	padding-bottom: 20px;	
}
#q21 {
	display: none;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	box-shadow:  2px 2px 3px 1px  #cccccc;
	width: 96%;
	height: auto;
	margin: 2%;
	padding: 70px;
	padding-top: 10px;
	padding-bottom: 20px;	
}
#q22 {
	display: none;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	box-shadow:  2px 2px 3px 1px  #cccccc;
	width: 96%;
	height: auto;
	margin: 2%;
	padding: 70px;
	padding-top: 10px;
	padding-bottom: 20px;	
}
#q23 {
	display: none;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	box-shadow:  2px 2px 3px 1px  #cccccc;
	width: 96%;
	height: auto;
	margin: 2%;
	padding: 70px;
	padding-top: 10px;
	padding-bottom: 20px;	
}
#q24 {
	display: none;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	box-shadow:  2px 2px 3px 1px  #cccccc;
	width: 96%;
	height: auto;
	margin: 2%;
	padding: 70px;
	padding-top: 10px;
	padding-bottom: 20px;	
}
#q25 {
	display: none;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	box-shadow:  2px 2px 3px 1px  #cccccc;
	width: 96%;
	height: auto;
	margin: 2%;
	padding: 70px;
	padding-top: 10px;
	padding-bottom: 20px;	
}
#q26 {
	display: none;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	box-shadow:  2px 2px 3px 1px  #cccccc;
	width: 96%;
	height: auto;
	margin: 2%;
	padding: 70px;
	padding-top: 10px;
	padding-bottom: 20px;	
}
#q27 {
	display: none;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	box-shadow:  2px 2px 3px 1px  #cccccc;
	width: 96%;
	height: auto;
	margin: 2%;
	padding: 70px;
	padding-top: 10px;
	padding-bottom: 20px;	
}
#q28 {
	display: none;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	box-shadow:  2px 2px 3px 1px  #cccccc;
	width: 96%;
	height: auto;
	margin: 2%;
	padding: 70px;
	padding-top: 10px;
	padding-bottom: 20px;	
}
#q29 {
	display: none;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	box-shadow:  2px 2px 3px 1px  #cccccc;
	width: 96%;
	height: auto;
	margin: 2%;
	padding: 70px;
	padding-top: 10px;
	padding-bottom: 20px;	
}
#q210 {
	display: none;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	box-shadow:  2px 2px 3px 1px  #cccccc;
	width: 96%;
	height: auto;
	margin: 2%;
	padding: 70px;
	padding-top: 10px;
	padding-bottom: 20px;	
}
#q211 {
	display: none;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	box-shadow:  2px 2px 3px 1px  #cccccc;
	width: 96%;
	height: auto;
	margin: 2%;
	padding: 70px;
	padding-top: 10px;
	padding-bottom: 20px;	
}
#q212 {
	display: none;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	box-shadow:  2px 2px 3px 1px  #cccccc;
	width: 96%;
	height: auto;
	margin: 2%;
	padding: 70px;
	padding-top: 10px;
	padding-bottom: 20px;	
}
#q213 {
	display: none;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	box-shadow:  2px 2px 3px 1px  #cccccc;
	width: 96%;
	height: auto;
	margin: 2%;
	padding: 70px;
	padding-top: 10px;
	padding-bottom: 20px;	
}
#q214 {
	display: none;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	box-shadow:  2px 2px 3px 1px  #cccccc;
	width: 96%;
	height: auto;
	margin: 2%;
	padding: 70px;
	padding-top: 10px;
	padding-bottom: 20px;	
}
#q215 {
	display: none;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	box-shadow:  2px 2px 3px 1px  #cccccc;
	width: 96%;
	height: auto;
	margin: 2%;
	padding: 70px;
	padding-top: 10px;
	padding-bottom: 20px;	
}
#q216 {
	display: none;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	box-shadow:  2px 2px 3px 1px  #cccccc;
	width: 96%;
	height: auto;
	margin: 2%;
	padding: 70px;
	padding-top: 10px;
	padding-bottom: 20px;	
}
#q217 {
	display: none;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	box-shadow:  2px 2px 3px 1px  #cccccc;
	width: 96%;
	height: auto;
	margin: 2%;
	padding: 70px;
	padding-top: 10px;
	padding-bottom: 20px;	
}
#q218 {
	display: none;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	box-shadow:  2px 2px 3px 1px  #cccccc;
	width: 96%;
	height: auto;
	margin: 2%;
	padding: 70px;
	padding-top: 10px;
	padding-bottom: 20px;	
}
#q219 {
	display: none;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	box-shadow:  2px 2px 3px 1px  #cccccc;
	width: 96%;
	height: auto;
	margin: 2%;
	padding: 70px;
	padding-top: 10px;
	padding-bottom: 20px;	
}
#q30 {
	display: none;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	box-shadow:  2px 2px 3px 1px  #cccccc;
	width: 96%;
	height: auto;
	margin: 2%;
	padding: 70px;
	padding-top: 10px;
	padding-bottom: 20px;	
}
#q31 {
	display: none;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	box-shadow:  2px 2px 3px 1px  #cccccc;
	width: 96%;
	height: auto;
	margin: 2%;
	padding: 70px;
	padding-top: 10px;
	padding-bottom: 20px;	
}
#q32 {
	display: none;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	box-shadow:  2px 2px 3px 1px  #cccccc;
	width: 96%;
	height: auto;
	margin: 2%;
	padding: 70px;
	padding-top: 10px;
	padding-bottom: 20px;	
}
#q33 {
	display: none;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	box-shadow:  2px 2px 3px 1px  #cccccc;
	width: 96%;
	height: auto;
	margin: 2%;
	padding: 70px;
	padding-top: 10px;
	padding-bottom: 20px;	
}
#q34 {
	display: none;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	box-shadow:  2px 2px 3px 1px  #cccccc;
	width: 96%;
	height: auto;
	margin: 2%;
	padding: 70px;
	padding-top: 10px;
	padding-bottom: 20px;	
}
#q35 {
	display: none;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	box-shadow:  2px 2px 3px 1px  #cccccc;
	width: 96%;
	height: auto;
	margin: 2%;
	padding: 70px;
	padding-top: 10px;
	padding-bottom: 20px;	
}
#q36 {
	display: none;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	box-shadow:  2px 2px 3px 1px  #cccccc;
	width: 96%;
	height: auto;
	margin: 2%;
	padding: 70px;
	padding-top: 10px;
	padding-bottom: 20px;	
}
#q37 {
	display: none;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	box-shadow:  2px 2px 3px 1px  #cccccc;
	width: 96%;
	height: auto;
	margin: 2%;
	padding: 70px;
	padding-top: 10px;
	padding-bottom: 20px;	
}
#q38 {
	display: none;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	box-shadow:  2px 2px 3px 1px  #cccccc;
	width: 96%;
	height: auto;
	margin: 2%;
	padding: 70px;
	padding-top: 10px;
	padding-bottom: 20px;	
}
#q39 {
	display: none;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	box-shadow:  2px 2px 3px 1px  #cccccc;
	width: 96%;
	height: auto;
	margin: 2%;
	padding: 70px;
	padding-top: 10px;
	padding-bottom: 20px;	
}
#q310 {
	display: none;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	box-shadow:  2px 2px 3px 1px  #cccccc;
	width: 96%;
	height: auto;
	margin: 2%;
	padding: 70px;
	padding-top: 10px;
	padding-bottom: 20px;	
}
#q311 {
	display: none;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	box-shadow:  2px 2px 3px 1px  #cccccc;
	width: 96%;
	height: auto;
	margin: 2%;
	padding: 70px;
	padding-top: 10px;
	padding-bottom: 20px;	
}
#q312 {
	display: none;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	box-shadow:  2px 2px 3px 1px  #cccccc;
	width: 96%;
	height: auto;
	margin: 2%;
	padding: 70px;
	padding-top: 10px;
	padding-bottom: 20px;	
}
#q313 {
	display: none;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	box-shadow:  2px 2px 3px 1px  #cccccc;
	width: 96%;
	height: auto;
	margin: 2%;
	padding: 70px;
	padding-top: 10px;
	padding-bottom: 20px;	
}
inpu t[type="radio"],
input[type="checkbox"] {
  margin-right: 15px;
  border-radius: 5px;	
}

input[type="button"] {
  border-radius: 5px;	
  float: right;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  float: right;
}
input[type="button"]:hover {
	background-color: #EFEFEF;
}
.qno div{
	width: 30px;
	display: inline;
	float: left;
	margin-right: 5px;
	margin-top: 10px;	
	cursor: pointer;
	margin-bottom: 10px;
}

.qno div h2{
	display: inline;
	float: left;
	margin-top: 10px;	
	clear: left;
}
.circle {
    width: 30px;
    height: 30px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px; 
	border: 1px solid #cccccc;
	padding-top: 4px;
	padding-left: 10px;
}
.circle:hover {
    width: 30px;
    height: 30px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px; 
	border: 1px solid #868686;
	padding-top: 4px;
	/*padding-left: 10px;*/
	background-color: #EBEBEB;
	color: #4b2e83;
}
.circleactive {
    width: 30px;
    height: 30px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px; 
	border: 1px solid #868686;
	padding-top: 4px;
	padding-left: 10px;
	background-color: #EBEBEB;
	color: #4b2e83;
}
.circlepaddMe{
	width: 30px;
    height: 30px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px; 
	border: 1px solid #cccccc;
	padding-top: 4px;
	padding-left: 8px;	
}
.circlepaddMe:hover {
    width: 30px;
    height: 30px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px; 
	border: 1px solid #868686;
	padding-top: 4px;
	/*padding-left: 8px;*/
	background-color: #EBEBEB;
	color: #4b2e83;
}
.circlepaddMeactive {
    width: 30px;
    height: 30px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px; 
	border: 1px solid #868686;
	padding-top: 4px;
	padding-left: 8px;
	background-color: #EBEBEB;
	color: #4b2e83;
}
.titleTop{
	position: absolute;
	top: 60px;
	/*padding-left: 40px;*/
	padding-right: 45px;
	color: #ffffff;
	font-size: 40px;
	/*line-height: 20px;*/
	width: 80%;
	left: 4%;
	font-family: Encode-Sans-Normal-Black, Helvetica, Arial, sans-serif;
	text-shadow: rgba(0, 0, 0, 0.598039) 2px 2px 2px;
}
#boundlessBar {
   position: absolute;
   width: 300px; 
   height: 10px !important;
   background: #b7a57a;
   /* Skew */
    -webkit-transform: perspective(100px) rotateX(-15deg);
    -webkit-transform-origin: left center;
    -moz-transform: perspective(100px) rotateX(-15deg);
    -moz-transform-origin: left center;
    top: 187px;
    left: 4%;
	/*padding-left: 40px;*/
   
}
a.uw-btn{
	padding:13px 24px;
	text-transform:uppercase;
	background-color:#e8e3d3;
	font-family:"Encode Sans Compressed",sans-serif;
	font-weight:800;
	color:#5a5a5a;
	display:inline-block;
	position:relative;
	background-image:none!important;
	border-bottom:none;
	margin-bottom:25px;
	margin-right:55px;
	z-index:1;
	line-height:24px;
	position: absolute;
	top: 430px;
	left: 4%;
	text-decoration: none;
	cursor: pointer;
	}
a.uw-btn.btn-sm{
	padding:10px 16px;
	font-size:14px;
	font-weight:700;
	border-radius:0;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	}
a.uw-btn.btn-sm:before{
	width:45px;
	right:-45px;
	}
a.uw-btn.btn-sm:after{
	width:45px;
	height:45px;
	top:50%;
	margin-top:-21px;
	right:-45px;
	background-size:740px;
	background-position:-32px -410px;
	}
a.uw-btn.btn-sm.btn-play:after{
	background-position:-31px -466px;
	}
a.uw-btn.btn-sm.btn-external:after{
	background-position:-126px -410px;}
a.uw-btn.btn-sm.btn-plus:after{
	background-position:-83px -465px;}
a.uw-btn:hover,a.uw-btn:focus{
	color:#85754d;
	background-color:#f5f5f5;
	text-decoration: none;
	}
a.uw-btn:hover:before,a.uw-btn:focus:before{
	background-color:#613ba9;
	text-decoration: none;
	}
	a.uw-btn.btn-gold:hover:before{background-color:#a49161;text-decoration: none;}
a.uw-btn.btn-purple{background-color:#4b2e83;color:#fff;}
a.uw-btn.btn-purple:hover,a.uw-btn.btn-purple:focus{background-color:#402770;text-decoration: none;}
a.uw-btn.btn-purple:before{background-color:#402770;}
a.uw-btn.btn-purple:hover:before{background-color:#201338;}
a.uw-btn:after{content:"";position:absolute;top:0;bottom:0;width:55px;height:55px;right:-55px;top:50%;margin-top:-28px;background:url(https://www.washington.edu/wp-content/themes/uw-2014/assets/svg/uw-sprite.svg) no-repeat -36px -475px transparent;}
a.uw-btn:before{content:"";width:55px;right:-55px;top:0;bottom:0;position:absolute;background-color:#4b2e83;border-left:5px solid rgba(0,0,0,.3);}
a.uw-btn.btn-play:after{background-position:-36px -539px;}
a.uw-btn.btn-external:after{background-position:-146px -475px;}
a.uw-btn.btn-plus:after{background-position:-95px -539px;}
a.uw-btn.btn-gold:before{background-color:#85754d;}
.introBg{
	margin-top: 10px;
	height: 100%;
	position: relative;	
	z-index: 1;
}
.lessPadding{
	padding-left: 5px;	
}
.listStyle{
	list-style: none;	
}
#quiz1q1 ul li{
	list-style: none;
	margin-left: 0px;
	margin-right: 0px;	
}
#quiz2q2 ul li{
	list-style: none;
	margin-left: 0px;
	margin-right: 0px;		
}
input[type="button"] {	
  float: right;
  height: 40px;
  background-color: #ffffff;
  color: #5a5a5a;
  font-weight: bold;
  border: 1px solid #e8e3d3;
  float: right;
  font-size: 14px;
  line-height: 16px;
  margin-right: 7%;
  padding-left: 15px;
  padding-right: 15px;
}
input[type="button"]:hover {
	/*background-color: #EFEFEF;*/
	color: #85754d;
	cursor: pointer;
	background-color: #ffffff;
}
.contentModule{
	padding: 5%;
	padding-top: 0px;
}
.contentModule h4{
	color: #b7a57a;
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
	font-family: 'Open Sans', sans-serif;
}
.contentModule h3{
	color: #4b2e83;
    font-size: 21px;
    margin-top: 5px;
    font-weight: 900;
	font-family: 'Encode Sans Compressed', sans-serif;
}
.contentModule ul{
	font-size: 16px;
    line-height: 1.6em;
	font-weight: 400;
    color: #3d3d3d;
    -webkit-font-smoothing: antialiased;
	font-family: 'Open Sans', sans-serif;
}
.contentModule li{
	font-size: 16px;
    line-height: 1.6em;
	font-weight: 400;
    color: #3d3d3d;
    -webkit-font-smoothing: antialiased;
	font-family: 'Open Sans', sans-serif;
}
.contentModule p{
	font-size: 16px;
    line-height: 1.6em;
	font-weight: 400;
    color: #3d3d3d;
    -webkit-font-smoothing: antialiased;
	font-family: 'Open Sans', sans-serif;
}
a.uw-btn1{
	padding:13px 24px;
	text-transform:uppercase;
	background-color:#e8e3d3;
	font-family:"Encode Sans Compressed",sans-serif;
	font-weight:800;
	color:#5a5a5a;
	display:inline-block;
	position:relative;
	background-image:none!important;
	border-bottom:none;
	margin-bottom:25px;
	margin-right:55px;
	z-index:1;
	line-height:24px;
	position: relative;
	text-decoration: none;
	cursor: pointer;
	}
a.uw-btn1.btn1-sm{
	padding:10px 16px;
	font-size:14px;
	font-weight:700;
	border-radius:0;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	}
a.uw-btn1.btn1-sm:before{
	width:45px;
	right:-45px;
	}
a.uw-btn1.btn1-sm:after{
	width:45px;
	height:45px;
	top:50%;
	margin-top:-21px;
	right:-45px;
	background-size:740px;
	background-position:-32px -410px;
	}
a.uw-btn1.btn1-sm.btn1-play:after{
	background-position:-31px -466px;
	}
a.uw-btn1.btn1-sm.btn1-external:after{
	background-position:-126px -410px;}
a.uw-btn1.btn1-sm.btn1-plus:after{
	background-position:-83px -465px;}
a.uw-btn1:hover,a.uw-btn1:focus{
	color:#85754d;
	background-color:#f5f5f5;
	text-decoration: none;
	}
a.uw-btn1:hover:before,a.uw-btn1:focus:before{
	background-color:#613ba9;
	text-decoration: none;
	}
a.uw-btn1.btn1-gold:hover:before{background-color:#a49161;text-decoration: none;}
a.uw-btn1.btn1-purple{background-color:#4b2e83;color:#fff;}
a.uw-btn1.btn1-purple:hover,a.uw-btn1.btn1-purple:focus{background-color:#402770;text-decoration: none;}
a.uw-btn1.btn1-purple:before{background-color:#402770;}
a.uw-btn1.btn1-purple:hover:before{background-color:#201338;}
a.uw-btn1:after{content:"";position:absolute;top:0;bottom:0;width:55px;height:55px;right:-55px;top:50%;margin-top:-28px;background:url(https://www.washington.edu/wp-content/themes/uw-2014/assets/svg/uw-sprite.svg) no-repeat -36px -475px transparent;}
a.uw-btn1:before{content:"";width:55px;right:-55px;top:0;bottom:0;position:absolute;background-color:#4b2e83;border-left:5px solid rgba(0,0,0,.3);}
a.uw-btn1.btn1-play:after{background-position:-36px -539px;}
a.uw-btn1.btn1-external:after{background-position:-146px -475px;}
a.uw-btn1.btn1-plus:after{background-position:-95px -539px;}
a.uw-btn1.btn1-gold:before{background-color:#85754d;}
.spacerFooter{
	height: 60px;	
}
#boxOne,#boxTwo,#boxThree,#boxFour,#boxFive,#boxSix{display: none;}
#span1,#span3,#span4{
	display: none;
	color: #990000;
}
#spanQ1,#spanQ2,#spanQ3,#spanQ4,#spanQ5,#spanQ6,#spanQ7,#spanQ8,#spanQ9,#spanQ10,#spanGreen,#span5,#span6,#span7,#span8{
display: none;}
#result6,#result5{
	display: none;
}
/*--------------------------------------------
				Media Queries
---------------------------------------------*/
@media (max-width: 1110px) {
.introBg{margin-top: 0px;}
.titleTop{top: 40px; font-size: 36px;}
.titleTop1{top: 270px;}
#boundlessBar {top: 150px;}
a.uw-btn{top: 370px;}
.aboutGrant{height: 150px;}
}
@media (max-width: 1000px) {
.preModule{
	margin-right: 0px;
}
@media (max-width: 850px) {
.introBg{margin-top: 0px;}
.titleTop{top: 40px; font-size: 30px;}
#boundlessBar {top: 135px; width: 200px;}
a.uw-btn{top: 400px;}
}
@media (max-width: 720px) {
#q1 {padding: 30px;}	
#q2 {padding: 30px;}	
#q3 {padding: 30px;}	
#q4 {padding: 30px;}	
#q5 {padding: 30px;}	
#q6 {padding: 30px;}	
#q7 {padding: 30px;}	
#q8 {padding: 30px;}	
#q9 {padding: 30px;}	
#q10 {padding: 30px;}	
#q11 {padding: 30px;}	
#q12 {padding: 30px;}
#q13 {padding: 30px;}	
#q14 {padding: 30px;}	
#q15 {padding: 30px;}	
#q16 {padding: 30px;}	
#q17 {padding: 30px;}	
#q18 {padding: 30px;}	
#q19 {padding: 30px;}	
#q20 {padding: 30px;}	
#q21 {padding: 30px;}	
#q22 {padding: 30px;}	
#q23 {padding: 30px;}	
#q24 {padding: 30px;}
#introVideo ul li{margin-left: 10px;}
h1 {font-size: 28px !important;}	
h2 {font-size: 24px !important;}
h3 {font-size: 22px !important;}
.titleTop{top: 270px;top: 40px; font-size: 30px;}
#quiz32q1 ul li {margin-left: 0px; display: block !important;}
.introBg{margin-top: 0px;}
#boundlessBar {top: 130px; width: 200px;}
a.uw-btn{top: 370px;}
.aboutGrant{height: 200px;}
}

@media (max-width: 680px) {
.introBg{margin-top: 0px;}
.titleTop{top: 40px; font-size: 20px !important;}
.titleTop1{top: 220px; padding-right:0px; width: 300px;font-size: 18px !important;}
#boundlessBar {top: 110px; width: 180px; display:none;}
a.uw-btn{top: 280px;}
.aboutGrant{height: 180px;}
.bottomLogos img{width: 480px;}
.pc-logo img{width: 480px; margin-top: 10px;}
}
@media (max-width: 480px) {
body{min-width: 400px;}
#container{min-width: 400px;}	
#q1 {padding: 10px;}	
#q2 {padding: 10px;}	
#q3 {padding: 10px;}	
#q4 {padding: 10px;}	
#q5 {padding: 10px;}	
#q6 {padding: 10px;}	
#q7 {padding: 10px;}	
#q8 {padding: 10px;}	
#q9 {padding: 10px;}	
#q10 {padding: 10px;}	
#q11 {padding: 10px;}	
#q12 {padding: 10px;}
#q13 {padding: 10px;}	
#q14 {padding: 10px;}	
#q15 {padding: 10px;}	
#q16 {padding: 10px;}	
#q17 {padding: 10px;}	
#q18 {padding: 10px;}	
#q19 {padding: 10px;}	
#q20 {padding: 10px;}	
#q21 {padding: 10px;}	
#q22 {padding: 10px;}	
#q23 {padding: 10px;}	
#q24 {padding: 10px;}
#introVideo ul li{margin-left: 10px;}
#quiz32q1 ul li {margin-left: 0px; display: block!important;}
h1 {font-size: 22px !important;}	
h2 {font-size: 20px !important;}
h3 {font-size: 18px !important;}
.page-header img{ width: 90%;}
.titleTop{top: 0px; font-size: 16px !important;}
.introBg{margin-top: 0px;}
.titleTop1{top: 150px; padding-right:0px; width: 300px;font-size: 14px !important;}
#boundlessBar {top: 200px; width: 180px; display:none;}
a.uw-btn{top: 210px;}
.bottomLogos img{width: 380px;}
.bottomLogos1 img{width: 180px;}
.pc-logo img{width: 380px; margin-top: 20px;}
}